@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/ui/context-menu.js

@@ -1,146 +1,206 @@
 "use client";
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import * as n from "react";
-import { j as l, k as m, l as c, m as p, n as u, o as f, p as x, q as b, L as y, r as N, s as h, G as C, t as g, u as w, v as M } from "../_chunks/primitives.js";
-import { IconChevronRight as R, IconCheck as v, IconCircle as I } from "@tabler/icons-react";
+import { j as f, k as p, l as x, m as b, n as y, o as C, p as N, q as h, L as g, r as M, G, s as P, t as T, u as L, v as z } from "../_chunks/primitives.js";
+import { IconChevronRight as A, IconCheck as q, IconCircle as U } 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,
+import { t as w, s as v } from "../_chunks/motion2.js";
+import { A as R, m as S } from "../_chunks/motion.js";
+const I = n.createContext(!1), k = n.createContext(!1), B = ({
+  onOpenChange: e,
+  ...a
+}) => {
+  const [t, o] = n.useState(!1), r = n.useCallback(
+    (c) => {
+      o(c), e == null || e(c);
+    },
+    [e]
+  );
+  return /* @__PURE__ */ s(I.Provider, { value: t, children: /* @__PURE__ */ s(L, { onOpenChange: r, ...a }) });
+};
+B.displayName = "ContextMenu";
+const te = T, se = G, ae = x, D = ({
+  open: e,
+  defaultOpen: a = !1,
+  onOpenChange: t,
+  ...o
+}) => {
+  const [r, c] = n.useState(a), i = e !== void 0, u = i ? e : r, j = n.useCallback(
+    (m) => {
+      i || c(m), t == null || t(m);
+    },
+    [i, t]
+  );
+  return /* @__PURE__ */ s(k.Provider, { value: u, children: /* @__PURE__ */ s(z, { open: u, onOpenChange: j, ...o }) });
+};
+D.displayName = "ContextMenuSub";
+const oe = P, E = n.forwardRef(({ className: e, inset: a, children: t, ...o }, r) => /* @__PURE__ */ l(
+  f,
   {
     ref: r,
     className: d(
-      "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-[state=open]:bg-layer-02 data-[state=open]:text-text-primary",
-      t && "pl-ds-07",
+      "flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-2 focus:text-surface-fg data-[state=open]:bg-surface-2 data-[state=open]:text-surface-fg",
+      a && "pl-ds-07",
       e
     ),
     ...o,
     children: [
-      a,
-      /* @__PURE__ */ s(R, { className: "ml-auto h-ico-sm w-ico-sm" })
+      t,
+      /* @__PURE__ */ s(A, { className: "ml-auto h-ico-sm w-ico-sm" })
     ]
   }
 ));
-S.displayName = l.displayName;
-const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  m,
-  {
-    ref: a,
-    className: d(
-      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
-    ),
-    ...t
-  }
-));
-z.displayName = m.displayName;
-const j = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(c, { children: /* @__PURE__ */ s(
-  p,
-  {
-    ref: a,
-    className: d(
-      "z-popover rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
-    ),
-    ...t
-  }
-) }));
-j.displayName = p.displayName;
-const G = n.forwardRef(({ className: e, inset: t, ...a }, o) => /* @__PURE__ */ s(
-  u,
+E.displayName = f.displayName;
+const F = n.forwardRef(({ className: e, children: a, ...t }, o) => {
+  const r = n.useContext(k);
+  return /* @__PURE__ */ s(R, { children: r && /* @__PURE__ */ s(
+    p,
+    {
+      ref: o,
+      forceMount: !0,
+      asChild: !0,
+      ...t,
+      children: /* @__PURE__ */ s(
+        S.div,
+        {
+          initial: { opacity: 0, scale: 0.95 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.95 },
+          transition: { ...v.snappy, opacity: w.fade },
+          className: d(
+            "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 text-surface-fg shadow-03",
+            e
+          ),
+          children: a
+        }
+      )
+    }
+  ) });
+});
+F.displayName = p.displayName;
+const H = n.forwardRef(({ className: e, children: a, ...t }, o) => {
+  const r = n.useContext(I);
+  return /* @__PURE__ */ s(R, { children: r && /* @__PURE__ */ s(x, { forceMount: !0, children: /* @__PURE__ */ s(
+    b,
+    {
+      ref: o,
+      forceMount: !0,
+      asChild: !0,
+      ...t,
+      children: /* @__PURE__ */ s(
+        S.div,
+        {
+          initial: { opacity: 0, scale: 0.95 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.95 },
+          transition: { ...v.snappy, opacity: w.fade },
+          className: d(
+            "z-popover rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 text-surface-fg shadow-03",
+            e
+          ),
+          children: a
+        }
+      )
+    }
+  ) }) });
+});
+H.displayName = b.displayName;
+const J = n.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
+  y,
   {
     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",
+      "relative flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
+      a && "pl-ds-07",
       e
     ),
-    ...a
+    ...t
   }
 ));
