prometeo-design-system 2.7.8 → 2.7.9

package/dist/{Select-sdfP2TL0.js → Select-C4UvSsof.js}

@@ -1,15 +1,15 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
+import { Icons as je } from "./Icons.es.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 Ze } from "react";
-import et from "./Spinner.es.js";
-import { createPortal as tt } from "react-dom";
-import { u as nt } from "./useDragScroll-CHN9OMwn.js";
-import { u as rt, I as lt } from "./Input-D6as6xD-.js";
-import { H as ot } from "./HelperComponent-BeNlTMqI.js";
-import st from "./CheckBox.es.js";
-import { Skeleton as Ke } from "./Skeleton.es.js";
-const at = {
+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 Xe from "./Spinner.es.js";
+import { createPortal as Ye } from "react-dom";
+import { u as Ze } from "./useDragScroll-CHN9OMwn.js";
+import { u as et, I as tt } from "./Input-60IT1aGF.js";
+import { H as nt } from "./HelperComponent-U6mPwuDH.js";
+import rt from "./CheckBox.es.js";
+import { Skeleton as Fe } from "./Skeleton.es.js";
+const lt = {
   default: {
     container: "text-neutral-default-default border-neutral-default-default ",
     icon: ""
@@ -22,25 +22,25 @@ const at = {
     container: "",
     icon: ""
   }
-}, Fe = {
+}, qe = {
   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: h, className: i, disabled: u, variant: v = "default", tabIndex: m }) => /* @__PURE__ */ s.jsxs(
   "div",
   {
-    tabIndex: h,
+    tabIndex: m,
     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,
-      u && Fe.container
+      lt[v].container,
+      u && qe.container
     ),
     children: [
       /* @__PURE__ */ s.jsx("span", { className: "truncate w-max ", children: n }),
-      m && /* @__PURE__ */ s.jsx(
+      h && /* @__PURE__ */ s.jsx(
         "button",
         {
           onMouseDown: (j) => {
-            u || (j.stopPropagation(), j.preventDefault(), m?.(e));
+            u || (j.stopPropagation(), j.preventDefault(), h?.(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",
@@ -48,34 +48,34 @@ const at = {
             i
           ),
           type: "button",
-          tabIndex: h,
-          children: /* @__PURE__ */ s.jsx(Qe, { size: 18, className: f(u && Fe.icon) })
+          tabIndex: m,
+          children: /* @__PURE__ */ s.jsx(je.Close, { size: 18, className: f(u && qe.icon) })
         }
       )
     ]
   }
 );
 Ve.displayName = "Chip";
-const it = Z(Ve);
+const ot = Z(Ve);
 function G(e, n) {
   if (typeof n == "function")
     return n(e);
-  const m = n?.split(".");
+  const h = n?.split(".");
   let i = e;
-  for (const u of m)
+  for (const u of h)
     if (i && typeof i == "object" && u in i)
       i = i[u];
     else
       return;
   return i;
 }
-const qe = (e, n) => {
+const Ue = (e, n) => {
   if (!n) return !0;
-  const m = 0.1, i = String(e).toLowerCase(), u = String(n).toLowerCase().trim();
+  const h = 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 v = u.split(/\s+/).filter(Boolean), m = v.filter((b) => /^\d+$/.test(b));
+  if (v.length > 1 || m.length > 0) {
+    for (const b of m)
       if (!new RegExp(`(^|\\D)${b}(\\D|$)`).test(i)) return !1;
     for (const b of v)
       if (!/^\d+$/.test(b) && !i.includes(b))
@@ -83,7 +83,7 @@ const qe = (e, n) => {
     return !0;
   }
   if (u.length > i.length) return !1;
-  const j = Math.floor(u.length * m);
+  const j = Math.floor(u.length * h);
   if (j <= 0) return !1;
   const p = (b, k) => {
     const I = b.length, W = k.length;
@@ -106,15 +106,15 @@ const qe = (e, n) => {
     if (p(k, u) <= j) return !0;
   }
   return !1;
-}, ut = (e) => {
-  const n = [], m = (i) => {
+}, st = (e) => {
+  const n = [], h = (i) => {
     i.forEach((u) => {
-      const h = u.options;
-      Array.isArray(h) && h.length > 0 ? m(h) : n.push(u);
+      const m = u.options;
+      Array.isArray(m) && m.length > 0 ? h(m) : n.push(u);
     });
   };
-  return m(e), n;
-}, _e = {
+  return h(e), n;
+}, Re = {
   default: {
     container: "",
     input: f(
@@ -151,7 +151,7 @@ const qe = (e, n) => {
     label: f("text-success", "peer-focus:text-success-light"),
     icon: f("text-success-medium-default", "peer-focus:text-success-light")
   }
-}, Re = {
+}, Be = {
   input: f(
     "border-neutral-strong-default text-neutral-default-default pointer-events-none",
     "focus:ring-0 focus:border-primary-default-disabled ",
@@ -166,8 +166,8 @@ const qe = (e, n) => {
     "peer-focus:text-primary-default-default"
   )
 };
-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(
+function at(e) {
+  const [n, h] = De(!1), [i, u] = De([]), [v, m] = De(""), j = ce(null), p = ce(null), b = ce(null), k = ce(null), I = ce(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
@@ -183,34 +183,34 @@ function ct(e) {
     optionLabel: de,
     renderOption: J,
     renderOptionGroupHeader: fe,
-    renderSelection: je,
-    renderOptionContext: Ie,
-    buttonClassName: He,
+    renderSelection: He,
+    renderOptionContext: Ae,
+    buttonClassName: Ee,
     dropdownClassName: ae,
     containerClassName: Q,
     dropdownOptions: O,
     helperComponent: ee,
     errorComponent: Ce,
-    onRemoveOption: Ee,
+    onRemoveOption: ke,
     onOptionClick: X,
     onClose: Se,
-    onClear: me,
+    onClear: he,
     disabled: te = !1,
-    overflow: We = "wrap",
+    overflow: Ke = "wrap",
     variant: F = "default",
-    isLoading: he = !1,
-    attachToParent: Ae = !1,
+    isLoading: me = !1,
+    attachToParent: Me = !1,
     displayMode: we = "compact",
     labelVariant: ie = "default",
-    disableOpenOnFocus: Me = !1,
-    emptyMessage: ke = "No hay opciones disponibles"
-  } = e, { ref: Oe } = rt(), { bind: ne, ref: ze } = nt({
+    disableOpenOnFocus: ze = !1,
+    emptyMessage: Oe = "No hay opciones disponibles"
+  } = e, { ref: Le } = et(), { bind: ne, ref: Te } = 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(
+  }), pe = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", Ge = {}, $e = oe(() => ie === "static" && N ? N : "", [ie, N]), Ie = oe(
     () => O?.controledSearchValue || v,
     [O?.controledSearchValue, v]
-  ), $e = () => {
+  ), Pe = () => {
     const t = {
       static: {
         active: "relative prometeo-fonts-label-large",
@@ -229,7 +229,7 @@ function ct(e) {
       label: G(t, de)
     }),
     [E, de]
-  ), Y = oe(() => ut(K), [K]), ge = oe(
+  ), Y = oe(() => st(K), [K]), ge = oe(
     () => Y.map(T),
     [Y, T]
   ), r = oe(() => {
@@ -286,8 +286,8 @@ function ct(e) {
         const C = l[0];
         if (!C) return;
         const D = c.has(C.id), B = a ?? "toggle";
-        let Pe;
-        B === "select" || B === "toggle" && !D ? Pe = C : Pe = void 0, e.onChange?.(Pe, S);
+        let _e;
+        B === "select" || B === "toggle" && !D ? _e = C : _e = void 0, e.onChange?.(_e, S);
         return;
       }
       const g = e.value || [], H = [];
@@ -321,7 +321,7 @@ function ct(e) {
       S
     ]
   ), L = U(() => {
-    m((t) => !t);
+    h((t) => !t);
   }, []);
   I.current = (t) => {
     if (!e.multiple)
@@ -340,11 +340,11 @@ function ct(e) {
   };
   const y = U(
     (t, a = !1) => {
-      X?.(t, S), I.current?.(t), a && (m(!1), Se?.());
+      X?.(t, S), I.current?.(t), a && (h(!1), Se?.());
     },
     [X, Se, S]
   ), R = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.blur(), me?.(), e.multiple ? e.onChange?.([], S) : e.onChange?.(void 0, S);
+    t.preventDefault(), t.stopPropagation(), t.target.blur(), he?.(), e.multiple ? e.onChange?.([], S) : e.onChange?.(void 0, S);
   }, q = U(
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
@@ -353,11 +353,11 @@ function ct(e) {
       );
       if (!a) return;
       const l = T(a);
-      X?.(l, S), I.current?.(l), Ee?.(a);
+      X?.(l, S), I.current?.(l), ke?.(a);
     },
     [
       X,
-      Ee,
+      ke,
       Y,
       S,
       e.multiple,
@@ -377,13 +377,13 @@ function ct(e) {
       const l = a.target;
       if (a.type === "mousedown") {
         if (j.current?.contains(l) || p.current?.contains(l)) return;
-        m(!1);
+        h(!1);
       }
       if (a.type === "scroll") {
         if (p.current?.contains(l)) return;
-        m(!1);
+        h(!1);
       }
-      a.type === "resize" && m(!1);
+      a.type === "resize" && h(!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);
@@ -395,16 +395,16 @@ function ct(e) {
       } catch {
       }
     });
-  }, [n]), Ze(
+  }, [n]), Qe(
     V,
     () => ({
       open: () => {
-        !n && m(!0);
+        !n && h(!0);
       },
       close: () => {
-        n && m(!1);
+        n && h(!1);
       },
-      toggle: () => m((t) => !t),
+      toggle: () => h((t) => !t),
       handleOptionSelect: y,
       subscribeOpenChange: (t) => (A.current.add(t), () => {
         A.current.delete(t);
@@ -414,11 +414,11 @@ function ct(e) {
     [n, y]
   );
   const be = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !Me && !n && (m(!0), setTimeout(() => {
+    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (h(!0), setTimeout(() => {
       b.current?.focus();
     }, 10));
   }, ue = (t) => {
-    t.key === "Tab" && n && m(!1), (t.keyCode === 32 || t.key === "ArrowDown") && (m(!0), setTimeout(() => {
+    t.key === "Tab" && n && h(!1), (t.keyCode === 32 || t.key === "ArrowDown") && (h(!0), setTimeout(() => {
       b.current?.focus();
     }, 10));
   };
@@ -428,20 +428,20 @@ function ct(e) {
       className: f("relative bg-inherit select-none w-full", z),
       ref: j,
       draggable: !1,
-      style: Le,
+      style: Ge,
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: f("relative bg-inherit ", Q), children: [
           /* @__PURE__ */ s.jsx(
             "label",
             {
               htmlFor: x,
-              ref: Oe,
+              ref: Le,
               className: f(
                 "left-3 pointer-events-none bg-inherit z-10",
                 ie === "default" && "transition-all duration-200 ease-in-out",
-                $e(),
-                pe || n ? _e[F].label : "text-neutral-medium-default",
-                te && Re.label
+                Pe(),
+                pe || n ? Re[F].label : "text-neutral-medium-default",
+                te && Be.label
               ),
               children: M
             }
@@ -463,9 +463,9 @@ function ct(e) {
                 "flex items-center justify-start bg-inherit ",
                 "focus:outline-none",
                 we === "chips" && e.multiple && pe ? "min-h-12 py-2 " : !se && "h-12 min-h-12",
-                _e[F].input,
-                te && Re.input,
-                He
+                Re[F].input,
+                te && Be.input,
+                Ee
               ),
               children: [
                 /* @__PURE__ */ s.jsx(
@@ -474,16 +474,16 @@ function ct(e) {
                     className: f(
                       "flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none "
                     ),
-                    ref: ze,
+                    ref: Te,
                     onPointerUp: ne.onPointerUp,
                     onPointerDown: ne.onPointerDown,
                     onPointerMove: ne.onPointerMove,
                     onPointerLeave: ne.onPointerLeave,
                     onPointerCancel: ne.onPointerCancel,
                     onClickCapture: ne.onClickCapture,
-                    children: je ? Ne.createElement(
+                    children: He ? Ne.createElement(
                       Z(
-                        je,
+                        He,
                         (t, a) => t.disabled === a.disabled && t.multiple === a.multiple
                       ),
                       {
@@ -498,11 +498,11 @@ function ct(e) {
                       {
                         displayMode: we,
                         selectedOptions: o,
-                        placeholder: Te,
+                        placeholder: $e,
                         onRemoveOption: q,
                         multiple: e.multiple || !1,
                         className: f(
-                          We === "scroll" ? "flex-nowrap" : "flex-wrap"
+                          Ke === "scroll" ? "flex-nowrap" : "flex-wrap"
                         ),
                         disabled: te
                       }
@@ -510,8 +510,8 @@ function ct(e) {
                   }
                 ),
                 /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-                  he && /* @__PURE__ */ s.jsx(
-                    et,
+                  me && /* @__PURE__ */ s.jsx(
+                    Xe,
                     {
                       size: "small",
                       variant: "clip",
@@ -519,7 +519,7 @@ function ct(e) {
                       speedMultiplier: 0.7
                     }
                   ),
-                  pe && me && /* @__PURE__ */ s.jsx(
+                  pe && he && /* @__PURE__ */ s.jsx(
                     "button",
                     {
                       onMouseDown: (t) => {
@@ -528,25 +528,25 @@ function ct(e) {
                       type: "button",
                       tabIndex: -1,
                       children: /* @__PURE__ */ s.jsx(
-                        Xe,
+                        je.Cancel,
                         {
                           size: 20,
                           className: f(
                             " cursor-pointer transition-all",
-                            _e[F].icon
+                            Re[F].icon
                           )
                         }
                       )
                     }
                   ),
                   /* @__PURE__ */ s.jsx(
-                    Ue,
+                    je.ChevronDown,
                     {
                       size: 20,
                       className: f(
                         "transition-transform text-neutral-default-default",
                         n ? "rotate-180" : "",
-                        te && Re.icon
+                        te && Be.icon
                       )
                     }
                   )
@@ -556,33 +556,33 @@ function ct(e) {
           )
         ] }),
         n && /* @__PURE__ */ s.jsx(
-          mt,
+          ct,
           {
             label: M,
             isOpen: n,
             disabled: te,
             optionValue: E,
             optionLabel: de,
-            emptyMessage: ke,
+            emptyMessage: Oe,
             labelVariant: ie,
             renderOption: J,
             renderOptionGroupHeader: fe,
-            attachToParent: Ae,
+            attachToParent: Me,
             filteredOptions: i,
             multiple: e.multiple || !1,
             dropdownClassName: ae,
             selectedOptionsIds: c,
             setFilteredOptions: u,
-            renderOptionContext: Ie,
+            renderOptionContext: Ae,
             options: d,
             selectRef: j,
             dropdownRef: p,
             selectButtonRef: k,
             helperComponentRef: W,
             onOptionClick: y,
-            onCloseDropdown: () => m(!1),
-            searchValue: Ge,
-            setSearchValue: h,
+            onCloseDropdown: () => h(!1),
+            searchValue: Ie,
+            setSearchValue: m,
             searchInputRef: b,
             isLoading: O?.isLoading,
             onSearchClear: O?.onSearchClear,
@@ -598,7 +598,7 @@ function ct(e) {
           }
         ),
         (Ce || ee) && /* @__PURE__ */ s.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ s.jsx(
-          ot,
+          nt,
           {
             ref: W,
             variant: F,
@@ -610,15 +610,15 @@ function ct(e) {
     }
   );
 }
-const dt = Z(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), Dt = dt;
-function ft({
+const it = Z(at, (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), St = it;
+function ut({
   footer: e,
   isOpen: n,
-  label: m,
+  label: h,
   options: i,
   multiple: u,
   disabled: v,
-  selectRef: h,
+  selectRef: m,
   inputProps: j,
   dropdownRef: p,
   optionLabel: b,
@@ -638,27 +638,27 @@ function ft({
   filteredOptions: de,
   selectButtonRef: J,
   onCloseDropdown: fe,
-  loadingComponent: je,
-  dropdownClassName: Ie,
-  helperComponentRef: He,
+  loadingComponent: He,
+  dropdownClassName: Ae,
+  helperComponentRef: Ee,
   selectedOptionsIds: ae,
   setFilteredOptions: Q,
   onSearchValueChange: O,
   isLoading: ee = !1,
   hideSearchBar: Ce = !1,
-  inputSearchPlaceholder: Ee = "Buscar opciones",
+  inputSearchPlaceholder: ke = "Buscar opciones",
   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 he = e ? 380 : 320, te = W === "static" ? h !== "" ? -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 : he : he, [N, he])(), [me, Me] = De({
     direction: "down",
     height: F
   }), [we, ie] = De(
     () => /* @__PURE__ */ new Set()
-  ), Me = U(
+  ), ze = U(
     (r) => !we.has(r),
     [we]
-  ), ke = U(
+  ), Oe = U(
     (r, o) => {
       ie((c) => {
         const d = new Set(c), w = d.has(r);
@@ -666,12 +666,12 @@ function ft({
       });
     },
     []
-  ), Oe = (r) => {
-    if (!p.current || !h.current) return;
-    const o = h.current.getBoundingClientRect();
-    switch (r || he.direction) {
+  ), Le = (r) => {
+    if (!p.current || !m.current) return;
+    const o = m.current.getBoundingClientRect();
+    switch (r || me.direction) {
       case "down":
-        p.current.style.top = `${o.top + o.height - (He?.current?.offsetHeight ? He?.current?.offsetHeight + 4 : 0)}px`;
+        p.current.style.top = `${o.top + o.height - (Ee?.current?.offsetHeight ? Ee?.current?.offsetHeight + 4 : 0)}px`;
         break;
       case "up":
         p.current.style.top = "auto", p.current.style.bottom = `${window.innerHeight - o.top + te}px`;
@@ -680,36 +680,36 @@ function ft({
     p.current.style.left = `${o.left}px`, p.current.style.width = `${o.width}px`;
   }, ne = (r) => {
     p.current && (p.current.style.maxHeight = `${r}px`);
-  }, ze = () => {
-    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;
+  }, Te = () => {
+    if (!p.current || !m.current) return me;
+    const r = m.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 };
   }, pe = (r) => {
-    if (!(!p.current || !h.current)) {
+    if (!(!p.current || !m.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";
         return;
       }
       if (!E) {
-        const o = ze();
-        Ae(o), Oe(o.direction), ne(o.height);
+        const o = Te();
+        Me(o), Le(o.direction), ne(o.height);
       }
       p.current.style.opacity = "1", p.current.style.pointerEvents = "auto";
     }
   };
   ve(() => {
-    E || !h.current || !n || Oe();
+    E || !m.current || !n || Le();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
     i && Q(i);
   }, [i]), ve(() => {
     if (ee || !I) return;
-    const r = Le(i, I);
+    const r = Ge(i, I);
     Q(r);
   }, [i]);
-  const Le = (r, o) => {
+  const Ge = (r, o) => {
     if (!o) return r;
     if (x) {
       const y = [];
@@ -726,7 +726,7 @@ function ft({
         const a = be, l = G(
           a,
           b
-        ), g = qe(String(l ?? ""), o);
+        ), g = Ue(String(l ?? ""), o);
         R ? g && q.push(a) : g && y.push(a);
       }), re(), y;
     }
@@ -740,21 +740,21 @@ function ft({
         L(), d = y;
         return;
       }
-      const R = qe(y.label, o);
+      const R = Ue(y.label, o);
       d ? R && w.push(y) : R && c.push(y);
     }), L(), c;
-  }, Te = (r) => {
-    const o = Le(i, r);
+  }, $e = (r) => {
+    const o = Ge(i, r);
     if (Q(o), O) {
       if (r === "") {
-        Ge();
+        Ie();
         return;
       }
       O(r);
       return;
     }
     z && i && z(r);
-  }, Ge = U(() => {
+  }, Ie = U(() => {
     if (K) {
       K(), Q(
         i.filter((r) => {
@@ -773,7 +773,7 @@ function ft({
     Q,
     z,
     x
-  ]), $e = (r) => {
+  ]), Pe = (r) => {
     r.key === "ArrowDown" ? (r.preventDefault(), p.current?.querySelector(
       "[role=listitem]"
     )?.focus()) : (r.key === "Tab" || r.key === "Escape") && setTimeout(() => {
@@ -819,7 +819,7 @@ function ft({
         renderContext: S
       }
     ) : /* @__PURE__ */ s.jsx(
-      Be,
+      We,
       {
         multiple: !1,
         isLoading: !0,
@@ -841,8 +841,8 @@ function ft({
         " 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    ",
         E ? "absolute z-50 " : "fixed z-100 top-0 left-0",
-        he.direction === "up" ? "h-auto" : " h-max",
-        Ie
+        me.direction === "up" ? "h-auto" : " h-max",
+        Ae
       ),
       children: /* @__PURE__ */ s.jsxs(
         "div",
@@ -853,11 +853,11 @@ function ft({
           ),
           style: {
             height: "auto",
-            maxHeight: he.height
+            maxHeight: me.height
           },
           children: [
             !Ce && /* @__PURE__ */ s.jsx(
-              lt,
+              tt,
               {
                 name: "",
                 label: "",
@@ -867,17 +867,17 @@ function ft({
                 disabled: v,
                 ref: V,
                 labelVariant: "static",
-                icon: /* @__PURE__ */ s.jsx(Ye, {}),
+                icon: /* @__PURE__ */ s.jsx(je.Search, {}),
                 isFetching: ee,
-                onKeyDown: $e,
-                onClear: Ge,
-                onChange: (r) => Te(r.target.value),
-                placeholder: Ee,
+                onKeyDown: Pe,
+                onClear: Ie,
+                onChange: (r) => $e(r.target.value),
+                placeholder: ke,
                 className: " bg-neutral-medium-pressed",
                 ...j
               }
             ),
-            /* @__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: He || 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 : {
@@ -916,10 +916,10 @@ function ft({
                   );
                 };
                 if (d) {
-                  const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : Me(g);
+                  const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : ze(g);
                   r = H;
                   const $ = c.originalOption, P = c.groupData?.groupOptions ?? [], le = (_) => {
-                    X && ke(g, _);
+                    X && Oe(g, _);
                   }, xe = (_) => {
                     !P || P.length === 0 || Se && Se(P, _);
                   }, ye = P.filter(
@@ -950,9 +950,9 @@ function ft({
                         "div",
                         {
                           className: "cursor-pointer",
-                          onClick: () => ke(g),
+                          onClick: () => Oe(g),
                           children: /* @__PURE__ */ s.jsx(
-                            Ue,
+                            je.ChevronDown,
                             {
                               className: f(
                                 "transition-transform duration-300 ease-out",
@@ -982,7 +982,7 @@ function ft({
                     renderContext: S
                   }
                 ) : /* @__PURE__ */ s.jsx(
-                  Be,
+                  We,
                   {
                     disabled: v,
                     multiple: u,
@@ -1014,36 +1014,36 @@ function ft({
       )
     }
   );
-  return E ? ge : tt(ge, document.body);
+  return E ? ge : Ye(ge, document.body);
 }
-const mt = Z(
-  ft,
+const ct = Z(
+  ut,
   (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 = Z(
+), We = Z(
   ({
     option: e,
     isSelected: n,
-    onSelect: m,
+    onSelect: h,
     multiple: i,
     disabled: u,
     isLoading: v
   }) => {
-    const h = e.isGroupHeader;
+    const m = e.isGroupHeader;
     if (v)
       return /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "flex gap-2 w-full px-3 py-2 cursor-wait",
           children: [
-            /* @__PURE__ */ s.jsx(Ke, { className: "size-6 aspect-square" }),
-            /* @__PURE__ */ s.jsx(Ke, { className: "flex-1 h-6" })
+            /* @__PURE__ */ s.jsx(Fe, { className: "size-6 aspect-square" }),
+            /* @__PURE__ */ s.jsx(Fe, { className: "flex-1 h-6" })
           ]
         },
         e.id
       );
     const j = (b) => {
-      b.preventDefault(), b.stopPropagation(), !(u || h) && m?.(e);
-    }, p = h && e.groupLabelNode ? e.groupLabelNode : e.label;
+      b.preventDefault(), b.stopPropagation(), !(u || m) && h?.(e);
+    }, p = m && e.groupLabelNode ? e.groupLabelNode : e.label;
     return (
       // biome-ignore lint/a11y/noStaticElementInteractions: no keyboard interaction needed
       /* @__PURE__ */ s.jsxs(
@@ -1052,12 +1052,12 @@ const mt = Z(
           onMouseDown: j,
           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"
+            m ? "cursor-default text-neutral-medium-default" : "cursor-pointer",
+            !m && (n ? " text-primary-default-default" : "hover:bg-neutral-medium-hover text-neutral-default-hover"),
+            u && !m && "text-neutral-default-disabled hover:bg-neutral-default-default"
           ),
           children: [
-            i && !h && /* @__PURE__ */ s.jsx(st, { checked: n, disabled: u }),
+            i && !m && /* @__PURE__ */ s.jsx(rt, { checked: n, disabled: u }),
             /* @__PURE__ */ s.jsx("span", { children: p })
           ]
         },
@@ -1067,24 +1067,24 @@ const mt = Z(
   },
   (e, n) => e.isSelected === n.isSelected && e.disabled === n.disabled
 );
-Be.displayName = "DefaultOptionRenderer";
+We.displayName = "DefaultOptionRenderer";
 const Je = Z(
   ({
     selectedOptions: e,
     placeholder: n,
-    onRemoveOption: m,
+    onRemoveOption: h,
     displayMode: i,
     multiple: u,
     className: v,
-    disabled: h
+    disabled: m
   }) => 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(
-    it,
+    ot,
     {
       tabIndex: -1,
       id: j.id,
       label: j.label,
-      onRemove: m,
-      disabled: h
+      onRemove: h,
+      disabled: m
     },
     j.id
   )) }) : e?.length === 1 ? /* @__PURE__ */ s.jsx("span", { children: e[0].label }) : /* @__PURE__ */ s.jsxs("span", { children: [
@@ -1095,6 +1095,6 @@ const Je = Z(
 );
 Je.displayName = "DefaultSelectionDisplay";
 export {
-  Dt as S,
+  St as S,
   G as g
 };