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

package/dist/primitives/select/SearchInput.js

@@ -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

@@ -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"}
+{"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"}