prometeo-design-system 3.0.7 → 3.0.9

package/dist/{Select-CRFOzYc6.js → Select-DYuTa7Cm.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
 import { c as f } from "./cn-B6yFEsav.js";
-import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Qe } from "react";
+import Ne, { memo as Z, useState as je, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, 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";
@@ -28,13 +28,13 @@ const at = {
 }, Fe = {
   icon: " text-neutral-default-disabled",
   container: " border-neutral-strong-default text-neutral-default-disabled"
-}, Ve = ({ id: e, label: n, onRemove: m, className: i, disabled: u, variant: v = "default", tabIndex: h }) => /* @__PURE__ */ s.jsxs(
+}, Ve = ({ id: e, label: n, onRemove: m, className: i, disabled: u, variant: x = "default", tabIndex: p }) => /* @__PURE__ */ s.jsxs(
   "div",
   {
-    tabIndex: h,
+    tabIndex: p,
     className: f(
       "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]",
-      at[v].container,
+      at[x].container,
       u && Fe.container
     ),
     children: [
@@ -42,8 +42,8 @@ const at = {
       m && /* @__PURE__ */ s.jsx(
         "button",
         {
-          onMouseDown: (j) => {
-            u || (j.stopPropagation(), j.preventDefault(), m?.(e));
+          onMouseDown: (D) => {
+            u || (D.stopPropagation(), D.preventDefault(), m?.(e));
           },
           className: f(
             "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",
@@ -51,7 +51,7 @@ const at = {
             i
           ),
           type: "button",
-          tabIndex: h,
+          tabIndex: p,
           children: /* @__PURE__ */ s.jsx(rt, { size: 18, className: f(u && Fe.icon) })
         }
       )
@@ -76,29 +76,29 @@ const qe = (e, n) => {
   if (!n) return !0;
   const m = 0.1, i = String(e).toLowerCase(), u = String(n).toLowerCase().trim();
   if (i.includes(u)) return !0;
-  const v = u.split(/\s+/).filter(Boolean), h = v.filter((b) => /^\d+$/.test(b));
-  if (v.length > 1 || h.length > 0) {
-    for (const b of h)
+  const x = u.split(/\s+/).filter(Boolean), p = x.filter((b) => /^\d+$/.test(b));
+  if (x.length > 1 || p.length > 0) {
+    for (const b of p)
       if (!new RegExp(`(^|\\D)${b}(\\D|$)`).test(i)) return !1;
-    for (const b of v)
+    for (const b of x)
       if (!/^\d+$/.test(b) && !i.includes(b))
         return !1;
     return !0;
   }
   if (u.length > i.length) return !1;
-  const j = Math.floor(u.length * m);
-  if (j <= 0) return !1;
-  const p = (b, k) => {
+  const D = Math.floor(u.length * m);
+  if (D <= 0) return !1;
+  const g = (b, k) => {
     const I = b.length, W = k.length;
     if (I === 0) return W;
     if (W === 0) return I;
     const A = new Array(W + 1);
-    for (let x = 0; x <= W; x++) A[x] = x;
-    for (let x = 1; x <= I; x++) {
-      let S = x - 1;
-      A[0] = x;
+    for (let y = 0; y <= W; y++) A[y] = y;
+    for (let y = 1; y <= I; y++) {
+      let S = y - 1;
+      A[0] = y;
       for (let z = 1; z <= W; z++) {
-        const se = A[z], K = b.charCodeAt(x - 1) === k.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
+        const se = A[z], K = b.charCodeAt(y - 1) === k.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
         A[z] = V < M ? V < N ? V : N : M < N ? M : N, S = se;
       }
     }
@@ -106,14 +106,14 @@ const qe = (e, n) => {
   };
   for (let b = 0; b <= i.length - u.length; b++) {
     const k = i.slice(b, b + u.length);
-    if (p(k, u) <= j) return !0;
+    if (g(k, u) <= D) return !0;
   }
   return !1;
 }, ut = (e) => {
   const n = [], m = (i) => {
     i.forEach((u) => {
-      const h = u.options;
-      Array.isArray(h) && h.length > 0 ? m(h) : n.push(u);
+      const x = u, p = typeof x == "object" ? x?.options : [];
+      Array.isArray(p) && p.length > 0 ? m(p) : n.push(u);
     });
   };
   return m(e), n;
@@ -170,11 +170,11 @@ const qe = (e, n) => {
   )
 };
 function ct(e) {
-  const [n, m] = De(!1), [i, u] = De([]), [v, h] = De(""), j = ce(null), p = ce(null), b = ce(null), k = ce(null), I = ce(
+  const [n, m] = je(!1), [i, u] = je([]), [x, p] = je(""), D = ce(null), g = ce(null), b = ce(null), k = ce(null), I = ce(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
-    id: x,
+    id: y,
     name: S,
     label: z,
     height: se,
@@ -186,7 +186,7 @@ function ct(e) {
     optionLabel: de,
     renderOption: J,
     renderOptionGroupHeader: fe,
-    renderSelection: je,
+    renderSelection: De,
     renderOptionContext: Ie,
     buttonClassName: He,
     dropdownClassName: ae,
@@ -210,9 +210,9 @@ function ct(e) {
   } = e, { ref: Oe } = et(), { bind: ne, ref: Me } = Ze({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
-  }), pe = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", Le = {}, Te = oe(() => ie === "static" && N ? N : "", [ie, N]), Ge = oe(
-    () => O?.controledSearchValue || v,
-    [O?.controledSearchValue, v]
+  }), pe = 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 = {}, Te = oe(() => ie === "static" && N ? N : "", [ie, N]), Ge = oe(
+    () => O?.controledSearchValue || x,
+    [O?.controledSearchValue, x]
   ), $e = () => {
     const t = {
       static: {
@@ -240,7 +240,7 @@ function ct(e) {
     if (e.multiple)
       e.value?.forEach((a) => {
         const l = Y?.find(
-          (g) => G(g, E) === a
+          (h) => G(h, E) === a
         );
         l && t.push(l);
       });
@@ -260,9 +260,9 @@ function ct(e) {
   ), d = oe(() => {
     const t = [];
     return K.forEach((a, l) => {
-      const g = a, H = g.options;
+      const h = a, H = typeof h == "object" ? h?.options : [];
       if (Array.isArray(H) && H.length > 0) {
-        const $ = g.label, P = G(a, E), le = `__group-${String(P ?? l)}`, xe = {
+        const $ = h.label, P = G(a, E), le = `__group-${String(P ?? l)}`, xe = {
           id: le,
           value: le,
           label: typeof $ == "string" ? $ : String(P ?? `Grupo ${l + 1}`),
@@ -288,15 +288,15 @@ function ct(e) {
       if (!e.multiple) {
         const C = l[0];
         if (!C) return;
-        const D = c.has(C.id), B = a ?? "toggle";
+        const j = c.has(C.id), B = a ?? "toggle";
         let Pe;
-        B === "select" || B === "toggle" && !D ? Pe = C : Pe = void 0, e.onChange?.(Pe, S);
+        B === "select" || B === "toggle" && !j ? Pe = C : Pe = void 0, e.onChange?.(Pe, S);
         return;
       }
-      const g = e.value || [], H = [];
-      g.forEach((C) => {
-        const D = ge.find((B) => B.value === C);
-        D && H.push(D);
+      const h = e.value || [], H = [];
+      h.forEach((C) => {
+        const j = ge.find((B) => B.value === C);
+        j && H.push(j);
       });
       const $ = new Set(H.map((C) => C.id)), P = new Set(l.map((C) => C.id)), le = l.every(
         (C) => $.has(C.id)
@@ -306,10 +306,10 @@ function ct(e) {
         _ = H.filter((C) => !P.has(C.id));
       else {
         const C = new Map(
-          H.map((D) => [D.id, D])
+          H.map((j) => [j.id, j])
         );
-        l.forEach((D) => {
-          C.set(D.id, D);
+        l.forEach((j) => {
+          C.set(j.id, j);
         }), _ = Array.from(C.values());
       }
       e.onChange?.(_, S);
@@ -330,18 +330,18 @@ function ct(e) {
     if (!e.multiple)
       e.onChange?.(t, S);
     else {
-      const a = e.value || [], l = [], g = a.includes(t.value);
+      const a = e.value || [], l = [], h = a.includes(t.value);
       a.forEach(($) => {
         const P = ge.find(
           (le) => le.value === $
         );
         P && l.push(P);
       });
-      const H = g ? l.filter(($) => $.value !== t.value) : [...l, t];
+      const H = h ? l.filter(($) => $.value !== t.value) : [...l, t];
       e.onChange?.(H, S);
     }
   };
-  const y = U(
+  const v = U(
     (t, a = !1) => {
       X?.(t, S), I.current?.(t), a && (m(!1), Se?.());
     },
@@ -352,7 +352,7 @@ function ct(e) {
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
       const a = Y.find(
-        (g) => G(g, E) === t
+        (h) => G(h, E) === t
       );
       if (!a) return;
       const l = T(a);
@@ -379,11 +379,11 @@ function ct(e) {
     const t = (a) => {
       const l = a.target;
       if (a.type === "mousedown") {
-        if (j.current?.contains(l) || p.current?.contains(l)) return;
+        if (D.current?.contains(l) || g.current?.contains(l)) return;
         m(!1);
       }
       if (a.type === "scroll") {
-        if (p.current?.contains(l)) return;
+        if (g.current?.contains(l)) return;
         m(!1);
       }
       a.type === "resize" && m(!1);
@@ -408,13 +408,13 @@ function ct(e) {
         n && m(!1);
       },
       toggle: () => m((t) => !t),
-      handleOptionSelect: y,
+      handleOptionSelect: v,
       subscribeOpenChange: (t) => (A.current.add(t), () => {
         A.current.delete(t);
       }),
       searchInputRef: b
     }),
-    [n, y]
+    [n, v]
   );
   const be = (t) => {
     t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (m(!0), setTimeout(() => {
@@ -429,7 +429,7 @@ function ct(e) {
     "div",
     {
       className: f("relative bg-inherit select-none w-full", M),
-      ref: j,
+      ref: D,
       draggable: !1,
       style: Le,
       children: [
@@ -437,7 +437,7 @@ function ct(e) {
           /* @__PURE__ */ s.jsx(
             "label",
             {
-              htmlFor: x,
+              htmlFor: y,
               ref: Oe,
               className: f(
                 "left-3 pointer-events-none bg-inherit z-10",
@@ -452,7 +452,7 @@ function ct(e) {
           /* @__PURE__ */ s.jsxs(
             "div",
             {
-              id: x,
+              id: y,
               tabIndex: 0,
               role: "button",
               ref: k,
@@ -484,9 +484,9 @@ function ct(e) {
                     onPointerLeave: ne.onPointerLeave,
                     onPointerCancel: ne.onPointerCancel,
                     onClickCapture: ne.onClickCapture,
-                    children: je ? Ne.createElement(
+                    children: De ? Ne.createElement(
                       Z(
-                        je,
+                        De,
                         (t, a) => t.disabled === a.disabled && t.multiple === a.multiple
                       ),
                       {
@@ -577,14 +577,14 @@ function ct(e) {
             setFilteredOptions: u,
             renderOptionContext: Ie,
             options: d,
-            selectRef: j,
-            dropdownRef: p,
+            selectRef: D,
+            dropdownRef: g,
             selectButtonRef: k,
             helperComponentRef: W,
-            onOptionClick: y,
+            onOptionClick: v,
             onCloseDropdown: () => m(!1),
             searchValue: Ge,
-            setSearchValue: h,
+            setSearchValue: p,
             searchInputRef: b,
             isLoading: O?.isLoading,
             onSearchClear: O?.onSearchClear,
@@ -619,16 +619,16 @@ function ft({
   label: m,
   options: i,
   multiple: u,
-  disabled: v,
-  selectRef: h,
-  inputProps: j,
-  dropdownRef: p,
+  disabled: x,
+  selectRef: p,
+  inputProps: D,
+  dropdownRef: g,
   optionLabel: b,
   optionValue: k,
   searchValue: I,
   labelVariant: W,
   emptyMessage: A,
-  renderOption: x,
+  renderOption: y,
   renderOptionContext: S,
   renderOptionGroupHeader: z,
   onOptionClick: se,
@@ -640,7 +640,7 @@ function ft({
   filteredOptions: de,
   selectButtonRef: J,
   onCloseDropdown: fe,
-  loadingComponent: je,
+  loadingComponent: De,
   dropdownClassName: Ie,
   helperComponentRef: He,
   selectedOptionsIds: ae,
@@ -652,10 +652,10 @@ function ft({
   enableGroupToggle: X = !0,
   onGroupSelectChange: Se
 }) {
-  const me = e ? 380 : 320, te = W === "static" ? m !== "" ? -20 : 4 : 7, F = U(() => N ? N.endsWith("px") ? Number(N.replace("px", "")) : N.endsWith("vh") ? window.innerHeight * Number(N.replace("vh", "")) / 100 : N.endsWith("%") ? window.innerHeight * Number(N.replace("%", "")) / 100 : me : me, [N, me])(), [he, Ae] = De({
+  const me = e ? 380 : 320, te = W === "static" ? m !== "" ? -20 : 4 : 7, F = U(() => N ? N.endsWith("px") ? Number(N.replace("px", "")) : N.endsWith("vh") ? window.innerHeight * Number(N.replace("vh", "")) / 100 : N.endsWith("%") ? window.innerHeight * Number(N.replace("%", "")) / 100 : me : me, [N, me])(), [he, Ae] = je({
     direction: "down",
     height: F
-  }), [we, ie] = De(
+  }), [we, ie] = je(
     () => /* @__PURE__ */ new Set()
   ), ze = U(
     (r) => !we.has(r),
@@ -669,39 +669,39 @@ function ft({
     },
     []
   ), Oe = (r) => {
-    if (!p.current || !h.current) return;
-    const o = h.current.getBoundingClientRect();
+    if (!g.current || !p.current) return;
+    const o = p.current.getBoundingClientRect();
     switch (r || he.direction) {
       case "down":
-        p.current.style.top = `${o.top + o.height - (He?.current?.offsetHeight ? He?.current?.offsetHeight + 4 : 0)}px`;
+        g.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 - o.top + te}px`;
+        g.current.style.top = "auto", g.current.style.bottom = `${window.innerHeight - o.top + te}px`;
         break;
     }
-    p.current.style.left = `${o.left}px`, p.current.style.width = `${o.width}px`;
+    g.current.style.left = `${o.left}px`, g.current.style.width = `${o.width}px`;
   }, ne = (r) => {
-    p.current && (p.current.style.maxHeight = `${r}px`);
+    g.current && (g.current.style.maxHeight = `${r}px`);
   }, Me = () => {
-    if (!p.current || !h.current) return he;
-    const r = h.current.getBoundingClientRect(), o = window.innerHeight - (window.innerHeight - r.top), c = window.innerHeight - r.bottom, d = c >= F, w = o >= F;
-    let L = "down", y;
-    return d ? (L = "down", y = F) : w ? (L = "up", y = F) : c > o ? (L = "down", y = c - 16) : (L = "up", y = o - 16), { direction: L, height: y };
+    if (!g.current || !p.current) return he;
+    const r = p.current.getBoundingClientRect(), o = window.innerHeight - (window.innerHeight - r.top), c = window.innerHeight - r.bottom, d = c >= F, w = o >= F;
+    let L = "down", v;
+    return d ? (L = "down", v = F) : w ? (L = "up", v = F) : c > o ? (L = "down", v = c - 16) : (L = "up", v = o - 16), { direction: L, height: v };
   }, pe = (r) => {
-    if (!(!p.current || !h.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 (!(!g.current || !p.current)) {
+      if (g.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
+        g.current.style.maxHeight = "0", g.current.style.opacity = "0", g.current.style.pointerEvents = "none";
         return;
       }
       if (!E) {
         const o = Me();
         Ae(o), Oe(o.direction), ne(o.height);
       }
-      p.current.style.opacity = "1", p.current.style.pointerEvents = "auto";
+      g.current.style.opacity = "1", g.current.style.pointerEvents = "auto";
     }
   };
   ve(() => {
-    E || !h.current || !n || Oe();
+    E || !p.current || !n || Oe();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
@@ -713,11 +713,11 @@ function ft({
   }, [i]);
   const Le = (r, o) => {
     if (!o) return r;
-    if (x) {
-      const y = [];
+    if (y) {
+      const v = [];
       let R = null, q = [];
       const re = () => {
-        R && q.length > 0 && y.push(R, ...q), R = null, q = [];
+        R && q.length > 0 && v.push(R, ...q), R = null, q = [];
       };
       return r.forEach((be) => {
         const ue = be;
@@ -728,22 +728,22 @@ function ft({
         const a = be, l = G(
           a,
           b
-        ), g = qe(String(l ?? ""), o);
-        R ? g && q.push(a) : g && y.push(a);
-      }), re(), y;
+        ), h = qe(String(l ?? ""), o);
+        R ? h && q.push(a) : h && v.push(a);
+      }), re(), v;
     }
     const c = [];
     let d = null, w = [];
     const L = () => {
       d && w.length > 0 && c.push(d, ...w), d = null, w = [];
     };
-    return r.forEach((y) => {
-      if (y.isGroupHeader) {
-        L(), d = y;
+    return r.forEach((v) => {
+      if (v.isGroupHeader) {
+        L(), d = v;
         return;
       }
-      const R = qe(y.label, o);
-      d ? R && w.push(y) : R && c.push(y);
+      const R = qe(v.label, o);
+      d ? R && w.push(v) : R && c.push(v);
     }), L(), c;
   }, Te = (r) => {
     const o = Le(i, r);
@@ -760,7 +760,7 @@ function ft({
     if (K) {
       K(), Q(
         i.filter((r) => {
-          const o = x ? G(r, k) : r.id;
+          const o = y ? G(r, k) : r.id;
           return ae.has(o);
         })
       );
@@ -774,16 +774,16 @@ function ft({
     K,
     Q,
     M,
-    x
+    y
   ]), $e = (r) => {
-    r.key === "ArrowDown" ? (r.preventDefault(), p.current?.querySelector(
+    r.key === "ArrowDown" ? (r.preventDefault(), g.current?.querySelector(
       "[role=listitem]"
     )?.focus()) : (r.key === "Tab" || r.key === "Escape") && setTimeout(() => {
       J.current?.focus(), fe();
     }, 10);
   }, T = (r, o) => {
     const c = Array.from(
-      p.current?.querySelectorAll("[role=listitem]") || []
+      g.current?.querySelectorAll("[role=listitem]") || []
     ), d = c.indexOf(r.currentTarget);
     if (r.key === "ArrowDown") {
       r.preventDefault();
@@ -797,7 +797,7 @@ function ft({
         c[w]?.focus();
       }
     else if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), o.isGroupHeader || v) return;
+      if (r.preventDefault(), o.isGroupHeader || x) return;
       se(o, !u), u || setTimeout(() => {
         J.current?.focus(), fe();
       }, 10);
@@ -807,8 +807,8 @@ function ft({
       J.current?.focus(), fe();
     }, 10);
   }, Y = Array.from({ length: 5 }).map(
-    (r, o) => x ? Ne.createElement(
-      Z(x, (c, d) => c.isSelected === d.isSelected && c.option === d.option && c.disabled === d.disabled && c.multiple === d.multiple && c.renderContext === d.renderContext),
+    (r, o) => y ? Ne.createElement(
+      Z(y, (c, d) => c.isSelected === d.isSelected && c.option === d.option && c.disabled === d.disabled && c.multiple === d.multiple && c.renderContext === d.renderContext),
       {
         key: `skeleton-option-${o}`,
         option: { id: o, label: "", value: "" },
@@ -837,7 +837,7 @@ function ft({
     "div",
     {
       tabIndex: 0,
-      ref: p,
+      ref: g,
       style: { opacity: "0" },
       className: f(
         " z-100! w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-lg shadow-lg",
@@ -866,7 +866,7 @@ function ft({
                 size: "small",
                 tabIndex: 0,
                 value: I,
-                disabled: v,
+                disabled: x,
                 ref: V,
                 labelVariant: "static",
                 icon: /* @__PURE__ */ s.jsx(st, { size: 22 }),
@@ -876,19 +876,19 @@ function ft({
                 onChange: (r) => Te(r.target.value),
                 placeholder: Ee,
                 className: " bg-neutral-medium-pressed",
-                ...j
+                ...D
               }
             ),
-            /* @__PURE__ */ s.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: de.length === 0 ? ee ? /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: je || Y }) : /* @__PURE__ */ s.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: I ? `No se encontraron resultados para "${I}"` : A }) : (() => {
+            /* @__PURE__ */ s.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: de.length === 0 ? ee ? /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: De || Y }) : /* @__PURE__ */ s.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: I ? `No se encontraron resultados para "${I}"` : A }) : (() => {
               let r = !0;
               return de.map((o) => {
-                const c = o, d = !!c.isGroupHeader, w = x && !d ? G(o, k) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
+                const c = o, d = !!c.isGroupHeader, w = y && !d ? G(o, k) : c.id, L = ae.has(w), v = (l) => !y || d ? l : {
                   id: w,
                   label: String(G(l, b)),
                   value: G(l, k)
                 }, R = (l) => {
                   d || se(
-                    y(o),
+                    v(o),
                     l === void 0 ? !u : l
                   );
                 }, q = (l) => {
@@ -896,8 +896,8 @@ function ft({
                     if (!M) return;
                     M(""), Q(i);
                   }
-                }, re = (l, g) => {
-                  const H = !!g.isGroupHeader;
+                }, re = (l, h) => {
+                  const H = !!h.isGroupHeader;
                   return (
                     // biome-ignore lint/a11y/useSemanticElements: <>
                     /* @__PURE__ */ s.jsx(
@@ -905,23 +905,23 @@ function ft({
                       {
                         tabIndex: 0,
                         role: "listitem",
-                        onKeyDown: ($) => T($, g),
+                        onKeyDown: ($) => T($, h),
                         className: f(
-                          !H && !v && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
+                          !H && !x && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
                           L && "bg-neutral-medium-selected",
-                          v && "cursor-default pointer-events-none"
+                          x && "cursor-default pointer-events-none"
                         ),
                         children: l
                       },
-                      g.id
+                      h.id
                     )
                   );
                 };
                 if (d) {
-                  const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : ze(g);
+                  const l = c.groupLabelNode ?? c.label, h = String(c.id), H = X === !1 ? !0 : ze(h);
                   r = H;
                   const $ = c.originalOption, P = c.groupData?.groupOptions ?? [], le = (_) => {
-                    X && ke(g, _);
+                    X && ke(h, _);
                   }, xe = (_) => {
                     !P || P.length === 0 || Se && Se(P, _);
                   }, ye = P.filter(
@@ -930,13 +930,13 @@ function ft({
                   if (z) {
                     const _ = Z(
                       z,
-                      (D, B) => D.label === B.label && D.group === B.group && D.groupOptions === B.groupOptions && D.disabled === B.disabled && D.multiple === B.multiple && D.expanded === B.expanded && D.renderContext === B.renderContext
+                      (j, B) => j.label === B.label && j.group === B.group && j.groupOptions === B.groupOptions && j.disabled === B.disabled && j.multiple === B.multiple && j.expanded === B.expanded && j.renderContext === B.renderContext
                     ), C = Ne.createElement(_, {
                       group: $,
                       label: l,
                       groupOptions: P,
                       multiple: u,
-                      disabled: v,
+                      disabled: x,
                       expanded: H,
                       toggleGroup: le,
                       selectGroup: xe,
@@ -952,7 +952,7 @@ function ft({
                         "div",
                         {
                           className: "cursor-pointer",
-                          onClick: () => ke(g),
+                          onClick: () => ke(h),
                           children: /* @__PURE__ */ s.jsx(
                             Ue,
                             {
@@ -968,10 +968,10 @@ function ft({
                     c
                   );
                 }
-                const be = x ? Ne.createElement(
+                const be = y ? Ne.createElement(
                   Z(
-                    x,
-                    (l, g) => l.isSelected === g.isSelected && l.option === g.option && l.disabled === g.disabled && l.multiple === g.multiple && l.renderContext === g.renderContext
+                    y,
+                    (l, h) => l.isSelected === h.isSelected && l.option === h.option && l.disabled === h.disabled && l.multiple === h.multiple && l.renderContext === h.renderContext
                   ),
                   {
                     key: w,
@@ -979,14 +979,14 @@ function ft({
                     isSelected: L,
                     multiple: u,
                     onSelect: R,
-                    disabled: v,
+                    disabled: x,
                     isLoading: ee,
                     renderContext: S
                   }
                 ) : /* @__PURE__ */ s.jsx(
                   Be,
                   {
-                    disabled: v,
+                    disabled: x,
                     multiple: u,
                     isLoading: ee,
                     isSelected: L,
@@ -996,7 +996,7 @@ function ft({
                   w
                 ), ue = re(
                   be,
-                  y(o)
+                  v(o)
                 );
                 if (!X)
                   return ue;
@@ -1028,10 +1028,10 @@ const mt = Z(
     onSelect: m,
     multiple: i,
     disabled: u,
-    isLoading: v
+    isLoading: x
   }) => {
-    const h = e.isGroupHeader;
-    if (v)
+    const p = e.isGroupHeader;
+    if (x)
       return /* @__PURE__ */ s.jsxs(
         "div",
         {
@@ -1043,24 +1043,24 @@ const mt = Z(
         },
         e.id
       );
-    const j = (b) => {
-      b.preventDefault(), b.stopPropagation(), !(u || h) && m?.(e);
-    }, p = h && e.groupLabelNode ? e.groupLabelNode : e.label;
+    const D = (b) => {
+      b.preventDefault(), b.stopPropagation(), !(u || p) && m?.(e);
+    }, g = p && e.groupLabelNode ? e.groupLabelNode : e.label;
     return (
       // biome-ignore lint/a11y/noStaticElementInteractions: no keyboard interaction needed
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          onMouseDown: j,
+          onMouseDown: D,
           className: f(
             "px-3 py-2 flex items-center transition-colors text-neutral-default-default ",
-            h ? "cursor-default text-neutral-medium-default" : "cursor-pointer",
-            !h && (n ? " text-primary-default-default" : "hover:bg-neutral-medium-hover text-neutral-default-hover"),
-            u && !h && "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"),
+            u && !p && "text-neutral-default-disabled hover:bg-neutral-default-default"
           ),
           children: [
-            i && !h && /* @__PURE__ */ s.jsx(lt, { checked: n, disabled: u }),
-            /* @__PURE__ */ s.jsx("span", { children: p })
+            i && !p && /* @__PURE__ */ s.jsx(lt, { checked: n, disabled: u }),
+            /* @__PURE__ */ s.jsx("span", { children: g })
           ]
         },
         e.id
@@ -1077,18 +1077,18 @@ const Je = Z(
     onRemoveOption: m,
     displayMode: i,
     multiple: u,
-    className: v,
-    disabled: h
-  }) => e?.length === 0 ? n ? /* @__PURE__ */ s.jsx("span", { className: "text-neutral-medium-default opacity-50", children: n }) : null : i === "chips" && u ? /* @__PURE__ */ s.jsx("div", { className: f("flex items-center gap-1 ", v), children: e.map((j) => /* @__PURE__ */ s.jsx(
+    className: x,
+    disabled: p
+  }) => e?.length === 0 ? n ? /* @__PURE__ */ s.jsx("span", { className: "text-neutral-medium-default opacity-50", children: n }) : null : i === "chips" && u ? /* @__PURE__ */ s.jsx("div", { className: f("flex items-center gap-1 ", x), children: e.map((D) => /* @__PURE__ */ s.jsx(
     it,
     {
       tabIndex: -1,
-      id: j.id,
-      label: j.label,
+      id: D.id,
+      label: D.label,
       onRemove: m,
-      disabled: h
+      disabled: p
     },
-    j.id
+    D.id
   )) }) : e?.length === 1 ? /* @__PURE__ */ s.jsx("span", { children: e[0].label }) : /* @__PURE__ */ s.jsxs("span", { children: [
     e?.length,
     " seleccionados"