prometeo-design-system 4.6.3 → 4.6.5

package/dist/Select.es.js

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