@pibit.ai/cure-design-system 0.5.6 → 0.5.8

package/dist/primitives/select/multi-select.js

@@ -1,24 +1,23 @@
-import { jsx as i, jsxs as N, Fragment as _ } from "react/jsx-runtime";
-import { useCallback as z, useRef as L, useState as E, createContext as q, useContext as D } from "react";
-import { ComboBox as j, ListBox as C, Group as V, ComboBoxStateContext as W, Input as G } from "react-aria-components";
-import { Avatar as H } from "../avatar/avatar.js";
-import { HintText as U } from "../input/hint-text.js";
-import { Label as X } from "../input/label.js";
-import { Popover as J } from "./popover.js";
-import { sizes as O } from "./select.js";
-import { TagCloseX as Q } from "../tags/base-components/tag-close-x.js";
-import { SelectItem as Y } from "./select-item.js";
+import { jsx as i, jsxs as N, Fragment as L } from "react/jsx-runtime";
+import { useCallback as F, useRef as E, useState as q, createContext as j, useContext as P } from "react";
+import { useFilter as C, FocusScope as V, useFocusManager as $ } from "react-aria";
+import { ComboBox as W, ListBox as G, Group as H, ComboBoxStateContext as U, Input as X } from "react-aria-components";
+import { Avatar as J } from "../avatar/avatar.js";
+import { HintText as O } from "../input/hint-text.js";
+import { Label as Q } from "../input/label.js";
+import { Popover as Y } from "./popover.js";
+import { sizes as Z } from "./select.js";
+import { TagCloseX as M } from "../tags/base-components/tag-close-x.js";
+import { SelectItem as B } from "./select-item.js";
 import { cx as w } from "../../utils/cn.js";
