npm - @pibit.ai/cure-design-system - Versions diffs - 0.6.29 → 0.6.30 - Mend

@pibit.ai/cure-design-system 0.6.29 → 0.6.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/primitives/select/SearchInput.d.ts.map +1 -1
package/dist/primitives/select/SearchInput.js +114 -97
package/dist/primitives/select/searchable-select.d.ts.map +1 -1
package/dist/primitives/select/searchable-select.js +193 -185
package/package.json +1 -1

package/dist/primitives/select/SearchInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;~~AAYf~~,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,~~2CAuGlB~~"}
1	+ {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAef,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAwIlB"}

package/dist/primitives/select/SearchInput.js CHANGED Viewed

@@ -1,86 +1,86 @@
-import { jsx as r, jsxs as F, Fragment as z } from "react/jsx-runtime";
-import { useRef as L, useCallback as b, useEffect as k, useMemo as q } from "react";
-import { SearchMd as A, XClose as E } from "@untitledui/icons";
-import { ComboBox as P, Group as R, Input as j } from "react-aria-components";
-import { cx as i } from "../../utils/cn.js";
-import { getPlatformShortcutLabel as B } from "../../utils/keyboard-shortcut.js";
-import { sizes as g } from "./select-shared.js";
-import { ButtonUtility as G } from "../button/button-utility.js";
-const M = {
+import { jsx as r, jsxs as _, Fragment as M } from "react/jsx-runtime";
+import { useRef as U, useCallback as S, useEffect as F, useMemo as j } from "react";
+import { SearchMd as B, XClose as G } from "@untitledui/icons";
+import { ComboBox as O, Group as T, Input as V } from "react-aria-components";
+import { cx as c } from "../../utils/cn.js";
+import { getPlatformShortcutLabel as X } from "../../utils/keyboard-shortcut.js";
+import { sizes as k } from "./select-shared.js";
+import { ButtonUtility as H } from "../button/button-utility.js";
+const J = 15, Q = {
   xs: "h-7",
   sm: "h-8",
   md: "h-9",
   lg: "h-11"
-}, _ = ({
-  size: u,
-  shortcut: l,
-  bordered: h = !1,
-  placeholder: y,
-  shortcutClassName: x,
-  onKeyDown: d,
-  onClear: m,
-  hasValue: o,
-  className: s
+}, W = ({
+  size: m,
+  shortcut: u,
+  bordered: g = !1,
+  placeholder: x,
+  shortcutClassName: b,
+  onKeyDown: f,
+  onClear: p,
+  hasValue: i,
+  className: l
 }) => {
-  const n = g[u] ? u : "sm";
+  const o = k[m] ? m : "sm";
   return /* @__PURE__ */ r(
-    R,
+    T,
     {
-      className: ({ isFocusWithin: a, isDisabled: p }) => i(
+      className: ({ isFocusWithin: a, isDisabled: h }) => c(
         "relative flex w-full items-center gap-2 rounded-md bg-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset",
-        h && "border border-secondary",
-        p && "cursor-not-allowed bg-disabled_subtle",
+        g && "border border-secondary",
+        h && "cursor-not-allowed bg-disabled_subtle",
         a && "ring-1 ring-brand",
-        M[n],
-        g[n].root,
-        s
+        Q[o],
+        k[o].root,
+        l
       ),
-      children: ({ isDisabled: a }) => /* @__PURE__ */ F(z, { children: [
+      children: ({ isDisabled: a }) => /* @__PURE__ */ _(M, { children: [
         /* @__PURE__ */ r(
-          A,
+          B,
           {
             color: "var(--color-utility-gray-300)",
             className: "pointer-events-none size-4 flex-shrink-0"
           }
         ),
         /* @__PURE__ */ r("div", { className: "relative flex w-full items-center gap-2", children: /* @__PURE__ */ r(
-          j,
+          V,
           {
-            placeholder: y,
-            onKeyDown: d,
-            className: i(
+            placeholder: x,
+            onKeyDown: f,
+            className: c(
               "z-10 w-full appearance-none bg-transparent text-xs text-primary caret-alpha-black/90 placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
-              o && "pr-6",
-              l && !o && "pr-12"
+              i && "pr-6",
+              u && !i && "pr-12"
             )
           }
         ) }),
-        /* @__PURE__ */ r("div", { className: "flex-shrink-0", children: o && !a && /* @__PURE__ */ r(
-          G,
+        /* @__PURE__ */ r("div", { className: "flex-shrink-0", children: i && !a && /* @__PURE__ */ r(
+          H,
           {
-            icon: /* @__PURE__ */ r(E, { size: 14 }),
+            icon: /* @__PURE__ */ r(G, { size: 14 }),
             color: "tertiary",
-            onClick: m,
+            onClick: p,
             "aria-label": "Clear search"
           }
         ) }),
-        l && !o && /* @__PURE__ */ r(
+        u && !i && /* @__PURE__ */ r(
           "div",
           {
-            className: i(
+            className: c(
               "pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent pl-8",
-              g[n].shortcut,
-              x
+              k[o].shortcut,
+              b
             ),
             children: /* @__PURE__ */ r(
               "span",
               {
-                className: i(
+                className: c(
                   "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
                   a && "bg-transparent text-disabled"
                 ),
                 "aria-hidden": "true",
-                children: B(["meta"], "K")
+                children: X(["meta"], "K")
               }
             )
           }
@@ -89,46 +89,63 @@ const M = {
     }
   );
 };
-function Y({
-  size: u = "sm",
-  shortcut: l = !1,
-  registerShortcut: h,
-  bordered: y = !1,
-  innerClassName: x,
-  autoFocus: d = !1,
-  placeholder: m,
-  shortcutClassName: o,
-  value: s,
-  onChange: n,
+function oe({
+  size: m = "sm",
+  shortcut: u = !1,
+  registerShortcut: g,
+  bordered: x = !1,
+  innerClassName: b,
+  autoFocus: f = !1,
+  placeholder: p,
+  shortcutClassName: i,
+  value: l,
+  onChange: o,
   onKeyDown: a,
-  className: p,
-  isDisabled: c = !1,
-  "aria-label": v,
-  ...K
+  className: h,
+  isDisabled: d = !1,
+  "aria-label": q,
+  ...z
 }) {
-  const w = L(null), S = h ?? l, f = b(() => {
+  const y = U(null), E = g ?? u, K = S(() => {
     var e, t;
-    (t = (e = w.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
+    (t = (e = y.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
   }, []);
-  k(() => {
-    if (!d || c) return;
-    let e = 0;
-    const t = requestAnimationFrame(() => {
-      e = requestAnimationFrame(() => f());
-    });
-    return () => {
-      cancelAnimationFrame(t), cancelAnimationFrame(e);
+  F(() => {
+    if (!f || d) return;
+    let e = 0, t = J, v = !1;
+    const w = () => {
+      v = !0;
+    }, L = (n) => {
+      const s = y.current, I = (s == null ? void 0 : s.closest('[role="dialog"]')) ?? s;
+      I && n.target instanceof Node && !I.contains(n.target) && w();
+    }, N = [
+      "keydown",
+      "pointerdown",
+      "touchstart",
+      "compositionstart"
+    ];
+    N.forEach((n) => document.addEventListener(n, w, !0)), document.addEventListener("focusin", L, !0);
+    const C = () => {
+      var s;
+      if (v) return;
+      const n = (s = y.current) == null ? void 0 : s.querySelector("input");
+      n && document.activeElement !== n && n.focus(), --t > 0 && (e = requestAnimationFrame(C));
+    };
+    return e = requestAnimationFrame(C), () => {
+      cancelAnimationFrame(e), N.forEach(
+        (n) => document.removeEventListener(n, w, !0)
+      ), document.removeEventListener("focusin", L, !0);
     };
-  }, [d, c, f]), k(() => {
-    if (!S || c) return;
+  }, [f, d]), F(() => {
+    if (!E || d) return;
     const e = (t) => {
-      (t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k" && (t.preventDefault(), t.stopPropagation(), f());
+      (t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k" && (t.preventDefault(), t.stopPropagation(), K());
     };
     return window.addEventListener("keydown", e, { capture: !0 }), () => window.removeEventListener("keydown", e, {
       capture: !0
     });
-  }, [S, c, f]);
-  const N = b(
+  }, [E, d, K]);
+  const A = S(
     (e) => {
       if ((e.metaKey || e.ctrlKey) && !e.shiftKey && !e.altKey && e.key.toLowerCase() === "k") {
         e.preventDefault(), e.stopPropagation();
@@ -137,39 +154,39 @@ function Y({
       e.key === "Enter" && (e.preventDefault(), e.stopPropagation()), a == null || a(e);
     },
     [a]
-  ), I = b(() => {
-    n == null || n("");
-  }, [n]), C = q(() => !!s && s.length > 0, [s]);
+  ), P = S(() => {
+    o == null || o("");
+  }, [o]), R = j(() => !!l && l.length > 0, [l]);
   return /* @__PURE__ */ r(
-    P,
+    O,
     {
-      ...K,
-      ref: w,
-      inputValue: s,
-      onInputChange: n,
+      ...z,
+      ref: y,
+      inputValue: l,
+      onInputChange: o,
       menuTrigger: "manual",
       items: [],
       allowsCustomValue: !0,
-      isDisabled: c,
-      "aria-label": v || m || "Search",
-      className: i("w-xs", p),
+      isDisabled: d,
+      "aria-label": q || p || "Search",
+      className: c("w-xs", h),
       children: () => /* @__PURE__ */ r(
-        _,
+        W,
         {
-          size: u,
-          shortcut: l,
-          bordered: y,
-          placeholder: m,
-          shortcutClassName: o,
-          onKeyDown: N,
-          onClear: I,
-          hasValue: C,
-          className: i(p, x)
+          size: m,
+          shortcut: u,
+          bordered: x,
+          placeholder: p,
+          shortcutClassName: i,
+          onKeyDown: A,
+          onClear: P,
+          hasValue: R,
+          className: c(h, b)
         }
       )
     }
   );
 }
 export {
-  Y as default
+  oe as default
 };

package/dist/primitives/select/searchable-select.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchable-select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/searchable-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAEV,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAW/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAwBzB,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,eAAe,CAAC,cAAc,CAAC,EAC/B,UAAU,GAAG,OAAO,GAAG,mBAAmB,CAC3C;IACC,mGAAmG;IACnG,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9D,mDAAmD;IACnD,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2GAA2G;IAC3G,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IACjD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAiPD,eAAO,MAAM,gBAAgB,GAAI,iWA2B9B,qBAAqB,~~4CAsQvB~~,CAAC"}
1	+ {"version":3,"file":"searchable-select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/searchable-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAEV,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAW/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAwBzB,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,eAAe,CAAC,cAAc,CAAC,EAC/B,UAAU,GAAG,OAAO,GAAG,mBAAmB,CAC3C;IACC,mGAAmG;IACnG,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9D,mDAAmD;IACnD,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2GAA2G;IAC3G,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IACjD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAiPD,eAAO,MAAM,gBAAgB,GAAI,iWA2B9B,qBAAqB,4CAsRvB,CAAC"}

package/dist/primitives/select/searchable-select.js CHANGED Viewed

@@ -1,78 +1,78 @@
-import { jsx as e, jsxs as h, Fragment as _ } from "react/jsx-runtime";
-import { useState as Y, useRef as Z, useCallback as R, useMemo as $, isValidElement as pe } from "react";
-import { ChevronDown as I, XClose as me } from "@untitledui/icons";
-import { Select as xe, ListBox as he, Button as be, SelectValue as ge, ButtonContext as ve } from "react-aria-components";
-import { Avatar as we } from "../avatar/avatar.js";
-import { Popover as Ne } from "./popover.js";
-import { SelectItem as ke } from "./select-item.js";
-import { SelectContext as ye, fontSizes as k, sizes as Pe } from "./select-shared.js";
-import { HintText as Te } from "../input/hint-text.js";
-import { Label as qe } from "../input/label.js";
+import { jsx as r, jsxs as b, Fragment as X } from "react/jsx-runtime";
+import { useState as W, useRef as $, useCallback as D, useMemo as I, useEffect as xe, isValidElement as he } from "react";
+import { ChevronDown as C, XClose as be } from "@untitledui/icons";
+import { Select as ge, ListBox as ve, Button as we, SelectValue as Ne, ButtonContext as ke } from "react-aria-components";
+import { Avatar as ye } from "../avatar/avatar.js";
+import { Popover as Pe } from "./popover.js";
+import { SelectItem as Te } from "./select-item.js";
+import { SelectContext as qe, fontSizes as y, sizes as Be } from "./select-shared.js";
+import { HintText as Ke } from "../input/hint-text.js";
+import { Label as Re } from "../input/label.js";
 import { cx as o } from "../../utils/cn.js";
-import { isReactComponent as Be } from "../../utils/is-react-component.js";
-import { LoadingIndicator as Ke } from "../../applications/loading-indicator/loading-indicator.js";
-import Re from "./SearchInput.js";
-const De = {
+import { isReactComponent as De } from "../../utils/is-react-component.js";
+import { LoadingIndicator as Se } from "../../applications/loading-indicator/loading-indicator.js";
+import je from "./SearchInput.js";
+const Fe = {
   sm: "rounded-md",
   md: "rounded-md",
   lg: "rounded-lg"
-}, Se = {
+}, Oe = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, je = "relative flex w-full cursor-pointer items-center bg-primary ring-1 outline-hidden transition duration-100 ease-linear ring-inset", Oe = (m, y) => {
-  const i = y.trim().toLowerCase();
+}, Ue = "relative flex w-full cursor-pointer items-center bg-primary ring-1 outline-hidden transition duration-100 ease-linear ring-inset", Ee = (m, P) => {
+  const i = P.trim().toLowerCase();
   if (!i) return !0;
-  const u = String(m.label ?? "").toLowerCase(), b = String(m.supportingText ?? "").toLowerCase(), l = String(m.id ?? "").toLowerCase();
-  return u.includes(i) || b.includes(i) || l.includes(i);
-}, Ue = {
+  const u = String(m.label ?? "").toLowerCase(), g = String(m.supportingText ?? "").toLowerCase(), l = String(m.id ?? "").toLowerCase();
+  return u.includes(i) || g.includes(i) || l.includes(i);
+}, Le = {
   sm: "size-4",
   md: "size-4",
   lg: "size-5"
-}, Fe = ({
+}, Ve = ({
   isOpen: m,
-  isFocused: y,
+  isFocused: P,
   isDisabled: i,
   isInvalid: u,
-  isLoading: b,
+  isLoading: g,
   size: l = "sm",
   placeholder: V,
-  placeholderIcon: P,
-  textStyles: g,
-  selectedDisplayValue: T,
+  placeholderIcon: T,
+  textStyles: v,
+  selectedDisplayValue: q,
   isClearable: z = !1,
   onClear: a,
   hasSelection: s = !1,
   endAdornment: d,
-  triggerSelectedItem: D = null,
-  hasSupportingText: q = !1,
+  triggerSelectedItem: S = null,
+  hasSupportingText: B = !1,
   leadingAdornment: x,
   inlineSupportingText: M = !1
 }) => {
-  const S = z && s && !i && a;
-  return /* @__PURE__ */ e(
-    be,
+  const j = z && s && !i && a;
+  return /* @__PURE__ */ r(
+    we,
     {
       className: o(
-        je,
-        De[l],
-        u ? "ring-error" : y || m ? "ring-brand" : "ring-secondary",
+        Ue,
+        Fe[l],
+        u ? "ring-error" : P || m ? "ring-brand" : "ring-secondary",
         i && "cursor-not-allowed bg-disabled_subtle text-disabled"
       ),
-      children: /* @__PURE__ */ e(
-        ge,
+      children: /* @__PURE__ */ r(
+        Ne,
         {
           className: o(
             "flex h-max w-full items-center justify-start gap-2 text-left align-middle",
-            q ? "px-2 pt-3 pb-3" : o("truncate", Pe[l].root),
+            B ? "px-2 pt-3 pb-3" : o("truncate", Be[l].root),
             "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled"
           ),
-          children: (j) => {
-            const r = D ?? j.selectedItem, v = (r == null ? void 0 : r.icon) || P, f = !!r, w = !f && !!T;
-            return b && !f && !w ? /* @__PURE__ */ h(_, { children: [
-              /* @__PURE__ */ e("div", { className: "h-3.5 min-w-0 flex-1 animate-pulse rounded bg-secondary" }),
-              /* @__PURE__ */ e(
-                I,
+          children: (F) => {
+            const t = S ?? F.selectedItem, w = (t == null ? void 0 : t.icon) || T, f = !!t, N = !f && !!q;
+            return g && !f && !N ? /* @__PURE__ */ b(X, { children: [
+              /* @__PURE__ */ r("div", { className: "h-3.5 min-w-0 flex-1 animate-pulse rounded bg-secondary" }),
+              /* @__PURE__ */ r(
+                C,
                 {
                   "aria-hidden": "true",
                   className: o(
@@ -81,100 +81,100 @@ const De = {
                   )
                 }
               )
-            ] }) : /* @__PURE__ */ h(_, { children: [
-              r != null && r.avatarUrl ? /* @__PURE__ */ e(
-                we,
+            ] }) : /* @__PURE__ */ b(X, { children: [
+              t != null && t.avatarUrl ? /* @__PURE__ */ r(
+                ye,
                 {
                   size: "xs",
-                  src: r.avatarUrl,
-                  alt: r.label
+                  src: t.avatarUrl,
+                  alt: t.label
                 }
-              ) : Be(v) ? /* @__PURE__ */ e(v, { "data-icon": !0, "aria-hidden": "true" }) : pe(v) ? v : null,
-              x && (f || w) ? /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center self-center", children: x }) : null,
-              f && M ? /* @__PURE__ */ h("section", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                /* @__PURE__ */ e(
+              ) : De(w) ? /* @__PURE__ */ r(w, { "data-icon": !0, "aria-hidden": "true" }) : he(w) ? w : null,
+              x && (f || N) ? /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center self-center", children: x }) : null,
+              f && M ? /* @__PURE__ */ b("section", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                /* @__PURE__ */ r(
                   "p",
                   {
                     className: o(
                       "shrink-0 truncate font-medium text-primary",
-                      k[l],
-                      g
+                      y[l],
+                      v
                     ),
-                    children: r == null ? void 0 : r.label
+                    children: t == null ? void 0 : t.label
                   }
                 ),
-                (r == null ? void 0 : r.supportingText) && /* @__PURE__ */ e(
+                (t == null ? void 0 : t.supportingText) && /* @__PURE__ */ r(
                   "p",
                   {
                     className: o(
                       "min-w-0 truncate text-tertiary",
-                      k[l]
+                      y[l]
                     ),
-                    children: r == null ? void 0 : r.supportingText
+                    children: t == null ? void 0 : t.supportingText
                   }
                 )
-              ] }) : f ? /* @__PURE__ */ h("section", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-                /* @__PURE__ */ e(
+              ] }) : f ? /* @__PURE__ */ b("section", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ r(
                   "p",
                   {
                     className: o(
                       "truncate font-medium text-primary",
-                      k[l],
-                      g
+                      y[l],
+                      v
                     ),
-                    children: r == null ? void 0 : r.label
+                    children: t == null ? void 0 : t.label
                   }
                 ),
-                (r == null ? void 0 : r.supportingText) && /* @__PURE__ */ e(
+                (t == null ? void 0 : t.supportingText) && /* @__PURE__ */ r(
                   "p",
                   {
                     className: o(
                       "truncate text-xs",
-                      (r == null ? void 0 : r.supportingTextClassName) ?? "text-[#818792]"
+                      (t == null ? void 0 : t.supportingTextClassName) ?? "text-[#818792]"
                     ),
-                    children: r == null ? void 0 : r.supportingText
+                    children: t == null ? void 0 : t.supportingText
                   }
                 )
-              ] }) : w ? /* @__PURE__ */ e("section", { className: "flex min-w-0 flex-1 gap-2 truncate", children: /* @__PURE__ */ e(
+              ] }) : N ? /* @__PURE__ */ r("section", { className: "flex min-w-0 flex-1 gap-2 truncate", children: /* @__PURE__ */ r(
                 "p",
                 {
                   className: o(
                     "truncate font-medium text-primary",
-                    k[l],
-                    g
+                    y[l],
+                    v
                   ),
-                  children: T
+                  children: q
                 }
-              ) }) : /* @__PURE__ */ e(
+              ) }) : /* @__PURE__ */ r(
                 "p",
                 {
                   className: o(
                     "min-w-0 flex-1 text-placeholder_subtle",
-                    k[l],
+                    y[l],
                     i && "text-disabled"
                   ),
                   children: V
                 }
               ),
-              d ? /* @__PURE__ */ e(ve.Provider, { value: null, children: /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center self-center", children: d }) }) : null,
-              S ? /* @__PURE__ */ e(
+              d ? /* @__PURE__ */ r(ke.Provider, { value: null, children: /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center self-center", children: d }) }) : null,
+              j ? /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   tabIndex: -1,
                   "aria-label": "Clear selection",
-                  onPointerDown: (N) => {
-                    N.stopPropagation();
+                  onPointerDown: (k) => {
+                    k.stopPropagation();
                   },
-                  onClick: (N) => {
-                    N.preventDefault(), N.stopPropagation(), a == null || a();
+                  onClick: (k) => {
+                    k.preventDefault(), k.stopPropagation(), a == null || a();
                   },
                   className: "flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1 text-fg-quaternary outline-hidden transition hover:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
-                  children: /* @__PURE__ */ e(me, { "aria-hidden": !0, className: Ue[l] })
+                  children: /* @__PURE__ */ r(be, { "aria-hidden": !0, className: Le[l] })
                 }
               ) : null,
-              /* @__PURE__ */ e(
-                I,
+              /* @__PURE__ */ r(
+                C,
                 {
                   "aria-hidden": "true",
                   className: o(
@@ -189,192 +189,200 @@ const De = {
       )
     }
   );
-}, Ze = ({
+}, Ce = ({
   placeholder: m = "Select",
-  placeholderIcon: y,
+  placeholderIcon: P,
   size: i = "sm",
   items: u,
-  label: b,
+  label: g,
   hint: l,
   tooltip: V,
-  className: P,
-  footer: g,
-  textStyles: T,
+  className: T,
+  footer: v,
+  textStyles: q,
   popoverClassName: z,
   onSearchChange: a,
   onSelectionChange: s,
   isLoading: d = !1,
-  isClearable: D = !1,
-  openOnClear: q = !1,
+  isClearable: S = !1,
+  openOnClear: B = !1,
   isDeselectable: x = !1,
   searchPlaceholder: M = "Search...",
-  selectedDisplayValue: S,
-  renderItem: j,
-  endAdornment: r,
-  leadingAdornment: v,
+  selectedDisplayValue: j,
+  renderItem: F,
+  endAdornment: t,
+  leadingAdornment: w,
   inlineSupportingText: f = !1,
-  shouldFilterItems: w = !0,
-  filterItem: N,
-  ...C
+  shouldFilterItems: N = !0,
+  filterItem: k,
+  ...ee
 }) => {
-  const [A, W] = Y(""), [ee, re] = Y(!1), E = Z(!1), X = Z(null), {
-    selectedKey: H,
-    isOpen: G,
-    onOpenChange: O,
-    ...te
-  } = C, c = H == null || String(H) === "" ? null : H, U = G !== void 0, F = q || U, ne = U ? G : F ? ee : void 0, le = R(
+  const [A, G] = W(""), [re, te] = W(!1), [ne, J] = W(0), H = $(!1), Q = $(null), {
+    selectedKey: _,
+    isOpen: O,
+    onOpenChange: U,
+    ...le
+  } = ee, c = _ == null || String(_) === "" ? null : _, h = O !== void 0, E = B || h, se = h ? O : E ? re : void 0, oe = D(
     (n) => {
-      W(n), a == null || a(n);
+      G(n), a == null || a(n);
     },
     [a]
-  ), J = N ?? Oe, B = $(() => {
-    if (!w) return u;
+  ), Y = k ?? Ee, K = I(() => {
+    if (!N) return u;
     const n = A.trim();
-    return n ? u.filter((t) => J(t, n)) : u;
-  }, [J, A, u, w]), se = (n) => {
-    var Q;
-    if (n.key !== "ArrowDown" && n.key !== "ArrowUp" || n.nativeEvent.isComposing || !(n.target instanceof HTMLInputElement) || (n.preventDefault(), n.stopPropagation(), d || B.length === 0)) return;
-    const t = (Q = X.current) == null ? void 0 : Q.querySelectorAll(
+    return n ? u.filter((e) => Y(e, n)) : u;
+  }, [Y, A, u, N]), ie = (n) => {
+    var Z;
+    if (n.key !== "ArrowDown" && n.key !== "ArrowUp" || n.nativeEvent.isComposing || !(n.target instanceof HTMLInputElement) || (n.preventDefault(), n.stopPropagation(), d || K.length === 0)) return;
+    const e = (Z = Q.current) == null ? void 0 : Z.querySelectorAll(
       '[role="option"]:not([aria-disabled="true"])'
-    ), p = n.key === "ArrowDown" ? t == null ? void 0 : t[0] : t == null ? void 0 : t[t.length - 1];
+    ), p = n.key === "ArrowDown" ? e == null ? void 0 : e[0] : e == null ? void 0 : e[e.length - 1];
     p == null || p.focus({ preventScroll: !0 }), p == null || p.scrollIntoView({ block: "nearest" });
-  }, K = R(
+  }, R = D(
     (n) => {
-      !U && F && re(n), n || (W(""), a == null || a("")), O == null || O(n);
+      !h && E && te(n), n && !h && J((e) => e + 1), n || (G(""), a == null || a("")), U == null || U(n);
     },
-    [U, F, O, a]
-  ), oe = R(() => {
-    s == null || s(null), q && K(!0);
-  }, [q, s, K]), ie = R(() => {
-    !x || c == null || (E.current = !0, s == null || s(null), K(!1), queueMicrotask(() => {
-      E.current = !1;
+    [h, E, U, a]
+  );
+  xe(() => {
+    h && O && J((n) => n + 1);
+  }, [h, O]);
+  const ae = D(() => {
+    s == null || s(null), B && R(!0);
+  }, [B, s, R]), ce = D(() => {
+    !x || c == null || (H.current = !0, s == null || s(null), R(!1), queueMicrotask(() => {
+      H.current = !1;
     }));
-  }, [K, x, s, c]), ae = R(
+  }, [R, x, s, c]), ue = D(
     (n) => {
-      if (E.current) return;
-      const t = n == null || String(n) === "" ? null : String(n), p = c == null || String(c) === "" ? null : String(c);
-      t !== p && (s == null || s(t));
+      if (H.current) return;
+      const e = n == null || String(n) === "" ? null : String(n), p = c == null || String(c) === "" ? null : String(c);
+      e !== p && (s == null || s(e));
     },
     [s, c]
-  ), ce = c != null || !!S, L = $(
+  ), de = c != null || !!j, L = I(
     () => c == null ? null : u.find((n) => String(n.id) === String(c)) ?? null,
     [u, c]
-  ), ue = !f && !!(L != null && L.supportingText), de = [{ id: "none", label: "none" }], fe = B.length > 0 ? B : de;
-  return /* @__PURE__ */ e(
-    ye.Provider,
+  ), fe = !f && !!(L != null && L.supportingText), pe = [{ id: "none", label: "none" }], me = K.length > 0 ? K : pe;
+  return /* @__PURE__ */ r(
+    qe.Provider,
     {
       value: {
         size: i,
         isDeselectable: x,
         selectedKey: c,
-        onReselectCurrent: x ? ie : void 0
+        onReselectCurrent: x ? ce : void 0
       },
-      children: /* @__PURE__ */ e(
-        xe,
+      children: /* @__PURE__ */ r(
+        ge,
         {
-          ...te,
+          ...le,
           selectedKey: c,
-          ...F ? { isOpen: ne } : {},
-          onOpenChange: K,
-          onSelectionChange: ae,
+          ...E ? { isOpen: se } : {},
+          onOpenChange: R,
+          onSelectionChange: ue,
           className: (n) => o(
             "flex flex-col gap-1.5",
-            typeof P == "function" ? P(n) : P
+            typeof T == "function" ? T(n) : T
           ),
-          children: (n) => /* @__PURE__ */ h(_, { children: [
-            b && /* @__PURE__ */ e(
-              qe,
+          children: (n) => /* @__PURE__ */ b(X, { children: [
+            g && /* @__PURE__ */ r(
+              Re,
               {
                 isRequired: n.isRequired,
                 tooltip: V,
-                className: Se[i],
-                children: b
+                className: Oe[i],
+                children: g
               }
             ),
-            /* @__PURE__ */ e(
-              Fe,
+            /* @__PURE__ */ r(
+              Ve,
               {
                 ...n,
                 size: i,
                 isLoading: d,
                 placeholder: m,
-                placeholderIcon: y,
-                textStyles: T,
-                selectedDisplayValue: S,
-                isClearable: D,
-                hasSelection: ce,
-                hasSupportingText: ue,
+                placeholderIcon: P,
+                textStyles: q,
+                selectedDisplayValue: j,
+                isClearable: S,
+                hasSelection: de,
+                hasSupportingText: fe,
                 triggerSelectedItem: L,
-                leadingAdornment: v,
+                leadingAdornment: w,
                 inlineSupportingText: f,
-                onClear: D && s ? oe : void 0,
-                endAdornment: r
+                onClear: S && s ? ae : void 0,
+                endAdornment: t
               }
             ),
-            /* @__PURE__ */ h(
-              Ne,
+            /* @__PURE__ */ b(
+              Pe,
               {
                 size: i,
                 className: o("flex flex-col overflow-hidden", z),
                 children: [
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ r(
                     "div",
                     {
                       className: "z-10 shrink-0 border-b border-tertiary bg-primary p-1.5",
-                      onMouseDown: (t) => t.stopPropagation(),
-                      onPointerDown: (t) => t.stopPropagation(),
-                      onClick: (t) => t.stopPropagation(),
-                      onKeyDownCapture: se,
-                      children: /* @__PURE__ */ e(
-                        Re,
+                      onMouseDown: (e) => e.stopPropagation(),
+                      onPointerDown: (e) => e.stopPropagation(),
+                      onClick: (e) => e.stopPropagation(),
+                      onKeyDownCapture: ie,
+                      children: /* @__PURE__ */ r(
+                        je,
                         {
                           size: "sm",
                           placeholder: M,
                           value: A,
-                          onChange: (t) => le(t),
-                          onKeyDown: (t) => t.stopPropagation(),
+                          onChange: (e) => oe(e),
+                          onKeyDown: (e) => {
+                            e.key !== "Escape" && e.stopPropagation();
+                          },
                           className: "w-full ring-0 outline-hidden bg-secondary rounded-lg",
                           autoFocus: !0
-                        }
+                        },
+                        ne
                       )
                     }
                   ),
-                  /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
-                    d && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ e(Ke, { size: "xs", type: "line-simple" }) }),
-                    !d && B.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ e("p", { className: o("text-tertiary", k[i]), children: "No results" }) }),
-                    /* @__PURE__ */ e(
-                      he,
+                  /* @__PURE__ */ b("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+                    d && /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ r(Se, { size: "xs", type: "line-simple" }) }),
+                    !d && K.length === 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ r("p", { className: o("text-tertiary", y[i]), children: "No results" }) }),
+                    /* @__PURE__ */ r(
+                      ve,
                       {
-                        ref: X,
-                        items: fe,
+                        ref: Q,
+                        autoFocus: !1,
+                        items: me,
                         shouldFocusOnHover: !1,
                         shouldFocusWrap: !0,
                         className: o(
                           "min-h-0 overflow-y-auto outline-hidden px-1",
-                          (d || B.length === 0) && "hidden"
+                          (d || K.length === 0) && "hidden"
                         ),
-                        children: (t) => j ? j(t) : /* @__PURE__ */ e(
-                          ke,
+                        children: (e) => F ? F(e) : /* @__PURE__ */ r(
+                          Te,
                           {
-                            id: t.id,
-                            label: t.label,
-                            avatarUrl: t.avatarUrl,
-                            supportingText: t.supportingText,
-                            supportingTextClassName: t.supportingTextClassName,
-                            isDisabled: t.isDisabled,
-                            icon: t.icon,
-                            textStyles: T
+                            id: e.id,
+                            label: e.label,
+                            avatarUrl: e.avatarUrl,
+                            supportingText: e.supportingText,
+                            supportingTextClassName: e.supportingTextClassName,
+                            isDisabled: e.isDisabled,
+                            icon: e.icon,
+                            textStyles: q
                           },
-                          t.id
+                          e.id
                         )
                       }
                     )
                   ] }),
-                  g && /* @__PURE__ */ e("div", { className: "shrink-0 border-t border-tertiary bg-primary p-1.5", children: g })
+                  v && /* @__PURE__ */ r("div", { className: "shrink-0 border-t border-tertiary bg-primary p-1.5", children: v })
                 ]
               }
             ),
-            l && /* @__PURE__ */ e(Te, { isInvalid: n.isInvalid, children: l })
+            l && /* @__PURE__ */ r(Ke, { isInvalid: n.isInvalid, children: l })
           ] })
         }
       )
@@ -382,5 +390,5 @@ const De = {
   );
 };
 export {
-  Ze as SearchableSelect
+  Ce as SearchableSelect
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.6.29",
+  "version": "0.6.30",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",