@pibit.ai/cure-design-system 0.6.1 → 0.6.3

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

@@ -54,6 +54,8 @@ export interface SearchableSelectProps extends Omit<AriaSelectProps<SelectItemTy
     endAdornment?: ReactNode;
     /** Rendered before the selected label in the trigger. */
     leadingAdornment?: ReactNode;
+    /** When true, the trigger shows the selected item's supporting text beside the label, as the options do. */
+    inlineSupportingText?: boolean;
 }
-export declare const SearchableSelect: ({ placeholder, placeholderIcon, size, items, label, hint, tooltip, className, footer, textStyles, popoverClassName, onSearchChange, onSelectionChange, isLoading, isClearable, openOnClear, isDeselectable, searchPlaceholder, selectedDisplayValue, renderItem, endAdornment, leadingAdornment, shouldFilterItems, filterItem, ...rest }: SearchableSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchableSelect: ({ placeholder, placeholderIcon, size, items, label, hint, tooltip, className, footer, textStyles, popoverClassName, onSearchChange, onSelectionChange, isLoading, isClearable, openOnClear, isDeselectable, searchPlaceholder, selectedDisplayValue, renderItem, endAdornment, leadingAdornment, inlineSupportingText, shouldFilterItems, filterItem, ...rest }: SearchableSelectProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=searchable-select.d.ts.map

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;CAC9B;AAyND,eAAO,MAAM,gBAAgB,GAAI,2UA0B9B,qBAAqB,4CAoQvB,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,4CAsQvB,CAAC"}

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

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