@pibit.ai/cure-design-system 0.3.15 → 0.3.16

package/dist/patterns/table/table.js

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as m, Fragment as V } from "react/jsx-runtime";
+import { jsx as o, jsxs as h, 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 { Table as B, useTableOptions as C, Cell as z, TableBody as J, Column as S, Group as Q, TableHeader as X, Collection as P, Row as O } from "react-aria-components";
 import { cn as c } from "../../utils/cn.js";
 import { Badge as Y } from "../../primitives/badge/badge.js";
 import { Icon as w } from "../../primitives/icon/icon.js";
-import { Checkbox as D } from "../../primitives/checkbox/checkbox.js";
+import { Checkbox as _ } from "../../primitives/checkbox/checkbox.js";
 const b = F({
   size: "md",
   expandedRows: /* @__PURE__ */ new Set(),
   toggleRow: () => {
   }
-}), E = W(({ children: r, className: n, size: i = "md", ...d }, e) => {
+}), D = 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;
@@ -20,15 +20,15 @@ const b = F({
       f(R > N);
     };
     x();
-    const h = new ResizeObserver(x);
-    return h.observe(t), () => {
-      h.disconnect();
+    const m = new ResizeObserver(x);
+    return m.observe(t), () => {
+      m.disconnect();
     };
   }, []);
   const u = (t) => {
     l((x) => {
-      const h = new Set(x);
-      return h.has(t) ? h.delete(t) : h.add(t), h;
+      const m = new Set(x);
+      return m.has(t) ? m.delete(t) : m.add(t), m;
     });
   };
   return /* @__PURE__ */ o(
@@ -42,15 +42,18 @@ const b = F({
             s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
           },
           ...d,
-          className: c("overflow-hidden rounded-lg bg-primary", n),
+          className: c(
+            "rounded-lg bg-primary overflow-x-auto overflow-y-clip",
+            n
+          ),
           children: r
         }
       )
     }
   );
 });
