@pibit.ai/cure-design-system 0.6.57 → 0.6.58

package/dist/code-editor/chrome.d.ts

@@ -1,8 +1,8 @@
 import { HighlightStyle } from '@codemirror/language';
 export declare const PRIMARY_TEXT = "var(--color-text-primary)";
-export declare const SYNTAX_KEY = "var(--color-utility-warning-600)";
-export declare const SYNTAX_BOOL = "var(--color-utility-blue-600)";
-export declare const SYNTAX_NUMBER = "var(--color-utility-success-600)";
+export declare const SYNTAX_KEY = "#D97706";
+export declare const SYNTAX_BOOL = "#2563EB";
+export declare const SYNTAX_NUMBER = "#059669";
 export declare const MONOSPACE_STACK = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace";
 export declare const codeSyntaxHighlight: HighlightStyle;
 export declare const codeEditorChromeTheme: import('@codemirror/state').Extension;

package/dist/code-editor/chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../src/code-editor/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,qCAAqC,CAAC;AAC7D,eAAO,MAAM,WAAW,kCAAkC,CAAC;AAC3D,eAAO,MAAM,aAAa,qCAAqC,CAAC;AAEhE,eAAO,MAAM,eAAe,qEACwC,CAAC;AAErE,eAAO,MAAM,mBAAmB,gBA0B9B,CAAC;AAEH,eAAO,MAAM,qBAAqB,uCAsChC,CAAC"}
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../src/code-editor/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAWtD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,YAAY,CAAC;AACpC,eAAO,MAAM,WAAW,YAAY,CAAC;AACrC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,eAAe,qEACwC,CAAC;AAErE,eAAO,MAAM,mBAAmB,gBA0B9B,CAAC;AAEH,eAAO,MAAM,qBAAqB,uCAsChC,CAAC"}

package/dist/code-editor/chrome.js

@@ -1,14 +1,14 @@
-import { HighlightStyle as a } from "@codemirror/language";
+import { HighlightStyle as c } from "@codemirror/language";
 import { EditorView as e } from "@codemirror/view";
 import { tags as o } from "@lezer/highlight";
-const r = "var(--color-text-primary)", t = "var(--color-utility-warning-600)", c = "var(--color-utility-blue-600)", l = "var(--color-utility-success-600)", m = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", p = a.define([
+const r = "var(--color-text-primary)", t = "#D97706", a = "#2563EB", l = "#059669", i = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", p = c.define([
   { tag: o.propertyName, color: t },
   { tag: o.definition(o.propertyName), color: t },
   { tag: o.string, color: t },
   { tag: o.special(o.string), color: t },
   { tag: o.attributeValue, color: t },
-  { tag: o.bool, color: c },
-  { tag: o.null, color: c },
+  { tag: o.bool, color: a },
+  { tag: o.null, color: a },
   { tag: o.number, color: l },
   { tag: o.keyword, color: r },
   { tag: o.controlKeyword, color: r },