-import { getPlatformShortcutLabel as Z } from "../../utils/keyboard-shortcut.js";
-import { useResizeObserver as M } from "../../hooks/use-resize-observer.js";
-import { useFilter as B } from "../../node_modules/@react-aria/i18n/dist/useFilter.js";
-import { useListData as I } from "../../node_modules/@react-stately/data/dist/useListData.js";
-import { FocusScope as ee, useFocusManager as te } from "../../node_modules/@react-aria/focus/dist/FocusScope.js";
-const re = {
+import { getPlatformShortcutLabel as I } from "../../utils/keyboard-shortcut.js";
+import { useResizeObserver as ee } from "../../hooks/use-resize-observer.js";
+import { useListData as te } from "../../node_modules/@react-stately/data/dist/useListData.js";
+const se = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, P = q({
+}, K = j({
   size: "sm",
   selectedKeys: [],
   selectedItems: {},
@@ -28,14 +27,14 @@ const re = {
   },
   showAvatar: !0,
   chipClassName: void 0
-}), se = ({
-  items: m,
+}), re = ({
+  items: f,
   children: b,
   size: h = "sm",
   selectedItems: l,
   onItemCleared: c,
   onItemInserted: t,
-  shortcut: r,
+  shortcut: s,
   placeholder: d = "Search",
   showAvatar: p = !0,
   readOnly: g = !1,
@@ -45,38 +44,38 @@ const re = {
   className: T,
   ...n
 }) => {
-  var A;
-  const { contains: x } = B({ sensitivity: "base" }), u = (A = l == null ? void 0 : l.items) != null && A.length ? l.items.map((s) => s.id) : [], e = z(
-    (s, a) => !u.includes(s.id) && x(s.label || s.supportingText || "", a),
+  var D;
+  const { contains: x } = C({ sensitivity: "base" }), u = (D = l == null ? void 0 : l.items) != null && D.length ? l.items.map((r) => r.id) : [], e = F(
+    (r, a) => !u.includes(r.id) && x(r.label || r.supportingText || "", a),
     [x, u]
-  ), o = I({
-    initialItems: m,
+  ), o = te({
+    initialItems: f,
     filter: e
-  }), v = z(
-    (s) => {
-      const a = s.values().next().value;
+  }), v = F(
+    (r) => {
+      const a = r.values().next().value;
       a && (l.remove(a), c == null || c(a));
     },
     [l, c]
-  ), S = (s) => {
-    if (!s)
+  ), S = (r) => {
+    if (!r)
       return;
-    const a = o.getItem(s);
-    a && (u.includes(s) || (l.append(a), t == null || t(s)), o.setFilterText(""));
-  }, y = (s) => {
-    g || o.setFilterText(s);
-  }, f = L(null), [K, F] = E(""), $ = z(() => {
+    const a = o.getItem(r);
+    a && (u.includes(r) || (l.append(a), t == null || t(r)), o.setFilterText(""));
+  }, y = (r) => {
+    g || o.setFilterText(r);
+  }, m = E(null), [_, A] = q(""), z = F(() => {
     var a;
-    if (!f.current) return;
-    let s = (a = f.current) == null ? void 0 : a.getBoundingClientRect();
-    F(s.width + "px");
-  }, [f, F]);
-  return M({
-    ref: f,
-    onResize: $,
+    if (!m.current) return;
+    let r = (a = m.current) == null ? void 0 : a.getBoundingClientRect();
+    A(r.width + "px");
+  }, [m, A]);
+  return ee({
+    ref: m,
+    onResize: z,
     box: "border-box"
   }), /* @__PURE__ */ i(
-    P.Provider,
+    K.Provider,
     {
       value: {
         size: h,
@@ -88,7 +87,7 @@ const re = {
         chipClassName: k
       },
       children: /* @__PURE__ */ i(
-        j,
+        W,
         {
           allowsEmptyCollection: !0,
           allowsCustomValue: !1,
@@ -99,31 +98,31 @@ const re = {
           selectedKey: null,
           onSelectionChange: S,
           ...n,
-          children: (s) => {
+          children: (r) => {
             var a;
             return /* @__PURE__ */ N("div", { className: "flex flex-col gap-1.5", children: [
-              n.label && /* @__PURE__ */ i(X, { isRequired: s.isRequired, tooltip: n.tooltip, children: n.label }),
+              n.label && /* @__PURE__ */ i(Q, { isRequired: r.isRequired, tooltip: n.tooltip, children: n.label }),
               /* @__PURE__ */ i(
                 ae,
                 {
                   size: h,
-                  shortcut: r,
-                  ref: f,
+                  shortcut: s,
+                  ref: m,
                   placeholder: d,
                   readOnly: g,
-                  onFocus: $,
-                  onPointerEnter: $
+                  onFocus: z,
+                  onPointerEnter: z
                 }
               ),
               ((a = o.items) == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
-                J,
+                Y,
                 {
                   size: "md",
-                  triggerRef: f,
-                  style: { width: K },
+                  triggerRef: m,
+                  style: { width: _ },
                   className: n == null ? void 0 : n.popoverClassName,
                   children: /* @__PURE__ */ i(
-                    C,
+                    G,
                     {
                       selectionMode: "multiple",
                       className: "size-full outline-hidden",
@@ -132,7 +131,7 @@ const re = {
                   )
                 }
               ),
-              n.hint && /* @__PURE__ */ i(U, { isInvalid: s.isInvalid, children: n.hint })
+              n.hint && /* @__PURE__ */ i(O, { isInvalid: r.isInvalid, children: n.hint })
             ] });
           }
         }
@@ -140,14 +139,14 @@ const re = {
     }
   );
 }, ie = ({
-  isDisabled: m,
+  isDisabled: f,
   shortcut: b,
   shortcutClassName: h,
   placeholder: l,
   readOnly: c = !1
 }) => {
   var T, n, x, u;
-  const t = te(), r = D(P), d = D(W), p = (e) => {
+  const t = $(), s = P(K), d = P(U), p = (e) => {
     if (!(!(e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) && e.currentTarget.value !== ""))
       switch (e.key) {
         case "Backspace":
@@ -161,16 +160,16 @@ const re = {
   }, g = (e) => {
     d && !d.isOpen && d.open();
   }, k = (e, o) => {
-    var S, y, f;
+    var S, y, m;
     if (e.key === "Tab")
       return;
     e.preventDefault();
-    const v = ((f = (y = (S = r == null ? void 0 : r.selectedItems) == null ? void 0 : S.items) == null ? void 0 : y[0]) == null ? void 0 : f.id) === o;
+    const v = ((m = (y = (S = s == null ? void 0 : s.selectedItems) == null ? void 0 : S.items) == null ? void 0 : y[0]) == null ? void 0 : m.id) === o;
     switch (e.key) {
       case " ":
       case "Enter":
       case "Backspace":
-        v ? t == null || t.focusNext({ wrap: !1, tabbable: !1 }) : t == null || t.focusPrevious({ wrap: !1, tabbable: !1 }), r.onRemove(/* @__PURE__ */ new Set([o]));
+        v ? t == null || t.focusNext({ wrap: !1, tabbable: !1 }) : t == null || t.focusPrevious({ wrap: !1, tabbable: !1 }), s.onRemove(/* @__PURE__ */ new Set([o]));
         break;
       case "ArrowLeft":
         t == null || t.focusPrevious({ wrap: !1, tabbable: !1 });
@@ -182,18 +181,18 @@ const re = {
         d == null || d.close();
         break;
     }
-  }, R = ((n = (T = r == null ? void 0 : r.selectedItems) == null ? void 0 : T.items) == null ? void 0 : n.length) === 0;
+  }, R = ((n = (T = s == null ? void 0 : s.selectedItems) == null ? void 0 : T.items) == null ? void 0 : n.length) === 0;
   return /* @__PURE__ */ N("div", { className: "relative flex w-full flex-1 flex-row flex-wrap items-center justify-start gap-1.5", children: [
-    !R && ((u = (x = r == null ? void 0 : r.selectedItems) == null ? void 0 : x.items) == null ? void 0 : u.map((e) => /* @__PURE__ */ N(
+    !R && ((u = (x = s == null ? void 0 : s.selectedItems) == null ? void 0 : x.items) == null ? void 0 : u.map((e) => /* @__PURE__ */ N(
       "span",
       {
         className: w(
           "flex items-center rounded-md bg-primary py-0.5 pr-1 pl-1.25 ring-1 ring-[var(--color-gray-100)] ring-inset",
-          r == null ? void 0 : r.chipClassName
+          s == null ? void 0 : s.chipClassName
         ),
         children: [
-          (r == null ? void 0 : r.showAvatar) && /* @__PURE__ */ i(
-            H,
+          (s == null ? void 0 : s.showAvatar) && /* @__PURE__ */ i(
+            J,
             {
               size: "sm",
               alt: e == null ? void 0 : e.label,
@@ -203,13 +202,13 @@ const re = {
           ),
           /* @__PURE__ */ i("p", { className: "ml-1.25 truncate text-sm font-medium whitespace-nowrap text-secondary select-none", children: e == null ? void 0 : e.label }),
           /* @__PURE__ */ i(
-            Q,
+            M,
             {
               size: "md",
-              isDisabled: m,
+              isDisabled: f,
               className: "ml-0.75",
               onKeyDown: (o) => k(o, e.id),
-              onPress: () => r.onRemove(/* @__PURE__ */ new Set([e.id]))
+              onPress: () => s.onRemove(/* @__PURE__ */ new Set([e.id]))
             }
           )
         ]
@@ -226,7 +225,7 @@ const re = {
         ),
         children: [
           /* @__PURE__ */ i(
-            G,
+            X,
             {
               placeholder: l,
               onKeyDown: p,
@@ -235,7 +234,7 @@ const re = {
               className: w(
                 "w-full flex-[1_0_0] appearance-none bg-transparent text-ellipsis text-primary caret-alpha-black/90 outline-none placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
                 c && "cursor-default",
-                re[(r == null ? void 0 : r.size) || "sm"]
+                se[(s == null ? void 0 : s.size) || "sm"]
               )
             }
           ),
@@ -252,9 +251,9 @@ const re = {
                 {
                   className: w(
                     "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
-                    m && "bg-transparent text-disabled"
+                    f && "bg-transparent text-disabled"
                   ),
-                  children: Z(["meta"], "K")
+                  children: I(["meta"], "K")
                 }
               )
             }
@@ -264,32 +263,32 @@ const re = {
     )
   ] });
 }, ae = ({
-  size: m,
+  size: f,
   shortcut: b,
   placeholder: h,
   shortcutClassName: l,
   placeholderIcon: c = null,
   readOnly: t = !1,
   // Omit this prop to avoid invalid HTML attribute warning
-  isDisabled: r,
+  isDisabled: s,
   ...d
 }) => /* @__PURE__ */ i(
-  V,
+  H,
   {
     ...d,
     className: ({ isFocusWithin: p, isDisabled: g }) => w(
       "relative flex w-full items-center gap-2 rounded-lg bg-primary shadow-xs ring-1 ring-[var(--color-border-secondary)] outline-hidden transition duration-100 ease-linear ring-inset",
       g && "cursor-not-allowed bg-disabled_subtle",
       p && "ring-2 ring-brand",
-      O[m].root
+      Z[f].root
     ),
-    children: ({ isDisabled: p }) => /* @__PURE__ */ N(_, { children: [
+    children: ({ isDisabled: p }) => /* @__PURE__ */ N(L, { children: [
       c && /* @__PURE__ */ i(c, { className: "pointer-events-none size-5 text-fg-quaternary" }),
-      /* @__PURE__ */ i(ee, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(V, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ i(
         ie,
         {
           isDisabled: p,
-          size: m,
+          size: f,
           shortcut: b,
           shortcutClassName: l,
           placeholder: h,
@@ -298,10 +297,10 @@ const re = {
       ) })
     ] })
   }
-), le = se;
-le.Item = Y;
+), le = re;
+le.Item = B;
 export {
   le as MultiSelect,
-  se as MultiSelectBase,
+  re as MultiSelectBase,
   ae as MultiSelectTagsValue
 };

package/dist/primitives/select/select.d.ts

@@ -32,6 +32,10 @@ export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, "chil
     isDeselectable?: boolean;
 }
 export declare const sizes: {
+    xs: {
+        root: string;
+        shortcut: string;
+    };
     sm: {
         root: string;
         shortcut: string;

package/dist/primitives/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUjF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAClB,IAAI,GAAG,IAAI,GAAG,IAAI;qBACP,OAAO;kBACV,GAAG,GAAG,IAAI;wBACJ,MAAM,IAAI;EACd,CAAC;AAEnB,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA+Fb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EACV,GAAG,EACH,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;CAOjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAClB,IAAI,GAAG,IAAI,GAAG,IAAI;qBACP,OAAO;kBACV,GAAG,GAAG,IAAI;wBACJ,MAAM,IAAI;EACd,CAAC;AAEnB,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA0Gb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/primitives/select/select.js

@@ -12,6 +12,9 @@ import { SearchableSelect as X } from "./searchable-select.js";
 import { cx as i } from "../../utils/cn.js";
 import { isReactComponent as G } from "../../utils/is-react-component.js";
 const J = {
+  // xs exists because platform-ui's search fields use it. Select itself does not
+  // offer it yet; the map is shared with SearchInput, which does.
+  xs: { root: "py-1 px-2 h-7", shortcut: "pr-1.5" },
   sm: { root: "py-1.5 px-2 h-8", shortcut: "pr-2" },
   md: { root: "py-1.5 px-3 h-9", shortcut: "pr-2.5" },
   lg: { root: "py-2.5 px-3.5 h-11", shortcut: "pr-3" }
@@ -36,11 +39,11 @@ const J = {
   isFocused: B,
   isDisabled: c,
   size: n,
-  placeholder: u,
-  placeholderIcon: p,
+  placeholder: m,
+  placeholderIcon: f,
   ref: x,
   textStyles: I,
-  showChevron: f = !0,
+  showChevron: p = !0,
   isClearable: N = !1,
   onClear: a,
   selectedItem: h
@@ -65,10 +68,10 @@ const J = {
             J[n].root
           ),
           children: (r) => {
-            var o, m, s, v, S;
-            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || p;
+            var o, u, s, v, S;
+            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || f;
             return /* @__PURE__ */ b(K, { children: [
-              (m = r.selectedItem) != null && m.avatarUrl ? /* @__PURE__ */ e(
+              (u = r.selectedItem) != null && u.avatarUrl ? /* @__PURE__ */ e(
                 $,
                 {
                   size: "sm",
@@ -104,10 +107,10 @@ const J = {
                     w[n],
                     c && "text-disabled"
                   ),
-                  children: u
+                  children: m
                 }
               ),
-              f && /* @__PURE__ */ e(
+              p && /* @__PURE__ */ e(
                 k,
                 {
                   "aria-hidden": "true",
@@ -144,25 +147,34 @@ const J = {
   placeholderIcon: B,
   size: c = "sm",
   children: n,
-  items: u,
-  label: p,
+  items: m,
+  label: f,
   hint: x,
   tooltip: I,
-  className: f,
+  className: p,
   textStyles: N,
   showChevron: a = !0,
   isClearable: h = !1,
   isDeselectable: d = !1,
   ...g
 }) => {
-  const { selectedKey: r, onSelectionChange: t, ...o } = g, m = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
+  const {
+    selectedKey: r,
+    onSelectionChange: t,
+    ...o
+  } = g, u = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
     var l;
-    !d || s == null || (m.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
-      m.current = !1;
+    !d || s == null || (u.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
+      u.current = !1;
     }));
-  }, [o.onOpenChange, d, t, s]), S = j(
+  }, [
+    o.onOpenChange,
+    d,
+    t,
+    s
+  ]), S = j(
     (l) => {
-      if (m.current) return;
+      if (u.current) return;
       const C = l == null || String(l) === "" ? null : l;
       t == null || t(C);
     },
@@ -185,16 +197,16 @@ const J = {
           onSelectionChange: S,
           className: (l) => i(
             "flex flex-col gap-1.5",
-            typeof f == "function" ? f(l) : f
+            typeof p == "function" ? p(l) : p
           ),
           children: (l) => /* @__PURE__ */ b(K, { children: [
-            p && /* @__PURE__ */ e(
+            f && /* @__PURE__ */ e(
               E,
               {
                 isRequired: l.isRequired,
                 tooltip: I,
                 className: W[c],
-                children: p
+                children: f
               }
             ),
             /* @__PURE__ */ e(
@@ -208,12 +220,19 @@ const J = {
                 showChevron: a,
                 isClearable: h,
                 onClear: h && t ? () => t(null) : void 0,
-                selectedItem: s != null && u ? u.find(
+                selectedItem: s != null && m ? m.find(
                   (C) => String(C.id) === String(s)
                 ) ?? null : null
               }
             ),
-            /* @__PURE__ */ e(H, { size: c, className: i(o.popoverClassName), children: /* @__PURE__ */ e(O, { items: u, className: "size-full outline-hidden ", children: n }) }),
+            /* @__PURE__ */ e(
+              H,
+              {
+                size: c,
+                className: i(o.popoverClassName),
+                children: /* @__PURE__ */ e(O, { items: m, className: "size-full outline-hidden ", children: n })
+              }
+            ),
             x && /* @__PURE__ */ e(A, { isInvalid: l.isInvalid, children: x })
           ] })
         }