-E.displayName = "TableCardRoot";
-const _ = ({
+D.displayName = "TableCardRoot";
+const E = ({
   title: r,
   badge: n,
   description: i,
@@ -58,7 +61,7 @@ const _ = ({
   className: e
 }) => {
   const { size: s } = g(b);
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: c(
@@ -67,8 +70,8 @@ const _ = ({
         e
       ),
       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__ */ h("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ o(
               "h2",
               {
@@ -97,7 +100,7 @@ const _ = ({
     }
   );
 };
-_.displayName = "TableCardHeader";
+E.displayName = "TableCardHeader";
 const j = ({
   className: r,
   size: n = "md",
@@ -145,7 +148,7 @@ const j = ({
             B,
             {
               className: (l) => c(
-                "w-full overflow-x-hidden",
+                "w-full",
                 n === "xs" && "px-3 py-0",
                 typeof r == "function" ? r(l) : r
               ),
@@ -157,7 +160,7 @@ const j = ({
         B,
         {
           className: (l) => c(
-            "w-full overflow-x-hidden",
+            "w-full",
             n === "xs" && "px-3 py-0",
             typeof r == "function" ? r(l) : r
           ),
@@ -177,34 +180,34 @@ const q = ({
   ...s
 }) => {
   const { size: a } = g(b), { selectionBehavior: f, selectionMode: p } = C();
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     X,
     {
       ...s,
       className: (l) => c(
-        "sticky top-0 z-30 bg-secondary_subtle rounded-lg h-9",
+        "sticky top-[-1px] z-30 bg-secondary_subtle rounded-lg h-9",
         // Row border—using an "after" pseudo-element to avoid the border taking up space.
         i && "[&>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(l) : e
       ),
       children: [
         d && /* @__PURE__ */ o(
-          z,
+          S,
           {
             className: c(
-              "relative p-0",
+              "sticky top-[-1px] z-30 bg-secondary_subtle p-0",
               a === "sm" || a === "xs" ? "w-9" : "w-11"
             )
           }
         ),
         f === "toggle" && /* @__PURE__ */ o(
-          z,
+          S,
           {
             className: c(
-              "relative p-0",
+              "sticky top-[-1px] z-30 bg-secondary_subtle 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" }) })
+            children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(_, { slot: "selection" }) })
           }
         ),
         /* @__PURE__ */ o(P, { items: r, children: n })
@@ -226,30 +229,33 @@ const K = ({
 }) => {
   const { selectionBehavior: l } = C(), { size: u } = g(b);
   return /* @__PURE__ */ o(
-    z,
+    S,
     {
       ...p,
       style: (t) => {
-        const x = e ? {
+        const x = {
           position: "sticky",
-          [e]: s,
-          zIndex: 30,
-          boxShadow: e === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
-        } : {};
+          top: -1,
+          zIndex: e ? 40 : 30,
+          ...e ? {
+            [e]: s,
+            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 || {}, ...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",
+        "sticky top-[-1px] bg-secondary_subtle p-0 outline-hidden focus-visible:z-[41] focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
         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_subtle",
+        e ? "z-40" : "z-30",
         t.allowsSorting && "cursor-pointer",
         typeof r == "function" ? r(t) : r
       ),
-      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: [
+      children: (t) => /* @__PURE__ */ h(Q, { className: c("flex items-center gap-1", a), children: [
+        /* @__PURE__ */ h("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
         ] }),
@@ -307,7 +313,7 @@ const $ = ({
       return [
         I(H, {
           ...k,
-          children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+          children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
             R,
             k.children
           ] })
@@ -317,8 +323,8 @@ const $ = ({
     }
     return n;
   })() : n;
-  return /* @__PURE__ */ m(V, { children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ h(
       O,
       {
         ...a,
@@ -332,13 +338,13 @@ const $ = ({
         ),
         children: [
           u === "toggle" && /* @__PURE__ */ o(
-            S,
+            z,
             {
               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" }) })
+              children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(_, { className: "hidden", slot: "selection" }) })
             }
           ),
           /* @__PURE__ */ o(P, { items: r, children: N })
@@ -351,7 +357,7 @@ const $ = ({
         id: `${t}-expanded`,
         className: "relative bg-secondary_subtle",
         children: /* @__PURE__ */ o(
-          S,
+          z,
           {
             className: "p-0",
             colSpan: (r == null ? void 0 : r.length) || 0,
@@ -372,7 +378,7 @@ const U = ({
 }) => {
   const { size: s } = g(b), { selectionBehavior: a } = C();
   return /* @__PURE__ */ o(
-    S,
+    z,
     {
       ...e,
       style: (f) => {
@@ -399,8 +405,8 @@ const U = ({
 };
 U.displayName = "TableCell";
 const le = {
-  Root: E,
-  Header: _
+  Root: D,
+  Header: E
 }, v = j;
 v.Body = J;
 v.Cell = U;

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

@@ -29,6 +29,9 @@ export interface TreeViewProps {
     searchClassName?: string;
     /** Class name(s) for the search input element */
     searchInputClassName?: string;
+    /** When true, every node starts expanded. Per-node `isOpen` on the
+     *  source data, if present, still wins. Default false. */
+    defaultExpanded?: boolean;
 }
 /**
  * Config for building TreeViewNode[] from arbitrary data.
@@ -47,6 +50,9 @@ export interface TreeViewBuildConfig {
     idKey?: string;
     /** Optional max depth to traverse (default: no limit) */
     maxDepth?: number;
+    /** When true, every built node starts with `isOpen: true`. Per-node
+     *  `isOpen` on source data overrides this (source data always wins). */
+    defaultExpanded?: boolean;
 }
 /**
  * Converts any array of items into TreeViewNode[] using the given config.
@@ -55,7 +61,7 @@ export interface TreeViewBuildConfig {
  */
 export declare function buildTreeViewNodes<T extends Record<string, any>>(data: T[], config: TreeViewBuildConfig, parentPath?: string): TreeViewNode[];
 export declare const TreeView: {
-    ({ data, config, CustomNode, onNodeClick, selectedNodeId, showSearch, searchPlaceholder, searchClassName, searchInputClassName, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
+    ({ data, config, CustomNode, onNodeClick, selectedNodeId, showSearch, searchPlaceholder, searchClassName, searchInputClassName, defaultExpanded, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=tree-view.d.ts.map

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;;CAkDf,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;IAC9B;8DAC0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;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;IAClB;4EACwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;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,CAwChB;AAqBD,eAAO,MAAM,QAAQ;wJAWlB,aAAa;;CAuDf,CAAC"}

package/dist/patterns/tree-view/tree-view.js

@@ -1,33 +1,34 @@
-import { jsxs as A, jsx as r, Fragment as j } from "react/jsx-runtime";
+import { jsxs as A, jsx as r, Fragment as E } from "react/jsx-runtime";
 import { useState as $ } from "react";
 import { SearchSm as T, ChevronDown as K, ChevronRight as V } from "@untitledui/icons";
 import { cn as k } from "../../utils/cn.js";
 import { Input as _ } from "../../primitives/input/input.js";
 const N = 10;
-function C(e, t, s = "") {
+function C(e, l, s = "") {
   const {
-    labelKey: p,
+    labelKey: m,
     childrenKey: n,
-    dataKey: u = "metadata",
-    typeKey: y = "type",
-    idKey: o,
-    maxDepth: i
-  } = t, f = s ? s.split(".").length : 0;
-  return i != null && f >= i ? [] : (Array.isArray(e) ? e : Object.values(e)).map((l, v) => {
-    const w = o != null ? l[o] : void 0, c = String(w ?? v), h = s ? `${s}.${c}` : c, a = l[n], d = Array.isArray(a) ? a : a != null ? Object.values(a) : [];
+    dataKey: f = "metadata",
+    typeKey: x = "type",
+    idKey: h,
+    maxDepth: i,
+    defaultExpanded: g
+  } = l, v = s ? s.split(".").length : 0;
+  return i != null && v >= i ? [] : (Array.isArray(e) ? e : Object.values(e)).map((t, w) => {
+    const b = h != null ? t[h] : void 0, a = String(b ?? w), d = s ? `${s}.${a}` : a, c = t[n], o = Array.isArray(c) ? c : c != null ? Object.values(c) : [];
     return {
-      id: h,
-      label: l[p] ?? "Untitled",
-      type: l[y] ?? "Untitled",
-      isOpen: !1,
-      children: d.length > 0 ? C(d, t, h) : [],
-      [u]: l
+      id: d,
+      label: t[m] ?? "Untitled",
+      type: t[x] ?? "Untitled",
+      isOpen: t.isOpen ?? g ?? !1,
+      children: o.length > 0 ? C(o, l, d) : [],
+      [f]: t
     };
   });
 }
-function O(e, t) {
-  const s = e.label ?? "", p = Array.isArray(e.children) ? e.children : [];
-  return s.toLowerCase().includes(t.toLowerCase()) ? !0 : p.some((n) => O(n, t));
+function O(e, l) {
+  const s = e.label ?? "", m = Array.isArray(e.children) ? e.children : [];
+  return s.toLowerCase().includes(l.toLowerCase()) ? !0 : m.some((n) => O(n, l));
 }
 const D = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-center px-[13px] shrink-0", children: /* @__PURE__ */ r("div", { className: "relative h-full w-0 shrink-0", children: /* @__PURE__ */ r(
   "div",
@@ -35,83 +36,89 @@ const D = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-cente
     className: "absolute inset-y-0 bg-(--color-border-secondary)",
     style: { left: "-0.5px", width: 1 }
   }
-) }) }), E = ({
+) }) }), I = ({
   data: e,
-  config: t,
+  config: l,
   CustomNode: s,
-  onNodeClick: p,
+  onNodeClick: m,
   selectedNodeId: n,
-  showSearch: u = !1,
-  searchPlaceholder: y = "Search...",
-  searchClassName: o,
-  searchInputClassName: i
+  showSearch: f = !1,
+  searchPlaceholder: x = "Search...",
+  searchClassName: h,
+  searchInputClassName: i,
+  defaultExpanded: g
 }) => {
-  const [f, b] = $(() => C(e, t)), [l, v] = $("");
-  function w(c, h) {
-    const a = structuredClone(f), d = h.split("-"), g = Number(d[0]);
-    d.shift();
-    let m = a[g];
-    d.length > 0 && (m = d.reduce((x, L) => x.children[Number(L)], a[g])), m.isOpen = !m.isOpen, b(a);
+  const [v, y] = $(
+    () => C(e, {
+      ...l,
+      defaultExpanded: g ?? l.defaultExpanded
+    })
+  ), [t, w] = $("");
+  function b(a, d) {
+    const c = structuredClone(v), o = d.split("-"), p = Number(o[0]);
+    o.shift();
+    let u = c[p];
+    o.length > 0 && (u = o.reduce((L, j) => L.children[Number(j)], c[p])), u.isOpen = !u.isOpen, y(c);
   }
   return /* @__PURE__ */ A("div", { className: "min-w-max", children: [
-    u && /* @__PURE__ */ r("div", { className: k("mb-2", o), children: /* @__PURE__ */ r(
+    f && /* @__PURE__ */ r("div", { className: k("mb-2", h), children: /* @__PURE__ */ r(
       _,
       {
         type: "search",
-        placeholder: y,
-        value: l,
-        onChange: (c) => v(c),
+        placeholder: x,
+        value: t,
+        onChange: (a) => w(a),
         size: "sm",
         className: i,
         icon: T
       }
     ) }),
-    /* @__PURE__ */ r("div", { className: "flex flex-col", children: f.map((c, h) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r("div", { className: "flex flex-col", children: v.map((a, d) => /* @__PURE__ */ r(
       S,
       {
-        node: c,
-        parentId: String(h),
+        node: a,
+        parentId: String(d),
         depth: 0,
-        handleToggle: w,
-        onNodeClick: p,
+        handleToggle: b,
+        onNodeClick: m,
         selectedNodeId: n,
         CustomNode: s,
-        query: l
+        query: t
       },
-      c.id || h
+      a.id || d
     )) })
   ] });
 };
-E.displayName = "TreeView";
+I.displayName = "TreeView";
 const S = ({
   node: e,
-  parentId: t,
+  parentId: l,
   depth: s = 0,
-  handleToggle: p,
+  handleToggle: m,
   onNodeClick: n,
-  selectedNodeId: u,
-  CustomNode: y,
-  query: o
+  selectedNodeId: f,
+  CustomNode: x,
+  query: h
 }) => {
-  const i = o.length > 0, f = Array.isArray(e.children) ? e.children : [], b = e.label ?? "";
-  if (i && !O(e, o))
+  const i = h.length > 0, g = Array.isArray(e.children) ? e.children : [], v = e.label ?? "";
+  if (i && !O(e, h))
     return null;
-  const l = f.length > 0, v = u != null && e.id === u, w = l && (i || (e.isOpen ?? !1)), c = (m) => {
-    m.stopPropagation(), l && (i || p(e, t), n == null || n(e));
-  }, h = s === 0 ? "pl-[6px]" : "", a = s === 0 ? "pl-[2px]" : "pl-[8px]", d = i && b.toLowerCase().includes(o.toLowerCase()), g = i ? !0 : e.isOpen;
+  const y = g.length > 0, t = f != null && e.id === f, w = y && (i || (e.isOpen ?? !1)), b = (p) => {
+    p.stopPropagation(), y && (i || m(e, l), n == null || n(e));
+  }, a = s === 0 ? "pl-[6px]" : "", d = s === 0 ? "pl-[2px]" : "pl-[8px]", c = i && v.toLowerCase().includes(h.toLowerCase()), o = i ? !0 : e.isOpen;
   return /* @__PURE__ */ A("div", { className: "relative", children: [
     /* @__PURE__ */ A(
       "div",
       {
-        className: `flex h-[28px] w-full items-center pr-[8px] rounded-sm ${h} ${d ? "bg-(--color-bg-secondary)" : ""} ${l ? "cursor-pointer hover:bg-(--color-bg-secondary)" : ""}`,
-        onClick: c,
+        className: `flex h-[28px] w-full items-center pr-[8px] rounded-sm ${a} ${c ? "bg-(--color-bg-secondary)" : ""} ${y ? "cursor-pointer hover:bg-(--color-bg-secondary)" : ""}`,
+        onClick: b,
         children: [
-          s > 0 && Array.from({ length: s }).map((m, x) => /* @__PURE__ */ r(D, {}, x)),
-          l ? /* @__PURE__ */ r(
+          s > 0 && Array.from({ length: s }).map((p, u) => /* @__PURE__ */ r(D, {}, u)),
+          y ? /* @__PURE__ */ r(
             "div",
             {
-              className: `flex flex-col h-full items-center shrink-0 ${a} ${g ? "justify-end" : "justify-center"}`,
-              children: g ? /* @__PURE__ */ A(j, { children: [
+              className: `flex flex-col h-full items-center shrink-0 ${d} ${o ? "justify-end" : "justify-center"}`,
+              children: o ? /* @__PURE__ */ A(E, { children: [
                 /* @__PURE__ */ r(
                   K,
                   {
@@ -135,27 +142,27 @@ const S = ({
               )
             }
           ) : s > 0 ? /* @__PURE__ */ r("div", { className: "h-full w-[6px] shrink-0" }) : null,
-          /* @__PURE__ */ r("div", { className: "flex flex-1 h-full items-center min-w-0 pl-[2px]", children: /* @__PURE__ */ r(y, { node: e, isSelected: v }) })
+          /* @__PURE__ */ r("div", { className: "flex flex-1 h-full items-center min-w-0 pl-[2px]", children: /* @__PURE__ */ r(x, { node: e, isSelected: t }) })
         ]
       }
     ),
-    w && /* @__PURE__ */ r("div", { className: "relative", children: f.map((m, x) => /* @__PURE__ */ r(
+    w && /* @__PURE__ */ r("div", { className: "relative", children: g.map((p, u) => /* @__PURE__ */ r(
       S,
       {
-        node: m,
-        parentId: `${t}-${x}`,
+        node: p,
+        parentId: `${l}-${u}`,
         depth: s + 1,
-        handleToggle: p,
+        handleToggle: m,
         onNodeClick: n,
-        selectedNodeId: u,
-        CustomNode: y,
-        query: o
+        selectedNodeId: f,
+        CustomNode: x,
+        query: h
       },
-      m.id || `${t}-${x}`
+      p.id || `${l}-${u}`
     )) })
   ] });
 };
 export {
-  E as TreeView,
+  I as TreeView,
   C as buildTreeViewNodes
 };

package/dist/primitives/button/button-utility.js

@@ -1,8 +1,8 @@
 import { jsxs as x, jsx as d } from "react/jsx-runtime";
 import { isValidElement as m } from "react";
-import { Link as p, Button as h } from "react-aria-components";
-import { Tooltip as y } from "../tooltip/tooltip.js";
-import { cx as b } from "../../utils/cn.js";
+import { Link as p, Button as y } from "react-aria-components";
+import { Tooltip as b } from "../tooltip/tooltip.js";
+import { cx as h } from "../../utils/cn.js";
 import { isReactComponent as v } from "../../utils/is-react-component.js";
 const g = {
   secondary: "bg-primary text-fg-quaternary shadow-xs-skeumorphic ring-1 ring-secondary ring-inset hover:bg-primary_hover hover:text-fg-quaternary_hover disabled:shadow-xs disabled:ring-disabled_subtle",
@@ -27,7 +27,7 @@ const g = {
   tooltipPlacement: u = "top",
   ...e
 }) => {
-  const o = "href" in e ? e.href : void 0, f = o ? p : h;
+  const o = "href" in e ? e.href : void 0, f = o ? p : y;
   let a = {};
   o ? a = {
     ...e,
@@ -46,8 +46,8 @@ const g = {
     {
       "aria-label": i,
       ...a,
-      className: b(
-        "group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:text-fg-disabled_subtle",
+      className: h(
+        "group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:text-fg-disabled_subtle",
         g[l],
         _[n],
         // Icon styles
@@ -62,7 +62,7 @@ const g = {
     }
   );
   return i ? /* @__PURE__ */ d(
-    y,
+    b,
     {
       title: i,
       placement: u,

package/dist/primitives/button/button.js

@@ -10,7 +10,7 @@ const t = q({
       // When button is used within `InputGroup`
       "in-data-input-wrapper:focus:!z-50 in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-r-none in-data-input-wrapper:in-data-leading:before:rounded-r-none in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-l-none in-data-input-wrapper:in-data-trailing:before:rounded-l-none",
       // Disabled styles
-      "disabled:cursor-not-allowed disabled:text-fg-disabled",
+      "disabled:cursor-not-allowed disabled:opacity-50 disabled:text-fg-disabled",
       // Icon styles
       "disabled:*:data-icon:text-fg-disabled_subtle",
       // Same as `icon` but for SSR icons that cannot be passed to the client as functions.
@@ -63,7 +63,7 @@ const t = q({
       root: [
         "bg-primary text-secondary ring-1 ring-secondary ring-inset hover:bg-primary_hover hover:text-secondary_hover data-loading:bg-primary_hover",
         // Disabled styles
-        "disabled:ring-disabled_subtle",
+        "disabled:bg-disabled_subtle disabled:ring-disabled_subtle",
         // Icon styles
         "*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover"
       ].join(" ")