prometeo-design-system 4.4.0 → 4.4.3

package/dist/Select.es.js

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