prometeo-design-system 4.3.3 → 4.3.6

package/dist/Select.es.js

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