-G.displayName = u.displayName;
-const k = n.forwardRef(({ className: e, children: t, checked: a, ...o }, r) => /* @__PURE__ */ i(
-  f,
+J.displayName = y.displayName;
+const K = n.forwardRef(({ className: e, children: a, checked: t, ...o }, r) => /* @__PURE__ */ l(
+  C,
   {
     ref: r,
     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]",
+      "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-surface-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
-    checked: a,
+    checked: t,
     ...o,
     children: [
-      /* @__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" }) }) }),
-      t
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(q, { className: "h-ico-sm w-ico-sm" }) }) }),
+      a
     ]
   }
 ));
-k.displayName = f.displayName;
-const T = n.forwardRef(({ className: e, children: t, ...a }, o) => /* @__PURE__ */ i(
-  b,
+K.displayName = C.displayName;
+const Q = n.forwardRef(({ className: e, children: a, ...t }, o) => /* @__PURE__ */ l(
+  h,
   {
     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]",
+      "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-surface-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
-    ...a,
+    ...t,
     children: [
-      /* @__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 fill-current" }) }) }),
-      t
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(U, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
+      a
     ]
   }
 ));
-T.displayName = b.displayName;
-const L = n.forwardRef(({ className: e, inset: t, ...a }, o) => /* @__PURE__ */ s(
-  y,
+Q.displayName = h.displayName;
+const V = n.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
+  g,
   {
     ref: o,
     className: d(
-      "px-ds-03 py-ds-02b text-ds-md font-semibold text-text-primary",
-      t && "pl-ds-07",
+      "px-ds-03 py-ds-02b text-ds-md font-semibold text-surface-fg",
+      a && "pl-ds-07",
       e
     ),
-    ...a
+    ...t
   }
 ));
-L.displayName = y.displayName;
-const P = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  N,
+V.displayName = g.displayName;
+const W = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
+  M,
   {
-    ref: a,
-    className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
-    ...t
+    ref: t,
+    className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+    ...a
   }
 ));
-P.displayName = N.displayName;
-const q = ({
+W.displayName = M.displayName;
+const X = ({
   className: e,
-  ...t
+  ...a
 }) => /* @__PURE__ */ s(
   "span",
   {
     className: d(
-      "ml-auto text-ds-sm text-text-placeholder",
+      "ml-auto text-ds-sm text-surface-fg-subtle",
       e
     ),
-    ...t
+    ...a
   }
 );
-q.displayName = "ContextMenuShortcut";
+X.displayName = "ContextMenuShortcut";
 export {
-  F as ContextMenu,
-  k as ContextMenuCheckboxItem,
-  j as ContextMenuContent,
-  J as ContextMenuGroup,
-  G as ContextMenuItem,
-  L as ContextMenuLabel,
-  K as ContextMenuPortal,
-  Q as ContextMenuRadioGroup,
-  T as ContextMenuRadioItem,
-  P as ContextMenuSeparator,
-  q as ContextMenuShortcut,
-  O as ContextMenuSub,
-  z as ContextMenuSubContent,
-  S as ContextMenuSubTrigger,
-  H as ContextMenuTrigger
+  B as ContextMenu,
+  K as ContextMenuCheckboxItem,
+  H as ContextMenuContent,
+  se as ContextMenuGroup,
+  J as ContextMenuItem,
+  V as ContextMenuLabel,
+  ae as ContextMenuPortal,
+  oe as ContextMenuRadioGroup,
+  Q as ContextMenuRadioItem,
+  W as ContextMenuSeparator,
+  X as ContextMenuShortcut,
+  D as ContextMenuSub,
+  F as ContextMenuSubContent,
+  E as ContextMenuSubTrigger,
+  te as ContextMenuTrigger
 };

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

@@ -1,7 +1,8 @@
 "use client";
 import { Table } from '@tanstack/react-table';
+import * as React from 'react';
 export type Density = 'compact' | 'standard' | 'comfortable';
-export interface DataTableToolbarProps<TData> {
+export interface DataTableToolbarProps<TData> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     table: Table<TData>;
     globalFilter?: boolean;
     globalFilterValue: string;
@@ -10,7 +11,7 @@ export interface DataTableToolbarProps<TData> {
     onDensityChange: (density: Density) => void;
     enableExport?: boolean;
 }
-export declare function DataTableToolbar<TData>({ table, globalFilter, globalFilterValue, onGlobalFilterChange, density, onDensityChange, enableExport, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableToolbar<TData>({ table, globalFilter, globalFilterValue, onGlobalFilterChange, density, onDensityChange, enableExport, className, ...props }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataTableToolbar {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAiBlD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;AAc5D,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAgDD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,YAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EACP,eAAe,EACf,YAAmB,GACpB,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CA+F9B;yBAvGe,gBAAgB"}
+{"version":3,"file":"data-table-toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAiBlD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;AAc5D,MAAM,WAAW,qBAAqB,CAAC,KAAK,CAAE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC1G,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAgDD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,YAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EACP,eAAe,EACf,YAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CA+F9B;yBAzGe,gBAAgB"}

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

@@ -1,69 +1,71 @@
 "use client";
-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 { c as g } from "../_chunks/utils.js";
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { IconSearch as v, IconColumns3 as w, IconTextResize as D, IconDownload as N } from "@tabler/icons-react";
+import { DropdownMenu as y, DropdownMenuTrigger as T, DropdownMenuContent as k, DropdownMenuLabel as I, DropdownMenuSeparator as L, DropdownMenuCheckboxItem as j } from "./dropdown-menu.js";
+import { c as f } from "../_chunks/utils.js";
 const b = {
   compact: "Compact",
   standard: "Standard",
   comfortable: "Comfortable"
-}, L = {
+}, M = {
   compact: "standard",
   standard: "comfortable",
   comfortable: "compact"
-}, h = g(
+}, g = f(
   "h-ds-sm px-ds-03 rounded-ds-md",
-  "border border-border",
-  "hover:bg-layer-02",
+  "border border-surface-border-strong",
+  "hover:bg-surface-2",
   "text-ds-sm flex items-center gap-ds-02 transition-colors"
-), d = "text-icon-secondary";
-function j(l) {
-  const m = l.getAllLeafColumns().filter((t) => t.getIsVisible() && t.id !== "_select").map((t) => {
-    const e = t.columnDef.header;
-    return typeof e == "string" ? e : t.id;
-  }), p = l.getFilteredRowModel().rows.map(
-    (t) => l.getAllLeafColumns().filter((e) => e.getIsVisible() && e.id !== "_select").map((e) => {
-      const i = t.getValue(e.id), n = String(i ?? "");
-      return n.includes(",") || n.includes('"') || n.includes(`
-`) ? `"${n.replace(/"/g, '""')}"` : n;
+), d = "text-surface-fg-subtle";
+function S(n) {
+  const m = n.getAllLeafColumns().filter((t) => t.getIsVisible() && t.id !== "_select").map((t) => {
+    const a = t.columnDef.header;
+    return typeof a == "string" ? a : t.id;
+  }), u = n.getFilteredRowModel().rows.map(
+    (t) => n.getAllLeafColumns().filter((a) => a.getIsVisible() && a.id !== "_select").map((a) => {
+      const i = t.getValue(a.id), e = String(i ?? "");
+      return e.includes(",") || e.includes('"') || e.includes(`
+`) ? `"${e.replace(/"/g, '""')}"` : e;
     })
-  ), u = [m.join(","), ...p.map((t) => t.join(","))].join(
+  ), p = [m.join(","), ...u.map((t) => t.join(","))].join(
     `
 `
-  ), s = new Blob([u], { type: "text/csv;charset=utf-8;" }), c = URL.createObjectURL(s), r = document.createElement("a");
+  ), l = new Blob([p], { type: "text/csv;charset=utf-8;" }), c = URL.createObjectURL(l), r = document.createElement("a");
   r.href = c, r.download = "table-export.csv", r.click(), URL.revokeObjectURL(c);
 }
-function M({
-  table: l,
+function R({
+  table: n,
   globalFilter: m = !1,
-  globalFilterValue: p,
-  onGlobalFilterChange: u,
-  density: s,
+  globalFilterValue: u,
+  onGlobalFilterChange: p,
+  density: l,
   onDensityChange: c,
-  enableExport: r = !0
+  enableExport: r = !0,
+  className: t,
+  ...a
 }) {
-  const t = l.getAllColumns().filter((e) => e.getCanHide() && e.id !== "_select");
-  return /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-03 pb-ds-04", children: [
+  const i = n.getAllColumns().filter((e) => e.getCanHide() && e.id !== "_select");
+  return /* @__PURE__ */ o("div", { className: f("flex items-center gap-ds-03 pb-ds-04", t), ...a, children: [
     m && /* @__PURE__ */ o("div", { className: "flex flex-1 items-center gap-ds-02", children: [
-      /* @__PURE__ */ a(
-        x,
+      /* @__PURE__ */ s(
+        v,
         {
           size: 16,
           className: d,
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ s(
         "input",
         {
           type: "text",
-          value: p,
-          onChange: (e) => u(e.target.value),
+          value: u,
+          onChange: (e) => p(e.target.value),
           placeholder: "Search all columns...",
           "aria-label": "Search all columns",
-          className: g(
+          className: f(
             "flex-1 bg-transparent text-ds-md",
-            "text-text-primary placeholder:text-text-placeholder",
+            "text-surface-fg placeholder:text-surface-fg-subtle",
             "outline-none",
             "h-ds-sm"
           )
@@ -71,30 +73,30 @@ function M({
       )
     ] }),
     /* @__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(
+      i.length > 0 && /* @__PURE__ */ o(y, { children: [
+        /* @__PURE__ */ s(T, { asChild: !0, children: /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: h,
+            className: g,
             "aria-label": "Toggle column visibility",
             children: [
-              /* @__PURE__ */ a(C, { size: 16, className: d }),
+              /* @__PURE__ */ s(w, { size: 16, className: d }),
               "Columns"
             ]
           }
         ) }),
-        /* @__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__ */ a(
-              I,
+        /* @__PURE__ */ o(k, { align: "end", className: "w-40", children: [
+          /* @__PURE__ */ s(I, { children: "Toggle columns" }),
+          /* @__PURE__ */ s(L, {}),
+          i.map((e) => {
+            const h = e.columnDef.header, C = typeof h == "string" ? h : e.id;
+            return /* @__PURE__ */ s(
+              j,
               {
                 checked: e.getIsVisible(),
-                onCheckedChange: (f) => e.toggleVisibility(!!f),
-                children: n
+                onCheckedChange: (x) => e.toggleVisibility(!!x),
+                children: C
               },
               e.id
             );
@@ -105,13 +107,13 @@ function M({
         "button",
         {
           type: "button",
-          className: h,
-          onClick: () => c(L[s]),
-          "aria-label": `Table density: ${b[s]}. Click to change.`,
-          title: `Density: ${b[s]}`,
+          className: g,
+          onClick: () => c(M[l]),
+          "aria-label": `Table density: ${b[l]}. Click to change.`,
+          title: `Density: ${b[l]}`,
           children: [
-            /* @__PURE__ */ a(y, { size: 16, className: d }),
-            b[s]
+            /* @__PURE__ */ s(D, { size: 16, className: d }),
+            b[l]
           ]
         }
       ),
@@ -119,11 +121,11 @@ function M({
         "button",
         {
           type: "button",
-          className: h,
-          onClick: () => j(l),
+          className: g,
+          onClick: () => S(n),
           "aria-label": "Export table as CSV",
           children: [
-            /* @__PURE__ */ a(v, { size: 16, className: d }),
+            /* @__PURE__ */ s(N, { size: 16, className: d }),
             "Export"
           ]
         }
@@ -131,7 +133,7 @@ function M({
     ] })
   ] });
 }
-M.displayName = "DataTableToolbar";
+R.displayName = "DataTableToolbar";
 export {
-  M as DataTableToolbar
+  R as DataTableToolbar
 };

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":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"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"}