prometeo-design-system 5.7.3 → 5.7.4

package/dist/Select.es.js

@@ -1,29 +1,29 @@
-import { j as l } from "./jsx-runtime-GkKLlHH4.js";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { c as st } from "./index-BOQuZ0gG.js";
-import Ke, { memo as Y, useState as De, useRef as ie, useMemo as X, useCallback as _, useEffect as xe, useImperativeHandle as lt } from "react";
-import at from "./Spinner.es.js";
-import { createPortal as ot } from "react-dom";
-import { u as it } from "./useDragScroll-CHN9OMwn.js";
-import { u as ct } from "./useLabelBackground-D5SzHhl_.js";
-import { H as ut } from "./HelperComponent-ljsn0xD6.js";
-import dt from "./Chip.es.js";
-import ft from "./CheckBox.es.js";
-import { g as G, h as Ye } from "./utils-X4-h3cum.js";
-import mt from "./Input.es.js";
-import Ze from "./Skeleton.es.js";
-import { Cancel as ht } from "./Icons/Cancel.es.js";
-import { ChevronDown as nt } from "./Icons/ChevronDown.es.js";
-import { Search as pt } from "./Icons/Search.es.js";
-const gt = (e) => {
-  const n = [], x = (C) => {
-    C.forEach((S) => {
-      const D = S, y = typeof D == "object" ? D?.options : [];
+import Ke, { memo as ee, useState as Ne, useRef as ie, useMemo as q, useCallback as V, useEffect as be, useImperativeHandle as lt } from "react";
+import ot from "./Spinner.es.js";
+import { createPortal as it } from "react-dom";
+import { u as ct } from "./useDragScroll-CHN9OMwn.js";
+import { u as ut } from "./useLabelBackground-D5SzHhl_.js";
+import { H as dt } from "./HelperComponent-ljsn0xD6.js";
+import ft from "./Chip.es.js";
+import mt from "./CheckBox.es.js";
+import { g as G, h as Ze } from "./utils-X4-h3cum.js";
+import ht from "./Input.es.js";
+import et from "./Skeleton.es.js";
+import { Cancel as pt } from "./Icons/Cancel.es.js";
+import { ChevronDown as rt } from "./Icons/ChevronDown.es.js";
+import { Search as gt } from "./Icons/Search.es.js";
+const bt = (e) => {
+  const n = [], x = (v) => {
+    v.forEach((S) => {
+      const j = S, y = typeof j == "object" ? j?.options : [];
       Array.isArray(y) && y.length > 0 ? x(y) : n.push(S);
     });
   };
   return x(e), n;
-}, et = {
+}, tt = {
   default: {
     label: d(
       "text-neutral-medium-default",
@@ -42,7 +42,7 @@ const gt = (e) => {
     label: d("text-success", "peer-focus:text-success-light"),
     icon: d("text-success-medium-default", "peer-focus:text-success-light")
   }
-}, tt = {
+}, nt = {
   label: d(
     "text-neutral-medium-disabled",
     "peer-focus:text-neutral-medium-disabled"
@@ -51,7 +51,7 @@ const gt = (e) => {
     "text-neutral-medium-disabled",
     "peer-focus:text-neutral-medium-disabled"
   )
-}, bt = st(
+}, xt = st(
   "w-full text-left border rounded-lg transition-all duration-200 ease-in-out flex items-center bg-inherit justify-between gap-2 focus:outline-none",
   {
     variants: {
@@ -111,72 +111,72 @@ const gt = (e) => {
       }
     ]
   }
-), xt = {
+), yt = {
   small: "text-sm",
   medium: "text-base",
   large: "text-lg"
-}, yt = {
+}, Ct = {
   small: 18,
   medium: 20,
   large: 24
 };
 function vt(e) {
-  const [n, x] = De(!1), [C, S] = De([]), [D, y] = De(""), [Z, m] = De(
+  const [n, x] = Ne(!1), [v, S] = Ne([]), [j, y] = Ne(""), [te, m] = Ne(
     () => /* @__PURE__ */ new Set()
-  ), B = ie(null), M = ie(null), T = ie(null), je = ie(null), ye = ie(
+  ), _ = ie(null), M = ie(null), T = ie(null), we = ie(null), xe = ie(
     () => {
     }
-  ), z = ie(null), ee = ie(/* @__PURE__ */ new Set()), {
-    id: ve,
+  ), z = ie(null), ne = ie(/* @__PURE__ */ new Set()), {
+    id: ye,
     name: H,
     label: ce,
-    height: V,
+    height: R,
     options: A,
     controls: P,
     tabIndex: ue,
-    className: He,
-    placeholder: F,
+    className: De,
+    placeholder: B,
     optionValue: O,
     optionLabel: Ce,
     renderOption: de,
-    renderOptionGroupHeader: Oe,
-    renderSelection: q,
-    renderOptionContext: K,
-    buttonClassName: ke,
-    dropdownClassName: te,
-    containerClassName: Ee,
-    dropdownOptions: j,
-    helperComponent: Ie,
-    errorComponent: Le,
-    onRemoveOption: Se,
-    onOptionClick: ne,
-    onClose: re,
-    onClear: Ge,
-    disabled: W = !1,
-    overflow: Ne = "wrap",
-    variant: fe = "default",
-    isLoading: Xe = !1,
-    attachToParent: se = !1,
-    displayMode: le = "compact",
-    size: me = "medium",
-    labelVariant: R = "default",
-    disableOpenOnFocus: ze = !1,
-    emptyMessage: Ae = "No hay opciones disponibles"
-  } = e, { ref: We } = ct(), { bind: J, ref: Ue } = it({
+    renderOptionGroupHeader: je,
+    renderSelection: J,
+    renderOptionContext: F,
+    buttonClassName: He,
+    dropdownClassName: re,
+    containerClassName: Oe,
+    dropdownOptions: N,
+    helperComponent: ke,
+    errorComponent: Ee,
+    onRemoveOption: ve,
+    onOptionClick: ae,
+    onClose: se,
+    onClear: Ie,
+    disabled: K = !1,
+    overflow: Le = "wrap",
+    variant: Q = "default",
+    isLoading: We = !1,
+    attachToParent: Ye = !1,
+    displayMode: X = "compact",
+    size: W = "medium",
+    labelVariant: le = "default",
+    disableOpenOnFocus: Ge = !1,
+    emptyMessage: ze = "No hay opciones disponibles"
+  } = e, { ref: Ae } = ut(), { bind: Y, ref: Ue } = ct({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
-  }), ae = e.multiple ? Array.isArray(e.value) && e.value.length > 0 && e.value.every((t) => t != null && t !== "") : e.value !== void 0 && e.value !== null && e.value !== "", Ve = d(
-    bt({
-      variant: fe,
-      size: me,
-      disabled: W,
-      chips: !!(le === "chips" && e.multiple && ae)
+  }), fe = e.multiple ? Array.isArray(e.value) && e.value.length > 0 && e.value.every((t) => t != null && t !== "") : e.value !== void 0 && e.value !== null && e.value !== "", Me = d(
+    xt({
+      variant: Q,
+      size: W,
+      disabled: K,
+      chips: !!(X === "chips" && e.multiple && fe)
     }),
-    ke
-  ), Me = V ? { height: V } : void 0, qe = W ? tt.label : ae || n ? et[fe].label : "text-neutral-medium-default", Te = W ? tt.icon : et[fe].icon, Pe = yt[me], $e = {}, r = X(() => R === "static" && F ? F : "", [R, F]), s = X(
-    () => j?.controledSearchValue || D,
-    [j?.controledSearchValue, D]
-  ), h = () => {
+    He
+  ), qe = R ? { height: R } : void 0, Te = K ? nt.label : fe || n ? tt[Q].label : "text-neutral-medium-default", Pe = K ? nt.icon : tt[Q].icon, $e = Ct[W], Re = {}, Ve = q(() => le === "static" && B ? B : "", [le, B]), r = q(
+    () => N?.controledSearchValue || j,
+    [N?.controledSearchValue, j]
+  ), a = q(() => !!N?.controledSearchValue, [N?.controledSearchValue]), h = () => {
     const t = {
       static: {
         active: "relative prometeo-fonts-label-large",
@@ -186,19 +186,19 @@ function vt(e) {
         active: "absolute top-0 -translate-y-1/2 left-3  px-1 prometeo-fonts-body-small",
         default: "absolute top-1/2 -translate-y-1/2 "
       }
-    }, o = n || ae ? "active" : "default";
-    return t[R][o];
-  }, a = _(
+    }, o = n || fe ? "active" : "default";
+    return t[le][o];
+  }, l = V(
     (t) => ({
       id: G(t, O),
       value: G(t, O),
       label: G(t, Ce)
     }),
     [O, Ce]
-  ), i = X(() => gt(A), [A]), c = X(
-    () => i.map(a),
-    [i, a]
-  ), u = X(() => {
+  ), i = q(() => bt(A), [A]), c = q(
+    () => i.map(l),
+    [i, l]
+  ), u = q(() => {
     const t = [];
     if (e.multiple)
       e.value?.forEach((o) => {
@@ -214,68 +214,68 @@ function vt(e) {
       o && t.push(o);
     }
     return t;
-  }, [e.value, O, i, e.multiple]), N = X(
-    () => u.map(a),
-    [u, a]
-  ), I = X(
-    () => new Set(N.map((t) => t.id)),
-    [N]
-  ), U = X(() => {
+  }, [e.value, O, i, e.multiple]), w = q(
+    () => u.map(l),
+    [u, l]
+  ), I = q(
+    () => new Set(w.map((t) => t.id)),
+    [w]
+  ), U = q(() => {
     const t = [];
     return A.forEach((o, f) => {
       const E = o, g = typeof E == "object" ? E?.options : [];
       if (Array.isArray(g) && g.length > 0) {
-        const v = E.label, b = G(o, O), L = `__group-${String(b ?? f)}`, _e = {
+        const C = E.label, b = G(o, O), L = `__group-${String(b ?? f)}`, _e = {
           id: L,
           value: L,
-          label: typeof v == "string" ? v : String(b ?? `Grupo ${f + 1}`),
+          label: typeof C == "string" ? C : String(b ?? `Grupo ${f + 1}`),
           isGroupHeader: !0,
-          groupLabelNode: v,
+          groupLabelNode: C,
           originalOption: o,
           groupData: {
             groupOptions: g
           }
         };
         t.push(_e), g.forEach((Be) => {
-          de ? t.push(Be) : t.push(a(Be));
+          de ? t.push(Be) : t.push(l(Be));
         });
       } else
-        de ? t.push(o) : t.push(a(o));
+        de ? t.push(o) : t.push(l(o));
     }), t;
-  }, [A, O, de, a]), he = _(
+  }, [A, O, de, l]), me = V(
     (t, o) => {
       if (!t || t.length === 0) return;
       const f = t.map(
-        (w) => a(w)
+        (D) => l(D)
       );
       if (!e.multiple) {
-        const w = f[0];
-        if (!w) return;
-        const $ = I.has(w.id), Fe = o ?? "toggle";
-        let Je;
-        Fe === "select" || Fe === "toggle" && !$ ? Je = w : Je = void 0, e.onChange?.(Je, H);
+        const D = f[0];
+        if (!D) return;
+        const $ = I.has(D.id), Fe = o ?? "toggle";
+        let Qe;
+        Fe === "select" || Fe === "toggle" && !$ ? Qe = D : Qe = void 0, e.onChange?.(Qe, H);
         return;
       }
       const E = e.value || [], g = [];
-      E.forEach((w) => {
-        const $ = c.find((Fe) => Fe.value === w);
+      E.forEach((D) => {
+        const $ = c.find((Fe) => Fe.value === D);
         $ && g.push($);
       });
-      const v = new Set(g.map((w) => w.id)), b = new Set(f.map((w) => w.id)), L = f.every(
-        (w) => v.has(w.id)
+      const C = new Set(g.map((D) => D.id)), b = new Set(f.map((D) => D.id)), L = f.every(
+        (D) => C.has(D.id)
       ), _e = o ?? "toggle", Be = _e === "select" || _e === "toggle" && !L;
-      let Re;
+      let Je;
       if (!Be)
-        Re = g.filter((w) => !b.has(w.id));
+        Je = g.filter((D) => !b.has(D.id));
       else {
-        const w = new Map(
+        const D = new Map(
           g.map(($) => [$.id, $])
         );
         f.forEach(($) => {
-          w.set($.id, $);
-        }), Re = Array.from(w.values());
+          D.set($.id, $);
+        }), Je = Array.from(D.values());
       }
-      e.onChange?.(Re, H);
+      e.onChange?.(Je, H);
     },
     [
       e.multiple,
@@ -283,92 +283,92 @@ function vt(e) {
       e.onChange,
       c,
       I,
-      a,
+      l,
       H
     ]
-  ), pe = _(() => {
+  ), he = V(() => {
     x((t) => !t);
   }, []);
-  ye.current = (t) => {
+  xe.current = (t) => {
     if (!e.multiple)
       e.onChange?.(t, H);
     else {
       const o = e.value || [], f = [], E = o.includes(t.value);
-      o.forEach((v) => {
+      o.forEach((C) => {
         const b = c.find(
-          (L) => L.value === v
+          (L) => L.value === C
         );
         b && f.push(b);
       });
-      const g = E ? f.filter((v) => v.value !== t.value) : [...f, t];
+      const g = E ? f.filter((C) => C.value !== t.value) : [...f, t];
       e.onChange?.(g, H);
     }
   };
-  const Q = _(
+  const Z = V(
     (t, o = !1) => {
-      ne?.(t, H), ye.current?.(t), o && (x(!1), re?.());
+      ae?.(t, H), xe.current?.(t), o && (x(!1), se?.());
     },
-    [ne, re, H]
+    [ae, se, H]
   ), oe = (t) => {
-    if (t.preventDefault(), t.stopPropagation(), t.target.blur(), Ge?.(), e.multiple) {
+    if (t.preventDefault(), t.stopPropagation(), t.target.blur(), Ie?.(), e.multiple) {
       const o = e.onChange;
       o?.([], H);
     } else {
       const o = e.onChange;
       o?.(void 0, H);
     }
-  }, ge = _(
+  }, pe = V(
     (t) => {
       e.multiple || e.onChange?.(void 0, H);
       const o = i.find(
         (E) => G(E, O) === t
       );
       if (!o) return;
-      const f = a(o);
-      ne?.(f, H), ye.current?.(f), Se?.(o);
+      const f = l(o);
+      ae?.(f, H), xe.current?.(f), ve?.(o);
     },
     [
-      ne,
-      Se,
+      ae,
+      ve,
       i,
       H,
       e.multiple,
       e.onChange,
-      a,
+      l,
       O
     ]
-  ), p = _(
+  ), p = V(
     (t) => {
-      ge(t);
+      pe(t);
     },
-    [ge]
+    [pe]
   ), k = (t) => t.tagName === "INPUT" && !["button", "submit", "checkbox", "file", "image"].includes(t.type) || t.hasAttribute("contenteditable");
-  xe(() => {
+  be(() => {
     if (!n) return;
     let t = !1, o = 0;
-    const f = (v) => {
-      const b = v.target;
-      if (v.type === "mousedown") {
-        if (B.current?.contains(b) || M.current?.contains(b)) return;
+    const f = (C) => {
+      const b = C.target;
+      if (C.type === "mousedown") {
+        if (_.current?.contains(b) || M.current?.contains(b)) return;
         x(!1);
       }
-      if (v.type === "scroll") {
+      if (C.type === "scroll") {
         if (t || Date.now() - o < 500 || M.current?.contains(b)) return;
         x(!1);
       }
-      v.type === "resize" && x(!1);
-    }, E = (v) => {
-      const b = v.target;
+      C.type === "resize" && x(!1);
+    }, E = (C) => {
+      const b = C.target;
       k(b) && (t = !0, o = Date.now());
-    }, g = (v) => {
-      const b = v.target;
+    }, g = (C) => {
+      const b = C.target;
       k(b) && (t = !1);
     };
     return document.addEventListener("focusin", E), document.addEventListener("focusout", g), document.addEventListener("mousedown", f), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f, !0), () => {
       document.removeEventListener("focusin", E), document.removeEventListener("focusout", g), document.removeEventListener("mousedown", f), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f, !0);
     };
-  }, [n]), xe(() => {
-    ee.current.forEach((t) => {
+  }, [n]), be(() => {
+    ne.current.forEach((t) => {
       try {
         t(n);
       } catch {
@@ -384,115 +384,115 @@ function vt(e) {
         x(!1);
       },
       toggle: () => x((t) => !t),
-      handleOptionSelect: Q,
-      subscribeOpenChange: (t) => (ee.current.add(t), () => {
-        ee.current.delete(t);
+      handleOptionSelect: Z,
+      subscribeOpenChange: (t) => (ne.current.add(t), () => {
+        ne.current.delete(t);
       }),
       searchInputRef: T
     }),
-    [n, Q]
+    [n, Z]
   );
-  const be = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (x(!0), setTimeout(() => {
+  const ge = (t) => {
+    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !Ge && !n && (x(!0), setTimeout(() => {
       T.current?.focus();
     }, 10));
-  }, we = (t) => {
+  }, Se = (t) => {
     t.key === "Tab" && n && x(!1), (t.keyCode === 32 || t.key === "ArrowDown") && (x(!0), setTimeout(() => {
       T.current?.focus();
     }, 10));
   };
-  return /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: d("relative bg-inherit select-none w-full", He),
-      ref: B,
+      className: d("relative bg-inherit select-none w-full", De),
+      ref: _,
       draggable: !1,
-      style: $e,
+      style: Re,
       children: [
-        /* @__PURE__ */ l.jsxs("div", { className: d("relative bg-inherit ", Ee), children: [
-          /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: d("relative bg-inherit ", Oe), children: [
+          /* @__PURE__ */ s.jsx(
             "label",
             {
-              htmlFor: `select-${ve}`,
-              ref: We,
+              htmlFor: `select-${ye}`,
+              ref: Ae,
               className: d(
                 "left-3 pointer-events-none bg-inherit z-10 line-clamp-1 max-w-[calc(100%-2.5rem)] ",
-                R === "default" && "transition-all duration-200 ease-in-out",
+                le === "default" && "transition-all duration-200 ease-in-out",
                 h(),
-                xt[me],
-                qe,
+                yt[W],
+                Te,
                 "mb-0.5"
               ),
               children: ce
             }
           ),
-          /* @__PURE__ */ l.jsxs(
+          /* @__PURE__ */ s.jsxs(
             "div",
             {
-              id: ve,
+              id: ye,
               tabIndex: ue ?? 0,
               role: "button",
-              ref: je,
-              onFocus: be,
-              onKeyDown: we,
+              ref: we,
+              onFocus: ge,
+              onKeyDown: Se,
               onClick: (t) => {
-                t.preventDefault(), t.stopPropagation(), pe();
+                t.preventDefault(), t.stopPropagation(), he();
               },
-              className: Ve,
-              style: Me,
+              className: Me,
+              style: qe,
               children: [
-                /* @__PURE__ */ l.jsx(
+                /* @__PURE__ */ s.jsx(
                   "div",
                   {
                     className: d(
                       "flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none! "
                     ),
                     ref: Ue,
-                    onPointerUp: J.onPointerUp,
-                    onPointerDown: J.onPointerDown,
-                    onPointerMove: J.onPointerMove,
-                    onPointerLeave: J.onPointerLeave,
-                    onPointerCancel: J.onPointerCancel,
-                    onClickCapture: J.onClickCapture,
-                    children: q ? Ke.createElement(
-                      Y(
-                        q,
+                    onPointerUp: Y.onPointerUp,
+                    onPointerDown: Y.onPointerDown,
+                    onPointerMove: Y.onPointerMove,
+                    onPointerLeave: Y.onPointerLeave,
+                    onPointerCancel: Y.onPointerCancel,
+                    onClickCapture: Y.onClickCapture,
+                    children: J ? Ke.createElement(
+                      ee(
+                        J,
                         (t, o) => t.disabled === o.disabled && t.multiple === o.multiple
                       ),
                       {
-                        disabled: W,
+                        disabled: K,
                         multiple: e.multiple || !1,
-                        placeholder: F,
+                        placeholder: B,
                         selectedOptions: u,
                         onRemoveOption: p
                       }
-                    ) : /* @__PURE__ */ l.jsx(
-                      rt,
+                    ) : /* @__PURE__ */ s.jsx(
+                      at,
                       {
-                        displayMode: le,
-                        selectedOptions: N,
-                        placeholder: r,
-                        onRemoveOption: ge,
+                        displayMode: X,
+                        selectedOptions: w,
+                        placeholder: Ve,
+                        onRemoveOption: pe,
                         multiple: e.multiple || !1,
                         className: d(
-                          Ne === "scroll" ? "flex-nowrap" : "flex-wrap"
+                          Le === "scroll" ? "flex-nowrap" : "flex-wrap"
                         ),
-                        disabled: W,
-                        size: me
+                        disabled: K,
+                        size: W
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-                  Xe && /* @__PURE__ */ l.jsx(
-                    at,
+                /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
+                  We && /* @__PURE__ */ s.jsx(
+                    ot,
                     {
                       size: "small",
                       variant: "sync",
                       className: " opacity-90"
                     }
                   ),
-                  ae && Ge && /* @__PURE__ */ l.jsx(
+                  fe && Ie && /* @__PURE__ */ s.jsx(
                     "button",
                     {
                       className: "z-100",
@@ -501,26 +501,26 @@ function vt(e) {
                       },
                       type: "button",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ l.jsx(
-                        ht,
+                      children: /* @__PURE__ */ s.jsx(
+                        pt,
                         {
-                          size: Pe,
+                          size: $e,
                           className: d(
                             "cursor-pointer transition-all",
-                            Te
+                            Pe
                           )
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ l.jsx(
-                    nt,
+                  /* @__PURE__ */ s.jsx(
+                    rt,
                     {
-                      size: Pe,
+                      size: $e,
                       className: d(
                         "transition-transform min-w-max",
                         n ? "rotate-180" : "",
-                        Te
+                        Pe
                       )
                     }
                   )
@@ -529,292 +529,297 @@ function vt(e) {
             }
           )
         ] }),
-        n && /* @__PURE__ */ l.jsx(
-          Nt,
+        n && /* @__PURE__ */ s.jsx(
+          wt,
           {
             label: ce,
             isOpen: n,
-            disabled: W,
+            disabled: K,
             optionValue: O,
             optionLabel: Ce,
-            emptyMessage: Ae,
-            labelVariant: R,
+            emptyMessage: ze,
+            labelVariant: le,
             renderOption: de,
-            renderOptionGroupHeader: Oe,
-            attachToParent: se,
-            filteredOptions: C,
+            renderOptionGroupHeader: je,
+            attachToParent: Ye,
+            filteredOptions: v,
             multiple: e.multiple || !1,
-            dropdownClassName: te,
+            dropdownClassName: re,
             selectedOptionsIds: I,
             setFilteredOptions: S,
-            renderOptionContext: K,
+            renderOptionContext: F,
             options: U,
-            selectRef: B,
+            selectRef: _,
             dropdownRef: M,
-            selectButtonRef: je,
+            selectButtonRef: we,
             helperComponentRef: z,
-            onOptionClick: Q,
+            onOptionClick: Z,
             onCloseDropdown: () => x(!1),
-            searchValue: s,
+            searchValue: r,
             setSearchValue: y,
             searchInputRef: T,
-            isLoading: j?.isLoading,
-            onSearchClear: j?.onSearchClear,
-            hideSearchBar: j?.hideSearchBar,
-            dropdownHeight: j?.dropdownHeight,
-            onSearchValueChange: j?.onSearchValueChange,
-            inputSearchPlaceholder: j?.inputSearchPlaceholder,
-            footer: j?.footer,
-            loadingComponent: j?.loadingComponent,
-            inputProps: j?.inputProps,
-            enableGroupToggle: j?.enableGroupToggle,
-            focusSearchInputOnOpen: j?.focusSearchInputOnOpen,
-            optionContainerClassName: j?.optionContainerClassName,
-            groupContainerClassName: j?.groupContainerClassName,
-            collapsedGroups: Z,
+            isLoading: N?.isLoading,
+            isControledSearchValue: a,
+            onSearchClear: N?.onSearchClear,
+            hideSearchBar: N?.hideSearchBar,
+            dropdownHeight: N?.dropdownHeight,
+            onSearchValueChange: N?.onSearchValueChange,
+            inputSearchPlaceholder: N?.inputSearchPlaceholder,
+            footer: N?.footer,
+            loadingComponent: N?.loadingComponent,
+            inputProps: N?.inputProps,
+            enableGroupToggle: N?.enableGroupToggle,
+            focusSearchInputOnOpen: N?.focusSearchInputOnOpen,
+            optionContainerClassName: N?.optionContainerClassName,
+            groupContainerClassName: N?.groupContainerClassName,
+            collapsedGroups: te,
             setCollapsedGroups: m,
-            onGroupSelectChange: he
+            onGroupSelectChange: me
           }
         ),
-        (Le || Ie) && /* @__PURE__ */ l.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ l.jsx(
-          ut,
+        (Ee || ke) && /* @__PURE__ */ s.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ s.jsx(
+          dt,
           {
             ref: z,
-            variant: fe,
+            variant: Q,
             className: "absolute bottom-0 h-5 overflow-visible line-clamp-1!",
-            children: Le || Ie
+            children: Ee || ke
           }
         ) })
       ]
     }
   );
 }
-const Ct = Y(vt, (e, n) => e.value === n.value && e.options === n.options && e.isLoading === n.isLoading && e.disabled === n.disabled && e.errorComponent === n.errorComponent && e.helperComponent === n.helperComponent && e.variant === n.variant && e.label === n.label && e.id === n.id && e.name === n.name && e.placeholder === n.placeholder && e.renderOptionContext === n.renderOptionContext && e.dropdownOptions?.controledSearchValue === n.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === n.dropdownOptions?.isLoading), Bt = Ct;
-function St({
+const St = ee(vt, (e, n) => e.value === n.value && e.options === n.options && e.isLoading === n.isLoading && e.disabled === n.disabled && e.errorComponent === n.errorComponent && e.helperComponent === n.helperComponent && e.variant === n.variant && e.label === n.label && e.id === n.id && e.name === n.name && e.placeholder === n.placeholder && e.renderOptionContext === n.renderOptionContext && e.dropdownOptions?.controledSearchValue === n.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === n.dropdownOptions?.isLoading), Bt = St;
+function Nt({
   footer: e,
   isOpen: n,
   label: x,
-  options: C,
+  options: v,
   multiple: S,
-  disabled: D,
+  disabled: j,
   selectRef: y,
-  inputProps: Z,
+  inputProps: te,
   dropdownRef: m,
-  optionLabel: B,
+  optionLabel: _,
   optionValue: M,
   searchValue: T,
-  labelVariant: je,
-  emptyMessage: ye,
+  labelVariant: we,
+  emptyMessage: xe,
   renderOption: z,
-  renderOptionContext: ee,
-  renderOptionGroupHeader: ve,
+  renderOptionContext: ne,
+  renderOptionGroupHeader: ye,
   onOptionClick: H,
   onSearchClear: ce,
-  searchInputRef: V,
+  searchInputRef: R,
   setSearchValue: A,
   dropdownHeight: P,
   attachToParent: ue,
-  filteredOptions: He,
-  selectButtonRef: F,
+  filteredOptions: De,
+  selectButtonRef: B,
   onCloseDropdown: O,
   loadingComponent: Ce,
   dropdownClassName: de,
-  helperComponentRef: Oe,
-  selectedOptionsIds: q,
-  setFilteredOptions: K,
-  onSearchValueChange: ke,
-  isLoading: te = !1,
-  hideSearchBar: Ee = !1,
-  inputSearchPlaceholder: j = "Buscar opciones",
-  optionContainerClassName: Ie,
-  groupContainerClassName: Le,
-  collapsedGroups: Se,
-  setCollapsedGroups: ne,
-  enableGroupToggle: re = !0,
-  focusSearchInputOnOpen: Ge = !1,
-  onGroupSelectChange: W
+  helperComponentRef: je,
+  selectedOptionsIds: J,
+  setFilteredOptions: F,
+  onSearchValueChange: He,
+  isLoading: re = !1,
+  hideSearchBar: Oe = !1,
+  inputSearchPlaceholder: N = "Buscar opciones",
+  optionContainerClassName: ke,
+  groupContainerClassName: Ee,
+  collapsedGroups: ve,
+  setCollapsedGroups: ae,
+  enableGroupToggle: se = !0,
+  focusSearchInputOnOpen: Ie = !1,
+  onGroupSelectChange: K,
+  isControledSearchValue: Le
 }) {
-  const Ne = e ? 380 : 320, fe = je === "static" ? x !== "" ? -20 : 4 : 7, se = _(() => P ? P.endsWith("px") ? Number(P.replace("px", "")) : P.endsWith("vh") ? window.innerHeight * Number(P.replace("vh", "")) / 100 : P.endsWith("%") ? window.innerHeight * Number(P.replace("%", "")) / 100 : Ne : Ne, [P, Ne])(), [le, me] = De({
+  const Q = e ? 380 : 320, We = we === "static" ? x !== "" ? -20 : 4 : 7, X = V(() => P ? P.endsWith("px") ? Number(P.replace("px", "")) : P.endsWith("vh") ? window.innerHeight * Number(P.replace("vh", "")) / 100 : P.endsWith("%") ? window.innerHeight * Number(P.replace("%", "")) / 100 : Q : Q, [P, Q])(), [W, le] = Ne({
     direction: "down",
-    height: se
-  }), R = _(
-    (r) => !Se.has(r),
-    [Se]
-  ), ze = _(
-    (r, s) => {
-      ne((h) => {
-        const a = new Set(h), i = a.has(r);
-        return (s === void 0 ? !i : !s) ? a.add(r) : a.delete(r), a;
+    height: X
+  }), Ge = V(
+    (r) => !ve.has(r),
+    [ve]
+  ), ze = V(
+    (r, a) => {
+      ae((h) => {
+        const l = new Set(h), i = l.has(r);
+        return (a === void 0 ? !i : !a) ? l.add(r) : l.delete(r), l;
       });
     },
-    [ne]
+    [ae]
   ), Ae = (r) => {
     if (!m.current || !y.current) return;
-    const s = y.current.getBoundingClientRect();
-    switch (r || le.direction) {
+    const a = y.current.getBoundingClientRect();
+    switch (r || W.direction) {
       case "down":
-        m.current.style.top = `${s.top + s.height - (Oe?.current?.offsetHeight ? Oe?.current?.offsetHeight + 4 : 0)}px`;
+        m.current.style.top = `${a.top + a.height - (je?.current?.offsetHeight ? je?.current?.offsetHeight + 4 : 0)}px`;
         break;
       case "up":
-        m.current.style.top = "auto", m.current.style.bottom = `${window.innerHeight - s.top + fe}px`;
+        m.current.style.top = "auto", m.current.style.bottom = `${window.innerHeight - a.top + We}px`;
         break;
     }
-    m.current.style.left = `${s.left}px`, m.current.style.width = `${s.width}px`;
-  }, We = (r) => {
+    m.current.style.left = `${a.left}px`, m.current.style.width = `${a.width}px`;
+  }, Y = (r) => {
     m.current && (m.current.style.maxHeight = `${r}px`);
-  }, J = () => {
-    if (!m.current || !y.current) return le;
-    const r = y.current.getBoundingClientRect(), s = window.innerHeight - (window.innerHeight - r.top), h = window.innerHeight - r.bottom, a = h >= se, i = s >= se;
+  }, Ue = () => {
+    if (!m.current || !y.current) return W;
+    const r = y.current.getBoundingClientRect(), a = window.innerHeight - (window.innerHeight - r.top), h = window.innerHeight - r.bottom, l = h >= X, i = a >= X;
     let c = "down", u;
-    return a ? (c = "down", u = se) : i ? (c = "up", u = se) : h > s ? (c = "down", u = h - 16) : (c = "up", u = s - 16), { direction: c, height: u };
-  }, Ue = (r) => {
+    return l ? (c = "down", u = X) : i ? (c = "up", u = X) : h > a ? (c = "down", u = h - 16) : (c = "up", u = a - 16), { direction: c, height: u };
+  }, fe = (r) => {
     if (!(!m.current || !y.current)) {
       if (m.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
         m.current.style.maxHeight = "0", m.current.style.opacity = "0", m.current.style.pointerEvents = "none";
         return;
       }
       if (!ue) {
-        const s = J();
-        me(s), Ae(s.direction), We(s.height);
+        const a = Ue();
+        le(a), Ae(a.direction), Y(a.height);
       }
-      m.current.style.opacity = "1", m.current.style.pointerEvents = "auto", Ge && V?.current && V.current?.focus();
+      m.current.style.opacity = "1", m.current.style.pointerEvents = "auto", Ie && R?.current && R.current?.focus();
     }
   };
-  xe(() => {
+  be(() => {
     ue || !y.current || !n || Ae();
-  }, [q]), xe(() => {
-    Ue(n);
-  }, [n]), xe(() => {
-    C && K(C);
-  }, [C]), xe(() => {
-    if (te || !T) return;
-    const r = ae(C, T);
-    K(r);
-  }, [C]);
-  const ae = (r, s) => {
-    if (!s) return r;
+  }, [J]), be(() => {
+    fe(n);
+  }, [n]), be(() => {
+    v && F(v);
+  }, [v]), be(() => {
+    if (re || !T || Le) return;
+    const r = Me(v, T);
+    F(r);
+  }, [v]);
+  const Me = (r, a) => {
+    if (!a) return r;
     if (z) {
       const u = [];
-      let N = null, I = [];
+      let w = null, I = [];
       const U = () => {
-        N && I.length > 0 && u.push(N, ...I), N = null, I = [];
+        w && I.length > 0 && u.push(w, ...I), w = null, I = [];
       };
-      return r.forEach((he) => {
-        const pe = he;
-        if (!!(pe || {})?.isGroupHeader) {
-          U(), N = pe;
+      return r.forEach((me) => {
+        const he = me;
+        if (!!(he || {})?.isGroupHeader) {
+          U(), w = he;
           return;
         }
-        const oe = he, ge = G(
+        const oe = me, pe = G(
           oe,
-          B
-        ), p = Ye(String(ge ?? ""), s);
-        N ? p && I.push(oe) : p && u.push(oe);
+          _
+        ), p = Ze(String(pe ?? ""), a);
+        w ? p && I.push(oe) : p && u.push(oe);
       }), U(), u;
     }
     const h = [];
-    let a = null, i = [];
+    let l = null, i = [];
     const c = () => {
-      a && i.length > 0 && h.push(a, ...i), a = null, i = [];
+      l && i.length > 0 && h.push(l, ...i), l = null, i = [];
     };
     return r.forEach((u) => {
       if (typeof u != "object" || u === null) return;
       if ((u || {})?.isGroupHeader) {
-        c(), a = u;
+        c(), l = u;
         return;
       }
-      const N = Ye(u.label, s);
-      a ? N && i.push(u) : N && h.push(u);
+      const w = Ze(u.label, a);
+      l ? w && i.push(u) : w && h.push(u);
     }), c(), h;
-  }, Ve = (r) => {
-    const s = ae(C, r);
-    if (K(s), ke) {
+  }, qe = (r) => {
+    if (He) {
       if (r === "") {
-        Me();
+        Te();
         return;
       }
-      ke(r);
+      He(r);
       return;
     }
-    A && C && A(r);
-  }, Me = _(() => {
+    if (!Le) {
+      const a = Me(v, r);
+      F(a);
+    }
+    A && v && A(r);
+  }, Te = V(() => {
     if (ce) {
-      ce(), K(
-        C.filter((r) => {
-          const s = z ? G(r, M) : r.id;
-          return q.has(s);
+      ce(), F(
+        v.filter((r) => {
+          const a = z ? G(r, M) : r.id;
+          return J.has(a);
         })
       );
       return;
     }
-    A && (A(""), K(C));
+    A && (A(""), F(v));
   }, [
-    C,
-    q,
+    v,
+    J,
     M,
     ce,
-    K,
+    F,
     A,
     z
-  ]), qe = (r) => {
+  ]), Pe = (r) => {
     r.key === "ArrowDown" ? (r.preventDefault(), m.current?.querySelector(
       "[role=listitem]"
     )?.focus()) : (r.key === "Tab" || r.key === "Escape") && setTimeout(() => {
-      F.current?.focus(), O();
+      B.current?.focus(), O();
     }, 10);
-  }, Te = (r, s) => {
+  }, $e = (r, a) => {
     const h = Array.from(
       m.current?.querySelectorAll("[role=listitem]") || []
-    ), a = h.indexOf(r.currentTarget);
+    ), l = h.indexOf(r.currentTarget);
     if (r.key === "ArrowDown") {
       r.preventDefault();
-      const i = a < h.length - 1 ? a + 1 : a;
+      const i = l < h.length - 1 ? l + 1 : l;
       h[i]?.focus();
     } else if (r.key === "ArrowUp")
-      if (r.preventDefault(), a === 0)
-        V && V.current?.focus();
+      if (r.preventDefault(), l === 0)
+        R && R.current?.focus();
       else {
-        const i = a - 1;
+        const i = l - 1;
         h[i]?.focus();
       }
     else if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), (s || {})?.isGroupHeader || D) return;
-      H(s, !S), S || setTimeout(() => {
-        F.current?.focus(), O();
+      if (r.preventDefault(), (a || {})?.isGroupHeader || j) return;
+      H(a, !S), S || setTimeout(() => {
+        B.current?.focus(), O();
       }, 10);
     } else r.key === "Escape" ? (r.preventDefault(), setTimeout(() => {
-      F.current?.focus(), O();
+      B.current?.focus(), O();
     }, 10)) : r.key === "Tab" && setTimeout(() => {
-      F.current?.focus(), O();
+      B.current?.focus(), O();
     }, 10);
-  }, Pe = Array.from({ length: 5 }).map(
-    (r, s) => z ? Ke.createElement(
-      Y(z, (h, a) => h.isSelected === a.isSelected && h.option === a.option && h.disabled === a.disabled && h.multiple === a.multiple && h.renderContext === a.renderContext),
+  }, Re = Array.from({ length: 5 }).map(
+    (r, a) => z ? Ke.createElement(
+      ee(z, (h, l) => h.isSelected === l.isSelected && h.option === l.option && h.disabled === l.disabled && h.multiple === l.multiple && h.renderContext === l.renderContext),
       {
-        key: `skeleton-option-${s}`,
-        option: { id: s, label: "", value: "" },
+        key: `skeleton-option-${a}`,
+        option: { id: a, label: "", value: "" },
         isSelected: !1,
         multiple: !1,
         onSelect: () => {
         },
         disabled: !1,
         isLoading: !0,
-        renderContext: ee
+        renderContext: ne
       }
-    ) : /* @__PURE__ */ l.jsx(
-      Qe,
+    ) : /* @__PURE__ */ s.jsx(
+      Xe,
       {
         multiple: !1,
         isLoading: !0,
         onSelect: () => {
         },
         isSelected: !1,
-        option: { id: s, label: "", value: "" }
+        option: { id: a, label: "", value: "" }
       },
       `skeleton-option-${// biome-ignore lint/suspicious/noArrayIndexKey: <>
-      s}`
+      a}`
     )
-  ), $e = /* @__PURE__ */ l.jsx(
+  ), Ve = /* @__PURE__ */ s.jsx(
     "div",
     {
       tabIndex: 0,
@@ -824,75 +829,75 @@ function St({
         " z-100! w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-lg shadow-lg",
         " overflow-hidden focus-visible:bg-neutral-default-hover    ",
         ue ? "absolute z-50 " : "fixed z-100 top-0 left-0",
-        le.direction === "up" ? "h-auto" : " h-max",
+        W.direction === "up" ? "h-auto" : " h-max",
         de,
         "w-full max-w-[max(100%,20vw)] min-w-[min(100%,20vw)]"
       ),
-      children: /* @__PURE__ */ l.jsxs(
+      children: /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: d(
             "flex flex-col",
-            Ee ? "p-0" : "p-2 pt-0 gap-2"
+            Oe ? "p-0" : "p-2 pt-0 gap-2"
           ),
           style: {
             height: "auto",
-            maxHeight: le.height
+            maxHeight: W.height
           },
           children: [
-            !Ee && /* @__PURE__ */ l.jsx(
-              mt,
+            !Oe && /* @__PURE__ */ s.jsx(
+              ht,
               {
                 name: "",
                 label: "",
                 size: "xsmall",
                 tabIndex: 0,
                 value: T,
-                disabled: D,
-                ref: V,
+                disabled: j,
+                ref: R,
                 labelVariant: "static",
-                icon: /* @__PURE__ */ l.jsx(pt, {}),
-                isFetching: te,
-                onKeyDown: qe,
-                onClear: Me,
-                onChange: (r) => Ve(r.target.value),
-                placeholder: j,
+                icon: /* @__PURE__ */ s.jsx(gt, {}),
+                isFetching: re,
+                onKeyDown: Pe,
+                onClear: Te,
+                onChange: (r) => qe(r.target.value),
+                placeholder: N,
                 className: " bg-neutral-medium-pressed *:max-h-8",
-                ...Z
+                ...te
               }
             ),
-            /* @__PURE__ */ l.jsx("div", { className: d("overflow-y-auto flex-1 max-h-max ", Ie), children: He.length === 0 ? te ? /* @__PURE__ */ l.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: Ce || Pe }) : /* @__PURE__ */ l.jsx("p", { className: "px-3 py-2 text-neutral-medium-default max-w-full text-pretty wrap-break-word ", children: T ? `No se encontraron resultados para "${T}"` : ye }) : (() => {
+            /* @__PURE__ */ s.jsx("div", { className: d("overflow-y-auto flex-1 max-h-max ", ke), children: De.length === 0 ? re ? /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: Ce || Re }) : /* @__PURE__ */ s.jsx("p", { className: "px-3 py-2 text-neutral-medium-default max-w-full text-pretty wrap-break-word ", children: T ? `No se encontraron resultados para "${T}"` : xe }) : (() => {
               const r = [];
-              let s = null;
+              let a = null;
               const h = (i) => {
-                const c = i, u = !!(c || {}).isGroupHeader, N = z && !u ? G(i, M) : c.id, I = q.has(N), U = (p) => !z || u ? p : {
-                  id: N,
-                  label: String(G(p, B)),
+                const c = i, u = !!(c || {}).isGroupHeader, w = z && !u ? G(i, M) : c.id, I = J.has(w), U = (p) => !z || u ? p : {
+                  id: w,
+                  label: String(G(p, _)),
                   value: G(p, M)
-                }, he = (p) => {
+                }, me = (p) => {
                   u || H(
                     U(i),
                     p === void 0 ? !S : p
                   );
-                }, pe = (p) => {
+                }, he = (p) => {
                   if (H(p, !S), !S) {
                     if (!A) return;
-                    A(""), K(C);
+                    A(""), F(v);
                   }
-                }, Q = (p, k) => {
-                  const be = !!(k || {}).isGroupHeader;
+                }, Z = (p, k) => {
+                  const ge = !!(k || {}).isGroupHeader;
                   return (
                     // biome-ignore lint/a11y/useSemanticElements: <>
-                    /* @__PURE__ */ l.jsx(
+                    /* @__PURE__ */ s.jsx(
                       "div",
                       {
                         tabIndex: 0,
                         role: "listitem",
-                        onKeyDown: (we) => Te(we, k),
+                        onKeyDown: (Se) => $e(Se, k),
                         className: d(
-                          !be && !D && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
+                          !ge && !j && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
                           I && "bg-neutral-medium-selected",
-                          D && "cursor-default pointer-events-none"
+                          j && "cursor-default pointer-events-none"
                         ),
                         children: p
                       },
@@ -901,45 +906,45 @@ function St({
                   );
                 };
                 if (u) {
-                  const p = c.groupLabelNode ?? c.label, k = String(c.id), be = re === !1 ? !0 : R(k), we = c.originalOption, t = c.groupData?.groupOptions ?? [], o = (g) => {
-                    re && ze(k, g);
+                  const p = c.groupLabelNode ?? c.label, k = String(c.id), ge = se === !1 ? !0 : Ge(k), Se = c.originalOption, t = c.groupData?.groupOptions ?? [], o = (g) => {
+                    se && ze(k, g);
                   }, f = (g) => {
-                    !t || t.length === 0 || W && W(t, g);
+                    !t || t.length === 0 || K && K(t, g);
                   }, E = t.filter(
-                    (g) => q.has(G(g, M))
+                    (g) => J.has(G(g, M))
                   ).map((g) => String(G(g, M)));
-                  if (ve) {
-                    const g = Y(
-                      ve,
+                  if (ye) {
+                    const g = ee(
+                      ye,
                       (b, L) => b.label === L.label && b.group === L.group && b.groupOptions === L.groupOptions && b.disabled === L.disabled && b.multiple === L.multiple && b.expanded === L.expanded && b.renderContext === L.renderContext
-                    ), v = Ke.createElement(g, {
-                      group: we,
+                    ), C = Ke.createElement(g, {
+                      group: Se,
                       label: p,
                       groupOptions: t,
                       multiple: S,
-                      disabled: D,
-                      expanded: be,
+                      disabled: j,
+                      expanded: ge,
                       toggleGroup: o,
                       selectGroup: f,
-                      renderContext: ee,
+                      renderContext: ne,
                       groupSelectedIds: E
                     });
-                    return Q(v, c);
+                    return Z(C, c);
                   }
-                  return Q(
-                    /* @__PURE__ */ l.jsxs("div", { className: "px-3 py-2 text-neutral-medium-default font-medium text-sm w-full flex justify-between", children: [
-                      /* @__PURE__ */ l.jsx("div", { children: p }),
-                      re && /* @__PURE__ */ l.jsx(
+                  return Z(
+                    /* @__PURE__ */ s.jsxs("div", { className: "px-3 py-2 text-neutral-medium-default font-medium text-sm w-full flex justify-between", children: [
+                      /* @__PURE__ */ s.jsx("div", { children: p }),
+                      se && /* @__PURE__ */ s.jsx(
                         "div",
                         {
                           className: "cursor-pointer",
                           onClick: () => ze(k),
-                          children: /* @__PURE__ */ l.jsx(
-                            nt,
+                          children: /* @__PURE__ */ s.jsx(
+                            rt,
                             {
                               className: d(
                                 "transition-transform duration-300 ease-out",
-                                be ? "rotate-180" : "rotate-0"
+                                ge ? "rotate-180" : "rotate-0"
                               )
                             }
                           )
@@ -950,41 +955,41 @@ function St({
                   );
                 }
                 const oe = z ? Ke.createElement(
-                  Y(
+                  ee(
                     z,
                     (p, k) => p.isSelected === k.isSelected && p.option === k.option && p.disabled === k.disabled && p.multiple === k.multiple && p.renderContext === k.renderContext
                   ),
                   {
-                    key: N,
+                    key: w,
                     option: i,
                     isSelected: I,
                     multiple: S,
-                    onSelect: he,
-                    disabled: D,
-                    isLoading: te,
-                    renderContext: ee
+                    onSelect: me,
+                    disabled: j,
+                    isLoading: re,
+                    renderContext: ne
                   }
-                ) : /* @__PURE__ */ l.jsx(
-                  Qe,
+                ) : /* @__PURE__ */ s.jsx(
+                  Xe,
                   {
-                    disabled: D,
+                    disabled: j,
                     multiple: S,
-                    isLoading: te,
+                    isLoading: re,
                     isSelected: I,
-                    onSelect: pe,
+                    onSelect: he,
                     option: i
                   },
-                  N
+                  w
                 );
-                return Q(
+                return Z(
                   oe,
                   U(i)
                 );
-              }, a = () => {
-                if (!s) return;
-                const i = String(s.header.id), c = re === !1 ? !0 : R(i), u = h(s.header), N = s.items.map(
+              }, l = () => {
+                if (!a) return;
+                const i = String(a.header.id), c = se === !1 ? !0 : Ge(i), u = h(a.header), w = a.items.map(
                   (U) => h(U)
-                ), I = /* @__PURE__ */ l.jsx(
+                ), I = /* @__PURE__ */ s.jsx(
                   "div",
                   {
                     className: d(
@@ -992,35 +997,35 @@ function St({
                       c ? "opacity-100 max-h-[999px]" : "opacity-0 max-h-0 "
                     ),
                     "aria-hidden": !c,
-                    children: N
+                    children: w
                   }
                 );
                 r.push(
-                  /* @__PURE__ */ l.jsxs(
+                  /* @__PURE__ */ s.jsxs(
                     "div",
                     {
-                      className: d("flex flex-col", Le),
+                      className: d("flex flex-col", Ee),
                       children: [
                         u,
                         I
                       ]
                     },
-                    `group-container-${s.header.id}`
+                    `group-container-${a.header.id}`
                   )
-                ), s = null;
+                ), a = null;
               };
-              return He.forEach((i) => {
+              return De.forEach((i) => {
                 const c = i;
                 if (!!(c || {}).isGroupHeader) {
-                  a(), s = { header: c, items: [] };
+                  l(), a = { header: c, items: [] };
                   return;
                 }
-                if (s) {
-                  s.items.push(i);
+                if (a) {
+                  a.items.push(i);
                   return;
                 }
                 r.push(h(i));
-              }), a(), r;
+              }), l(), r;
             })() }),
             e && e
           ]
@@ -1028,40 +1033,40 @@ function St({
       )
     }
   );
-  return ue ? $e : ot($e, document.body);
+  return ue ? Ve : it(Ve, document.body);
 }
-const Nt = Y(
-  St,
-  (e, n) => e.options === n.options && e.selectedOptionsIds === n.selectedOptionsIds && e.multiple === n.multiple && e.disabled === n.disabled && e.emptyMessage === n.emptyMessage && e.renderOption === n.renderOption && e.renderOptionContext === n.renderOptionContext && e.isOpen === n.isOpen && e.attachToParent === n.attachToParent && e.optionValue === n.optionValue && e.optionLabel === n.optionLabel && e.filteredOptions === n.filteredOptions && e.isLoading === n.isLoading && e.optionContainerClassName === n.optionContainerClassName && e.groupContainerClassName === n.groupContainerClassName && e.collapsedGroups === n.collapsedGroups && e.setCollapsedGroups === n.setCollapsedGroups
-), Qe = Y(
+const wt = ee(
+  Nt,
+  (e, n) => e.options === n.options && e.selectedOptionsIds === n.selectedOptionsIds && e.multiple === n.multiple && e.disabled === n.disabled && e.emptyMessage === n.emptyMessage && e.renderOption === n.renderOption && e.renderOptionContext === n.renderOptionContext && e.isOpen === n.isOpen && e.attachToParent === n.attachToParent && e.optionValue === n.optionValue && e.optionLabel === n.optionLabel && e.filteredOptions === n.filteredOptions && e.isLoading === n.isLoading && e.optionContainerClassName === n.optionContainerClassName && e.groupContainerClassName === n.groupContainerClassName && e.collapsedGroups === n.collapsedGroups && e.setCollapsedGroups === n.setCollapsedGroups && e.isControledSearchValue === n.isControledSearchValue && e.searchValue === n.searchValue
+), Xe = ee(
   ({
     option: e,
     isSelected: n,
     onSelect: x,
-    multiple: C,
+    multiple: v,
     disabled: S,
-    isLoading: D
+    isLoading: j
   }) => {
     const y = (e || {})?.isGroupHeader;
-    if (D)
-      return /* @__PURE__ */ l.jsxs(
+    if (j)
+      return /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "flex gap-2 w-full px-3 py-2 cursor-wait",
           children: [
-            /* @__PURE__ */ l.jsx(Ze, { className: "size-6 aspect-square" }),
-            /* @__PURE__ */ l.jsx(Ze, { className: "flex-1 h-6" })
+            /* @__PURE__ */ s.jsx(et, { className: "size-6 aspect-square" }),
+            /* @__PURE__ */ s.jsx(et, { className: "flex-1 h-6" })
           ]
         },
         e.id
       );
-    const Z = (B) => {
-      B.preventDefault(), B.stopPropagation(), !(S || y) && x?.(e);
+    const te = (_) => {
+      _.preventDefault(), _.stopPropagation(), !(S || y) && x?.(e);
     }, m = y && e.groupLabelNode ? e.groupLabelNode : e.label;
-    return /* @__PURE__ */ l.jsxs(
+    return /* @__PURE__ */ s.jsxs(
       "div",
       {
-        onMouseDown: Z,
+        onMouseDown: te,
         className: d(
           "px-3 py-2 flex items-center transition-colors text-neutral-default-default ",
           y ? "cursor-default text-neutral-medium-default" : "cursor-pointer",
@@ -1069,8 +1074,8 @@ const Nt = Y(
           S && !y && "text-neutral-default-disabled hover:bg-neutral-default-default"
         ),
         children: [
-          C && !y && /* @__PURE__ */ l.jsx(ft, { checked: n, disabled: S }),
-          /* @__PURE__ */ l.jsx("span", { children: m })
+          v && !y && /* @__PURE__ */ s.jsx(mt, { checked: n, disabled: S }),
+          /* @__PURE__ */ s.jsx("span", { children: m })
         ]
       },
       e.id
@@ -1078,35 +1083,35 @@ const Nt = Y(
   },
   (e, n) => e.isSelected === n.isSelected && e.disabled === n.disabled
 );
-Qe.displayName = "DefaultOptionRenderer";
-const rt = Y(
+Xe.displayName = "DefaultOptionRenderer";
+const at = ee(
   ({
     selectedOptions: e,
     placeholder: n,
     onRemoveOption: x,
-    displayMode: C,
+    displayMode: v,
     multiple: S,
-    className: D,
+    className: j,
     disabled: y,
-    size: Z = "medium"
-  }) => e?.length === 0 ? n ? /* @__PURE__ */ l.jsx("span", { className: "text-neutral-medium-default line-clamp-1", children: n }) : null : C === "chips" && S ? /* @__PURE__ */ l.jsx("div", { className: d("flex items-center gap-1 ", D), children: e.map((m) => /* @__PURE__ */ l.jsx(
-    dt,
+    size: te = "medium"
+  }) => e?.length === 0 ? n ? /* @__PURE__ */ s.jsx("span", { className: "text-neutral-medium-default line-clamp-1", children: n }) : null : v === "chips" && S ? /* @__PURE__ */ s.jsx("div", { className: d("flex items-center gap-1 ", j), children: e.map((m) => /* @__PURE__ */ s.jsx(
+    ft,
     {
       tabIndex: -1,
       id: m.id,
       label: m.label,
       onRemove: x,
       disabled: y,
-      size: Z
+      size: te
     },
     m.id
-  )) }) : e?.length === 1 ? /* @__PURE__ */ l.jsx("span", { className: "line-clamp-1", children: e[0].label }) : /* @__PURE__ */ l.jsxs("span", { className: "line-clamp-1", children: [
+  )) }) : e?.length === 1 ? /* @__PURE__ */ s.jsx("span", { className: "line-clamp-1", children: e[0].label }) : /* @__PURE__ */ s.jsxs("span", { className: "line-clamp-1", children: [
     e?.length,
     " seleccionados"
   ] }),
   (e, n) => e.selectedOptions === n.selectedOptions && e.disabled === n.disabled
 );
-rt.displayName = "DefaultSelectionDisplay";
+at.displayName = "DefaultSelectionDisplay";
 export {
   Bt as default
 };