@devalok/shilp-sutra 0.8.3 → 0.9.0

package/dist/ui/checkbox.js

@@ -1,12 +1,32 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { Checkbox as r, CheckboxIndicator as n } from "../primitives/react-checkbox.js";
+import { C as r, b as n } from "../_chunks/primitives.js";
 import { IconMinus as m, IconCheck as l } from "@tabler/icons-react";
 import * as b from "react";
-import { cn as f } from "./lib/utils.js";
-const h = b.forwardRef(({ className: o, error: i, indeterminate: a, checked: c, ...s }, d) => {
-  const t = a ? "indeterminate" : c;
-  return e(r, { ref: d, checked: t, className: f("peer h-ico-md w-ico-md shrink-0 rounded-ds-sm", "border border-border-strong", "bg-field", "transition-colors duration-fast-01", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-[0.38]", "data-[state=checked]:bg-interactive data-[state=checked]:border-interactive data-[state=checked]:text-text-on-color", "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color", i && "border-border-error", o), ...s, children: e(n, { className: "flex items-center justify-center text-current", children: t === "indeterminate" ? e(m, { className: "h-ico-sm w-ico-sm" }) : e(l, { className: "h-ico-sm w-ico-sm" }) }) });
+import { c as f } from "../_chunks/utils.js";
+const h = b.forwardRef(({ className: o, error: i, indeterminate: a, checked: s, ...c }, d) => {
+  const t = a ? "indeterminate" : s;
+  return /* @__PURE__ */ e(
+    r,
+    {
+      ref: d,
+      checked: t,
+      className: f(
+        "peer h-ico-md w-ico-md shrink-0 rounded-ds-sm",
+        "border border-border-strong",
+        "bg-field",
+        "transition-colors duration-fast-01",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-[0.38]",
+        "data-[state=checked]:bg-interactive data-[state=checked]:border-interactive data-[state=checked]:text-text-on-color",
+        "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color",
+        i && "border-border-error",
+        o
+      ),
+      ...c,
+      children: /* @__PURE__ */ e(n, { className: "flex items-center justify-center text-current", children: t === "indeterminate" ? /* @__PURE__ */ e(m, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(l, { className: "h-ico-sm w-ico-sm" }) })
+    }
+  );
 });
 h.displayName = r.displayName;
 export {

package/dist/ui/chip.d.ts

@@ -2,9 +2,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const chipVariants: (props?: ({
-    variant?: "outline" | "subtle" | null | undefined;
+    variant?: "subtle" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    color?: "default" | "error" | "warning" | "success" | "cyan" | "indigo" | "orange" | "teal" | "info" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
+    color?: "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type ChipColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info' | 'teal' | 'amber' | 'slate' | 'indigo' | 'cyan' | 'orange' | 'emerald';
 /**
@@ -51,9 +51,9 @@ type ChipProps = Omit<VariantProps<typeof chipVariants>, 'color'> & {
     className?: string;
 };
 declare const Chip: React.ForwardRefExoticComponent<Omit<VariantProps<(props?: ({
-    variant?: "outline" | "subtle" | null | undefined;
+    variant?: "subtle" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    color?: "default" | "error" | "warning" | "success" | "cyan" | "indigo" | "orange" | "teal" | "info" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
+    color?: "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "color"> & {
     label: string;
     color?: ChipColor;

package/dist/ui/chip.js

@@ -2,8 +2,8 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import * as f 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";
+import { m as N } from "../_chunks/vendor.js";
+import { c as h } from "../_chunks/utils.js";
 const w = N(
   "inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01",
   {

package/dist/ui/code.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as a from "react";
-import { cn as s } from "./lib/utils.js";
+import { c as s } from "../_chunks/utils.js";
 const n = a.forwardRef(
   ({ className: r, variant: m = "inline", children: o, ...d }, t) => m === "block" ? /* @__PURE__ */ e(
     "pre",

package/dist/ui/collapsible.js

@@ -1,9 +1,9 @@
 "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";
-import { cn as r } from "./lib/utils.js";
-const c = l, C = n, d = i.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ s(
+import { g as a, h as l, i as n } from "../_chunks/primitives.js";
+import { c as r } from "../_chunks/utils.js";
+const f = l, g = n, d = i.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ s(
   a,
   {
     ref: e,
@@ -16,7 +16,7 @@ const c = l, C = n, d = i.forwardRef(({ className: t, ...o }, e) => /* @__PURE__
 ));
 d.displayName = a.displayName;
 export {
-  c as Collapsible,
+  f as Collapsible,
   d as CollapsibleContent,
-  C as CollapsibleTrigger
+  g as CollapsibleTrigger
 };

package/dist/ui/color-input.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import * as m from "react";
-import { cn as s } from "./lib/utils.js";
+import { c as s } from "../_chunks/utils.js";
 const f = m.forwardRef(
-  ({ value: l = "#000000", onChange: n, presets: c, disabled: o = !1, className: d }, u) => {
-    const a = (r) => {
+  ({ value: a = "#000000", onChange: n, presets: c, disabled: o = !1, className: d }, u) => {
+    const l = (r) => {
       n == null || n(r);
     };
     return /* @__PURE__ */ i("div", { className: s("flex flex-col gap-ds-03", d), children: [
@@ -23,9 +23,9 @@ const f = m.forwardRef(
                 {
                   ref: u,
                   type: "color",
-                  value: l,
+                  value: a,
                   disabled: o,
-                  onChange: (r) => a(r.target.value),
+                  onChange: (r) => l(r.target.value),
                   className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
                 }
               ),
@@ -33,7 +33,7 @@ const f = m.forwardRef(
                 "span",
                 {
                   className: "h-full w-full rounded-[inherit]",
-                  style: { backgroundColor: l }
+                  style: { backgroundColor: a }
                 }
               )
             ]
@@ -44,15 +44,15 @@ const f = m.forwardRef(
           {
             type: "text",
             "aria-label": "Hex color value",
-            value: l,
+            value: a,
             disabled: o,
             onChange: (r) => {
               const e = r.target.value;
-              /^#[0-9a-fA-F]{0,6}$/.test(e) && a(e);
+              /^#[0-9a-fA-F]{0,6}$/.test(e) && l(e);
             },
             onBlur: (r) => {
               const e = r.target.value;
-              /^#[0-9a-fA-F]{6}$/.test(e) && a(e);
+              /^#[0-9a-fA-F]{6}$/.test(e) && l(e);
             },
             maxLength: 7,
             className: s(
@@ -68,10 +68,10 @@ const f = m.forwardRef(
         {
           type: "button",
           disabled: o,
-          onClick: () => a(r),
+          onClick: () => l(r),
           className: s(
             "h-ds-xs w-ds-xs rounded-ds-sm border transition-colors",
-            l === r ? "border-interactive ring-1 ring-interactive" : "border-border hover:border-border-strong",
+            a === r ? "border-interactive ring-1 ring-interactive" : "border-border hover:border-border-strong",
             o && "cursor-not-allowed opacity-50"
           ),
           style: { backgroundColor: r },

package/dist/ui/combobox.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as r, jsxs as d, Fragment as B } from "react/jsx-runtime";
 import * as a from "react";
-import { Root as G, Trigger as U, Portal as q, Content as J } from "../primitives/react-popover.js";
+import { j as G, k as U, P as q, l as J } from "../_chunks/primitives.js";
 import { IconChevronDown as Q, IconSearch as W, IconCheck as Y, IconX as Z } from "@tabler/icons-react";
-import { cn as x } from "./lib/utils.js";
+import { c as x } from "../_chunks/utils.js";
 const P = 2, V = 36, ee = a.forwardRef(
   ({
     options: u,
     value: f,
     onValueChange: m,
     placeholder: S = "Select...",
-    searchPlaceholder: A = "Search...",
-    emptyMessage: L = "No results found",
+    searchPlaceholder: j = "Search...",
+    emptyMessage: A = "No results found",
     multiple: b = !1,
     disabled: p = !1,
-    className: T,
-    triggerClassName: $,
-    maxVisible: j = 6,
+    className: L,
+    triggerClassName: T,
+    maxVisible: $ = 6,
     renderOption: E,
     ...H
   }, M) => {
@@ -168,7 +168,7 @@ const P = 2, V = 36, ee = a.forwardRef(
       }
       return /* @__PURE__ */ r("span", { className: "flex-1 truncate text-left text-text-placeholder", children: S });
     };
-    return /* @__PURE__ */ r(G, { open: h, onOpenChange: z, children: /* @__PURE__ */ d("div", { className: x("relative", T), ...H, children: [
+    return /* @__PURE__ */ r(G, { open: h, onOpenChange: z, children: /* @__PURE__ */ d("div", { className: x("relative", L), ...H, children: [
       /* @__PURE__ */ r(U, { asChild: !0, disabled: p, children: /* @__PURE__ */ d(
         "button",
         {
@@ -185,7 +185,7 @@ const P = 2, V = 36, ee = a.forwardRef(
             "transition-colors duration-fast-01",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:border-border-interactive",
             "disabled:cursor-not-allowed disabled:opacity-[0.38]",
-            $
+            T
           ),
           children: [
             F(),
@@ -215,7 +215,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                   ref: k,
                   type: "text",
                   className: "flex-1 bg-transparent py-ds-03 text-ds-md outline-none placeholder:text-text-placeholder",
-                  placeholder: A,
+                  placeholder: j,
                   value: v,
                   onChange: (e) => {
                     y(e.target.value), c(-1);
@@ -228,7 +228,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                 }
               )
             ] }),
-            o.length === 0 ? /* @__PURE__ */ r("div", { className: "px-ds-04 py-ds-05 text-center text-ds-md text-text-tertiary", children: L }) : /* @__PURE__ */ r(
+            o.length === 0 ? /* @__PURE__ */ r("div", { className: "px-ds-04 py-ds-05 text-center text-ds-md text-text-tertiary", children: A }) : /* @__PURE__ */ r(
               "ul",
               {
                 ref: N,
@@ -236,7 +236,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                 role: "listbox",
                 "aria-multiselectable": b || void 0,
                 className: "overflow-auto p-ds-02",
-                style: { maxHeight: `${j * V}px` },
+                style: { maxHeight: `${$ * V}px` },
                 children: o.map((e, t) => {
                   const s = O(e.value);
                   return /* @__PURE__ */ d(

package/dist/ui/container.js

@@ -1,10 +1,10 @@
 import * as a from "react";
-import { cn as d } from "./lib/utils.js";
+import { c as d } from "../_chunks/utils.js";
 const f = {
   default: "max-w-layout",
   body: "max-w-layout-body",
   full: "max-w-full"
-}, u = a.forwardRef(
+}, s = a.forwardRef(
   ({ as: t, maxWidth: o = "default", className: e, children: l, ...m }, n) => {
     const r = t || "div";
     return a.createElement(
@@ -18,7 +18,7 @@ const f = {
     );
   }
 );
-u.displayName = "Container";
+s.displayName = "Container";
 export {
-  u as Container
+  s as Container
 };

package/dist/ui/context-menu.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as s } 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";
-import { IconCheck as I, IconCircle as M, IconChevronRight as S } from "@tabler/icons-react";
-import { cn as d } from "./lib/utils.js";
-const F = N, H = R, J = C, K = l, O = w, Q = g, v = n.forwardRef(({ className: e, inset: t, children: a, ...s }, r) => /* @__PURE__ */ i(
-  h,
+import { m as l, n as m, o as c, p, q as u, r as f, s as x, t as b, L as y, u as N, v as h, G as C, w as g, x as w, y as M } from "../_chunks/primitives.js";
+import { IconChevronRight as R, IconCheck as I, IconCircle as v } from "@tabler/icons-react";
+import { c as d } from "../_chunks/utils.js";
+const F = h, H = M, J = C, K = c, O = w, Q = g, S = n.forwardRef(({ className: e, inset: t, children: a, ...o }, r) => /* @__PURE__ */ i(
+  l,
   {
     ref: r,
     className: d(
@@ -13,16 +13,16 @@ const F = N, H = R, J = C, K = l, O = w, Q = g, v = n.forwardRef(({ className: e
       t && "pl-ds-07",
       e
     ),
-    ...s,
+    ...o,
     children: [
       a,
-      /* @__PURE__ */ o(S, { className: "ml-auto h-ico-sm w-ico-sm" })
+      /* @__PURE__ */ s(R, { className: "ml-auto h-ico-sm w-ico-sm" })
     ]
   }
 ));
-v.displayName = h.displayName;
-const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  y,
+S.displayName = l.displayName;
+const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  m,
   {
     ref: a,
     className: d(
@@ -32,8 +32,8 @@ const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-z.displayName = y.displayName;
-const G = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+z.displayName = m.displayName;
+const G = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(c, { children: /* @__PURE__ */ s(
   p,
   {
     ref: a,
@@ -45,10 +45,10 @@ const G = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(l, { chi
   }
 ) }));
 G.displayName = p.displayName;
-const T = n.forwardRef(({ className: e, inset: t, ...a }, s) => /* @__PURE__ */ o(
+const j = n.forwardRef(({ className: e, inset: t, ...a }, o) => /* @__PURE__ */ s(
   u,
   {
-    ref: s,
+    ref: o,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
       t && "pl-ds-07",
@@ -57,9 +57,9 @@ const T = n.forwardRef(({ className: e, inset: t, ...a }, s) => /* @__PURE__ */
     ...a
   }
 ));
-T.displayName = u.displayName;
-const j = n.forwardRef(({ className: e, children: t, checked: a, ...s }, r) => /* @__PURE__ */ i(
-  m,
+j.displayName = u.displayName;
+const T = n.forwardRef(({ className: e, children: t, checked: a, ...o }, r) => /* @__PURE__ */ i(
+  f,
   {
     ref: r,
     className: d(
@@ -67,34 +67,34 @@ const j = n.forwardRef(({ className: e, children: t, checked: a, ...s }, r) => /
       e
     ),
     checked: a,
-    ...s,
+    ...o,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(I, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(I, { className: "h-ico-sm w-ico-sm" }) }) }),
       t
     ]
   }
 ));
-j.displayName = m.displayName;
-const k = n.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ i(
-  x,
+T.displayName = f.displayName;
+const k = n.forwardRef(({ className: e, children: t, ...a }, o) => /* @__PURE__ */ i(
+  b,
   {
-    ref: s,
+    ref: o,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
       e
     ),
     ...a,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(M, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(v, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
       t
     ]
   }
 ));
-k.displayName = x.displayName;
-const L = n.forwardRef(({ className: e, inset: t, ...a }, s) => /* @__PURE__ */ o(
-  f,
+k.displayName = b.displayName;
+const L = n.forwardRef(({ className: e, inset: t, ...a }, o) => /* @__PURE__ */ s(
+  y,
   {
-    ref: s,
+    ref: o,
     className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold text-text-primary",
       t && "pl-ds-07",
@@ -103,20 +103,20 @@ const L = n.forwardRef(({ className: e, inset: t, ...a }, s) => /* @__PURE__ */
     ...a
   }
 ));
-L.displayName = f.displayName;
-const P = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  b,
+L.displayName = y.displayName;
+const P = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  N,
   {
     ref: a,
     className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
     ...t
   }
 ));
-P.displayName = b.displayName;
+P.displayName = N.displayName;
 const q = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ s(
   "span",
   {
     className: d(
@@ -129,10 +129,10 @@ const q = ({
 q.displayName = "ContextMenuShortcut";
 export {
   F as ContextMenu,
-  j as ContextMenuCheckboxItem,
+  T as ContextMenuCheckboxItem,
   G as ContextMenuContent,
   J as ContextMenuGroup,
-  T as ContextMenuItem,
+  j as ContextMenuItem,
   L as ContextMenuLabel,
   K as ContextMenuPortal,
   Q as ContextMenuRadioGroup,
@@ -141,6 +141,6 @@ export {
   q as ContextMenuShortcut,
   O as ContextMenuSub,
   z as ContextMenuSubContent,
-  v as ContextMenuSubTrigger,
+  S as ContextMenuSubTrigger,
   H as ContextMenuTrigger
 };

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

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as a } 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";
-import { cn as g } from "./lib/utils.js";
+import { c as g } from "../_chunks/utils.js";
 const b = {
   compact: "Compact",
   standard: "Standard",
@@ -43,9 +43,9 @@ function M({
   enableExport: r = !0
 }) {
   const t = l.getAllColumns().filter((e) => e.getCanHide() && e.id !== "_select");
-  return /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03 pb-ds-04", children: [
-    m && /* @__PURE__ */ a("div", { className: "flex flex-1 items-center gap-ds-02", children: [
-      /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-03 pb-ds-04", children: [
+    m && /* @__PURE__ */ o("div", { className: "flex flex-1 items-center gap-ds-02", children: [
+      /* @__PURE__ */ a(
         x,
         {
           size: 16,
@@ -53,7 +53,7 @@ function M({
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ a(
         "input",
         {
           type: "text",
@@ -70,26 +70,26 @@ function M({
         }
       )
     ] }),
-    /* @__PURE__ */ a("div", { className: "ml-auto flex items-center gap-ds-03", children: [
-      t.length > 0 && /* @__PURE__ */ a(w, { children: [
-        /* @__PURE__ */ o(D, { asChild: !0, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ o("div", { className: "ml-auto flex items-center gap-ds-03", children: [
+      t.length > 0 && /* @__PURE__ */ o(w, { children: [
+        /* @__PURE__ */ a(D, { asChild: !0, children: /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: h,
             "aria-label": "Toggle column visibility",
             children: [
-              /* @__PURE__ */ o(C, { size: 16, className: d }),
+              /* @__PURE__ */ a(C, { size: 16, className: d }),
               "Columns"
             ]
           }
         ) }),
-        /* @__PURE__ */ a(N, { align: "end", className: "w-40", children: [
-          /* @__PURE__ */ o(T, { children: "Toggle columns" }),
-          /* @__PURE__ */ o(k, {}),
+        /* @__PURE__ */ o(N, { align: "end", className: "w-40", children: [
+          /* @__PURE__ */ a(T, { children: "Toggle columns" }),
+          /* @__PURE__ */ a(k, {}),
           t.map((e) => {
             const i = e.columnDef.header, n = typeof i == "string" ? i : e.id;
-            return /* @__PURE__ */ o(
+            return /* @__PURE__ */ a(
               I,
               {
                 checked: e.getIsVisible(),
@@ -101,7 +101,7 @@ function M({
           })
         ] })
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ o(
         "button",
         {
           type: "button",
@@ -110,12 +110,12 @@ function M({
           "aria-label": `Table density: ${b[s]}. Click to change.`,
           title: `Density: ${b[s]}`,
           children: [
-            /* @__PURE__ */ o(y, { size: 16, className: d }),
+            /* @__PURE__ */ a(y, { size: 16, className: d }),
             b[s]
           ]
         }
       ),
-      r && /* @__PURE__ */ a(
+      r && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
@@ -123,7 +123,7 @@ function M({
           onClick: () => j(l),
           "aria-label": "Export table as CSV",
           children: [
-            /* @__PURE__ */ o(v, { size: 16, className: d }),
+            /* @__PURE__ */ a(v, { size: 16, className: d }),
             "Export"
           ]
         }

package/dist/ui/data-table.js

@@ -5,8 +5,8 @@ import { useReactTable as De, getExpandedRowModel as Ie, getPaginationRowModel a
 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 { C as q } from "../_chunks/checkbox.js";
+import { c as i } from "../_chunks/utils.js";
 import { DataTableToolbar as _e } from "./data-table-toolbar.js";
 const Ae = {
   compact: "py-ds-02",