@pibit.ai/cure-design-system 0.3.8 → 0.3.11

package/dist/patterns/table/TableWrapper.js

@@ -3,78 +3,88 @@ import { forwardRef as E, useState as k, useRef as O, useEffect as j } from "rea
 import { createPortal as H } from "react-dom";
 import { TableCard as S, Table as n } from "./table.js";
 import { cx as y } from "../../utils/cn.js";
-const F = E(function({
-  data: f,
-  columns: i,
-  renderRowCell: d,
-  onRowClick: s,
-  arialabel: h,
-  size: l = "sm",
-  allowDefaultRowClass: w = !1,
-  centeredHeaders: b = [],
-  rootClassName: g,
-  removeBorders: p,
-  headerClassName: o,
-  isRowExpandable: x,
-  renderExpandedContent: v
-}, u) {
-  return /* @__PURE__ */ t(S.Root, { ref: u, className: y("overflow-x-auto", g), size: l, children: /* @__PURE__ */ W(n, { "aria-label": h, size: l, children: [
-    /* @__PURE__ */ t(n.Header, { className: y("sticky top-0", o), children: i.map((e, c) => /* @__PURE__ */ t(
-      n.Head,
+const F = E(
+  function({
+    data: f,
+    columns: i,
+    renderRowCell: d,
+    onRowClick: s,
+    arialabel: h,
+    size: l = "sm",
+    allowDefaultRowClass: w = !1,
+    centeredHeaders: b = [],
+    rootClassName: g,
+    removeBorders: p,
+    headerClassName: o,
+    isRowExpandable: x,
+    renderExpandedContent: v
+  }, u) {
+    return /* @__PURE__ */ t(
+      S.Root,
       {
-        sticky: e.sticky,
-        stickyOffset: e.stickyOffset,
-        id: e.key,
-        label: e.label,
-        isRowHeader: !0,
-        allowsSorting: e.allowsSorting,
-        headerCellClass: b.includes(e.key) ? "justify-center" : "",
-        style: {
-          maxWidth: e.maxWidth,
-          minWidth: e.maxWidth,
-          width: e.maxWidth
-        },
-        className: "overflow-hidde"
-      },
-      c
-    )) }),
-    /* @__PURE__ */ t(n.Body, { items: f, children: (e) => {
-      const c = x ? x(e) : !1, m = e.id || e.rule_id || String(e);
-      return /* @__PURE__ */ t(
-        n.Row,
-        {
-          onAction: () => s == null ? void 0 : s(e),
-          id: m,
-          isExpandable: c,
-          renderExpandedContent: c ? v : void 0,
-          columns: i,
-          className: y(
-            s && "cursor-pointer",
-            w ? "prose" : "",
-            p && "[&>td]:after:hidden"
-            // Remove row borders
-          ),
-          children: i.map((a, N) => /* @__PURE__ */ t(
-            n.Cell,
+        ref: u,
+        className: y("overflow-x-auto", g),
+        size: l,
+        children: /* @__PURE__ */ W(n, { "aria-label": h, size: l, children: [
+          /* @__PURE__ */ t(n.Header, { className: y("sticky top-0", o), children: i.map((e, c) => /* @__PURE__ */ t(
+            n.Head,
             {
-              sticky: a.sticky,
-              stickyOffset: a.stickyOffset,
+              sticky: e.sticky,
+              stickyOffset: e.stickyOffset,
+              id: e.key,
+              label: e.label,
+              isRowHeader: !0,
+              allowsSorting: e.allowsSorting,
+              headerCellClass: b.includes(e.key) ? "justify-center" : "",
               style: {
-                maxWidth: a.maxWidth,
-                minWidth: a.maxWidth,
-                width: a.maxWidth
+                maxWidth: e.maxWidth,
+                minWidth: e.maxWidth,
+                width: e.maxWidth
               },
-              className: "overflow-x-hidden text-left",
-              children: N === 0 && c ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: d(a.key, e[a.key], e) }) : d(a.key, e[a.key], e)
+              className: "overflow-hidde"
             },
-            a.key
-          ))
-        },
-        m
-      );
-    } })
-  ] }) });
-}), $ = ({
+            c
+          )) }),
+          /* @__PURE__ */ t(n.Body, { items: f, children: (e) => {
+            const c = x ? x(e) : !1, m = e.id || e.rule_id || String(e);
+            return /* @__PURE__ */ t(
+              n.Row,
+              {
+                onAction: () => s == null ? void 0 : s(e),
+                id: m,
+                isExpandable: c,
+                renderExpandedContent: c ? v : void 0,
+                columns: i,
+                className: y(
+                  s && "cursor-pointer",
+                  w ? "prose" : "",
+                  p && "[&>td]:after:hidden"
+                  // Remove row borders
+                ),
+                children: i.map((a, N) => /* @__PURE__ */ t(
+                  n.Cell,
+                  {
+                    sticky: a.sticky,
+                    stickyOffset: a.stickyOffset,
+                    style: {
+                      maxWidth: a.maxWidth,
+                      minWidth: a.maxWidth,
+                      width: a.maxWidth
+                    },
+                    className: "overflow-x-hidden text-left",
+                    children: N === 0 && c ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: d(a.key, e[a.key], e) }) : d(a.key, e[a.key], e)
+                  },
+                  a.key
+                ))
+              },
+              m
+            );
+          } })
+        ] })
+      }
+    );
+  }
+), $ = ({
   content: r,
   className: f = "",
   link: i = !1,

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

@@ -12,15 +12,15 @@ interface TableCardHeaderProps {
     /** The class name of the table card header. */
     className?: string;
 }
-interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<'table'>, 'className' | 'slot' | 'style'> {
-    size?: 'xs' | 'sm' | 'md';
+interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<"table">, "className" | "slot" | "style"> {
+    size?: "xs" | "sm" | "md";
     isEditable?: boolean;
 }
 declare const TableRoot: {
     ({ className, size, isEditable, ...props }: TableRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-interface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T>, Omit<ComponentPropsWithRef<'thead'>, 'children' | 'className' | 'slot' | 'style'> {
+interface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T>, Omit<ComponentPropsWithRef<"thead">, "children" | "className" | "slot" | "style"> {
     bordered?: boolean;
     /** Whether any rows in the table are expandable */
     hasExpandableRows?: boolean;
@@ -29,10 +29,10 @@ declare const TableHeader: {
     <T extends object>({ columns, children, bordered, hasExpandableRows, className, ...props }: TableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
+interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>, "children" | "className" | "style" | "id"> {
     label?: string;
     tooltip?: string;
-    sticky?: 'left' | 'right';
+    sticky?: "left" | "right";
     stickyOffset?: number;
     headerCellClass?: string;
     tooltipHeader?: boolean;
@@ -41,7 +41,7 @@ declare const TableHead: {
     ({ className, tooltip, label, children, sticky, stickyOffset, headerCellClass, tooltipHeader, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<'tr'>, 'children' | 'className' | 'onClick' | 'slot' | 'style' | 'id'> {
+interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<"tr">, "children" | "className" | "onClick" | "slot" | "style" | "id"> {
     columns?: any[];
     highlightSelectedRow?: boolean;
     /** Whether this row is expandable */
@@ -53,9 +53,9 @@ declare const TableRow: {
     <T extends object>({ columns, children, className, highlightSelectedRow, isExpandable, renderExpandedContent, ...props }: TableRowProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-interface TableCellProps extends AriaCellProps, Omit<TdHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
+interface TableCellProps extends AriaCellProps, Omit<TdHTMLAttributes<HTMLTableCellElement>, "children" | "className" | "style" | "id"> {
     ref?: Ref<HTMLTableCellElement>;
-    sticky?: 'left' | 'right';
+    sticky?: "left" | "right";
     stickyOffset?: number;
 }
 declare const TableCell: {
@@ -67,7 +67,7 @@ declare const TableCard: {
         size?: "xs" | "sm" | "md";
     } & React.RefAttributes<HTMLDivElement>>;
     Header: {
-        ({ title, badge, description, contentTrailing, className }: TableCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ 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,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAkB,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;AA2CD,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,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;gDAA8D,cAAc;;CAkF1F,CAAC;AAGF,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CACzC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC/B,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACjF,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,EACvB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,SAAS;8GAUZ,cAAc;;CA+DhB,CAAC;AAGF,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,CACtC,SAAQ,YAAY,CAAC,CAAC,CAAC,EACvB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACjG,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,EACrB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;IACvF,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;;CAuC7F,CAAC;AAGF,QAAA,MAAM,SAAS;;eA/f4E,IAAI,GAAG,IAAI,GAAG,IAAI;;;oEA0EzB,oBAAoB;;;CAwbvG,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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,qBAAqB,EAErB,SAAS,EACT,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAaf,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;AAgF/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;AA4DD,UAAU,cACR,SACE,cAAc,EACd,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;gDAKZ,cAAc;;CAoFhB,CAAC;AAGF,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CACzC,SACE,oBAAoB,CAAC,CAAC,CAAC,EACvB,IAAI,CACF,qBAAqB,CAAC,OAAO,CAAC,EAC9B,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAC5C;IACH,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;;CA8CrB,CAAC;AAGF,UAAU,cACR,SACE,eAAe,EACf,IAAI,CACF,gBAAgB,CAAC,oBAAoB,CAAC,EACtC,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAC1C;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,SAAS;8GAUZ,cAAc;;CA0EhB,CAAC;AAGF,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,CACtC,SACE,YAAY,CAAC,CAAC,CAAC,EACf,IAAI,CACF,qBAAqB,CAAC,IAAI,CAAC,EAC3B,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAC/D;IACH,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;;CA6GlB,CAAC;AAGF,UAAU,cACR,SACE,aAAa,EACb,IAAI,CACF,gBAAgB,CAAC,oBAAoB,CAAC,EACtC,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAC1C;IACH,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;8DAMZ,cAAc;;CA0ChB,CAAC;AAGF,QAAA,MAAM,SAAS;;eAzlB6B,IAAI,GAAG,IAAI,GAAG,IAAI;;;qEAiF3D,oBAAoB;;;CA2gBtB,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"}

package/dist/patterns/table/table.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as x, Fragment as V } from "react/jsx-runtime";
+import { jsx as o, jsxs as m, Fragment as V } from "react/jsx-runtime";
 import { forwardRef as W, useContext as g, createContext as F, useState as T, isValidElement as A, useRef as G, useEffect as L, Children as M, cloneElement as I } from "react";
 import { Table as B, useTableOptions as C, Cell as S, TableBody as J, Column as z, Group as Q, TableHeader as X, Collection as P, Row as O } from "react-aria-components";
 import { cn as c } from "../../utils/cn.js";
@@ -10,45 +10,55 @@ const b = F({
   expandedRows: /* @__PURE__ */ new Set(),
   toggleRow: () => {
   }
-}), E = W(
-  ({ children: r, className: n, size: i = "md", ...d }, e) => {
-    const s = G(null), [a, f] = T(!1), [p, l] = T(/* @__PURE__ */ new Set());
-    L(() => {
-      const t = s.current;
-      if (!t) return;
-      const u = () => {
-        const { scrollWidth: R, clientWidth: N } = t;
-        f(R > N);
-      };
-      u();
-      const h = new ResizeObserver(u);
-      return h.observe(t), () => {
-        h.disconnect();
-      };
-    }, []);
-    const m = (t) => {
-      l((u) => {
-        const h = new Set(u);
-        return h.has(t) ? h.delete(t) : h.add(t), h;
-      });
+}), E = W(({ children: r, className: n, size: i = "md", ...d }, e) => {
+  const s = G(null), [a, f] = T(!1), [p, l] = T(/* @__PURE__ */ new Set());
+  L(() => {
+    const t = s.current;
+    if (!t) return;
+    const x = () => {
+      const { scrollWidth: R, clientWidth: N } = t;
+      f(R > N);
     };
-    return /* @__PURE__ */ o(b.Provider, { value: { size: i, hasOverflow: a, expandedRows: p, toggleRow: m }, children: /* @__PURE__ */ o(
-      "div",
-      {
-        ref: (t) => {
-          s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
-        },
-        ...d,
-        className: c("overflow-hidden rounded-lg bg-primary", n),
-        children: r
-      }
-    ) });
-  }
-);
+    x();
+    const h = new ResizeObserver(x);
+    return h.observe(t), () => {
+      h.disconnect();
+    };
+  }, []);
+  const u = (t) => {
+    l((x) => {
+      const h = new Set(x);
+      return h.has(t) ? h.delete(t) : h.add(t), h;
+    });
+  };
+  return /* @__PURE__ */ o(
+    b.Provider,
+    {
+      value: { size: i, hasOverflow: a, expandedRows: p, toggleRow: u },
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          ref: (t) => {
+            s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+          },
+          ...d,
+          className: c("overflow-hidden rounded-lg bg-primary", n),
+          children: r
+        }
+      )
+    }
+  );
+});
 E.displayName = "TableCardRoot";
-const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className: e }) => {
+const _ = ({
+  title: r,
+  badge: n,
+  description: i,
+  contentTrailing: d,
+  className: e
+}) => {
   const { size: s } = g(b);
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: c(
@@ -57,8 +67,8 @@ const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className:
         e
       ),
       children: [
-        /* @__PURE__ */ x("div", { className: "flex flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ m("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ o(
               "h2",
               {
@@ -71,7 +81,16 @@ const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className:
             ),
             n ? A(n) ? n : /* @__PURE__ */ o(Y, { color: "brand", size: "sm", children: n }) : null
           ] }),
-          i && /* @__PURE__ */ o("p", { className: c("text-tertiary", s === "xs" ? "text-xs" : "text-sm"), children: i })
+          i && /* @__PURE__ */ o(
+            "p",
+            {
+              className: c(
+                "text-tertiary",
+                s === "xs" ? "text-xs" : "text-sm"
+              ),
+              children: i
+            }
+          )
         ] }),
         d
       ]
@@ -79,10 +98,15 @@ const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className:
   );
 };
 _.displayName = "TableCardHeader";
-const j = ({ className: r, size: n = "md", isEditable: i = !1, ...d }) => {
+const j = ({
+  className: r,
+  size: n = "md",
+  isEditable: i = !1,
+  ...d
+}) => {
   const e = g(b), [s, a] = T(/* @__PURE__ */ new Set()), f = (e == null ? void 0 : e.expandedRows) ?? s, p = (e == null ? void 0 : e.toggleRow) ?? ((l) => {
-    a((m) => {
-      const t = new Set(m);
+    a((u) => {
+      const t = new Set(u);
       return t.has(l) ? t.delete(l) : t.add(l), t;
     });
   });
@@ -112,7 +136,9 @@ const j = ({ className: r, size: n = "md", isEditable: i = !1, ...d }) => {
               // space
             ])).has(l.key)) {
               const t = l.target;
-              t && (t.closest('[contenteditable]:not([contenteditable="false"])') || t.closest("input, textarea") || t.closest('[role="textbox"]')) && l.stopPropagation();
+              t && (t.closest(
+                '[contenteditable]:not([contenteditable="false"])'
+              ) || t.closest("input, textarea") || t.closest('[role="textbox"]')) && l.stopPropagation();
             }
           },
           children: /* @__PURE__ */ o(
@@ -151,7 +177,7 @@ const q = ({
   ...s
 }) => {
   const { size: a } = g(b), { selectionBehavior: f, selectionMode: p } = C();
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ m(
     X,
     {
       ...s,
@@ -162,8 +188,25 @@ const q = ({
         typeof e == "function" ? e(l) : e
       ),
       children: [
-        d && /* @__PURE__ */ o(z, { className: c("relative p-0", a === "sm" || a === "xs" ? "w-9" : "w-11") }),
-        f === "toggle" && /* @__PURE__ */ o(z, { className: c("relative p-0", a === "sm" || a === "xs" ? "w-9" : "w-11"), children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(D, { slot: "selection" }) }) }),
+        d && /* @__PURE__ */ o(
+          z,
+          {
+            className: c(
+              "relative p-0",
+              a === "sm" || a === "xs" ? "w-9" : "w-11"
+            )
+          }
+        ),
+        f === "toggle" && /* @__PURE__ */ o(
+          z,
+          {
+            className: c(
+              "relative p-0",
+              a === "sm" || a === "xs" ? "w-9" : "w-11"
+            ),
+            children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(D, { slot: "selection" }) })
+          }
+        ),
         /* @__PURE__ */ o(P, { items: r, children: n })
       ]
     }
@@ -181,31 +224,32 @@ const K = ({
   tooltipHeader: f = !1,
   ...p
 }) => {
-  const { selectionBehavior: l } = C(), { size: m } = g(b);
+  const { selectionBehavior: l } = C(), { size: u } = g(b);
   return /* @__PURE__ */ o(
     z,
     {
       ...p,
       style: (t) => {
-        const u = e ? {
+        const x = e ? {
           position: "sticky",
           [e]: s,
-          zIndex: 30
+          zIndex: 30,
+          boxShadow: e === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
         } : {};
-        return { ...typeof p.style == "function" ? p.style(t) : p.style || {}, ...u };
+        return { ...typeof p.style == "function" ? p.style(t) : p.style || {}, ...x };
       },
       className: (t) => c(
         "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",
-        m === "xs" && "px-3 py-0",
-        m === "sm" && "px-4 py-2",
-        m === "md" && "px-6 py-2",
+        u === "xs" && "px-3 py-0",
+        u === "sm" && "px-4 py-2",
+        u === "md" && "px-6 py-2",
         l === "toggle" && "nth-2:pl-3",
-        e && "bg-secondary",
+        e && "bg-secondary_subtle",
         t.allowsSorting && "cursor-pointer",
         typeof r == "function" ? r(t) : r
       ),
-      children: (t) => /* @__PURE__ */ x(Q, { className: c("flex items-center gap-1", a), children: [
-        /* @__PURE__ */ x("div", { className: "flex items-center gap-1 overflow-hidden", children: [
+      children: (t) => /* @__PURE__ */ m(Q, { className: c("flex items-center gap-1", a), children: [
+        /* @__PURE__ */ m("div", { className: "flex items-center gap-1 overflow-hidden", children: [
           i && /* @__PURE__ */ o("span", { className: "text-xs font-medium whitespace-nowrap overflow-hidden text-ellipsis text-secondary", children: i }),
           typeof d == "function" ? d(t) : d
         ] }),
@@ -220,7 +264,14 @@ const K = ({
               t.sortDirection === "ascending" && "rotate-180"
             )
           }
-        ) : /* @__PURE__ */ o(w, { name: "ChevronSelectorVertical", size: 12, className: "text-fg-quaternary" }))
+        ) : /* @__PURE__ */ o(
+          w,
+          {
+            name: "ChevronSelectorVertical",
+            size: 12,
+            className: "text-fg-quaternary"
+          }
+        ))
       ] })
     }
   );
@@ -235,7 +286,7 @@ const $ = ({
   renderExpandedContent: s,
   ...a
 }) => {
-  const { size: f, expandedRows: p, toggleRow: l } = g(b), { selectionBehavior: m } = C(), t = typeof a.id == "string" ? a.id : String(a.id), u = p.has(t), R = e ? /* @__PURE__ */ o(
+  const { size: f, expandedRows: p, toggleRow: l } = g(b), { selectionBehavior: u } = C(), t = typeof a.id == "string" ? a.id : String(a.id), x = p.has(t), R = e ? /* @__PURE__ */ o(
     "button",
     {
       type: "button",
@@ -244,9 +295,9 @@ const $ = ({
       },
       className: c(
         "flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-secondary_subtle rounded p-1 flex-shrink-0 -ml-1 mr-2",
-        u && "rotate-90"
+        x && "rotate-90"
       ),
-      "aria-label": u ? "Collapse row" : "Expand row",
+      "aria-label": x ? "Collapse row" : "Expand row",
       children: /* @__PURE__ */ o(w, { name: "ChevronRight", size: 16, className: "text-secondary" })
     }
   ) : null, N = e ? (() => {
@@ -256,7 +307,7 @@ const $ = ({
       return [
         I(H, {
           ...k,
-          children: /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+          children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
             R,
             k.children
           ] })
@@ -266,8 +317,8 @@ const $ = ({
     }
     return n;
   })() : n;
-  return /* @__PURE__ */ x(V, { children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ m(V, { children: [
+    /* @__PURE__ */ m(
       O,
       {
         ...a,
@@ -276,27 +327,49 @@ const $ = ({
           f === "xs" ? "h-10" : f === "sm" ? "h-12" : f === "md" ? "h-18" : "h-10",
           d && "selected:bg-secondary",
           // Row border—using an "after" pseudo-element to avoid the border taking up space.
-          !u && "[&>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",
+          !x && "[&>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 i == "function" ? i(y) : i
         ),
         children: [
-          m === "toggle" && /* @__PURE__ */ o(S, { className: c("relative p-0", f === "sm" || f === "xs" ? "w-9" : "w-11"), children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(D, { className: "hidden", slot: "selection" }) }) }),
+          u === "toggle" && /* @__PURE__ */ o(
+            S,
+            {
+              className: c(
+                "relative p-0",
+                f === "sm" || f === "xs" ? "w-9" : "w-11"
+              ),
+              children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(D, { className: "hidden", slot: "selection" }) })
+            }
+          ),
           /* @__PURE__ */ o(P, { items: r, children: N })
         ]
       }
     ),
-    e && u && s && /* @__PURE__ */ o(O, { id: `${t}-expanded`, className: "relative bg-secondary_subtle", children: /* @__PURE__ */ o(
-      S,
+    e && x && s && /* @__PURE__ */ o(
+      O,
       {
-        className: "p-0",
-        colSpan: (r == null ? void 0 : r.length) || 0,
-        children: /* @__PURE__ */ o("div", { className: c("w-full"), children: s(a.value) })
+        id: `${t}-expanded`,
+        className: "relative bg-secondary_subtle",
+        children: /* @__PURE__ */ o(
+          S,
+          {
+            className: "p-0",
+            colSpan: (r == null ? void 0 : r.length) || 0,
+            children: /* @__PURE__ */ o("div", { className: c("w-full"), children: s(a.value) })
+          }
+        )
       }
-    ) })
+    )
   ] });
 };
 $.displayName = "TableRow";
-const U = ({ className: r, children: n, sticky: i, stickyOffset: d = 0, ...e }) => {
+const U = ({
+  className: r,
+  children: n,
+  sticky: i,
+  stickyOffset: d = 0,
+  ...e
+}) => {
   const { size: s } = g(b), { selectionBehavior: a } = C();
   return /* @__PURE__ */ o(
     S,

package/dist/patterns/tree-view/tree-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/tree-view.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,iEAAiE;IACjE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAID;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,mBAAmB,EAC3B,UAAU,GAAE,MAAW,GACxB,YAAY,EAAE,CAuChB;AAqBD,eAAO,MAAM,QAAQ;uIAUlB,aAAa;;CAuDf,CAAC"}
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/tree-view.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,iEAAiE;IACjE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAID;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,mBAAmB,EAC3B,UAAU,GAAE,MAAW,GACxB,YAAY,EAAE,CAuChB;AAqBD,eAAO,MAAM,QAAQ;uIAUlB,aAAa;;CAkDf,CAAC"}