@@ -67,9 +67,9 @@ const r = "var(--color-text-primary)", t = "var(--color-utility-warning-600)", c
   }
 });
 export {
-  m as MONOSPACE_STACK,
+  i as MONOSPACE_STACK,
   r as PRIMARY_TEXT,
-  c as SYNTAX_BOOL,
+  a as SYNTAX_BOOL,
   t as SYNTAX_KEY,
   l as SYNTAX_NUMBER,
   d as codeEditorChromeTheme,

package/dist/patterns/confirm-dialog/confirm-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/patterns/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AA0BtE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,uEAAuE;IACvE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAC/C,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,0NAkB3B,kBAAkB,4CAqGpB,CAAC"}
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/patterns/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AA0BtE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,uEAAuE;IACvE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAC/C,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,0NAkB3B,kBAAkB,4CAwFpB,CAAC"}

package/dist/patterns/confirm-dialog/confirm-dialog.js

@@ -1,133 +1,123 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useRef as A, useEffect as F } from "react";
-import { InfoCircle as R, AlertTriangle as $, AlertCircle as E, XClose as M } from "@untitledui/icons";
-import { ButtonUtility as S } from "../../primitives/button/button-utility.js";
-import { cx as c } from "../../utils/cn.js";
-import { ModalWrapper as T } from "../modal/modal-wrapper.js";
-import { Button as n } from "../../primitives/button/button.js";
-const U = {
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { InfoCircle as I, AlertTriangle as j, AlertCircle as $, XClose as M } from "@untitledui/icons";
+import { ButtonUtility as T } from "../../primitives/button/button-utility.js";
+import { cx as a } from "../../utils/cn.js";
+import { ModalWrapper as U } from "../modal/modal-wrapper.js";
+import { Button as o } from "../../primitives/button/button.js";
+const W = {
   destructive: {
-    Icon: E,
+    Icon: $,
     iconBox: "bg-warning-secondary",
     icon: "text-featured-icon-light-fg-warning",
     confirmColor: "primary-destructive"
   },
   warning: {
-    Icon: $,
+    Icon: j,
     iconBox: "bg-warning-secondary",
     icon: "text-fg-warning-primary",
     confirmColor: "primary"
   },
   primary: {
-    Icon: R,
+    Icon: I,
     iconBox: "bg-brand-secondary",
     icon: "text-fg-brand-secondary",
     confirmColor: "primary"
   }
-}, V = ({
-  isOpen: l,
+}, H = ({
+  isOpen: b,
   onClose: s,
-  title: d,
-  description: m,
-  confirmLabel: v,
-  cancelLabel: C = "Cancel",
-  onConfirm: w,
+  title: c,
+  description: n,
+  confirmLabel: y,
+  cancelLabel: u = "Cancel",
+  onConfirm: g,
   isLoading: r = !1,
-  isConfirmDisabled: f = !1,
-  size: N = "default",
-  tone: p = "primary",
-  icon: z,
-  secondaryAction: t,
-  testIdPrefix: u,
-  isDismissable: B = !0,
-  ignoreClickAway: D = !1,
-  "data-testid": k
+  isConfirmDisabled: d = !1,
+  size: h = "default",
+  tone: m = "primary",
+  icon: v,
+  secondaryAction: i,
+  testIdPrefix: f,
+  isDismissable: C = !0,
+  ignoreClickAway: w = !1,
+  "data-testid": N
 }) => {
-  const { Icon: I, iconBox: j, icon: q, confirmColor: x } = U[p], a = (o) => u ? `${u}-${o}` : void 0, b = () => s(!1), y = A(null);
-  return F(() => {
-    if (!l) return;
-    const o = requestAnimationFrame(() => {
-      var g, h;
-      (h = (g = y.current) == null ? void 0 : g.querySelector("[data-confirm-dialog-cancel]")) == null || h.focus();
-    });
-    return () => cancelAnimationFrame(o);
-  }, [l]), /* @__PURE__ */ e(
-    T,
+  const { Icon: z, iconBox: B, icon: D, confirmColor: p } = W[m], t = (k) => f ? `${f}-${k}` : void 0, x = () => s(!1);
+  return /* @__PURE__ */ e(
+    U,
     {
-      isOpen: l,
+      isOpen: b,
       onClose: s,
-      isDismissable: B && !r,
-      ignoreClickAway: D,
-      "data-testid": k,
-      children: /* @__PURE__ */ i(
+      isDismissable: C && !r,
+      ignoreClickAway: w,
+      "data-testid": N,
+      children: /* @__PURE__ */ l(
         "div",
         {
-          ref: y,
-          className: c(
+          className: a(
             "relative max-w-[90vw] rounded-2xl bg-primary p-5",
-            N === "wide" ? "w-lg" : t ? "w-[520px]" : "w-[400px]"
+            h === "wide" ? "w-lg" : i ? "w-[520px]" : "w-[400px]"
           ),
           children: [
             /* @__PURE__ */ e(
-              S,
+              T,
               {
                 color: "tertiary",
                 className: "absolute right-2 top-2",
                 icon: /* @__PURE__ */ e(M, { size: 24 }),
                 isDisabled: r,
-                onClick: b,
-                "data-testid": a("close")
+                onClick: x,
+                "data-testid": t("close")
               }
             ),
-            /* @__PURE__ */ i("div", { className: "flex flex-col gap-5", children: [
-              /* @__PURE__ */ e("div", { className: c("flex size-12 shrink-0 items-center justify-center rounded-xl p-3", j), children: z ?? /* @__PURE__ */ e(I, { size: 24, "aria-label": d, className: q }) }),
-              /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-primary", children: d }),
-                m != null && /* @__PURE__ */ e("div", { className: "text-sm leading-6 text-tertiary", children: m })
+            /* @__PURE__ */ l("div", { className: "flex flex-col gap-5", children: [
+              /* @__PURE__ */ e("div", { className: a("flex size-12 shrink-0 items-center justify-center rounded-xl p-3", B), children: v ?? /* @__PURE__ */ e(z, { size: 24, "aria-label": c, className: D }) }),
+              /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-primary", children: c }),
+                n != null && /* @__PURE__ */ e("div", { className: "text-sm leading-6 text-tertiary", children: n })
               ] }),
-              /* @__PURE__ */ i("div", { className: "flex gap-3", children: [
+              /* @__PURE__ */ l("div", { className: "flex gap-3", children: [
                 /* @__PURE__ */ e(
-                  n,
+                  o,
                   {
                     type: "button",
                     size: "md",
                     color: "secondary",
                     className: "flex-1",
                     isDisabled: r,
-                    onClick: b,
-                    "data-testid": a("cancel"),
-                    "data-confirm-dialog-cancel": !0,
-                    children: C
+                    onClick: x,
+                    "data-testid": t("cancel"),
+                    children: u
                   }
                 ),
-                t && /* @__PURE__ */ e(
-                  n,
+                i && /* @__PURE__ */ e(
+                  o,
                   {
                     type: "button",
                     size: "md",
                     color: "secondary",
                     className: "flex-1",
                     isDisabled: r,
-                    onClick: t.onAction,
-                    "data-testid": a("secondary"),
-                    children: t.label
+                    onClick: i.onAction,
+                    "data-testid": t("secondary"),
+                    children: i.label
                   }
                 ),
                 /* @__PURE__ */ e(
-                  n,
+                  o,
                   {
                     type: "button",
                     size: "md",
-                    color: x,
-                    className: c(
+                    color: p,
+                    className: a(
                       "flex-1",
-                      f && !r && x === "primary-destructive" && "disabled:bg-error-solid disabled:text-white disabled:opacity-50 disabled:ring-transparent"
+                      d && !r && p === "primary-destructive" && "disabled:bg-error-solid disabled:text-white disabled:opacity-50 disabled:ring-transparent"
                     ),
                     isLoading: r,
-                    isDisabled: r || f,
-                    onClick: () => void w(),
-                    "data-testid": a("submit"),
-                    children: v ?? (p === "destructive" ? "Delete" : "Confirm")
+                    isDisabled: r || d,
+                    onClick: () => void g(),
+                    "data-testid": t("submit"),
+                    children: y ?? (m === "destructive" ? "Delete" : "Confirm")
                   }
                 )
               ] })
@@ -139,5 +129,5 @@ const U = {
   );
 };
 export {
-  V as ConfirmDialog
+  H as ConfirmDialog
 };

package/dist/primitives/hierarchical-select/HierarchicalSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalSelect.d.ts","sourceRoot":"","sources":["../../../src/primitives/hierarchical-select/HierarchicalSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,uBAAuB,EAAgD,MAAM,SAAS,CAAC;AAuBrG,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAClC,IAAW,EACX,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,eAAe,EACf,QAAQ,EACR,iBAA8C,EAC9C,SAAe,EACf,SAAS,EACT,aAAoB,EACpB,eAAe,GAClB,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA8O5B;yBA1Pe,kBAAkB"}
+{"version":3,"file":"HierarchicalSelect.d.ts","sourceRoot":"","sources":["../../../src/primitives/hierarchical-select/HierarchicalSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,uBAAuB,EAAgD,MAAM,SAAS,CAAC;AAuBrG,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAClC,IAAW,EACX,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,eAAe,EACf,QAAQ,EACR,iBAA8C,EAC9C,SAAe,EACf,SAAS,EACT,aAAoB,EACpB,eAAe,GAClB,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA2O5B;yBAvPe,kBAAkB"}

package/dist/primitives/hierarchical-select/HierarchicalSelect.js

@@ -1,145 +1,145 @@
-import { jsxs as T, jsx as l } from "react/jsx-runtime";
-import { useState as P, useMemo as a, useEffect as R, useCallback as S } from "react";
+import { jsxs as T, jsx as i } from "react/jsx-runtime";
+import { useState as L, useMemo as a, useEffect as P, useCallback as S } from "react";
 import { HierarchicalItem as U } from "./components/HierarchicalItem.js";
-import { getAllParentIds as W, toggleSelection as X, getVisibleLeafIds as Y, getSelectAllState as Z, toggleSelectAll as z, getSelectionState as K } from "./utils/selection.js";
-import { searchTree as ee } from "./utils/search.js";
-import { cx as b } from "../../utils/cn.js";
-import te from "../select/SearchInput.js";
+import { HierarchicalSearchInput as W } from "./components/HierarchicalSearchInput.js";
+import { getAllParentIds as X, toggleSelection as Y, getVisibleLeafIds as Z, getSelectAllState as z, toggleSelectAll as K, getSelectionState as ee } from "./utils/selection.js";
+import { searchTree as te } from "./utils/search.js";
+import { cx as f } from "../../utils/cn.js";
 import { Icon as se } from "../icon/icon.js";
-import { Checkbox as re } from "../checkbox/checkbox.js";
+import { Checkbox as le } from "../checkbox/checkbox.js";
 const y = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-md",
   lg: "text-lg"
 };
-function le({
+function re({
   size: d = "md",
   data: h,
   selectionKey: m,
   transformData: E,
   reconstructData: v,
   onChange: I,
-  searchPlaceholder: $ = "Search objects or fields",
+  searchPlaceholder: R = "Search objects or fields",
   maxHeight: N = 400,
-  className: D,
-  showSelectAll: H = !0,
+  className: $,
+  showSelectAll: D = !0,
   childCountLabel: Q
 }) {
-  const [u, V] = P(""), [C, w] = P(() => /* @__PURE__ */ new Set()), t = a(() => E(h, m), [h, m, E]), f = a(() => W(t), [t]), q = a(() => Array.from(f).sort().join("\0"), [f]);
-  R(() => {
-    w(new Set(f));
+  const [u, V] = L(""), [C, w] = L(() => /* @__PURE__ */ new Set()), t = a(() => E(h, m), [h, m, E]), g = a(() => X(t), [t]), q = a(() => Array.from(g).sort().join("\0"), [g]);
+  P(() => {
+    w(new Set(g));
   }, [q]);
-  const n = a(() => ee(t, u), [t, u]), i = !!u.trim();
-  R(() => {
-    i && w((e) => {
+  const r = a(() => te(t, u), [t, u]), n = !!u.trim();
+  P(() => {
+    n && w((e) => {
       const s = new Set(e);
-      return n.visibleIds.forEach((r) => {
-        let o = t.parentMap.get(r);
+      return r.visibleIds.forEach((l) => {
+        let o = t.parentMap.get(l);
         for (; o; )
           s.add(o), o = t.parentMap.get(o) ?? null;
       }), s;
     });
-  }, [i, n.visibleIds, t]);
+  }, [n, r.visibleIds, t]);
   const B = S(
     (e) => {
-      const r = u.trim().length > 0 && e.trim().length === 0;
-      V(e), r && w(new Set(f));
+      const l = u.trim().length > 0 && e.trim().length === 0;
+      V(e), l && w(new Set(g));
     },
-    [u, f]
-  ), p = a(() => i ? n.visibleIds : void 0, [i, n.visibleIds]), _ = S(
+    [u, g]
+  ), p = a(() => n ? r.visibleIds : void 0, [n, r.visibleIds]), _ = S(
     (e) => {
-      const s = i ? n.visibleIds : void 0, r = X(e, t, s), o = v(r, h, m);
+      const s = n ? r.visibleIds : void 0, l = Y(e, t, s), o = v(l, h, m);
       I(o);
     },
-    [t, i, n.visibleIds, v, h, m, I]
-  ), F = a(() => Y(t, p).length, [t, p]), j = a(() => Z(t, p), [t, p]), g = F === 0, M = S(() => {
-    if (g) return;
-    const e = z(t, p), s = v(e, h, m);
+    [t, n, r.visibleIds, v, h, m, I]
+  ), F = a(() => Z(t, p).length, [t, p]), j = a(() => z(t, p), [t, p]), b = F === 0, M = S(() => {
+    if (b) return;
+    const e = K(t, p), s = v(e, h, m);
     I(s);
-  }, [g, t, p, v, h, m, I]), G = S((e) => {
+  }, [b, t, p, v, h, m, I]), G = S((e) => {
     w((s) => {
-      const r = new Set(s);
-      return r.has(e) ? r.delete(e) : r.add(e), r;
+      const l = new Set(s);
+      return l.has(e) ? l.delete(e) : l.add(e), l;
     });
   }, []), A = a(() => {
-    const e = [], s = (r) => {
-      (r === null ? t.rootIds : t.childrenMap.get(r) || []).forEach((c) => {
-        if (i && !n.visibleIds.has(c))
+    const e = [], s = (l) => {
+      (l === null ? t.rootIds : t.childrenMap.get(l) || []).forEach((c) => {
+        if (n && !r.visibleIds.has(c))
           return;
         const x = t.items.get(c);
         x && (e.push({
           id: c,
           item: x,
-          isMatched: n.matchedIds.has(c)
+          isMatched: r.matchedIds.has(c)
         }), x.hasChildren && C.has(c) && s(c));
       });
     };
     return s(null), e;
-  }, [t, i, n.visibleIds, n.matchedIds, C]), J = S(
+  }, [t, n, r.visibleIds, r.matchedIds, C]), J = S(
     (e) => {
-      if (!i) return null;
-      const s = n.resultCounts.get(e);
+      if (!n) return null;
+      const s = r.resultCounts.get(e);
       return s === void 0 ? null : `${s} ${s === 1 ? "result" : "results"}`;
     },
-    [i, n.resultCounts]
-  ), k = t.items.size > 0, O = H && k && (!i || A.length > 0), L = i ? "Select all results" : "Select All";
-  return /* @__PURE__ */ T("div", { className: b("flex flex-col border border-primary rounded-lg bg-primary overflow-hidden", D), children: [
-    /* @__PURE__ */ l("div", { className: "border-b border-secondary p-2", children: /* @__PURE__ */ l(
-      te,
+    [n, r.resultCounts]
+  ), k = t.items.size > 0, O = D && k && (!n || A.length > 0), H = n ? "Select all results" : "Select All";
+  return /* @__PURE__ */ T("div", { className: f("flex flex-col border border-primary rounded-lg bg-primary overflow-hidden", $), children: [
+    /* @__PURE__ */ i(
+      W,
       {
         size: d == "xs" ? "sm" : d,
         value: u,
         onChange: B,
-        placeholder: $
+        placeholder: R
       }
-    ) }),
+    ),
     O && /* @__PURE__ */ T(
       "div",
       {
-        className: b(
+        className: f(
           "flex shrink-0 items-center gap-2 border-b border-secondary px-3 py-2.5",
-          g ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-secondary_subtle transition-colors"
+          b ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-secondary_subtle transition-colors"
         ),
         onClick: M,
-        "aria-disabled": g,
+        "aria-disabled": b,
         children: [
-          j === "indeterminate" ? /* @__PURE__ */ l(se, { name: "MinusSquare", className: "size-4 text-utility-brand-600" }) : /* @__PURE__ */ l(
+          j === "indeterminate" ? /* @__PURE__ */ i(se, { name: "MinusSquare", className: "size-4 text-utility-brand-600" }) : /* @__PURE__ */ i(
             "span",
             {
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ l(
-                re,
+              children: /* @__PURE__ */ i(
+                le,
                 {
                   isSelected: j === "selected",
-                  isDisabled: g,
+                  isDisabled: b,
                   onChange: M,
-                  "aria-label": L
+                  "aria-label": H
                 }
               )
             }
           ),
-          /* @__PURE__ */ l("span", { className: b("font-medium text-primary", y[d]), children: L })
+          /* @__PURE__ */ i("span", { className: f("font-medium text-primary", y[d]), children: H })
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ i(
       "div",
       {
         className: "overflow-y-auto",
         style: { maxHeight: typeof N == "number" ? `${N}px` : N },
         role: "listbox",
         "aria-multiselectable": "true",
-        children: k ? A.length === 0 ? /* @__PURE__ */ l("div", { className: b("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No results found" }) : A.map(({ id: e, item: s, isMatched: r }) => {
-          const o = s.depth === 0 ? J(e) : null, c = K(e, t), x = s.disabled === !0;
-          return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ T("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ l("div", { className: "flex-1", children: /* @__PURE__ */ l(
+        children: k ? A.length === 0 ? /* @__PURE__ */ i("div", { className: f("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No results found" }) : A.map(({ id: e, item: s, isMatched: l }) => {
+          const o = s.depth === 0 ? J(e) : null, c = ee(e, t), x = s.disabled === !0;
+          return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ T("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
               U,
               {
                 size: d,
                 item: s,
                 selectionState: c,
-                isMatched: r,
+                isMatched: l,
                 searchQuery: u,
                 onToggle: _,
                 isExpandable: s.hasChildren,
@@ -149,14 +149,14 @@ function le({
                 childCountLabel: Q
               }
             ) }),
-            o && /* @__PURE__ */ l("span", { className: b("text-tertiary pr-3 whitespace-nowrap", y[d]), children: o })
+            o && /* @__PURE__ */ i("span", { className: f("text-tertiary pr-3 whitespace-nowrap", y[d]), children: o })
           ] }) }, e);
-        }) : /* @__PURE__ */ l("div", { className: b("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No items available" })
+        }) : /* @__PURE__ */ i("div", { className: f("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No items available" })
       }
     )
   ] });
 }
-le.displayName = "HierarchicalSelect";
+re.displayName = "HierarchicalSelect";
 export {
-  le as HierarchicalSelect
+  re as HierarchicalSelect
 };

package/dist/primitives/hierarchical-select/components/HierarchicalSearchInput.d.ts

@@ -0,0 +1,19 @@
+/**
+ * HierarchicalSearchInput
+ * The tree's header search: a borderless input on the panel's top edge, with a clear button.
+ * Frozen to platform-ui's base/hierarchical-select SearchInput; the Select SearchInput is a
+ * bordered field and renders a taller row with smaller text.
+ */
+interface HierarchicalSearchInputProps {
+    size?: "xs" | "sm" | "md" | "lg";
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare const HierarchicalSearchInput: {
+    ({ value, onChange, placeholder, className, size, }: HierarchicalSearchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=HierarchicalSearchInput.d.ts.map

package/dist/primitives/hierarchical-select/components/HierarchicalSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalSearchInput.d.ts","sourceRoot":"","sources":["../../../../src/primitives/hierarchical-select/components/HierarchicalSearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,UAAU,4BAA4B;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD,eAAO,MAAM,uBAAuB;yDAMjC,4BAA4B;;CAqC9B,CAAC"}

package/dist/primitives/hierarchical-select/components/HierarchicalSearchInput.js

@@ -0,0 +1,60 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { SearchMd as x, XClose as h } from "@untitledui/icons";
+import { cx as c } from "../../../utils/cn.js";
+const l = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18
+}, u = {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-md",
+  lg: "text-lg"
+}, b = ({
+  value: a,
+  onChange: e,
+  placeholder: o = "Search...",
+  className: n,
+  size: r = "md"
+}) => {
+  const i = s(
+    (p) => {
+      e(p.target.value);
+    },
+    [e]
+  ), m = s(() => {
+    e("");
+  }, [e]);
+  return /* @__PURE__ */ d("div", { className: c("flex items-center gap-2 px-3 py-2 border-b border-secondary", n), children: [
+    /* @__PURE__ */ t(x, { size: l[r], className: "text-tertiary shrink-0" }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "text",
+        value: a,
+        onChange: i,
+        placeholder: o,
+        className: c(
+          "flex-1 bg-transparent outline-none placeholder:text-placeholder text-primary",
+          u[r]
+        )
+      }
+    ),
+    a && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        onClick: m,
+        className: "p-0.5 rounded hover:bg-secondary_subtle transition-colors",
+        "aria-label": "Clear search",
+        children: /* @__PURE__ */ t(h, { size: l[r], className: "text-tertiary" })
+      }
+    )
+  ] });
+};
+b.displayName = "HierarchicalSearchInput";
+export {
+  b as HierarchicalSearchInput
+};