@devalok/shilp-sutra 0.18.0 → 0.18.1

package/dist/ui/breadcrumb.js

@@ -2,11 +2,11 @@
 import { jsx as s, jsxs as i } from "react/jsx-runtime";
 import { S as t } from "../_chunks/primitives.js";
 import { IconDots as n, IconChevronRight as d } from "@tabler/icons-react";
-import * as c from "react";
-import { c as m } from "../_chunks/utils.js";
-const l = c.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
+import * as o from "react";
+import { cn as m } from "./lib/utils.js";
+const l = o.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
 l.displayName = "Breadcrumb";
-const f = c.forwardRef(
+const f = o.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "ol",
     {
@@ -20,14 +20,14 @@ const f = c.forwardRef(
   )
 );
 f.displayName = "BreadcrumbList";
-const p = c.forwardRef(
+const p = o.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: m("inline-flex items-center gap-ds-02b", e), ...r })
 );
 p.displayName = "BreadcrumbItem";
-const u = c.forwardRef(({ className: e, asChild: r = !1, ...a }, o) => /* @__PURE__ */ s(
+const u = o.forwardRef(({ className: e, asChild: r = !1, ...a }, c) => /* @__PURE__ */ s(
   r ? t : "a",
   {
-    ref: o,
+    ref: c,
     className: m(
       "transition-colors hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
       e
@@ -36,7 +36,7 @@ const u = c.forwardRef(({ className: e, asChild: r = !1, ...a }, o) => /* @__PUR
   }
 ));
 u.displayName = "BreadcrumbLink";
-const b = c.forwardRef(
+const b = o.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "span",
     {

package/dist/ui/button-group.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
 import * as o from "react";
-import { c as f } from "../_chunks/utils.js";
+import { cn as a } from "./lib/utils.js";
 const l = o.createContext({});
 function h() {
   return o.useContext(l);
 }
 const p = o.forwardRef(
   ({ className: u, variant: t, color: n, size: e, orientation: i = "horizontal", children: d, ...c }, s) => {
-    const a = o.useMemo(() => ({ variant: t, color: n, size: e }), [t, n, e]);
-    return /* @__PURE__ */ r(l.Provider, { value: a, children: /* @__PURE__ */ r(
+    const f = o.useMemo(() => ({ variant: t, color: n, size: e }), [t, n, e]);
+    return /* @__PURE__ */ r(l.Provider, { value: f, children: /* @__PURE__ */ r(
       "div",
       {
         ref: s,
         role: "group",
-        className: f(
+        className: a(
           "inline-flex",
           i === "horizontal" ? [
             "flex-row",

package/dist/ui/button.js

@@ -2,13 +2,13 @@
 import { jsx as e, jsxs as C } from "react/jsx-runtime";
 import { ag as K } from "../_chunks/vendor-utils.js";
 import { IconCheck as L, IconX as O } from "@tabler/icons-react";
-import { S as P, a as Q } from "../_chunks/primitives.js";
-import * as a from "react";
-import { u as U } from "../_chunks/button-group.js";
-import { s as Y } from "../_chunks/motion2.js";
-import { c as n } from "../_chunks/utils.js";
-import { S as Z } from "../_chunks/spinner.js";
-import { A as _, m as $ } from "../_chunks/motion.js";
+import { S as P, M as Q } from "../_chunks/primitives.js";
+import * as n from "react";
+import { useButtonGroup as U } from "./button-group.js";
+import { springs as Y } from "./lib/motion.js";
+import { cn as c } from "./lib/utils.js";
+import { Spinner as Z } from "./spinner.js";
+import { A as _, m as $ } from "../_chunks/framer.js";
 const R = K(
   "inline-flex items-center justify-center gap-ds-03 whitespace-nowrap font-sans font-semibold select-none border border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
   {
@@ -80,27 +80,27 @@ const R = K(
   "icon-sm": "sm",
   "icon-md": "sm",
   "icon-lg": "md"
-}, re = a.forwardRef(
+}, re = n.forwardRef(
   ({
     className: b,
     variant: A,
     color: V,
     size: B,
-    asChild: E = !1,
+    asChild: M = !1,
     startIcon: h,
     endIcon: p,
-    loading: F = !1,
+    loading: E = !1,
     loadingPosition: d = "start",
     fullWidth: w = !1,
     disabled: x,
-    onClick: M,
+    onClick: F,
     onClickAsync: m,
     asyncFeedbackDuration: T = 1500,
-    children: c,
+    children: a,
     ...N
   }, y) => {
-    const u = U(), S = A ?? u.variant, z = V ?? u.color, i = B ?? u.size ?? "md", f = W[i], G = ee[i], [t, l] = a.useState("idle"), j = a.useRef(), o = a.useRef(!0);
-    a.useEffect(() => () => {
+    const u = U(), S = A ?? u.variant, z = V ?? u.color, i = B ?? u.size ?? "md", f = W[i], G = ee[i], [t, l] = n.useState("idle"), j = n.useRef(), o = n.useRef(!0);
+    n.useEffect(() => () => {
       o.current = !1, clearTimeout(j.current);
     }, []);
     const I = (v) => {
@@ -113,10 +113,10 @@ const R = K(
           o.current && l("idle");
         }, T));
       }));
-    }, k = !!m, r = k ? t === "loading" : F, s = t === "success" || t === "error", g = r ? /* @__PURE__ */ e(Z, { size: G }) : null;
-    if (E) {
+    }, k = !!m, r = k ? t === "loading" : E, s = t === "success" || t === "error", g = r ? /* @__PURE__ */ e(Z, { size: G }) : null;
+    if (M) {
       const v = {
-        className: n(
+        className: c(
           R({ variant: S, color: z, size: i }),
           w && "w-full",
           b
@@ -126,19 +126,19 @@ const R = K(
         "aria-busy": r || void 0,
         ...N
       };
-      return /* @__PURE__ */ e(P, { ...v, children: /* @__PURE__ */ e(Q, { children: c }) });
+      return /* @__PURE__ */ e(P, { ...v, children: /* @__PURE__ */ e(Q, { children: a }) });
     }
-    const X = () => r && d === "start" ? g : h ? /* @__PURE__ */ e("span", { className: n("inline-flex shrink-0 items-center justify-center", f), children: h }) : null, q = () => r && d === "end" ? g : p ? /* @__PURE__ */ e("span", { className: n("inline-flex shrink-0 items-center justify-center", f), children: p }) : null, D = () => r && d === "center" ? /* @__PURE__ */ C("span", { className: "relative inline-flex items-center justify-center", children: [
-      /* @__PURE__ */ e("span", { className: "invisible", children: c }),
+    const X = () => r && d === "start" ? g : h ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center", f), children: h }) : null, q = () => r && d === "end" ? g : p ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center", f), children: p }) : null, D = () => r && d === "center" ? /* @__PURE__ */ C("span", { className: "relative inline-flex items-center justify-center", children: [
+      /* @__PURE__ */ e("span", { className: "invisible", children: a }),
       /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center", children: g })
-    ] }) : c, H = s ? t === "success" ? "bg-success-9 text-accent-fg border-transparent hover:bg-success-9" : "bg-error-9 text-accent-fg border-transparent hover:bg-error-9" : void 0, J = s ? /* @__PURE__ */ e(_, { mode: "wait", children: /* @__PURE__ */ e(
+    ] }) : a, H = s ? t === "success" ? "bg-success-9 text-accent-fg border-transparent hover:bg-success-9" : "bg-error-9 text-accent-fg border-transparent hover:bg-error-9" : void 0, J = s ? /* @__PURE__ */ e(_, { mode: "wait", children: /* @__PURE__ */ e(
       $.span,
       {
         initial: { opacity: 0, scale: 0.5 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.5 },
         transition: Y.bouncy,
-        className: n("inline-flex shrink-0 items-center justify-center", f),
+        className: c("inline-flex shrink-0 items-center justify-center", f),
         children: t === "success" ? /* @__PURE__ */ e(L, { className: "h-full w-full" }) : /* @__PURE__ */ e(O, { className: "h-full w-full" })
       },
       t
@@ -147,7 +147,7 @@ const R = K(
       "button",
       {
         ...N,
-        className: n(
+        className: c(
           R({ variant: S, color: z, size: i }),
           w && "w-full",
           !r && !s && "active:scale-[0.97] transition-transform duration-100",
@@ -158,10 +158,10 @@ const R = K(
         ref: y,
         disabled: x || r || s,
         "aria-busy": r || void 0,
-        onClick: k ? I : M,
+        onClick: k ? I : F,
         children: [
           s ? J : X(),
-          s ? c : D(),
+          s ? a : D(),
           s ? null : q()
         ]
       }

package/dist/ui/card.js

@@ -2,9 +2,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as o from "react";
 import { ag as f } from "../_chunks/vendor-utils.js";
-import { s as c, m } from "../_chunks/motion2.js";
-import { c as d } from "../_chunks/utils.js";
-import { m as l } from "../_chunks/motion.js";
+import { springs as c, motionProps as l } from "./lib/motion.js";
+import { cn as d } from "./lib/utils.js";
+import { m } from "../_chunks/framer.js";
 const p = f(
   "rounded-ds-lg text-surface-fg",
   {
@@ -26,14 +26,14 @@ const p = f(
       a
     );
     return r ? /* @__PURE__ */ s(
-      l.div,
+      m.div,
       {
         ref: n,
         whileHover: { y: -2 },
         whileTap: { scale: 0.98 },
         transition: c.snappy,
         className: i,
-        ...m(t)
+        ...l(t)
       }
     ) : /* @__PURE__ */ s("div", { ref: n, className: i, ...t });
   }

package/dist/ui/charts/index.js

@@ -2,13 +2,13 @@
 import { jsx as t, jsxs as g, Fragment as et } from "react/jsx-runtime";
 import * as nt from "react";
 import { useRef as yt, useState as mt, useEffect as xt, useCallback as kt } from "react";
-import { c as H } from "../../_chunks/utils.js";
+import { cn as H } from "../lib/utils.js";
 import { scaleBand as St, scaleLinear as ot, scalePoint as Ct } from "d3-scale";
-import { t as st, m as it } from "../../_chunks/motion2.js";
+import { tweens as st, motionProps as it } from "../lib/motion.js";
 import { axisLeft as Xt, axisBottom as Dt, axisRight as Pt, axisTop as zt } from "d3-axis";
 import { select as Bt } from "d3-selection";
-import { useMotion as Vt } from "../../motion/motion-provider.js";
-import { m as rt } from "../../_chunks/motion.js";
+import { u as Vt } from "../../_chunks/motion-provider.js";
+import { m as rt } from "../../_chunks/framer.js";
 import { line as ft, curveMonotoneX as dt, curveLinear as At, stack as _t, stackOrderNone as jt, stackOffsetNone as Tt, area as Nt, pie as Yt, arc as vt, lineRadial as Ot, curveLinearClosed as Wt } from "d3-shape";
 const It = {
   top: 20,

package/dist/ui/checkbox.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { C as a, b as m } from "../_chunks/primitives.js";
+import { N as a, Q as m } from "../_chunks/primitives.js";
 import { IconMinus as l, IconCheck as f } from "@tabler/icons-react";
 import * as b from "react";
-import { s as u } from "../_chunks/motion2.js";
-import { c as h } from "../_chunks/utils.js";
-import { A as p, m as x } from "../_chunks/motion.js";
+import { springs as u } from "./lib/motion.js";
+import { cn as h } from "./lib/utils.js";
+import { A as p, m as x } from "../_chunks/framer.js";
 const g = b.forwardRef(({ className: c, error: i, indeterminate: r, checked: s, ...o }, n) => {
   const t = r ? "indeterminate" : s, d = t === !0 || t === "indeterminate";
   return /* @__PURE__ */ e(

package/dist/ui/chip.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import * as v from "react";
 import { IconX as N } from "@tabler/icons-react";
 import { ag as h } from "../_chunks/vendor-utils.js";
-import { s as w, m as C } from "../_chunks/motion2.js";
-import { c as k } from "../_chunks/utils.js";
-import { m as n } from "../_chunks/motion.js";
-import { A as $ } from "../_chunks/motion.js";
+import { springs as w, motionProps as C } from "./lib/motion.js";
+import { cn as k } from "./lib/utils.js";
+import { m as n } from "../_chunks/framer.js";
+import { A as $ } from "../_chunks/framer.js";
 const j = h(
   "inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01",
   {
@@ -69,8 +69,8 @@ const j = h(
     }
   }
 ), R = v.forwardRef(
-  ({ label: t, variant: i, size: l, color: g, icon: o, onClick: s, onDismiss: c, disabled: r, className: d, ...m }, b) => {
-    const a = !!s, u = a ? n.button : n.span, y = a && !r ? "cursor-pointer hover:bg-surface-4 active:scale-95" : "", x = r ? "opacity-action-disabled cursor-not-allowed" : "";
+  ({ label: t, variant: i, size: l, color: g, icon: o, onClick: s, onDismiss: c, disabled: a, className: d, ...m }, b) => {
+    const e = !!s, u = e ? n.button : n.span, y = e && !a ? "cursor-pointer hover:bg-surface-4 active:scale-95" : "", x = a ? "opacity-action-disabled cursor-not-allowed" : "";
     return /* @__PURE__ */ f(
       u,
       {
@@ -80,14 +80,14 @@ const j = h(
         exit: { opacity: 0, scale: 0.8 },
         transition: w.snappy,
         className: k(j({ variant: i, size: l, color: g }), y, x, d),
-        onClick: a ? s : void 0,
-        disabled: a ? r : void 0,
-        type: a ? "button" : void 0,
+        onClick: e ? s : void 0,
+        disabled: e ? a : void 0,
+        type: e ? "button" : void 0,
         ...C(m),
         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(
+          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",
@@ -96,7 +96,7 @@ const j = h(
               onClick: (p) => {
                 p.stopPropagation(), c();
               },
-              children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
+              children: /* @__PURE__ */ r(N, { className: "h-ico-sm w-ico-sm" })
             }
           )
         ]

package/dist/ui/code.js

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

package/dist/ui/collapsible.js

@@ -2,17 +2,17 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as l from "react";
 import { U as o, V as r, W as m } from "../_chunks/primitives.js";
-import { c as n } from "../_chunks/utils.js";
-import { t as p } from "../_chunks/motion2.js";
-import { m as c } from "../_chunks/motion.js";
-const y = r, N = m, d = l.forwardRef(({ className: t, children: e, ...i }, s) => /* @__PURE__ */ a(
+import { cn as n } from "./lib/utils.js";
+import { tweens as p } from "./lib/motion.js";
+import { m as d } from "../_chunks/framer.js";
+const y = r, N = m, c = l.forwardRef(({ className: t, children: e, ...i }, s) => /* @__PURE__ */ a(
   o,
   {
     ref: s,
     className: n("overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up", t),
     ...i,
     children: /* @__PURE__ */ a(
-      c.div,
+      d.div,
       {
         initial: !1,
         animate: { opacity: 1 },
@@ -22,9 +22,9 @@ const y = r, N = m, d = l.forwardRef(({ className: t, children: e, ...i }, s) =>
     )
   }
 ));
-d.displayName = o.displayName;
+c.displayName = o.displayName;
 export {
   y as Collapsible,
-  d as CollapsibleContent,
+  c as CollapsibleContent,
   N as CollapsibleTrigger
 };

package/dist/ui/color-input.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import * as m from "react";
-import { c } from "../_chunks/utils.js";
+import { cn as c } from "./lib/utils.js";
 const b = m.forwardRef(
   ({ value: s = "#000000", onChange: l, presets: n, disabled: o = !1, className: i, ...u }, f) => {
     const a = (r) => {

package/dist/ui/combobox.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as a, jsxs as o, Fragment as G } from "react/jsx-runtime";
 import * as r from "react";
-import { g as U, h as q, P as J, i as Q } from "../_chunks/primitives.js";
+import { b as U, c as q, P as J, d as Q } from "../_chunks/primitives.js";
 import { IconChevronDown as W, IconSearch as Y, IconCheck as Z, IconX as V } from "@tabler/icons-react";
-import { c as p } from "../_chunks/utils.js";
-import { t as ee, s as se } from "../_chunks/motion2.js";
-import { m as te } from "../_chunks/motion.js";
+import { cn as p } from "./lib/utils.js";
+import { tweens as ee, springs as se } from "./lib/motion.js";
+import { m as te } from "../_chunks/framer.js";
 const P = 2, re = 36, ae = r.forwardRef(
   ({
     options: f,
@@ -149,7 +149,7 @@ const P = 2, re = 36, ae = r.forwardRef(
                       onClick: (D) => K(D, t),
                       "aria-label": `Remove ${l.label}`,
                       tabIndex: -1,
-                      children: /* @__PURE__ */ a(V, { className: "h-3 w-3", "aria-hidden": "true" })
+                      children: /* @__PURE__ */ a(V, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" })
                     }
                   )
                 ]

package/dist/ui/container.js

@@ -1,10 +1,10 @@
 import * as a from "react";
-import { c as d } from "../_chunks/utils.js";
+import { cn as d } from "./lib/utils.js";
 const f = {
   default: "max-w-layout",
   body: "max-w-layout-body",
   full: "max-w-full"
-}, s = a.forwardRef(
+}, u = 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 = {
     );
   }
 );
-s.displayName = "Container";
+u.displayName = "Container";
 export {
-  s as Container
+  u as Container
 };

package/dist/ui/context-menu.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import * as n from "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 { e as f, f as p, g as x, h as b, i as y, j as C, k as N, l as h, L as g, m as M, G, n as P, o as T, p as L, q 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";
-import { t as w, s as v } from "../_chunks/motion2.js";
-import { A as R, m as S } from "../_chunks/motion.js";
+import { cn as d } from "./lib/utils.js";
+import { tweens as w, springs as v } from "./lib/motion.js";
+import { A as R, m as S } from "../_chunks/framer.js";
 const I = n.createContext(!1), k = n.createContext(!1), B = ({
   onOpenChange: e,
   ...a

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

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