prometeo-design-system 8.2.4 → 8.2.6

package/dist/Select.es.js

@@ -1,21 +1,21 @@
-import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { u as Fe } from "./useDevice-S7cYqLVh.js";
-import { c as Z } from "./cn-B6yFEsav.js";
+import { j as a } from "./jsx-runtime-GkKLlHH4.js";
+import { u as _e } from "./useDevice-S7cYqLVh.js";
+import { c as V } from "./cn-B6yFEsav.js";
 import { f as Ue } from "./MenuFloating-DQsbU8n3.js";
-import { g as S, h as we } from "./utils-X4-h3cum.js";
-import { memo as pe, forwardRef as Oe, useCallback as j, useMemo as Y, useRef as J, useState as Ie, useEffect as se, useLayoutEffect as _e } from "react";
-import { Menu as he, useMenuControl as We, useMenuState as $e } from "./Menu.es.js";
-import Te from "./Input.es.js";
+import { g as S, h as je } from "./utils-X4-h3cum.js";
+import { memo as pe, useCallback as D, forwardRef as Ie, useMemo as Z, useRef as Q, useState as Te, useEffect as se, useLayoutEffect as We } from "react";
+import { Menu as he, useMenuControl as $e, useMenuState as Le } from "./Menu.es.js";
+import Oe from "./Input.es.js";
 import { MenuList as Ne } from "./MenuList.es.js";
+import Re from "./Spinner.es.js";
 import ke from "./ListItem.es.js";
 import { KeyboardArrowUp as qe } from "./Icon-KeyboardArrowUp.es.js";
 import { KeyboardArrowDown as Xe } from "./Icon-KeyboardArrowDown.es.js";
 import { S as De } from "./Skeleton-B0cQzX3_.js";
 import { Search as Je } from "./Icon-Search.es.js";
