sadmann7 · Sep 20, 2026 · Sep 20, 2026 · Sep 20, 2026
diff --git a/registry.json b/registry.json
@@ -23,7 +23,13 @@
         "label",
         "skeleton"
       ],
-      "dependencies": ["@tanstack/react-table", "lucide-react", "nuqs", "cn"],
+      "dependencies": [
+        "@tanstack/react-table",
+        "lucide-react",
+        "nuqs",
+        "cn",
+        "zod"
+      ],
       "files": [
         {
           "path": "src/registry/bases/radix/components/data-table/data-table.tsx",
@@ -112,7 +118,16 @@
         "popover",
         "select"
       ],
-      "dependencies": ["@tanstack/react-table", "lucide-react", "cn"],
+      "dependencies": [
+        "@tanstack/react-table",
+        "lucide-react",
+        "cn",
+        "@dnd-kit/core",
+        "@dnd-kit/modifiers",
+        "@dnd-kit/sortable",
+        "@dnd-kit/utilities",
+        "zod"
+      ],
       "files": [
         {
           "path": "src/registry/bases/radix/components/data-table/data-table-sort-list.tsx",
@@ -160,7 +175,17 @@
         "popover",
         "select"
       ],
-      "dependencies": ["@tanstack/react-table", "lucide-react", "nuqs", "cn"],
+      "dependencies": [
+        "@tanstack/react-table",
+        "lucide-react",
+        "nuqs",
+        "cn",
+        "@dnd-kit/core",
+        "@dnd-kit/modifiers",
+        "@dnd-kit/sortable",
+        "@dnd-kit/utilities",
+        "zod"
+      ],
       "files": [
         {
           "path": "src/registry/bases/radix/components/data-table/data-table-filter-list.tsx",
@@ -240,7 +265,13 @@
         "popover",
         "select"
       ],
-      "dependencies": ["@tanstack/react-table", "lucide-react", "nuqs", "cn"],
+      "dependencies": [
+        "@tanstack/react-table",
+        "lucide-react",
+        "nuqs",
+        "cn",
+        "zod"
+      ],
       "files": [
         {
           "path": "src/registry/bases/radix/components/data-table/data-table-filter-menu.tsx",
@@ -449,7 +480,15 @@
         "popover",
         "select"
       ],
-      "dependencies": ["@tanstack/react-table", "lucide-react", "cn"],
+      "dependencies": [
+        "@tanstack/react-table",
+        "lucide-react",
+        "cn",
+        "@dnd-kit/core",
+        "@dnd-kit/modifiers",
+        "@dnd-kit/sortable",
+        "@dnd-kit/utilities"
+      ],
       "files": [
         {
           "path": "src/registry/bases/radix/components/data-grid/data-grid-sort-menu.tsx",
@@ -565,7 +604,15 @@
         "popover",
         "select"
       ],
-      "dependencies": ["@tanstack/react-table", "lucide-react", "cn"],
+      "dependencies": [
+        "@tanstack/react-table",
+        "lucide-react",
+        "cn",
+        "@dnd-kit/core",
+        "@dnd-kit/modifiers",
+        "@dnd-kit/sortable",
+        "@dnd-kit/utilities"
+      ],
       "files": [
         {
           "path": "src/registry/bases/radix/components/data-grid/data-grid-filter-menu.tsx",

diff --git a/scripts/build-registry.ts b/scripts/build-registry.ts
@@ -85,7 +85,16 @@ function withImportedDependencies(
 
   const next = [...(dependencies ?? [])];
 
-  for (const pkg of ["@base-ui/react", "@base-ui/utils", "cn"] as const) {
+  for (const pkg of [
+    "@base-ui/react",
+    "@base-ui/utils",
+    "@dnd-kit/core",
+    "@dnd-kit/modifiers",
+    "@dnd-kit/sortable",
+    "@dnd-kit/utilities",
+    "cn",
+    "zod",
+  ] as const) {
     if (contents.some((content) => content.includes(`"${pkg}`))) {
       if (!next.includes(pkg)) next.push(pkg);
     }

diff --git a/src/registry/bases/base/components/data-grid/data-grid-cell-variants.tsx b/src/registry/bases/base/components/data-grid/data-grid-cell-variants.tsx
@@ -49,7 +49,7 @@ import {
 } from "@/registry/bases/radix/ui/command";
 import { Skeleton } from "@/registry/bases/radix/ui/skeleton";
 import { Textarea } from "@/registry/bases/radix/ui/textarea";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 export function ShortTextCell<TData extends RowData>({
   cell,

diff --git a/src/registry/bases/base/components/data-grid/data-grid-column-header.tsx b/src/registry/bases/base/components/data-grid/data-grid-column-header.tsx
@@ -29,7 +29,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/registry/bases/base/ui/tooltip";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataGridColumnHeaderProps<
   TData extends RowData,

diff --git a/src/registry/bases/base/components/data-grid/data-grid-context-menu.tsx b/src/registry/bases/base/components/data-grid/data-grid-context-menu.tsx
@@ -21,7 +21,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/registry/bases/base/ui/dropdown-menu";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataGridContextMenuProps<TData extends RowData> {
   tableMeta: DataGridTableMeta;

diff --git a/src/registry/bases/base/components/data-grid/data-grid-filter-menu.tsx b/src/registry/bases/base/components/data-grid/data-grid-filter-menu.tsx
@@ -52,7 +52,7 @@ import {
   CommandList,
 } from "@/registry/bases/radix/ui/command";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const FILTER_SHORTCUT_KEY = "f";
 const REMOVE_FILTER_SHORTCUTS = new Set(["backspace", "delete"]);

diff --git a/src/registry/bases/base/components/data-grid/data-grid-keyboard-shortcuts.tsx b/src/registry/bases/base/components/data-grid/data-grid-keyboard-shortcuts.tsx
@@ -15,7 +15,7 @@ import { useDirection } from "@/registry/bases/base/ui/direction";
 import { Separator } from "@/registry/bases/base/ui/separator";
 import { Input } from "@/registry/bases/radix/ui/input";
 import { Kbd, KbdGroup } from "@/registry/bases/radix/ui/kbd";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const SHORTCUT_KEY = "/";
 

diff --git a/src/registry/bases/base/components/data-grid/data-grid-row-height-menu.tsx b/src/registry/bases/base/components/data-grid/data-grid-row-height-menu.tsx
@@ -14,7 +14,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/registry/bases/base/ui/select";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const rowHeights = [
   {

diff --git a/src/registry/bases/base/components/data-grid/data-grid-search.tsx b/src/registry/bases/base/components/data-grid/data-grid-search.tsx
@@ -8,7 +8,7 @@ import { useAsRef } from "@/hooks/use-as-ref";
 import { useDebouncedCallback } from "@/hooks/use-debounced-callback";
 import { Button } from "@/registry/bases/base/ui/button";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 function onTriggerPointerDown(event: React.PointerEvent<HTMLButtonElement>) {
   const target = event.target;

diff --git a/src/registry/bases/base/components/data-grid/data-grid-sort-menu.tsx b/src/registry/bases/base/components/data-grid/data-grid-sort-menu.tsx
@@ -38,7 +38,7 @@ import {
   CommandItem,
   CommandList,
 } from "@/registry/bases/radix/ui/command";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const SORT_SHORTCUT_KEY = "s";
 const REMOVE_SORT_SHORTCUTS = new Set(["backspace", "delete"]);

diff --git a/src/registry/bases/base/components/data-grid/data-grid-view-menu.tsx b/src/registry/bases/base/components/data-grid/data-grid-view-menu.tsx
@@ -22,7 +22,7 @@ import {
   CommandItem,
   CommandList,
 } from "@/registry/bases/radix/ui/command";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataGridViewMenuProps<
   TData extends RowData,

diff --git a/src/registry/bases/base/components/data-grid/data-grid.tsx b/src/registry/bases/base/components/data-grid/data-grid.tsx
@@ -19,7 +19,7 @@ import { DataGridContextMenu } from "@/registry/bases/base/components/data-grid/
 import { DataGridPasteDialog } from "@/registry/bases/base/components/data-grid/data-grid-paste-dialog";
 import { DataGridRow } from "@/registry/bases/base/components/data-grid/data-grid-row";
 import { DataGridSearch } from "@/registry/bases/base/components/data-grid/data-grid-search";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const EMPTY_CELL_SELECTION_SET = new Set<string>();
 

diff --git a/src/registry/bases/base/components/data-table/data-table-column-header.tsx b/src/registry/bases/base/components/data-table/data-table-column-header.tsx
@@ -13,7 +13,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/registry/bases/base/ui/dropdown-menu";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataTableColumnHeaderProps<
   TData extends RowData,

diff --git a/src/registry/bases/base/components/data-table/data-table-date-filter.tsx b/src/registry/bases/base/components/data-table/data-table-date-filter.tsx
@@ -16,7 +16,7 @@ import {
 } from "@/registry/bases/base/ui/popover";
 import { Separator } from "@/registry/bases/base/ui/separator";
 import { Calendar } from "@/registry/bases/radix/ui/calendar";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 type DateSelection = Date[] | DateRange;
 

diff --git a/src/registry/bases/base/components/data-table/data-table-faceted-filter.tsx b/src/registry/bases/base/components/data-table/data-table-faceted-filter.tsx
@@ -25,7 +25,7 @@ import {
   CommandList,
   CommandSeparator,
 } from "@/registry/bases/radix/ui/command";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataTableFacetedFilterProps<TData extends RowData, TValue> {
   column?: Column<DataTableFeatures, TData, TValue>;

diff --git a/src/registry/bases/base/components/data-table/data-table-filter-list.tsx b/src/registry/bases/base/components/data-table/data-table-filter-list.tsx
@@ -66,7 +66,7 @@ import {
   CommandList,
 } from "@/registry/bases/radix/ui/command";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const DEBOUNCE_MS = 300;
 const THROTTLE_MS = 50;

diff --git a/src/registry/bases/base/components/data-table/data-table-filter-menu.tsx b/src/registry/bases/base/components/data-table/data-table-filter-menu.tsx
@@ -42,7 +42,7 @@ import {
   CommandList,
 } from "@/registry/bases/radix/ui/command";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const DEBOUNCE_MS = 300;
 const THROTTLE_MS = 50;

diff --git a/src/registry/bases/base/components/data-table/data-table-pagination.tsx b/src/registry/bases/base/components/data-table/data-table-pagination.tsx
@@ -13,7 +13,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/registry/bases/base/ui/select";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataTablePaginationProps<
   TData extends RowData,

diff --git a/src/registry/bases/base/components/data-table/data-table-slider-filter.tsx b/src/registry/bases/base/components/data-table/data-table-slider-filter.tsx
@@ -17,7 +17,7 @@ import {
 import { Separator } from "@/registry/bases/base/ui/separator";
 import { Slider } from "@/registry/bases/base/ui/slider";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface Range {
   min: number;

diff --git a/src/registry/bases/base/components/data-table/data-table-sort-list.tsx b/src/registry/bases/base/components/data-table/data-table-sort-list.tsx
@@ -38,7 +38,7 @@ import {
   CommandItem,
   CommandList,
 } from "@/registry/bases/radix/ui/command";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const SORT_SHORTCUT_KEY = "s";
 const REMOVE_SORT_SHORTCUTS = ["backspace", "delete"];

diff --git a/src/registry/bases/base/components/data-table/data-table-toolbar.tsx b/src/registry/bases/base/components/data-table/data-table-toolbar.tsx
@@ -13,7 +13,7 @@ import { DataTableSliderFilter } from "@/registry/bases/base/components/data-tab
 import { DataTableViewOptions } from "@/registry/bases/base/components/data-table/data-table-view-options";
 import { Button } from "@/registry/bases/base/ui/button";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataTableToolbarProps<
   TData extends RowData,

diff --git a/src/registry/bases/base/components/data-table/data-table-view-options.tsx b/src/registry/bases/base/components/data-table/data-table-view-options.tsx
@@ -21,7 +21,7 @@ import {
   CommandItem,
   CommandList,
 } from "@/registry/bases/radix/ui/command";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataTableViewOptionsProps<
   TData extends RowData,

diff --git a/src/registry/bases/base/ui/direction.tsx b/src/registry/bases/base/ui/direction.tsx
@@ -1,6 +1,13 @@
 "use client";
 
-export {
+import {
   DirectionProvider,
-  useDirection,
+  useDirection as useBaseDirection,
 } from "@base-ui/react/direction-provider";
+
+function useDirection(dir?: "ltr" | "rtl") {
+  const contextDir = useBaseDirection();
+  return dir ?? contextDir;
+}
+
+export { DirectionProvider, useDirection };
diff --git a/src/registry/bases/base/ui/faceted.tsx b/src/registry/bases/base/ui/faceted.tsx
@@ -18,7 +18,7 @@ import {
   CommandList,
   CommandSeparator,
 } from "@/registry/bases/radix/ui/command";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 type FacetedValue<Multiple extends boolean> = Multiple extends true
   ? string[]

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-cell-variants.tsx b/src/registry/bases/radix/components/data-grid/data-grid-cell-variants.tsx
@@ -49,7 +49,7 @@ import {
 } from "@/registry/bases/radix/ui/select";
 import { Skeleton } from "@/registry/bases/radix/ui/skeleton";
 import { Textarea } from "@/registry/bases/radix/ui/textarea";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 export function ShortTextCell<TData extends RowData>({
   cell,

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-column-header.tsx b/src/registry/bases/radix/components/data-grid/data-grid-column-header.tsx
@@ -28,7 +28,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/registry/bases/radix/ui/tooltip";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataGridColumnHeaderProps<
   TData extends RowData,

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-context-menu.tsx b/src/registry/bases/radix/components/data-grid/data-grid-context-menu.tsx
@@ -21,7 +21,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/registry/bases/radix/ui/dropdown-menu";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 interface DataGridContextMenuProps<TData extends RowData> {
   tableMeta: DataGridTableMeta;

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-filter-menu.tsx b/src/registry/bases/radix/components/data-grid/data-grid-filter-menu.tsx
@@ -52,7 +52,7 @@ import {
   SortableItemHandle,
   SortableOverlay,
 } from "@/registry/bases/radix/ui/sortable";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const FILTER_SHORTCUT_KEY = "f";
 const REMOVE_FILTER_SHORTCUTS = new Set(["backspace", "delete"]);

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-keyboard-shortcuts.tsx b/src/registry/bases/radix/components/data-grid/data-grid-keyboard-shortcuts.tsx
@@ -15,7 +15,7 @@ import { useDirection } from "@/registry/bases/radix/ui/direction";
 import { Input } from "@/registry/bases/radix/ui/input";
 import { Kbd, KbdGroup } from "@/registry/bases/radix/ui/kbd";
 import { Separator } from "@/registry/bases/radix/ui/separator";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const SHORTCUT_KEY = "/";
 

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-row-height-menu.tsx b/src/registry/bases/radix/components/data-grid/data-grid-row-height-menu.tsx
@@ -14,7 +14,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/registry/bases/radix/ui/select";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const rowHeights = [
   {

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-search.tsx b/src/registry/bases/radix/components/data-grid/data-grid-search.tsx
@@ -8,7 +8,7 @@ import { useAsRef } from "@/hooks/use-as-ref";
 import { useDebouncedCallback } from "@/hooks/use-debounced-callback";
 import { Button } from "@/registry/bases/radix/ui/button";
 import { Input } from "@/registry/bases/radix/ui/input";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 function onTriggerPointerDown(event: React.PointerEvent<HTMLButtonElement>) {
   const target = event.target;

diff --git a/src/registry/bases/radix/components/data-grid/data-grid-sort-menu.tsx b/src/registry/bases/radix/components/data-grid/data-grid-sort-menu.tsx
@@ -43,7 +43,7 @@ import {
   SortableItemHandle,
   SortableOverlay,
 } from "@/registry/bases/radix/ui/sortable";
-import { IconPlaceholder } from "@/registry/icon-placeholder";
+import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
 
 const SORT_SHORTCUT_KEY = "s";
 const REMOVE_SORT_SHORTCUTS = new Set(["backspace", "delete"]);