prometeo-design-system 5.7.7 → 5.7.8

package/dist/Select.es.js

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