-import { useDragScroll as Le } from "./useDragScroll.es.js";
-import Qe from "./IconButton.es.js";
-import Ye from "./Spinner.es.js";
-import je from "./Chip.es.js";
+import { useDragScroll as Qe } from "./useDragScroll.es.js";
+import Ye from "./IconButton.es.js";
+import we from "./Chip.es.js";
 import { Close as ye } from "./Icon-Close.es.js";
 import { ChevronDown as Ze } from "./Icon-ChevronDown.es.js";
 const Ve = pe(
@@ -23,13 +23,13 @@ const Ve = pe(
     label: t,
     expanded: n,
     onToggle: r,
-    onSelectGroup: a,
+    onSelectGroup: o,
     multiple: c,
     selectedCount: s,
     totalCount: l
   }) {
-    const b = l > 0 && s === l;
-    return typeof t != "string" ? /* @__PURE__ */ o.jsx("div", { className: "flex items-center gap-2 px-3 py-2", children: t }) : /* @__PURE__ */ o.jsx(
+    const j = l > 0 && s === l;
+    return typeof t != "string" ? /* @__PURE__ */ a.jsx("div", { className: "flex items-center gap-2 px-3 py-2", children: t }) : /* @__PURE__ */ a.jsx(
       ke,
       {
         label: t,
@@ -37,8 +37,8 @@ const Ve = pe(
         trailingIcon: n ? qe : Xe,
         onClick: r,
         showSelectionComponent: c,
-        isSelected: b,
-        onSelectionClick: () => a?.("toggle"),
+        isSelected: j,
+        onSelectionClick: () => o?.("toggle"),
         showDivider: !1,
         supportingText: c ? `${s}/${l}` : void 0
       }
@@ -50,9 +50,9 @@ function et(e) {
   return e ?? "medium";
 }
 function Ae() {
-  return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 animate-pulse", children: [
-    /* @__PURE__ */ o.jsx(De, { className: "size-6 aspect-square" }),
-    /* @__PURE__ */ o.jsx(De, { className: "h-6 flex-1 max-w-[60%]" })
+  return /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 animate-pulse", children: [
+    /* @__PURE__ */ a.jsx(De, { className: "size-6 aspect-square" }),
+    /* @__PURE__ */ a.jsx(De, { className: "h-6 flex-1 max-w-[60%]" })
   ] });
 }
 const tt = pe(
@@ -60,18 +60,18 @@ const tt = pe(
     label: t,
     isSelected: n,
     multiple: r,
-    disabled: a,
+    disabled: o,
     isOptionActive: c,
     isLoading: s,
     size: l
   }) {
-    return s ? /* @__PURE__ */ o.jsx(Ae, {}) : /* @__PURE__ */ o.jsx(
+    return s ? /* @__PURE__ */ a.jsx(Ae, {}) : /* @__PURE__ */ a.jsx(
       ke,
       {
         label: t,
         isSelected: n,
         showSelectionComponent: r,
-        disabled: a || !c,
+        disabled: o || !c,
         showDivider: !1,
         size: et(l)
       }
@@ -79,10 +79,10 @@ const tt = pe(
   },
   (e, t) => e.isSelected === t.isSelected && e.disabled === t.disabled && e.isOptionActive === t.isOptionActive && e.isLoading === t.isLoading && e.label === t.label
 );
-function Re(e) {
+function Ee(e) {
   return e.length === 0 ? [] : e.flatMap((t) => {
     const n = t.options;
-    return n?.length ? Re(n) : [t];
+    return n?.length ? Ee(n) : [t];
   });
 }
 function rt(e) {
@@ -107,28 +107,28 @@ function ct(e) {
     controledSearchValue: t,
     inputSearchPlaceholder: n,
     dropdownHeight: r,
-    controlledSearchValue: a,
+    controlledSearchValue: o,
     searchPlaceholder: c,
     maxHeight: s,
     ...l
   } = e;
   return {
     ...l,
-    controlledSearchValue: a ?? t,
+    controlledSearchValue: o ?? t,
     searchPlaceholder: c ?? n,
     maxHeight: s ?? r
   };
 }
-const st = Oe(
-  function({ value: t, onChange: n, onClear: r, onKeyDown: a, placeholder: c, ...s }, l) {
-    return /* @__PURE__ */ o.jsx(
-      Te,
+const st = Ie(
+  function({ value: t, onChange: n, onClear: r, onKeyDown: o, placeholder: c, ...s }, l) {
+    return /* @__PURE__ */ a.jsx(
+      Oe,
       {
         ref: l,
         value: t,
-        onChange: (b) => n(b.target.value),
+        onChange: (j) => n(j.target.value),
         onClear: r,
-        onKeyDown: a,
+        onKeyDown: o,
         placeholder: c,
         size: "small",
         leadingIcon: Je,
@@ -138,51 +138,55 @@ const st = Oe(
   }
 );
 function at({ message: e }) {
-  return /* @__PURE__ */ o.jsx("div", { className: "flex items-center justify-center px-3 py-6 text-sm text-neutral-secondary-default", children: e });
+  return /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center px-3 py-6 text-sm text-neutral-secondary-default", children: e });
 }
 function ot({
   loadingComponent: e
 }) {
-  return e ? /* @__PURE__ */ o.jsx(o.Fragment, { children: e }) : /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-1 p-2", children: Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ o.jsx(Ae, {}, n)) });
+  return e ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-1 p-2", children: Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ a.jsx(Ae, {}, n)) });
 }
-function Ge({
+const it = 48;
+function lt() {
+  return /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ a.jsx(Re, { size: "small", variant: "sync", className: "opacity-90" }) });
+}
+function He({
   option: e,
   optionLabel: t,
   optionValue: n,
   optionActive: r,
-  selectedIds: a,
+  selectedIds: o,
   multiple: c,
   disabled: s,
   size: l,
-  renderOption: b,
+  renderOption: j,
   renderOptionContext: w,
   onSelect: f,
-  createOptionKeyHandler: D
+  createOptionKeyHandler: I
 }) {
-  const i = S(e, n), p = S(e, t), R = a.has(i), g = ae(e, r), N = () => {
+  const i = S(e, n), p = S(e, t), E = o.has(i), g = ae(e, r), N = () => {
     g && f(i);
-  }, O = Y(
-    () => D(i),
-    [D, i]
+  }, T = Z(
+    () => I(i),
+    [I, i]
   ), M = {
     role: "option",
-    "aria-selected": R,
+    "aria-selected": E,
     "aria-disabled": !g,
     "data-option-value": i,
     tabIndex: -1,
-    onKeyDown: O,
+    onKeyDown: T,
     // Custom renderOption owns click via onSelect; wrapper onClick would double-toggle.
-    ...!b && { onClick: N }
+    ...!j && { onClick: N }
   };
-  if (b) {
-    const G = b;
-    return /* @__PURE__ */ o.jsx("div", { ...M, children: /* @__PURE__ */ o.jsx(
-      G,
+  if (j) {
+    const H = j;
+    return /* @__PURE__ */ a.jsx("div", { ...M, children: /* @__PURE__ */ a.jsx(
+      H,
       {
         option: e,
-        isSelected: R,
-        onSelect: (k) => {
-          f(i, k);
+        isSelected: E,
+        onSelect: (R) => {
+          f(i, R);
         },
         multiple: c,
         disabled: s,
@@ -192,11 +196,11 @@ function Ge({
       }
     ) });
   }
-  return /* @__PURE__ */ o.jsx("div", { ...M, children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ a.jsx("div", { ...M, children: /* @__PURE__ */ a.jsx(
     tt,
     {
       label: p,
-      isSelected: R,
+      isSelected: E,
       multiple: c,
       disabled: s,
       isOptionActive: g,
@@ -204,7 +208,7 @@ function Ge({
     }
   ) });
 }
-function it(e, t, n) {
+function ut(e, t, n) {
   return (r) => {
     switch (r.key) {
       case " ": {
@@ -239,60 +243,60 @@ function it(e, t, n) {
     }
   };
 }
-function lt({
+function ft({
   group: e,
   children: t,
   optionLabel: n,
   optionValue: r,
-  optionActive: a,
+  optionActive: o,
   selectedIds: c,
   multiple: s,
   disabled: l,
-  size: b,
+  size: j,
   dropdownOptions: w,
   renderOption: f,
-  renderOptionGroupHeader: D,
+  renderOptionGroupHeader: I,
   renderOptionContext: i,
   onSelect: p,
-  onSelectGroup: R,
+  onSelectGroup: E,
   closeDropdown: g,
   createOptionKeyHandler: N,
-  navigateNext: O,
+  navigateNext: T,
   navigatePrev: M,
-  hasActiveSearch: G
+  hasActiveSearch: H
 }) {
-  const k = S(e, r), I = S(e, n), K = w?.enableGroupToggle !== !1, W = t.filter(
-    (A) => ae(A, a)
-  ), B = W.filter(
-    (A) => c.has(S(A, r))
-  ), z = j(
-    (A) => R(k, A),
-    [R, k]
-  ), $ = w?.allGroupsExpanded === !0 || (w?.initialExpandedGroupIds?.includes(k) ?? !1), F = (A) => {
-    const h = !K || !A.isCollapsed, d = K ? A.toggle : () => {
-    }, C = it(k, A, {
-      onSelectGroup: R,
-      navigateNext: O,
+  const R = S(e, r), b = S(e, n), P = w?.enableGroupToggle !== !1, $ = t.filter(
+    (k) => ae(k, o)
+  ), F = $.filter(
+    (k) => c.has(S(k, r))
+  ), z = D(
+    (k) => E(R, k),
+    [E, R]
+  ), L = w?.allGroupsExpanded === !0 || (w?.initialExpandedGroupIds?.includes(R) ?? !1), _ = (k) => {
+    const h = !P || !k.isCollapsed, d = P ? k.toggle : () => {
+    }, C = ut(R, k, {
+      onSelectGroup: E,
+      navigateNext: T,
       navigatePrev: M,
       closeDropdown: g
     });
     let m;
-    if (D) {
-      const y = D;
-      m = /* @__PURE__ */ o.jsx(
+    if (I) {
+      const y = I;
+      m = /* @__PURE__ */ a.jsx(
         y,
         {
           group: e,
-          label: I,
+          label: b,
           groupOptions: t,
-          groupSelectedIds: B.map(
+          groupSelectedIds: F.map(
             (u) => S(u, r)
           ),
           multiple: s,
           disabled: l,
           expanded: h,
           toggleGroup: (u) => {
-            if (K) {
+            if (P) {
               if (u === void 0) {
                 d();
                 return;
@@ -300,28 +304,28 @@ function lt({
               u !== h && d();
             }
           },
-          selectGroup: (u) => R(k, u ?? "toggle"),
+          selectGroup: (u) => E(R, u ?? "toggle"),
           renderContext: i
         }
       );
     } else
-      m = /* @__PURE__ */ o.jsx(
+      m = /* @__PURE__ */ a.jsx(
         Ve,
         {
-          label: I,
+          label: b,
           expanded: h,
           onToggle: d,
           onSelectGroup: z,
           multiple: s,
-          selectedCount: B.length,
-          totalCount: W.length
+          selectedCount: F.length,
+          totalCount: $.length
         }
       );
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         "data-group-header": !0,
-        "data-group-id": k,
+        "data-group-id": R,
         tabIndex: -1,
         "aria-expanded": h,
         onKeyDown: C,
@@ -329,58 +333,58 @@ function lt({
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ a.jsx(
     Ne.Group,
     {
-      header: F,
-      forceExpanded: G || !K,
-      defaultExpanded: $,
-      defaultCollapsed: !!K,
+      header: _,
+      forceExpanded: H || !P,
+      defaultExpanded: L,
+      defaultCollapsed: !!P,
       className: w?.groupContainerClassName,
-      children: t.map((A) => /* @__PURE__ */ o.jsx(
-        Ge,
+      children: t.map((k) => /* @__PURE__ */ a.jsx(
+        He,
         {
-          option: A,
+          option: k,
           optionLabel: n,
           optionValue: r,
-          optionActive: a,
+          optionActive: o,
           selectedIds: c,
           multiple: s,
           disabled: l,
-          size: b,
+          size: j,
           renderOption: f,
           renderOptionContext: i,
           onSelect: p,
           closeDropdown: g,
           createOptionKeyHandler: N
         },
-        S(A, r)
+        S(k, r)
       ))
     }
   );
 }
-function ut({
+function dt({
   filteredOptions: e,
   emptyMessage: t,
   ...n
 }) {
-  return e.length === 0 ? /* @__PURE__ */ o.jsx(at, { message: t }) : /* @__PURE__ */ o.jsx(
+  return e.length === 0 ? /* @__PURE__ */ a.jsx(at, { message: t }) : /* @__PURE__ */ a.jsx(
     Ne,
     {
       className: n.dropdownOptions?.optionContainerClassName,
       accordion: n.dropdownOptions?.groupAccordion !== !1,
       children: e.map((r) => {
-        const a = r.options;
-        return a?.length ? /* @__PURE__ */ o.jsx(
-          lt,
+        const o = r.options;
+        return o?.length ? /* @__PURE__ */ a.jsx(
+          ft,
           {
             group: r,
-            children: a,
+            children: o,
             ...n
           },
           S(r, n.optionValue)
-        ) : /* @__PURE__ */ o.jsx(
-          Ge,
+        ) : /* @__PURE__ */ a.jsx(
+          He,
           {
             option: r,
             ...n
@@ -391,43 +395,50 @@ function ut({
     }
   );
 }
-function ft({
+function gt({
   menuRef: e,
   triggerRef: t,
   anchorRef: n,
   dropdownVariant: r = "list",
-  attachToParent: a,
+  attachToParent: o,
   filteredOptions: c,
   selectedIds: s,
   optionLabel: l,
-  optionValue: b,
+  optionValue: j,
   optionActive: w,
   multiple: f,
-  renderOption: D,
+  renderOption: I,
   renderOptionGroupHeader: i,
   renderOptionContext: p,
-  onSelect: R,
+  onSelect: E,
   onSelectGroup: g,
   closeDropdown: N,
-  searchValue: O,
+  searchValue: T,
   onSearchChange: M,
-  onSearchClear: G,
-  searchInputRef: k,
-  dropdownOptions: I,
-  onSearchKeyDown: K,
-  createOptionKeyHandler: W,
-  navigateNext: B,
+  onSearchClear: H,
+  searchInputRef: R,
+  dropdownOptions: b,
+  onSearchKeyDown: P,
+  createOptionKeyHandler: $,
+  navigateNext: F,
   navigatePrev: z,
-  optionsContainerRef: $,
-  isLoading: F,
-  emptyMessage: A,
+  optionsContainerRef: L,
+  isLoading: _,
+  emptyMessage: k,
   disabled: h,
   size: d,
   dropdownClassName: C,
   label: m
 }) {
-  const y = O.trim().length > 0, u = I?.maxHeight ?? (r === "drawer" ? "auto" : nt);
-  return /* @__PURE__ */ o.jsxs(
+  const y = T.trim().length > 0, u = b?.maxHeight ?? (r === "drawer" ? "auto" : nt), G = D(
+    (X) => {
+      if (!b?.hasMore || b?.isLoadingMore) return;
+      const { scrollHeight: A, scrollTop: q, clientHeight: B } = X.currentTarget;
+      A - q - B < it && b.onEndReached?.();
+    },
+    [b]
+  );
+  return /* @__PURE__ */ a.jsxs(
     he,
     {
       ref: e,
@@ -436,7 +447,7 @@ function ft({
       variant: r,
       matchTriggerWidth: r === "list",
       placement: "bottom-start",
-      attachToParent: a,
+      attachToParent: o,
       closeOnScroll: !1,
       scrollTriggerWhenCovered: r === "list",
       autoFocus: !1,
@@ -446,98 +457,102 @@ function ft({
       snapPoints: r === "drawer" ? ["60%", "90%"] : void 0,
       className: C,
       children: [
-        !I?.hideSearchBar && /* @__PURE__ */ o.jsx(he.Header, { className: Z(r === "drawer" && "px-3"), children: /* @__PURE__ */ o.jsx(
+        !b?.hideSearchBar && /* @__PURE__ */ a.jsx(he.Header, { className: V(r === "drawer" && "px-3"), children: /* @__PURE__ */ a.jsx(
           st,
           {
-            ref: k,
-            value: O,
-            onClear: G,
-            onKeyDown: K,
-            placeholder: I?.searchPlaceholder ?? "Buscar opciones",
-            ...I?.inputProps,
+            ref: R,
+            value: T,
+            onClear: H,
+            onKeyDown: P,
+            placeholder: b?.searchPlaceholder ?? "Buscar opciones",
+            ...b?.inputProps,
             onChange: M
           }
         ) }),
-        /* @__PURE__ */ o.jsx(he.Content, { className: Z("overflow-y-hidden!", r === "drawer" && "px-3"), children: /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ a.jsx(he.Content, { className: V("overflow-y-hidden!", r === "drawer" && "px-3"), children: /* @__PURE__ */ a.jsx(
           "div",
           {
-            ref: $,
+            ref: L,
             role: "listbox",
             "aria-label": m,
             "aria-multiselectable": f,
-            className: Z(
+            className: V(
               "overflow-y-auto w-full min-h-0 flex-1",
-              I?.optionContainerClassName
+              b?.optionContainerClassName
             ),
             style: u === "auto" ? void 0 : { maxHeight: u },
-            children: F ? /* @__PURE__ */ o.jsx(ot, { loadingComponent: I?.loadingComponent }) : /* @__PURE__ */ o.jsx(
-              ut,
-              {
-                filteredOptions: c,
-                emptyMessage: A,
-                optionLabel: l,
-                optionValue: b,
-                optionActive: w,
-                selectedIds: s,
-                multiple: f,
-                disabled: h,
-                size: d,
-                dropdownOptions: I,
-                renderOption: D,
-                renderOptionGroupHeader: i,
-                renderOptionContext: p,
-                onSelect: R,
-                onSelectGroup: g,
-                closeDropdown: N,
-                createOptionKeyHandler: W,
-                navigateNext: B,
-                navigatePrev: z,
-                hasActiveSearch: y
-              }
-            )
+            onScroll: G,
+            children: _ ? /* @__PURE__ */ a.jsx(ot, { loadingComponent: b?.loadingComponent }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              /* @__PURE__ */ a.jsx(
+                dt,
+                {
+                  filteredOptions: c,
+                  emptyMessage: k,
+                  optionLabel: l,
+                  optionValue: j,
+                  optionActive: w,
+                  selectedIds: s,
+                  multiple: f,
+                  disabled: h,
+                  size: d,
+                  dropdownOptions: b,
+                  renderOption: I,
+                  renderOptionGroupHeader: i,
+                  renderOptionContext: p,
+                  onSelect: E,
+                  onSelectGroup: g,
+                  closeDropdown: N,
+                  createOptionKeyHandler: $,
+                  navigateNext: F,
+                  navigatePrev: z,
+                  hasActiveSearch: y
+                }
+              ),
+              b?.isLoadingMore && /* @__PURE__ */ a.jsx(lt, {})
+            ] })
           }
         ) }),
-        I?.footer && /* @__PURE__ */ o.jsx(he.Footer, { children: I.footer })
+        b?.footer && /* @__PURE__ */ a.jsx(he.Footer, { children: b.footer })
       ]
     }
   );
 }
-const dt = pe(function({
+const ht = pe(function({
   chipItems: t,
   selectedCount: n,
   displayMode: r,
-  overflow: a,
+  overflow: o,
   disabled: c,
   placeholder: s,
   onRemoveOption: l,
-  onRemoveGroup: b,
+  onRemoveGroup: j,
   resolveOptionId: w
 }) {
-  return n === 0 ? s ? /* @__PURE__ */ o.jsx("span", { className: "text-neutral-tertiary-default pyrion-fonts-body-medium line-clamp-1 truncate", children: s }) : null : r === "compact" ? /* @__PURE__ */ o.jsxs("span", { className: "line-clamp-1 truncate", children: [
+  return n === 0 ? s ? /* @__PURE__ */ a.jsx("span", { className: "text-neutral-tertiary-default pyrion-fonts-body-medium line-clamp-1 truncate", children: s }) : null : r === "compact" ? /* @__PURE__ */ a.jsxs("span", { className: "line-clamp-1 truncate", children: [
     n,
     " seleccionados"
-  ] }) : /* @__PURE__ */ o.jsx(
+  ] }) : /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: Z(
+      className: V(
         "flex gap-1",
-        a === "wrap" ? "flex-wrap" : "flex-nowrap"
+        o === "wrap" ? "flex-wrap" : "flex-nowrap"
       ),
       children: t.map(
-        (f) => f.type === "group" ? /* @__PURE__ */ o.jsx(
-          je,
+        (f) => f.type === "group" ? /* @__PURE__ */ a.jsx(
+          we,
           {
             label: `${f.groupLabel} (${f.count})`,
             disabled: c,
             trailingIcon: ye,
             onTrailingIconClick: () => {
-              b(f.options.map(w));
+              j(f.options.map(w));
             },
             isSelected: !0
           },
           `group-${f.groupId}`
-        ) : /* @__PURE__ */ o.jsx(
-          je,
+        ) : /* @__PURE__ */ a.jsx(
+          we,
           {
             label: f.label,
             disabled: c,
@@ -550,20 +565,20 @@ const dt = pe(function({
       )
     }
   );
-}), gt = pe(function({
+}), pt = pe(function({
   label: t,
   placeholder: n
 }) {
-  return t ? /* @__PURE__ */ o.jsx("span", { className: "line-clamp-1 truncate", children: t }) : n ? /* @__PURE__ */ o.jsx("span", { className: "text-neutral-tertiary-default pyrion-fonts-body-medium line-clamp-1 truncate", children: n }) : null;
+  return t ? /* @__PURE__ */ a.jsx("span", { className: "line-clamp-1 truncate", children: t }) : n ? /* @__PURE__ */ a.jsx("span", { className: "text-neutral-tertiary-default pyrion-fonts-body-medium line-clamp-1 truncate", children: n }) : null;
 });
-function ht({
+function mt({
   isOpen: e,
   disabled: t
 }) {
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ a.jsx(
     Ze,
     {
-      className: Z(
+      className: V(
         "transition-transform duration-200 shrink-0",
         e && "rotate-180",
         t ? "text-disabled-default" : "text-neutral-secondary-default"
@@ -571,99 +586,99 @@ function ht({
     }
   );
 }
-const pt = Oe(function({
+const xt = Ie(function({
   label: t,
   size: n,
   variant: r,
-  disabled: a,
+  disabled: o,
   isLoading: c,
   placeholder: s,
   selectedOptions: l,
-  chipItems: b,
+  chipItems: j,
   multiple: w,
   displayMode: f,
-  overflow: D,
+  overflow: I,
   optionLabel: i,
   optionValue: p,
-  renderSelection: R,
+  renderSelection: E,
   onRemoveOption: g,
   onRemoveGroup: N,
-  onClear: O,
+  onClear: T,
   onClick: M,
-  onFocus: G,
-  isOpen: k,
-  onKeyDown: I,
-  className: K,
-  containerClassName: W,
-  buttonClassName: B,
+  onFocus: H,
+  isOpen: R,
+  onKeyDown: b,
+  className: P,
+  containerClassName: $,
+  buttonClassName: F,
   width: z,
-  height: $,
-  tabIndex: F,
-  helperComponent: A,
+  height: L,
+  tabIndex: _,
+  helperComponent: k,
   errorComponent: h,
   inputProps: d
 }, C) {
-  const m = w && f === "chips" && D === "wrap", { bind: y, ref: u } = Le({
+  const m = w && f === "chips" && I === "wrap", { bind: y, ref: u } = Qe({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" },
-    disabled: D !== "scroll" || !w || f !== "chips"
-  }), P = j(
-    (E) => {
-      if (R) {
-        const q = R;
-        return /* @__PURE__ */ o.jsx(
-          q,
+    disabled: I !== "scroll" || !w || f !== "chips"
+  }), G = D(
+    (A) => {
+      if (E) {
+        const B = E;
+        return /* @__PURE__ */ a.jsx(
+          B,
           {
             selectedOptions: l,
             placeholder: s,
             multiple: w,
             onRemoveOption: g,
-            disabled: E.disabled
+            disabled: A.disabled
           }
         );
       }
       if (!w) {
-        const q = l[0] ? S(l[0], i) : void 0;
-        return /* @__PURE__ */ o.jsx(
-          gt,
+        const B = l[0] ? S(l[0], i) : void 0;
+        return /* @__PURE__ */ a.jsx(
+          pt,
           {
-            label: q,
+            label: B,
             placeholder: s,
-            disabled: E.disabled
+            disabled: A.disabled
           }
         );
       }
-      const L = /* @__PURE__ */ o.jsx(
-        dt,
+      const q = /* @__PURE__ */ a.jsx(
+        ht,
         {
-          chipItems: b,
+          chipItems: j,
           selectedCount: l.length,
           displayMode: f,
-          overflow: D,
-          disabled: E.disabled,
+          overflow: I,
+          disabled: A.disabled,
           placeholder: s,
           onRemoveOption: g,
           onRemoveGroup: N,
-          resolveOptionId: (q) => S(q, p)
+          resolveOptionId: (B) => S(B, p)
         }
       );
-      return D === "scroll" && f === "chips" ? /* @__PURE__ */ o.jsx(
+      return I === "scroll" && f === "chips" ? /* @__PURE__ */ a.jsx(
         "div",
         {
           ref: u,
           ...y,
           className: "flex overflow-x-auto pyrion-scrollbar-none w-full",
-          children: L
+          children: q
         }
-      ) : L;
+      ) : q;
     },
     [
-      R,
+      E,
       l,
-      b,
+      j,
       w,
       f,
-      D,
+      I,
       s,
       g,
       i,
@@ -671,58 +686,58 @@ const pt = Oe(function({
       y,
       u
     ]
-  ), V = j(
-    (E) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-1", children: [
-      c && /* @__PURE__ */ o.jsx(Ye, { size: "small", variant: "sync", className: "opacity-90" }),
-      O && l.length > 0 && /* @__PURE__ */ o.jsx(
-        Qe,
+  ), X = D(
+    (A) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-1", children: [
+      c && /* @__PURE__ */ a.jsx(Re, { size: "small", variant: "sync", className: "opacity-90" }),
+      T && l.length > 0 && /* @__PURE__ */ a.jsx(
+        Ye,
         {
           icon: ye,
           size: "small",
           variant: "text",
           color: "neutral",
           tabIndex: -1,
-          onClick: (L) => {
-            L.stopPropagation(), O();
+          onClick: (q) => {
+            q.stopPropagation(), T();
           },
-          disabled: a,
+          disabled: o,
           "aria-label": "Clear selection"
         }
       ),
-      /* @__PURE__ */ o.jsx(ht, { isOpen: k, disabled: a })
+      /* @__PURE__ */ a.jsx(mt, { isOpen: R, disabled: o })
     ] }),
-    [c, O, l.length, a, k]
+    [c, T, l.length, o, R]
   );
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: C,
       role: "combobox",
-      "aria-expanded": k,
+      "aria-expanded": R,
       "aria-haspopup": "listbox",
-      tabIndex: F ?? 0,
-      onClick: (E) => {
-        E.preventDefault(), a || M();
+      tabIndex: _ ?? 0,
+      onClick: (A) => {
+        A.preventDefault(), o || M();
       },
-      onFocus: G,
-      onKeyDown: I,
-      className: Z("w-full outline-none", W, B),
-      style: z ? { width: z } : $ ? { height: $ } : void 0,
-      children: /* @__PURE__ */ o.jsx(
-        Te,
+      onFocus: H,
+      onKeyDown: b,
+      className: V("w-full outline-none", $, F),
+      style: z ? { width: z } : L ? { height: L } : void 0,
+      children: /* @__PURE__ */ a.jsx(
+        Oe,
         {
           ...d,
           label: t,
           size: n,
           state: r,
-          disabled: a,
+          disabled: o,
           readOnly: !0,
           hideClearButton: !0,
           flexibleHeight: m,
-          className: Z(d?.className, K),
-          renderValue: P,
-          slotActions: V,
-          helperComponent: A,
+          className: V(d?.className, P),
+          renderValue: G,
+          slotActions: X,
+          helperComponent: k,
           errorComponent: h,
           value: ""
         }
@@ -730,40 +745,40 @@ const pt = Oe(function({
     }
   );
 });
-function mt(e) {
+function St(e) {
   if (!e) return [];
   const t = e.querySelectorAll(
     '[role="option"]:not([aria-disabled="true"]), [data-group-header]'
   );
   return Array.from(t).filter((n) => !n.closest("[inert]"));
 }
-function xt(e, t) {
+function vt(e, t) {
   const n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
   r.bottom > n.bottom ? t.scrollTop += r.bottom - n.bottom : r.top < n.top && (t.scrollTop -= n.top - r.top);
 }
-function St({
+function yt({
   menuRef: e,
   searchInputRef: t,
   optionsContainerRef: n,
   onSelect: r
 }) {
-  const a = J(-1), c = j(
+  const o = Q(-1), c = D(
     (i) => {
       const p = n.current;
       if (!p) return !1;
-      const g = mt(p)[i];
-      return g ? (g.focus(), xt(g, p), a.current = i, !0) : !1;
+      const g = St(p)[i];
+      return g ? (g.focus(), vt(g, p), o.current = i, !0) : !1;
     },
     [n]
-  ), s = j(() => c(a.current + 1), [c]), l = j(() => {
-    const i = a.current - 1;
-    return i < 0 ? (a.current = -1, t.current?.focus(), !0) : c(i);
-  }, [c, t]), b = j(
+  ), s = D(() => c(o.current + 1), [c]), l = D(() => {
+    const i = o.current - 1;
+    return i < 0 ? (o.current = -1, t.current?.focus(), !0) : c(i);
+  }, [c, t]), j = D(
     (i) => {
       (i.key === " " || i.key === "ArrowDown" || i.key === "Enter") && (i.preventDefault(), e.current?.open());
     },
     [e]
-  ), w = j(
+  ), w = D(
     (i) => {
       switch (i.key) {
         case "ArrowDown": {
@@ -780,7 +795,7 @@ function St({
       }
     },
     [c, e]
-  ), f = j(
+  ), f = D(
     (i) => (p) => {
       switch (p.key) {
         case "ArrowDown": {
@@ -804,108 +819,108 @@ function St({
       }
     },
     [s, l, r, e]
-  ), D = j(() => {
-    a.current = -1;
+  ), I = D(() => {
+    o.current = -1;
   }, []);
   return {
-    handleTriggerKeyDown: b,
+    handleTriggerKeyDown: j,
     handleSearchKeyDown: w,
     createOptionKeyHandler: f,
     navigateNext: s,
     navigatePrev: l,
-    resetFocus: D
+    resetFocus: I
   };
 }
-function vt(e, t, n) {
-  return t.trim() ? e.reduce((r, a) => {
-    const c = a.options;
+function Ct(e, t, n) {
+  return t.trim() ? e.reduce((r, o) => {
+    const c = o.options;
     if (c?.length) {
       const s = c.filter(
-        (l) => we(S(l, n), t)
+        (l) => je(S(l, n), t)
       );
-      return s.length === 0 || r.push({ ...a, options: s }), r;
+      return s.length === 0 || r.push({ ...o, options: s }), r;
     }
-    return we(S(a, n), t) && r.push(a), r;
+    return je(S(o, n), t) && r.push(o), r;
   }, []) : e;
 }
-function yt({
+function bt({
   options: e,
   optionLabel: t,
   dropdownOptions: n
 }) {
-  const [r, a] = Ie(""), c = n?.controlledSearchValue != null, s = c ? n.controlledSearchValue : r, l = Y(
-    () => vt(e, s, t),
+  const [r, o] = Te(""), c = n?.controlledSearchValue != null, s = c ? n.controlledSearchValue : r, l = Z(
+    () => Ct(e, s, t),
     [e, s, t]
-  ), b = j(
-    (D) => {
+  ), j = D(
+    (I) => {
       if (c) {
-        n?.onSearchValueChange?.(D);
+        n?.onSearchValueChange?.(I);
         return;
       }
-      a(D), n?.onSearchValueChange?.(D);
+      o(I), n?.onSearchValueChange?.(I);
     },
     [c, n?.onSearchValueChange]
-  ), w = j(() => {
+  ), w = D(() => {
     if (c) {
       n?.onSearchClear?.();
       return;
     }
-    a(""), n?.onSearchClear?.();
-  }, [c, n?.onSearchClear]), f = j(() => {
-    c || a("");
+    o(""), n?.onSearchClear?.();
+  }, [c, n?.onSearchClear]), f = D(() => {
+    c || o("");
   }, [c]);
   return {
     searchValue: s,
     filteredOptions: l,
     isControlledSearch: c,
-    handleSearchChange: b,
+    handleSearchChange: j,
     handleSearchClear: w,
     resetSearch: f
   };
 }
-function Ct({
+function jt({
   options: e,
   value: t,
   defaultValue: n,
   isControlled: r,
-  multiple: a,
+  multiple: o,
   optionLabel: c,
   optionValue: s,
   optionActive: l,
-  groupSelection: b,
+  groupSelection: j,
   onChange: w,
   onOptionClick: f,
-  onRemoveOption: D,
+  onRemoveOption: I,
   name: i
 }) {
-  const p = J(
+  const p = Q(
     w
   );
   p.current = w;
-  const [R, g] = Ie(() => {
+  const [E, g] = Te(() => {
     if (!r)
-      return n ?? (a ? [] : void 0);
-  }), N = r ? t : R, O = Y(() => Re(e), [e]), M = Y(
-    () => O.map((h) => re(h, c, s)),
-    [O, c, s]
-  ), G = Y(() => {
+      return n ?? (o ? [] : void 0);
+  }), N = r ? t : E, T = Z(() => Ee(e), [e]), M = Z(
+    () => T.map((h) => re(h, c, s)),
+    [T, c, s]
+  ), H = Z(() => {
     if (N == null || N === "") return [];
     const h = Array.isArray(N) ? N : [N], d = new Map(
-      O.map((C) => [
+      T.map((C) => [
         S(C, s),
         C
       ])
     );
     return h.map((C) => d.get(C)).filter((C) => C != null);
-  }, [O, N, s]), k = Y(
-    () => new Set(G.map((h) => S(h, s))),
-    [G, s]
-  ), I = J(G);
-  I.current = G;
-  const K = Y(() => {
-    if (!a) return [];
-    if (!b)
-      return G.map((m) => ({
+  }, [T, N, s]), R = Z(
+    () => new Set(H.map((h) => S(h, s))),
+    [H, s]
+  ), b = Q(H);
+  b.current = H;
+  const P = Z(() => {
+    if (!o) return [];
+    if (!j)
+      return H.map((m) => ({
         type: "option",
         option: m,
         id: S(m, s),
@@ -914,25 +929,25 @@ function Ct({
     const h = rt(e), d = [];
     for (const m of h) {
       const u = (m.options ?? []).filter(
-        (E) => ae(E, l)
-      ), P = u.filter(
-        (E) => k.has(S(E, s))
+        (A) => ae(A, l)
+      ), G = u.filter(
+        (A) => R.has(S(A, s))
       );
-      if (u.length > 0 && P.length === u.length)
+      if (u.length > 0 && G.length === u.length)
         d.push({
           type: "group",
           groupLabel: S(m, c),
-          count: P.length,
+          count: G.length,
           groupId: S(m, s),
-          options: P
+          options: G
         });
       else
-        for (const E of P)
+        for (const A of G)
           d.push({
             type: "option",
-            option: E,
-            id: S(E, s),
-            label: S(E, c)
+            option: A,
+            id: S(A, s),
+            label: S(A, c)
           });
     }
     const C = new Set(
@@ -942,7 +957,7 @@ function Ct({
         )
       )
     );
-    for (const m of G) {
+    for (const m of H) {
       const y = S(m, s);
       C.has(y) || d.push({
         type: "option",
@@ -954,36 +969,36 @@ function Ct({
     return d;
   }, [
     e,
-    k,
-    G,
-    a,
-    b,
+    R,
+    H,
+    o,
+    j,
     c,
     s,
     l
-  ]), W = j(
+  ]), $ = D(
     (h) => {
       const d = M.find((u) => u.id === h);
       if (!d) return;
-      if (f?.(d, i), !a) {
+      if (f?.(d, i), !o) {
         r || g(d.id), p.current?.(d, i);
         return;
       }
-      const C = I.current.map(
+      const C = b.current.map(
         (u) => re(u, c, s)
       ), y = C.some((u) => u.id === h) ? C.filter((u) => u.id !== h) : [...C, d];
       r || g(y.map((u) => u.id)), p.current?.(y, i);
     },
     [
       M,
-      a,
+      o,
       r,
       f,
       i,
       c,
       s
     ]
-  ), B = j(
+  ), F = D(
     (h, d) => {
       const C = e.find(
         (x) => S(x, s) === h
@@ -997,26 +1012,26 @@ function Ct({
       if (y.length === 0) return;
       const u = y.map(
         (x) => re(x, c, s)
-      ), P = I.current.map(
+      ), G = b.current.map(
         (x) => re(x, c, s)
       );
-      if (!a) {
+      if (!o) {
         const x = u[0];
         if (!x) return;
-        const ee = P.some((X) => X.id === x.id), ue = d ?? "toggle", U = ue === "select" || ue === "toggle" && !ee;
+        const ee = G.some((J) => J.id === x.id), ue = d ?? "toggle", U = ue === "select" || ue === "toggle" && !ee;
         r || g(U ? x.id : void 0), p.current?.(U ? x : void 0, i);
         return;
       }
-      const V = new Set(P.map((x) => x.id)), E = new Set(u.map((x) => x.id)), L = u.every(
-        (x) => V.has(x.id)
-      ), q = d ?? "toggle";
-      if (!(q === "select" || q === "toggle" && !L)) {
-        const x = P.filter((ee) => !E.has(ee.id));
+      const X = new Set(G.map((x) => x.id)), A = new Set(u.map((x) => x.id)), q = u.every(
+        (x) => X.has(x.id)
+      ), B = d ?? "toggle";
+      if (!(B === "select" || B === "toggle" && !q)) {
+        const x = G.filter((ee) => !A.has(ee.id));
         r || g(x.map((ee) => ee.id)), p.current?.(x, i);
         return;
       }
       const ie = new Map(
-        P.map((x) => [x.id, x])
+        G.map((x) => [x.id, x])
       );
       u.forEach((x) => {
         ie.set(x.id, x);
@@ -1028,49 +1043,49 @@ function Ct({
       e,
       s,
       l,
-      a,
+      o,
       r,
       c,
       i
     ]
-  ), z = j(
+  ), z = D(
     (h) => {
-      const d = O.find(
+      const d = T.find(
         (u) => S(u, s) === h
       );
       if (!d) return;
       const C = re(d, c, s);
-      if (f?.(C, i), D?.(d), !a) {
+      if (f?.(C, i), I?.(d), !o) {
         r || g(void 0), p.current?.(void 0, i);
         return;
       }
-      const y = I.current.map(
+      const y = b.current.map(
         (u) => re(u, c, s)
       ).filter((u) => u.id !== h);
       r || g(y.map((u) => u.id)), p.current?.(y, i);
     },
     [
-      O,
+      T,
       s,
       c,
       f,
-      D,
+      I,
       i,
-      a,
+      o,
       r
     ]
-  ), $ = j(
+  ), L = D(
     (h) => {
-      if (!a) return;
-      const d = new Set(h), m = I.current.map(
+      if (!o) return;
+      const d = new Set(h), m = b.current.map(
         (y) => re(y, c, s)
       ).filter((y) => !d.has(y.id));
       r || g(m.map((y) => y.id)), p.current?.(m, i);
     },
-    [a, r, c, s, i]
-  ), F = j(() => {
-    r || g(a ? [] : void 0), p.current?.(a ? [] : void 0, i);
-  }, [r, a, i]), A = j(
+    [o, r, c, s, i]
+  ), _ = D(() => {
+    r || g(o ? [] : void 0), p.current?.(o ? [] : void 0, i);
+  }, [r, o, i]), k = D(
     (h) => {
       r || g(h);
       const d = M.find((C) => C.id === h);
@@ -1079,21 +1094,21 @@ function Ct({
     [r, M, i]
   );
   return {
-    flatOptions: O,
+    flatOptions: T,
     sanitizedOptions: M,
-    selectedOptions: G,
-    selectedIds: k,
-    chipItems: K,
-    toggleOption: W,
-    selectGroup: B,
+    selectedOptions: H,
+    selectedIds: R,
+    chipItems: P,
+    toggleOption: $,
+    selectGroup: F,
     removeOption: z,
-    removeOptions: $,
-    clearSelection: F,
-    selectByValue: A
+    removeOptions: L,
+    clearSelection: _,
+    selectByValue: k
   };
 }
-function bt(e) {
-  const t = J({
+function Dt(e) {
+  const t = Q({
     renderOptionContext: !1,
     attachToParent: !1,
     onOptionClick: !1
@@ -1123,119 +1138,119 @@ function wt(e, t) {
     });
   });
 }
-function Wt(e) {
+function Lt(e) {
   const t = "value" in e, n = t ? e.value : void 0, r = t ? void 0 : e.defaultValue, {
-    options: a,
+    options: o,
     multiple: c,
     label: s,
     variant: l = "default",
-    size: b = "medium",
+    size: j = "medium",
     labelVariant: w = "default",
     disabled: f = !1,
-    isLoading: D = !1,
+    isLoading: I = !1,
     displayMode: i = "compact",
     overflow: p = "wrap",
-    groupSelection: R,
+    groupSelection: E,
     optionLabel: g,
     optionValue: N,
-    optionActive: O,
+    optionActive: T,
     renderOption: M,
-    renderOptionGroupHeader: G,
-    renderSelection: k,
-    renderOptionContext: I,
-    dropdownOptions: K,
-    onChange: W,
-    onClose: B,
+    renderOptionGroupHeader: H,
+    renderSelection: R,
+    renderOptionContext: b,
+    dropdownOptions: P,
+    onChange: $,
+    onClose: F,
     onClear: z,
-    onRemoveOption: $,
-    onOptionActivate: F,
-    onOptionClick: A,
+    onRemoveOption: L,
+    onOptionActivate: _,
+    onOptionClick: k,
     controls: h,
     disableOpenOnFocus: d,
     emptyMessage: C = "No hay opciones disponibles",
     placeholder: m,
     helperComponent: y,
     errorComponent: u,
-    inputProps: P,
-    className: V,
-    containerClassName: E,
-    buttonClassName: L,
-    dropdownClassName: q,
+    inputProps: G,
+    className: X,
+    containerClassName: A,
+    buttonClassName: q,
+    dropdownClassName: B,
     width: oe,
     height: ie,
     tabIndex: le,
     name: x,
     id: ee
   } = e;
-  bt(e);
-  const ue = Fe(), U = e.mobileDropdown === "drawer" && ue ? "drawer" : "list", X = Y(
-    () => ct(K),
-    [K]
-  ), fe = J(null), me = J(null), xe = J(!1), Se = J(!1), T = We(), te = $e(T.ref, U), H = Ct({
-    options: a,
+  Dt(e);
+  const ue = _e(), U = e.mobileDropdown === "drawer" && ue ? "drawer" : "list", J = Z(
+    () => ct(P),
+    [P]
+  ), fe = Q(null), me = Q(null), xe = Q(!1), Se = Q(!1), O = $e(), te = Le(O.ref, U), K = jt({
+    options: o,
     value: n,
     defaultValue: r,
     isControlled: t,
     multiple: !!c,
     optionLabel: g,
     optionValue: N,
-    optionActive: O,
-    groupSelection: c ? R : void 0,
-    onChange: W,
-    onOptionClick: A,
-    onRemoveOption: $,
+    optionActive: T,
+    groupSelection: c ? E : void 0,
+    onChange: $,
+    onOptionClick: k,
+    onRemoveOption: L,
     name: x
-  }), ne = yt({
-    options: a,
+  }), ne = bt({
+    options: o,
     optionLabel: g,
-    dropdownOptions: X
-  }), ve = j(
-    (v, _) => {
-      H.toggleOption(v), _ !== !1 && (!c || _ === !0) && T.close();
+    dropdownOptions: J
+  }), ve = D(
+    (v, W) => {
+      K.toggleOption(v), W !== !1 && (!c || W === !0) && O.close();
     },
-    [H.toggleOption, c, T]
-  ), Ce = j(
-    (v, _, de) => {
-      const ce = H.flatOptions.find(
+    [K.toggleOption, c, O]
+  ), Ce = D(
+    (v, W, de) => {
+      const ce = K.flatOptions.find(
         (ge) => S(ge, N) === v
       );
-      if (!(!ce || !ae(ce, O))) {
-        if (!F) {
+      if (!(!ce || !ae(ce, T))) {
+        if (!_) {
           ve(v, de);
           return;
         }
-        F({
+        _({
           option: ce,
           value: v,
-          isSelected: H.selectedIds.has(v),
+          isSelected: K.selectedIds.has(v),
           multiple: !!c,
-          source: _,
+          source: W,
           commit: () => ve(v),
-          close: () => T.close()
+          close: () => O.close()
         });
       }
     },
     [
-      F,
+      _,
       N,
-      O,
+      T,
       c,
       ve,
-      T,
-      H.flatOptions,
-      H.selectedIds
+      O,
+      K.flatOptions,
+      K.selectedIds
     ]
-  ), Q = St({
-    menuRef: T.ref,
+  ), Y = yt({
+    menuRef: O.ref,
     searchInputRef: fe,
     optionsContainerRef: me,
     onSelect: (v) => Ce(v, "keyboard")
   });
-  se(() => T.subscribeOpenChange((_) => {
-    _ || (xe.current = !0, ne.resetSearch(), Q.resetFocus(), B?.());
-  }), [T, ne.resetSearch, Q.resetFocus, B]), se(() => {
-    if (!(!te || X?.focusSearchInputOnOpen === !1)) {
-      if (X?.hideSearchBar) {
+  se(() => O.subscribeOpenChange((W) => {
+    W || (xe.current = !0, ne.resetSearch(), Y.resetFocus(), F?.());
+  }), [O, ne.resetSearch, Y.resetFocus, F]), se(() => {
+    if (!(!te || J?.focusSearchInputOnOpen === !1)) {
+      if (J?.hideSearchBar) {
         me.current?.querySelector(
           '[role="option"]'
         )?.focus();
@@ -1245,19 +1260,19 @@ function Wt(e) {
     }
   }, [
     te,
-    X?.focusSearchInputOnOpen,
-    X?.hideSearchBar
+    J?.focusSearchInputOnOpen,
+    J?.hideSearchBar
   ]);
-  const Ee = j(() => {
-    Se.current = !0, !f && (U === "drawer" ? T.toggle(void 0, "60%") : T.toggle());
-  }, [f, T, U]), Me = j(
+  const Me = D(() => {
+    Se.current = !0, !f && (U === "drawer" ? O.toggle(void 0, "60%") : O.toggle());
+  }, [f, O, U]), Ge = D(
     (v) => {
-      Se.current = !0, !(v.target !== v.currentTarget && (v.key === "Enter" || v.key === " ")) && Q.handleTriggerKeyDown(v);
+      Se.current = !0, !(v.target !== v.currentTarget && (v.key === "Enter" || v.key === " ")) && Y.handleTriggerKeyDown(v);
     },
-    [Q.handleTriggerKeyDown]
-  ), He = j(() => {
-    H.clearSelection(), z?.();
-  }, [H.clearSelection, z]), Ke = j(
+    [Y.handleTriggerKeyDown]
+  ), Ke = D(() => {
+    K.clearSelection(), z?.();
+  }, [K.clearSelection, z]), Pe = D(
     (v) => {
       if (v.target !== v.currentTarget) return;
       if (xe.current) {
@@ -1265,110 +1280,110 @@ function Wt(e) {
         return;
       }
       if (!Se.current) return;
-      v.target.matches(":focus-visible") && !d && !te && !f && (U === "drawer" ? T.open(void 0, "60%") : T.open());
+      v.target.matches(":focus-visible") && !d && !te && !f && (U === "drawer" ? O.open(void 0, "60%") : O.open());
     },
-    [d, te, f, T, U]
+    [d, te, f, O, U]
   );
   se(() => {
     if (!te || U !== "drawer") return;
-    const v = T.triggerRef.current;
+    const v = O.triggerRef.current;
     if (!v) return;
-    const _ = setTimeout(() => {
+    const W = setTimeout(() => {
       const de = window.innerHeight * 0.33, ce = v.getBoundingClientRect(), ge = ce.top + ce.height / 2;
       if (ge > de) {
-        const ze = Ue(v), Be = ge - de;
-        ze.scrollBy({ top: Be, behavior: "smooth" });
+        const Be = Ue(v), Fe = ge - de;
+        Be.scrollBy({ top: Fe, behavior: "smooth" });
       }
     }, 250);
-    return () => clearTimeout(_);
-  }, [te, U, T.triggerRef]), wt(h, {
-    menu: T,
-    selectState: H,
+    return () => clearTimeout(W);
+  }, [te, U, O.triggerRef]), wt(h, {
+    menu: O,
+    selectState: K,
     searchInputRef: fe
   });
-  const Pe = c ? i ?? "compact" : "compact", be = J(null);
-  return _e(() => {
-    const v = T.triggerRef.current;
+  const ze = c ? i ?? "compact" : "compact", be = Q(null);
+  return We(() => {
+    const v = O.triggerRef.current;
     be.current = v ? v.querySelector("[data-input-content]") : null;
-  }), /* @__PURE__ */ o.jsxs(
+  }), /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: Z("relative inline-flex w-full flex-col", V),
+      className: V("relative inline-flex w-full flex-col", X),
       style: oe ? { width: oe } : void 0,
       id: ee,
       children: [
-        /* @__PURE__ */ o.jsx(
-          pt,
+        /* @__PURE__ */ a.jsx(
+          xt,
           {
-            ref: T.triggerRef,
+            ref: O.triggerRef,
             label: s,
-            size: b,
+            size: j,
             variant: l,
             labelVariant: w,
             disabled: f,
-            isLoading: D,
+            isLoading: I,
             placeholder: m,
-            selectedOptions: H.selectedOptions,
-            chipItems: H.chipItems,
+            selectedOptions: K.selectedOptions,
+            chipItems: K.chipItems,
             multiple: !!c,
-            displayMode: Pe,
+            displayMode: ze,
             overflow: p,
             optionLabel: g,
             optionValue: N,
-            renderSelection: k,
-            onRemoveOption: H.removeOption,
-            onRemoveGroup: H.removeOptions,
-            onClear: z ? He : void 0,
-            onClick: Ee,
-            onFocus: Ke,
+            renderSelection: R,
+            onRemoveOption: K.removeOption,
+            onRemoveGroup: K.removeOptions,
+            onClear: z ? Ke : void 0,
+            onClick: Me,
+            onFocus: Pe,
             isOpen: te,
-            onKeyDown: Me,
-            className: V,
-            containerClassName: E,
-            buttonClassName: L,
+            onKeyDown: Ge,
+            className: X,
+            containerClassName: A,
+            buttonClassName: q,
             width: oe,
             height: ie,
             tabIndex: le,
             helperComponent: y,
             errorComponent: u,
-            inputProps: P
+            inputProps: G
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          ft,
+        /* @__PURE__ */ a.jsx(
+          gt,
           {
-            menuRef: T.ref,
-            triggerRef: T.triggerRef,
+            menuRef: O.ref,
+            triggerRef: O.triggerRef,
             anchorRef: be,
             dropdownVariant: U,
             attachToParent: e.attachToParent,
             filteredOptions: ne.filteredOptions,
-            selectedIds: H.selectedIds,
+            selectedIds: K.selectedIds,
             optionLabel: g,
             optionValue: N,
-            optionActive: O,
+            optionActive: T,
             multiple: !!c,
             renderOption: M,
-            renderOptionGroupHeader: G,
-            renderOptionContext: I,
-            onSelect: (v, _) => Ce(v, "mouse", _),
-            closeDropdown: T.close,
-            onSelectGroup: H.selectGroup,
+            renderOptionGroupHeader: H,
+            renderOptionContext: b,
+            onSelect: (v, W) => Ce(v, "mouse", W),
+            closeDropdown: O.close,
+            onSelectGroup: K.selectGroup,
             searchValue: ne.searchValue,
             onSearchChange: ne.handleSearchChange,
             onSearchClear: ne.handleSearchClear,
             searchInputRef: fe,
-            dropdownOptions: X,
-            onSearchKeyDown: Q.handleSearchKeyDown,
-            createOptionKeyHandler: Q.createOptionKeyHandler,
-            navigateNext: Q.navigateNext,
-            navigatePrev: Q.navigatePrev,
+            dropdownOptions: J,
+            onSearchKeyDown: Y.handleSearchKeyDown,
+            createOptionKeyHandler: Y.createOptionKeyHandler,
+            navigateNext: Y.navigateNext,
+            navigatePrev: Y.navigatePrev,
             optionsContainerRef: me,
-            isLoading: D || !!X?.isLoading,
+            isLoading: I || !!J?.isLoading,
             emptyMessage: C,
             disabled: f,
-            size: b,
-            dropdownClassName: q,
+            size: j,
+            dropdownClassName: B,
             label: s
           }
         )
@@ -1377,5 +1392,5 @@ function Wt(e) {
   );
 }
 export {
-  Wt as default
+  Lt as default
 };