@pibit.ai/cure-design-system 0.3.0 → 0.3.2

package/dist/patterns/table/table.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { default as React, ComponentPropsWithRef, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import { CellProps as AriaCellProps, ColumnProps as AriaColumnProps, RowProps as AriaRowProps, TableHeaderProps as AriaTableHeaderProps, TableProps as AriaTableProps, TableBody as AriaTableBody } from 'react-aria-components';
 interface TableCardHeaderProps {
     /** The title of the table card header. */
@@ -61,9 +61,9 @@ declare const TableCell: {
     displayName: string;
 };
 declare const TableCard: {
-    Root: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
         size?: "sm" | "md";
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    } & React.RefAttributes<HTMLDivElement>>;
     Header: {
         ({ title, badge, description, contentTrailing, className }: TableCardHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/dist/patterns/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAavH,OAAO,KAAK,EACV,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,eAAe,EAC9B,QAAQ,IAAI,YAAY,EACxB,gBAAgB,IAAI,oBAAoB,EACxC,UAAU,IAAI,cAAc,EAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAOL,SAAS,IAAI,aAAa,EAG3B,MAAM,uBAAuB,CAAC;AA6E/B,UAAU,oBAAoB;IAC5B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,UAAU,cAAe,SAAQ,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACnH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;gDAA8D,cAAc;;CA0E1F,CAAC;AAGF,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CACzC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW;KAAI,CAAC,SAAS,MAAM,2EAOlC,gBAAgB,CAAC,CAAC,CAAC;;CAoCrB,CAAC;AAGF,UAAU,cACR,SAAQ,eAAe,EACrB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,SAAS;sFAQZ,cAAc;;CA0DhB,CAAC;AAGF,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,CACtC,SAAQ,YAAY,CAAC,CAAC,CAAC,EACrB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACnG,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6CAA6C;IAC7C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ;KAAI,CAAC,SAAS,MAAM,yGAQ/B,aAAa,CAAC,CAAC,CAAC;;CA6FlB,CAAC;AAGF,UAAU,cACR,SAAQ,aAAa,EACnB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;IACzF,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS;8DAAiE,cAAc;;CAyC7F,CAAC;AAGF,QAAA,MAAM,SAAS;;eAze4E,IAAI,GAAG,IAAI;;;oEA0ElB,oBAAoB;;;CAkavG,CAAC;AAEF,QAAA,MAAM,KAAK,EAAgB,OAAO,SAAS,GAAG;IAC5C,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,GAAG,EAAE,OAAO,QAAQ,CAAC;CACtB,CAAC;AAOF,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}

package/dist/patterns/table/table.js

@@ -1,68 +1,68 @@
-import { jsx as o, jsxs as v, Fragment as V } from "react/jsx-runtime";
-import { forwardRef as W, useContext as y, createContext as F, useState as N, isValidElement as O, useRef as G, useEffect as L, Children as M, cloneElement as I } from "react";
-import { Table as k, useTableOptions as w, Cell as T, TableBody as J, Column as z, Group as Q, TableHeader as X, Collection as A, Row as B } from "react-aria-components";
+import { jsx as o, jsxs as u, Fragment as W } from "react/jsx-runtime";
+import { forwardRef as F, useContext as v, createContext as G, useState as N, isValidElement as O, useRef as L, useEffect as M, Children as q, cloneElement as I } from "react";
+import { Table as k, useTableOptions as x, Cell as T, TableBody as J, Column as z, Group as Q, TableHeader as X, Collection as A, Row as B } from "react-aria-components";
 import { cn as d } from "../../utils/cn.js";
 import { Badge as Y } from "../../primitives/badge/badge.js";
 import { Icon as S } from "../../primitives/icon/icon.js";
 import { Checkbox as P } from "../../primitives/checkbox/checkbox.js";
-const g = F({
+const g = G({
   size: "md",
   expandedRows: /* @__PURE__ */ new Set(),
   toggleRow: () => {
   }
-}), D = W(
-  ({ children: l, className: s, size: n = "md", ...c }, e) => {
-    const i = G(null), [a, f] = N(!1), [h, t] = N(/* @__PURE__ */ new Set());
-    L(() => {
-      const r = i.current;
+}), D = F(
+  ({ children: n, className: l, size: s = "md", ...c }, e) => {
+    const a = L(null), [i, f] = N(!1), [h, t] = N(/* @__PURE__ */ new Set());
+    M(() => {
+      const r = a.current;
       if (!r) return;
       const p = () => {
         const { scrollWidth: R, clientWidth: C } = r;
         f(R > C);
       };
       p();
-      const u = new ResizeObserver(p);
-      return u.observe(r), () => {
-        u.disconnect();
+      const b = new ResizeObserver(p);
+      return b.observe(r), () => {
+        b.disconnect();
       };
     }, []);
-    const b = (r) => {
+    const m = (r) => {
       t((p) => {
-        const u = new Set(p);
-        return u.has(r) ? u.delete(r) : u.add(r), u;
+        const b = new Set(p);
+        return b.has(r) ? b.delete(r) : b.add(r), b;
       });
     };
-    return /* @__PURE__ */ o(g.Provider, { value: { size: n, hasOverflow: a, expandedRows: h, toggleRow: b }, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ o(g.Provider, { value: { size: s, hasOverflow: i, expandedRows: h, toggleRow: m }, children: /* @__PURE__ */ o(
       "div",
       {
         ref: (r) => {
-          i.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
+          a.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
         },
         ...c,
-        className: d("overflow-hidden rounded-lg bg-[var(--color-bg-primary)]", s),
-        children: l
+        className: d("overflow-hidden rounded-lg bg-primary", l),
+        children: n
       }
     ) });
   }
 );
 D.displayName = "TableCardRoot";
-const E = ({ title: l, badge: s, description: n, contentTrailing: c, className: e }) => {
-  const { size: i } = y(g);
-  return /* @__PURE__ */ v(
+const E = ({ title: n, badge: l, description: s, contentTrailing: c, className: e }) => {
+  const { size: a } = v(g);
+  return /* @__PURE__ */ u(
     "div",
     {
       className: d(
-        "relative flex flex-col items-start gap-4 border-b border-[var(--color-border-secondary)] bg-[var(--color-bg-primary)] px-4 md:flex-row",
-        i === "sm" ? "py-2 md:px-4" : "py-3 md:px-6",
+        "relative flex flex-col items-start gap-4 border-b border-border-secondary bg-primary px-4 md:flex-row",
+        a === "sm" ? "py-2 md:px-4" : "py-3 md:px-6",
         e
       ),
       children: [
-        /* @__PURE__ */ v("div", { className: "flex flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ o("h2", { className: d("font-semibold text-[var(--color-text-primary)]", i === "sm" ? "text-md" : "text-lg"), children: l }),
-            s ? O(s) ? s : /* @__PURE__ */ o(Y, { variant: "primary", size: "sm", children: s }) : null
+        /* @__PURE__ */ u("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o("h2", { className: d("font-semibold text-primary", a === "sm" ? "text-md" : "text-lg"), children: n }),
+            l ? O(l) ? l : /* @__PURE__ */ o(Y, { variant: "primary", size: "sm", children: l }) : null
           ] }),
-          n && /* @__PURE__ */ o("p", { className: "text-sm text-[var(--color-text-tertiary)]", children: n })
+          s && /* @__PURE__ */ o("p", { className: "text-sm text-tertiary", children: s })
         ] }),
         c
       ]
@@ -70,10 +70,10 @@ const E = ({ title: l, badge: s, description: n, contentTrailing: c, className:
   );
 };
 E.displayName = "TableCardHeader";
-const q = ({ className: l, size: s = "md", isEditable: n = !1, ...c }) => {
-  const e = y(g), [i, a] = N(/* @__PURE__ */ new Set()), f = (e == null ? void 0 : e.expandedRows) ?? i, h = (e == null ? void 0 : e.toggleRow) ?? ((t) => {
-    a((b) => {
-      const r = new Set(b);
+const j = ({ className: n, size: l = "md", isEditable: s = !1, ...c }) => {
+  const e = v(g), [a, i] = N(/* @__PURE__ */ new Set()), f = (e == null ? void 0 : e.expandedRows) ?? a, h = (e == null ? void 0 : e.toggleRow) ?? ((t) => {
+    i((m) => {
+      const r = new Set(m);
       return r.has(t) ? r.delete(t) : r.add(t), r;
     });
   });
@@ -81,12 +81,12 @@ const q = ({ className: l, size: s = "md", isEditable: n = !1, ...c }) => {
     g.Provider,
     {
       value: {
-        size: (e == null ? void 0 : e.size) ?? s,
+        size: (e == null ? void 0 : e.size) ?? l,
         hasOverflow: e == null ? void 0 : e.hasOverflow,
         expandedRows: f,
         toggleRow: h
       },
-      children: n ? /* @__PURE__ */ o(
+      children: s ? /* @__PURE__ */ o(
         "div",
         {
           onKeyDownCapture: (t) => {
@@ -109,7 +109,7 @@ const q = ({ className: l, size: s = "md", isEditable: n = !1, ...c }) => {
           children: /* @__PURE__ */ o(
             k,
             {
-              className: (t) => d("w-full overflow-x-hidden", typeof l == "function" ? l(t) : l),
+              className: (t) => d("w-full overflow-x-hidden", typeof n == "function" ? n(t) : n),
               ...c
             }
           )
@@ -117,77 +117,77 @@ const q = ({ className: l, size: s = "md", isEditable: n = !1, ...c }) => {
       ) : /* @__PURE__ */ o(
         k,
         {
-          className: (t) => d("w-full overflow-x-hidden", typeof l == "function" ? l(t) : l),
+          className: (t) => d("w-full overflow-x-hidden", typeof n == "function" ? n(t) : n),
           ...c
         }
       )
     }
   );
 };
-q.displayName = "Table";
-const j = ({
-  columns: l,
-  children: s,
-  bordered: n = !1,
+j.displayName = "Table";
+const K = ({
+  columns: n,
+  children: l,
+  bordered: s = !1,
   hasExpandableRows: c = !1,
   className: e,
-  ...i
+  ...a
 }) => {
-  const { size: a } = y(g), { selectionBehavior: f, selectionMode: h } = w();
-  return /* @__PURE__ */ v(
+  const { size: i } = v(g), { selectionBehavior: f, selectionMode: h } = x();
+  return /* @__PURE__ */ u(
     X,
     {
-      ...i,
+      ...a,
       className: (t) => d(
-        "sticky top-0 z-30 bg-[var(--color-bg-secondary)] rounded-lg h-11",
+        "sticky top-0 z-30 bg-secondary_subtle rounded-lg h-9",
         // Row border—using an "after" pseudo-element to avoid the border taking up space.
-        n && "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-tertiary [&>tr>th]:focus-visible:after:bg-transparent",
+        s && "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-tertiary [&>tr>th]:focus-visible:after:bg-transparent",
         typeof e == "function" ? e(t) : e
       ),
       children: [
-        c && /* @__PURE__ */ o(z, { className: d("relative p-0", a === "sm" ? "w-9" : "w-11") }),
-        f === "toggle" && /* @__PURE__ */ o(z, { className: d("relative p-0", a === "sm" ? "w-9" : "w-11"), children: h === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(P, { slot: "selection" }) }) }),
-        /* @__PURE__ */ o(A, { items: l, children: s })
+        c && /* @__PURE__ */ o(z, { className: d("relative p-0", i === "sm" ? "w-9" : "w-11") }),
+        f === "toggle" && /* @__PURE__ */ o(z, { className: d("relative p-0", i === "sm" ? "w-9" : "w-11"), children: h === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(P, { slot: "selection" }) }) }),
+        /* @__PURE__ */ o(A, { items: n, children: l })
       ]
     }
   );
 };
-j.displayName = "TableHeader";
-const K = ({
-  className: l,
-  label: s,
-  children: n,
+K.displayName = "TableHeader";
+const $ = ({
+  className: n,
+  label: l,
+  children: s,
   sticky: c,
   stickyOffset: e = 0,
-  headerCellClass: i,
-  ...a
+  headerCellClass: a,
+  ...i
 }) => {
-  const { selectionBehavior: f } = w(), { size: h } = y(g);
+  const { selectionBehavior: f } = x(), { size: h } = v(g);
   return /* @__PURE__ */ o(
     z,
     {
-      ...a,
+      ...i,
       style: (t) => {
-        const b = c ? {
+        const m = c ? {
           position: "sticky",
           [c]: e,
           zIndex: 30
         } : {};
-        return { ...typeof a.style == "function" ? a.style(t) : a.style || {}, ...b };
+        return { ...typeof i.style == "function" ? i.style(t) : i.style || {}, ...m };
       },
       className: (t) => d(
-        "relative p-0 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-[var(--color-bg-primary)] focus-visible:ring-inset",
+        "relative p-0 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
         h === "sm" && "px-4 py-2",
         h === "md" && "px-6 py-2",
         f === "toggle" && "nth-2:pl-3",
-        c && "bg-[var(--color-bg-secondary)]",
+        c && "bg-secondary_subtle",
         t.allowsSorting && "cursor-pointer",
-        typeof l == "function" ? l(t) : l
+        typeof n == "function" ? n(t) : n
       ),
-      children: (t) => /* @__PURE__ */ v(Q, { className: d("flex items-center gap-1", i), children: [
-        /* @__PURE__ */ v("div", { className: "flex items-center gap-1 overflow-hidden", children: [
-          s && /* @__PURE__ */ o("span", { className: "text-xs font-semibold whitespace-nowrap overflow-hidden text-ellipsis text-[var(--color-text-quaternary)]", children: s }),
-          typeof n == "function" ? n(t) : n
+      children: (t) => /* @__PURE__ */ u(Q, { className: d("flex items-center gap-1", a), children: [
+        /* @__PURE__ */ u("div", { className: "flex items-center gap-1 overflow-hidden", children: [
+          l && /* @__PURE__ */ o("span", { className: "text-xs font-semibold whitespace-nowrap overflow-hidden text-ellipsis text-secondary", children: l }),
+          typeof s == "function" ? s(t) : s
         ] }),
         t.allowsSorting && (t.sortDirection ? /* @__PURE__ */ o(
           S,
@@ -195,125 +195,125 @@ const K = ({
             name: "ArrowDown",
             size: 12,
             className: d(
-              "stroke-[3px] text-[var(--color-text-quaternary)]",
+              "stroke-[3px] text-secondary",
               t.sortDirection === "ascending" && "rotate-180"
             )
           }
-        ) : /* @__PURE__ */ o(S, { name: "ChevronSelectorVertical", size: 12, className: "text-[var(--color-text-quaternary)]" }))
+        ) : /* @__PURE__ */ o(S, { name: "ChevronSelectorVertical", size: 12, className: "text-secondary" }))
       ] })
     }
   );
 };
-K.displayName = "TableHead";
-const $ = ({
-  columns: l,
-  children: s,
-  className: n,
+$.displayName = "TableHead";
+const U = ({
+  columns: n,
+  children: l,
+  className: s,
   highlightSelectedRow: c = !0,
   isExpandable: e = !1,
-  renderExpandedContent: i,
-  ...a
+  renderExpandedContent: a,
+  ...i
 }) => {
-  const { size: f, expandedRows: h, toggleRow: t } = y(g), { selectionBehavior: b } = w(), r = typeof a.id == "string" ? a.id : String(a.id), p = h.has(r), R = e ? /* @__PURE__ */ o(
+  const { size: f, expandedRows: h, toggleRow: t } = v(g), { selectionBehavior: m } = x(), r = typeof i.id == "string" ? i.id : String(i.id), p = h.has(r), R = e ? /* @__PURE__ */ o(
     "button",
     {
       type: "button",
-      onClick: (m) => {
-        m.stopPropagation(), t(r);
+      onClick: (y) => {
+        y.stopPropagation(), t(r);
       },
       className: d(
-        "flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-[var(--color-bg-secondary_hover)] rounded p-1 flex-shrink-0 -ml-1 mr-2",
+        "flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-secondary_hover rounded p-1 flex-shrink-0 -ml-1 mr-2",
         p && "rotate-90"
       ),
       "aria-label": p ? "Collapse row" : "Expand row",
-      children: /* @__PURE__ */ o(S, { name: "ChevronRight", size: 16, className: "text-[var(--color-text-quaternary)]" })
+      children: /* @__PURE__ */ o(S, { name: "ChevronRight", size: 16, className: "text-secondary" })
     }
   ) : null, C = e ? (() => {
-    const m = M.toArray(s);
-    if (m.length > 0 && O(m[0])) {
-      const H = m[0], _ = H.props;
+    const y = q.toArray(l);
+    if (y.length > 0 && O(y[0])) {
+      const H = y[0], _ = H.props;
       return [
         I(H, {
           ..._,
-          children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+          children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
             R,
             _.children
           ] })
         }),
-        ...m.slice(1)
+        ...y.slice(1)
       ];
     }
-    return s;
-  })() : s;
-  return /* @__PURE__ */ v(V, { children: [
-    /* @__PURE__ */ v(
+    return l;
+  })() : l;
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ u(
       B,
       {
-        ...a,
-        className: (m) => d(
-          "relative outline-[var(--color-focus-ring)] transition-colors after:pointer-events-none hover:bg-[var(--color-bg-secondary_hover)] focus-visible:outline-2 focus-visible:-outline-offset-2",
+        ...i,
+        className: (y) => d(
+          "relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary_hover focus-visible:outline-2 focus-visible:-outline-offset-2",
           f === "sm" ? "h-12" : "h-18",
-          c && "selected:bg-[var(--color-bg-secondary)]",
+          c && "selected:bg-secondary",
           // Row border—using an "after" pseudo-element to avoid the border taking up space.
           !p && "[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-tertiary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0",
-          typeof n == "function" ? n(m) : n
+          typeof s == "function" ? s(y) : s
         ),
         children: [
-          b === "toggle" && /* @__PURE__ */ o(T, { className: d("relative p-0", f === "sm" ? "w-9" : "w-11"), children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(P, { className: "hidden", slot: "selection" }) }) }),
-          /* @__PURE__ */ o(A, { items: l, children: C })
+          m === "toggle" && /* @__PURE__ */ o(T, { className: d("relative p-0", f === "sm" ? "w-9" : "w-11"), children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(P, { className: "hidden", slot: "selection" }) }) }),
+          /* @__PURE__ */ o(A, { items: n, children: C })
         ]
       }
     ),
-    e && p && i && /* @__PURE__ */ o(B, { id: `${r}-expanded`, className: "relative bg-[var(--color-bg-secondary_hover)]", children: /* @__PURE__ */ o(
+    e && p && a && /* @__PURE__ */ o(B, { id: `${r}-expanded`, className: "relative bg-secondary_hover", children: /* @__PURE__ */ o(
       T,
       {
         className: "p-0",
-        colSpan: (l == null ? void 0 : l.length) || 0,
-        children: /* @__PURE__ */ o("div", { className: d("w-full"), children: i(a.value) })
+        colSpan: (n == null ? void 0 : n.length) || 0,
+        children: /* @__PURE__ */ o("div", { className: d("w-full"), children: a(i.value) })
       }
     ) })
   ] });
 };
-$.displayName = "TableRow";
-const U = ({ className: l, children: s, sticky: n, stickyOffset: c = 0, ...e }) => {
-  const { size: i } = y(g), { selectionBehavior: a } = w();
+U.displayName = "TableRow";
+const V = ({ className: n, children: l, sticky: s, stickyOffset: c = 0, ...e }) => {
+  const { size: a } = v(g), { selectionBehavior: i } = x();
   return /* @__PURE__ */ o(
     T,
     {
       ...e,
       style: (f) => {
-        const h = n ? {
+        const h = s ? {
           position: "sticky",
-          [n]: c,
+          [s]: c,
           zIndex: 20
         } : {};
         return { ...typeof e.style == "function" ? e.style(f) : e.style || {}, ...h };
       },
       className: (f) => d(
-        "relative text-sm text-[var(--color-text-tertiary)] outline-[var(--color-focus-ring)] focus-visible:z-1 focus-visible:outline-2 focus-visible:-outline-offset-2",
-        i === "sm" && "p-0 px-4 py-2",
-        i === "md" && "p-0 px-6 py-2",
-        a === "toggle" && "nth-2:pl-3",
-        n === "left" && "before:absolute before:top-0 before:right-0 before:h-full before:shadow-[4px_0_8px_2px_rgba(0,0,0,0.15)]",
-        n === "right" && "z-[2000] bg-[var(--color-bg-primary)] hover:bg-inherit before:absolute before:top-0 before:left-0 before:h-full before:shadow-[-4px_0_8px_2px_rgba(0,0,0,0.15)]",
-        typeof l == "function" ? l(f) : l
+        "relative text-sm text-secondary outline-focus-ring focus-visible:z-1 focus-visible:outline-2 focus-visible:-outline-offset-2",
+        a === "sm" && "p-0 px-4 py-2",
+        a === "md" && "p-0 px-6 py-2",
+        i === "toggle" && "nth-2:pl-3",
+        s === "left" && "before:absolute before:top-0 before:right-0 before:h-full before:shadow-[4px_0_8px_2px_rgba(0,0,0,0.15)]",
+        s === "right" && "z-[2000] bg-primary hover:bg-inherit before:absolute before:top-0 before:left-0 before:h-full before:shadow-[-4px_0_8px_2px_rgba(0,0,0,0.15)]",
+        typeof n == "function" ? n(f) : n
       ),
-      children: s
+      children: l
     }
   );
 };
-U.displayName = "TableCell";
-const se = {
+V.displayName = "TableCell";
+const le = {
   Root: D,
   Header: E
-}, x = q;
-x.Body = J;
-x.Cell = U;
-x.Head = K;
-x.Header = j;
-x.Row = $;
+}, w = j;
+w.Body = J;
+w.Cell = V;
+w.Head = $;
+w.Header = K;
+w.Row = U;
 export {
-  x as Table,
-  se as TableCard,
-  U as TableCell
+  w as Table,
+  le as TableCard,
+  V as TableCell
 };

package/dist/primitives/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/primitives/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1G,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK5E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HjB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,uDAAuD;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,WAAW,EACjB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACvG,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,UAAU,SACR,SAAQ,WAAW,EACjB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAAG;AAEnG,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM;uPAehB,KAAK;;CAgGP,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/primitives/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1G,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK5E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HjB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,uDAAuD;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,WAAW,EACnB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACrG,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,UAAU,SACR,SAAQ,WAAW,EACnB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAAI;AAElG,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM;uPAehB,KAAK;;CAgGP,CAAC"}