@devalok/shilp-sutra 0.1.0 → 0.2.0

package/dist/ui/chip.js

@@ -1,9 +1,11 @@
-import { jsxs as l, Fragment as p, jsx as r } from "react/jsx-runtime";
-import * as i from "react";
+"use client";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import * as v from "react";
+import { IconX as p } from "@tabler/icons-react";
 import { cva as N } from "class-variance-authority";
 import { cn as h } from "./lib/utils.js";
 const w = N(
-  "inline-flex items-center gap-ds-02 font-sans leading-[var(--line-height-relaxed)] rounded-ds-full transition-colors duration-fast-01",
+  "inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01",
   {
     variants: {
       variant: {
@@ -63,43 +65,40 @@ const w = N(
       color: "default"
     }
   }
-), k = i.forwardRef(
-  ({ label: t, variant: n, size: d, color: g, icon: o, onClick: s, onDelete: c, disabled: a, className: b, ...m }, x) => {
-    const e = !!s, y = e ? "button" : "span", f = e && !a ? "cursor-pointer hover:bg-field-hover" : "", u = a ? "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed" : "";
-    return i.createElement(
-      y,
+), C = v.forwardRef(
+  ({ label: t, variant: l, size: i, color: n, icon: o, onClick: s, onDelete: c, disabled: a, className: d, ...g }, b) => {
+    const r = !!s, m = r ? "button" : "span", x = r && !a ? "cursor-pointer hover:bg-field-hover" : "", y = a ? "opacity-action-disabled cursor-not-allowed" : "";
+    return /* @__PURE__ */ u(
+      m,
       {
-        ref: x,
-        className: h(w({ variant: n, size: d, color: g }), f, u, b),
-        onClick: e ? s : void 0,
-        disabled: e ? a : void 0,
-        type: e ? "button" : void 0,
-        ...m
-      },
-      /* @__PURE__ */ l(p, { children: [
-        o && /* @__PURE__ */ r("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
-        /* @__PURE__ */ r("span", { children: t }),
-        c && /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Remove ${t}`,
-            className: "flex-shrink-0 rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
-            onClick: (v) => {
-              v.stopPropagation(), c();
-            },
-            children: /* @__PURE__ */ l("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-              /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ] })
-          }
-        )
-      ] })
+        ref: b,
+        className: h(w({ variant: l, size: i, color: n }), x, y, d),
+        onClick: r ? s : void 0,
+        disabled: r ? a : void 0,
+        type: r ? "button" : void 0,
+        ...g,
+        children: [
+          o && /* @__PURE__ */ e("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
+          /* @__PURE__ */ e("span", { children: t }),
+          c && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${t}`,
+              className: "flex-shrink-0 rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
+              onClick: (f) => {
+                f.stopPropagation(), c();
+              },
+              children: /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
+            }
+          )
+        ]
+      }
     );
   }
 );
-k.displayName = "Chip";
+C.displayName = "Chip";
 export {
-  k as Chip,
+  C as Chip,
   w as chipVariants
 };

package/dist/ui/code.js

@@ -1,28 +1,28 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as a from "react";
-import { cn as m } from "./lib/utils.js";
+import { cn as s } from "./lib/utils.js";
 const n = a.forwardRef(
-  ({ className: o, variant: s = "inline", children: r, ...t }, d) => s === "block" ? /* @__PURE__ */ e(
+  ({ className: r, variant: m = "inline", children: o, ...d }, t) => m === "block" ? /* @__PURE__ */ e(
     "pre",
     {
-      ref: d,
-      className: m(
-        "overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-[150%] text-text-primary",
-        o
+      ref: t,
+      className: s(
+        "overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-ds-relaxed text-text-primary",
+        r
       ),
-      ...t,
-      children: /* @__PURE__ */ e("code", { children: r })
+      ...d,
+      children: /* @__PURE__ */ e("code", { children: o })
     }
   ) : /* @__PURE__ */ e(
     "code",
     {
-      ref: d,
-      className: m(
+      ref: t,
+      className: s(
         "rounded-ds-sm bg-layer-03 px-ds-02 py-ds-01 font-mono text-ds-sm text-text-primary",
-        o
+        r
       ),
-      ...t,
-      children: r
+      ...d,
+      children: o
     }
   )
 );

package/dist/ui/collapsible.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from 'react';
-import * as CollapsiblePrimitive from '@primitives/react-collapsible';
+import * as CollapsiblePrimitive from '../primitives/react-collapsible';
 declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/collapsible.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
 import { Root as l, Trigger as n, Content as a } from "../primitives/react-collapsible.js";

package/dist/ui/combobox.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 /**
  * Option shape for a Combobox dropdown item.

package/dist/ui/combobox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r, jsxs as d, Fragment as F } from "react/jsx-runtime";
 import * as a from "react";
 import { Root as V, Trigger as B, Portal as G, Content as U } from "../primitives/react-popover.js";
@@ -187,7 +188,7 @@ const P = 2, Y = 36, Z = a.forwardRef(
           ),
           children: [
             X(),
-            /* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-50 transition-transform duration-fast-01", h && "rotate-180"), "aria-hidden": "true" })
+            /* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-[0.5] transition-transform duration-fast-01", h && "rotate-180"), "aria-hidden": "true" })
           ]
         }
       ) }),

package/dist/ui/context-menu.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from "react";
-import * as ContextMenuPrimitive from "@primitives/react-context-menu";
+import * as ContextMenuPrimitive from "../primitives/react-context-menu";
 declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
 declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
 declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/context-menu.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import * as n from "react";
 import { Root as N, Group as C, Portal as l, RadioGroup as g, Sub as w, Trigger as R, CheckboxItem as m, ItemIndicator as c, Content as p, Item as u, Label as f, RadioItem as x, Separator as b, SubContent as y, SubTrigger as h } from "../primitives/react-context-menu.js";
@@ -107,7 +108,7 @@ const P = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   b,
   {
     ref: a,
-    className: d("-mx-1 my-ds-02 h-px bg-border-subtle", e),
+    className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
     ...t
   }
 ));

package/dist/ui/data-table-toolbar.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { Table } from '@tanstack/react-table';
 export type Density = 'compact' | 'standard' | 'comfortable';
 export interface DataTableToolbarProps<TData> {

package/dist/ui/data-table-toolbar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { IconSearch as x, IconColumns3 as C, IconTextResize as y, IconDownload as v } from "@tabler/icons-react";
 import { DropdownMenu as w, DropdownMenuTrigger as D, DropdownMenuContent as N, DropdownMenuLabel as T, DropdownMenuSeparator as k, DropdownMenuCheckboxItem as I } from "./dropdown-menu.js";

package/dist/ui/data-table.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { default as React } from 'react';
 import { ColumnDef } from '@tanstack/react-table';
 import { Density } from './data-table-toolbar';

package/dist/ui/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AACvE,OAAO,EACL,KAAK,SAAS,EAiBf,MAAM,uBAAuB,CAAA;AAqB9B,OAAO,EAAoB,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAWrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,kDAAkD;IAClD,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,eAAe;IACf,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACnD,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAGrD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAGzE,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAA;IAGhD,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAuDD,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAgB,EAChB,UAAkB,EAClB,YAAoB,EACpB,SAAiB,EACjB,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,UAAkB,EAClB,iBAAiB,EACjB,OAAe,EACf,OAAO,EAAE,cAA2B,EACpC,aAAa,EAAE,oBAAoB,EACnC,QAAgB,EAChB,UAAU,EACV,UAAkB,EAClB,cAAc,EACd,WAAmB,EACnB,gBAAqB,EACrB,SAAe,GAChB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAshB/B;yBA7iBe,SAAS"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AACvE,OAAO,EACL,KAAK,SAAS,EAiBf,MAAM,uBAAuB,CAAA;AAqB9B,OAAO,EAAoB,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAWrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,kDAAkD;IAClD,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,eAAe;IACf,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACnD,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAGrD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAGzE,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAA;IAGhD,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAuDD,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAgB,EAChB,UAAkB,EAClB,YAAoB,EACpB,SAAiB,EACjB,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,UAAkB,EAClB,iBAAiB,EACjB,OAAe,EACf,OAAO,EAAE,cAA2B,EACpC,aAAa,EAAE,oBAAoB,EACnC,QAAgB,EAChB,UAAU,EACV,UAAkB,EAClB,cAAc,EACd,WAAmB,EACnB,gBAAqB,EACrB,SAAe,GAChB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAqhB/B;yBA5iBe,SAAS"}

package/dist/ui/data-table.js

@@ -1,9 +1,10 @@
+"use client";
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import we, { useState as d, useRef as J, useEffect as Q, useCallback as ve } from "react";
-import { useReactTable as De, getExpandedRowModel as Ie, getPaginationRowModel as Re, getFilteredRowModel as Fe, getSortedRowModel as ze, getCoreRowModel as Pe, flexRender as E } from "@tanstack/react-table";
-import { useVirtualizer as ke } from "@tanstack/react-virtual";
-import { IconArrowUp as Ee, IconArrowDown as Me, IconArrowsSort as Te, IconSearch as Ve, IconChevronLeft as $e, IconChevronRight as L } from "@tabler/icons-react";
-import { Table as He, TableHeader as je, TableRow as y, TableHead as U, TableBody as M, TableCell as T } from "./table.js";
+import Ne, { useState as d, useRef as J, useEffect as Q, useCallback as ve } from "react";
+import { useReactTable as De, getExpandedRowModel as Ie, getPaginationRowModel as Re, getFilteredRowModel as Fe, getSortedRowModel as Pe, getCoreRowModel as ke, flexRender as M } from "@tanstack/react-table";
+import { useVirtualizer as Ee } from "@tanstack/react-virtual";
+import { IconArrowUp as ze, IconArrowDown as Me, IconArrowsSort as Te, IconSearch as Ve, IconChevronLeft as $e, IconChevronRight as L } from "@tabler/icons-react";
+import { Table as He, TableHeader as je, TableRow as y, TableHead as U, TableBody as T, TableCell as V } from "./table.js";
 import { Checkbox as q } from "./checkbox.js";
 import { cn as i } from "./lib/utils.js";
 import { DataTableToolbar as _e } from "./data-table-toolbar.js";
@@ -59,25 +60,25 @@ function Ge({
   pageSize: C,
   pageSizeOptions: W,
   selectable: I = !1,
-  onSelectionChange: V,
+  onSelectionChange: R,
   toolbar: $ = !1,
   density: X = "standard",
   columnPinning: p,
   editable: Z = !1,
-  onCellEdit: R,
-  expandable: N = !1,
+  onCellEdit: F,
+  expandable: w = !1,
   renderExpanded: H,
   virtualRows: m = !1,
   virtualRowHeight: ee = 48,
   maxHeight: te = 600
 }) {
-  const [le, ne] = d([]), [oe, ae] = d([]), [F, z] = d(""), [se, re] = d({
+  const [le, ne] = d([]), [oe, ae] = d([]), [P, k] = d(""), [se, re] = d({
     pageIndex: 0,
     pageSize: C ?? 10
   }), [j, de] = d({}), [ie, ce] = d({}), [_, ue] = d({
     left: (p == null ? void 0 : p.left) ?? [],
     right: (p == null ? void 0 : p.right) ?? []
-  }), [A, me] = d(X), [b, P] = d(null), [ge, fe] = d({}), B = J(null), pe = {
+  }), [A, me] = d(X), [b, E] = d(null), [ge, fe] = d({}), B = J(null), pe = {
     id: "_select",
     header: ({ table: e }) => /* @__PURE__ */ l(
       q,
@@ -108,13 +109,13 @@ function Ge({
         type: "button",
         onClick: () => e.toggleExpanded(),
         "aria-label": e.getIsExpanded() ? "Collapse row" : "Expand row",
-        className: "flex items-center justify-center p-ds-01 rounded hover:bg-layer-02 transition-colors",
+        className: "flex items-center justify-center p-ds-01 rounded-ds-sm hover:bg-layer-02 transition-colors",
         children: /* @__PURE__ */ l(
           L,
           {
             size: 16,
             className: i(
-              "transition-transform duration-200",
+              "transition-transform duration-moderate-02",
               e.getIsExpanded() && "rotate-90"
             ),
             "aria-hidden": "true"
@@ -125,29 +126,29 @@ function Ge({
     enableSorting: !1,
     enableColumnFilter: !1,
     enableHiding: !1
-  }, k = [
+  }, z = [
     ...I ? [pe] : [],
-    ...N ? [be] : [],
+    ...w ? [be] : [],
     ...v
   ], g = {
     columnVisibility: ie,
     columnPinning: _
   };
-  h && (g.sorting = le), (c || u) && (g.columnFilters = oe, g.globalFilter = F), s && (g.pagination = se), I && (g.rowSelection = j), N && (g.expanded = ge);
-  const o = De({
+  h && (g.sorting = le), (c || u) && (g.columnFilters = oe, g.globalFilter = P), s && (g.pagination = se), I && (g.rowSelection = j), w && (g.expanded = ge);
+  const n = De({
     data: S,
-    columns: k,
+    columns: z,
     state: g,
     onColumnVisibilityChange: ce,
     onColumnPinningChange: ue,
-    getCoreRowModel: Pe(),
+    getCoreRowModel: ke(),
     ...h && {
       onSortingChange: ne,
-      getSortedRowModel: ze()
+      getSortedRowModel: Pe()
     },
     ...(c || u) && {
       onColumnFiltersChange: ae,
-      onGlobalFilterChange: z,
+      onGlobalFilterChange: k,
       getFilteredRowModel: Fe()
     },
     ...s && {
@@ -158,20 +159,20 @@ function Ge({
       onRowSelectionChange: de,
       enableRowSelection: !0
     },
-    ...N && {
+    ...w && {
       onExpandedChange: fe,
       getExpandedRowModel: Ie()
     }
   });
   Q(() => {
-    if (V) {
-      const e = o.getFilteredSelectedRowModel().rows.map((t) => t.original);
-      V(e);
+    if (R) {
+      const e = n.getFilteredSelectedRowModel().rows.map((t) => t.original);
+      R(e);
     }
-  }, [j]);
+  }, [j, R, n]);
   function G(e) {
-    const { left: t = [], right: a = [] } = _, n = t.indexOf(e), f = a.indexOf(e);
-    return n !== -1 ? {
+    const { left: t = [], right: a = [] } = _, o = t.indexOf(e), f = a.indexOf(e);
+    return o !== -1 ? {
       className: "sticky bg-layer-01 z-raised",
       style: { left: 0 }
     } : f !== -1 ? {
@@ -181,13 +182,13 @@ function Ge({
   }
   function xe(e) {
     if (!Z || e === "_select" || e === "_expand") return !1;
-    const t = o.getColumn(e);
+    const t = n.getColumn(e);
     if (!t) return !1;
     const a = t.columnDef.meta;
     return (a == null ? void 0 : a.enableEditing) !== !1;
   }
-  const he = Ae[A], w = o.getRowModel().rows, O = ke({
-    count: m ? w.length : 0,
+  const he = Ae[A], N = n.getRowModel().rows, O = Ee({
+    count: m ? N.length : 0,
     getScrollElement: () => B.current,
     estimateSize: () => ee,
     overscan: 10
@@ -200,10 +201,10 @@ function Ge({
         "data-state": e.getIsSelected() && "selected",
         style: t,
         className: m ? "absolute w-full flex" : void 0,
-        children: a.map((n) => {
-          const f = G(n.column.id), Ce = (b == null ? void 0 : b.rowIndex) === e.index && (b == null ? void 0 : b.columnId) === n.column.id;
+        children: a.map((o) => {
+          const f = G(o.column.id), Ce = (b == null ? void 0 : b.rowIndex) === e.index && (b == null ? void 0 : b.columnId) === o.column.id;
           return /* @__PURE__ */ l(
-            T,
+            V,
             {
               className: i(
                 he,
@@ -212,23 +213,23 @@ function Ge({
               ),
               style: f.style,
               onDoubleClick: () => {
-                xe(n.column.id) && P({
+                xe(o.column.id) && E({
                   rowIndex: e.index,
-                  columnId: n.column.id
+                  columnId: o.column.id
                 });
               },
               children: Ce ? /* @__PURE__ */ l(
                 Be,
                 {
-                  initialValue: String(n.getValue() ?? ""),
-                  onSave: (Ne) => {
-                    R == null || R(e.index, n.column.id, Ne), P(null);
+                  initialValue: String(o.getValue() ?? ""),
+                  onSave: (we) => {
+                    F == null || F(e.index, o.column.id, we), E(null);
                   },
-                  onCancel: () => P(null)
+                  onCancel: () => E(null)
                 }
-              ) : E(n.column.columnDef.cell, n.getContext())
+              ) : M(o.column.columnDef.cell, o.getContext())
             },
-            n.id
+            o.id
           );
         })
       },
@@ -236,15 +237,15 @@ function Ge({
     );
   }
   function ye(e, t) {
-    return !N || !e.getIsExpanded() || !H ? null : /* @__PURE__ */ l(
+    return !w || !e.getIsExpanded() || !H ? null : /* @__PURE__ */ l(
       y,
       {
         style: t,
         className: m ? "absolute w-full flex" : void 0,
         children: /* @__PURE__ */ l(
-          T,
+          V,
           {
-            colSpan: k.length,
+            colSpan: z.length,
             className: i(
               "bg-layer-02 p-ds-05",
               m && "flex-1"
@@ -257,11 +258,11 @@ function Ge({
     );
   }
   function Se() {
-    if (!w.length)
-      return /* @__PURE__ */ l(M, { children: /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
-        T,
+    if (!N.length)
+      return /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
+        V,
         {
-          colSpan: k.length,
+          colSpan: z.length,
           className: "h-24 text-center text-text-tertiary",
           children: x || "No results."
         }
@@ -269,15 +270,15 @@ function Ge({
     if (m) {
       const e = O.getVirtualItems(), t = O.getTotalSize();
       return /* @__PURE__ */ l(
-        M,
+        T,
         {
           style: {
             height: `${t}px`,
             position: "relative"
           },
           children: e.map((a) => {
-            const n = w[a.index];
-            return Y(n, {
+            const o = N[a.index];
+            return Y(o, {
               position: "absolute",
               top: 0,
               left: 0,
@@ -289,15 +290,15 @@ function Ge({
         }
       );
     }
-    return /* @__PURE__ */ l(M, { children: w.map((e) => /* @__PURE__ */ r(we.Fragment, { children: [
+    return /* @__PURE__ */ l(T, { children: N.map((e) => /* @__PURE__ */ r(Ne.Fragment, { children: [
       Y(e),
       ye(e)
     ] }, e.id)) });
   }
   const K = /* @__PURE__ */ r(He, { children: [
     /* @__PURE__ */ r(je, { children: [
-      o.getHeaderGroups().map((e) => /* @__PURE__ */ l(y, { children: e.headers.map((t) => {
-        const a = h && t.column.getCanSort(), n = t.column.getIsSorted(), f = G(t.column.id);
+      n.getHeaderGroups().map((e) => /* @__PURE__ */ l(y, { children: e.headers.map((t) => {
+        const a = h && t.column.getCanSort(), o = t.column.getIsSorted(), f = G(t.column.id);
         return /* @__PURE__ */ l(
           U,
           {
@@ -310,38 +311,38 @@ function Ge({
                 className: i(
                   "flex items-center gap-ds-01 font-medium",
                   "cursor-pointer select-none",
-                  "-ml-ds-01 rounded px-ds-01 py-ds-01",
+                  "-ml-ds-01 rounded-ds-sm px-ds-01 py-ds-01",
                   "hover:bg-layer-02 transition-colors"
                 ),
                 onClick: t.column.getToggleSortingHandler(),
                 "aria-label": `Sort by ${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id}`,
                 children: [
-                  E(
+                  M(
                     t.column.columnDef.header,
                     t.getContext()
                   ),
-                  n === "asc" ? /* @__PURE__ */ l(
-                    Ee,
+                  o === "asc" ? /* @__PURE__ */ l(
+                    ze,
                     {
-                      className: "size-4 text-text-secondary",
+                      className: "h-ico-sm w-ico-sm text-text-secondary",
                       "aria-hidden": "true"
                     }
-                  ) : n === "desc" ? /* @__PURE__ */ l(
+                  ) : o === "desc" ? /* @__PURE__ */ l(
                     Me,
                     {
-                      className: "size-4 text-text-secondary",
+                      className: "h-ico-sm w-ico-sm text-text-secondary",
                       "aria-hidden": "true"
                     }
                   ) : /* @__PURE__ */ l(
                     Te,
                     {
-                      className: "size-4 text-text-tertiary",
+                      className: "h-ico-sm w-ico-sm text-text-tertiary",
                       "aria-hidden": "true"
                     }
                   )
                 ]
               }
-            ) : E(
+            ) : M(
               t.column.columnDef.header,
               t.getContext()
             )
@@ -349,7 +350,7 @@ function Ge({
           t.id
         );
       }) }, e.id)),
-      c && o.getHeaderGroups().map((e) => /* @__PURE__ */ l(y, { children: e.headers.map((t) => /* @__PURE__ */ l(U, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ l(
+      c && n.getHeaderGroups().map((e) => /* @__PURE__ */ l(y, { children: e.headers.map((t) => /* @__PURE__ */ l(U, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ l(
         "input",
         {
           type: "text",
@@ -373,10 +374,10 @@ function Ge({
     $ && /* @__PURE__ */ l(
       _e,
       {
-        table: o,
+        table: n,
         globalFilter: u,
-        globalFilterValue: F,
-        onGlobalFilterChange: z,
+        globalFilterValue: P,
+        onGlobalFilterChange: k,
         density: A,
         onDensityChange: me
       }
@@ -394,8 +395,8 @@ function Ge({
         "input",
         {
           type: "text",
-          value: F,
-          onChange: (e) => z(e.target.value),
+          value: P,
+          onChange: (e) => k(e.target.value),
           placeholder: "Search all columns...",
           "aria-label": "Search all columns",
           className: i(
@@ -416,16 +417,16 @@ function Ge({
     ) : K,
     s && /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-border-subtle", children: [
       /* @__PURE__ */ r("span", { className: "text-ds-sm text-text-secondary", children: [
-        o.getFilteredRowModel().rows.length,
+        n.getFilteredRowModel().rows.length,
         " total rows"
       ] }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
         /* @__PURE__ */ l(
           "select",
           {
-            value: o.getState().pagination.pageSize,
+            value: n.getState().pagination.pageSize,
             onChange: (e) => {
-              o.setPageSize(Number(e.target.value));
+              n.setPageSize(Number(e.target.value));
             },
             "aria-label": "Rows per page",
             className: i(
@@ -444,8 +445,8 @@ function Ge({
           "button",
           {
             type: "button",
-            disabled: !o.getCanPreviousPage(),
-            onClick: () => o.previousPage(),
+            disabled: !n.getCanPreviousPage(),
+            onClick: () => n.previousPage(),
             "aria-label": "Previous page",
             className: i(
               "h-ds-sm w-ds-sm flex items-center justify-center",
@@ -459,17 +460,17 @@ function Ge({
         ),
         /* @__PURE__ */ r("span", { className: "text-ds-sm text-text-secondary", children: [
           "Page ",
-          o.getState().pagination.pageIndex + 1,
+          n.getState().pagination.pageIndex + 1,
           " of",
           " ",
-          o.getPageCount()
+          n.getPageCount()
         ] }),
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            disabled: !o.getCanNextPage(),
-            onClick: () => o.nextPage(),
+            disabled: !n.getCanNextPage(),
+            onClick: () => n.nextPage(),
             "aria-label": "Next page",
             className: i(
               "h-ds-sm w-ds-sm flex items-center justify-center",

package/dist/ui/dialog.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from 'react';
-import * as DialogPrimitive from '@primitives/react-dialog';
+import * as DialogPrimitive from '../primitives/react-dialog';
 /**
  * Dialog compound component — accessible modal overlay with focus trap and Escape dismissal.
  *

package/dist/ui/dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import * as l from "react";
 import { Root as g, Close as r, Portal as y, Trigger as x, Content as i, Description as n, Overlay as c, Title as m } from "../primitives/react-dialog.js";

package/dist/ui/dropdown-menu.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from 'react';
-import * as DropdownMenuPrimitive from '@primitives/react-dropdown-menu';
+import * as DropdownMenuPrimitive from '../primitives/react-dropdown-menu';
 /**
  * DropdownMenu compound component — accessible floating menu triggered by a button, with full
  * keyboard navigation and focus management.