prometeo-design-system 2.5.7 → 2.6.1

package/dist/{Select-CrTtTmXZ.js → Select-B5hkJ8Oy.js}

@@ -1,30 +1,14 @@
-import { j as l } from "./jsx-runtime-DKDX3adD.js";
-import { Icons as Q } from "./Icons.es.js";
+import { j as l } from "./jsx-runtime-ByW6EXIE.js";
+import { Icons as ce } from "./Icons.es.js";
 import { c as u } from "./cn-B6yFEsav.js";
-import we, { memo as R, useState as ce, useRef as V, useMemo as Z, useCallback as J, useEffect as ee, useImperativeHandle as _e } from "react";
-import Re from "./Spinner.es.js";
-import { createPortal as We } from "react-dom";
-import { u as Be } from "./useDragScroll-CHN9OMwn.js";
-import { u as Ke, I as Ue } from "./Input-PNwH7rb6.js";
+import we, { memo as F, useState as ue, useRef as V, useMemo as Y, useCallback as J, useEffect as Z, useImperativeHandle as $e } from "react";
+import _e from "./Spinner.es.js";
+import { createPortal as Re } from "react-dom";
+import { u as We } from "./useDragScroll-CHN9OMwn.js";
+import { u as Be, H as Ke, I as Ue } from "./Input-DHdy-pWf.js";
 import Fe from "./CheckBox.es.js";
-import { Skeleton as Ne } from "./Skeleton.es.js";
-const ke = (e) => {
-  const { variant: t, className: i } = e, c = {
-    default: "text-neutral-medium-default pt-[1px]",
-    error: "text-error-medium-default pt-[1px]",
-    success: "text-success-medium-default"
-  }, s = {
-    default: /* @__PURE__ */ l.jsx(Q.Info, { size: 16, className: "text-neutral-medium-default " }),
-    error: /* @__PURE__ */ l.jsx(Q.Error, { size: 16, className: "text-error-medium-default" }),
-    success: /* @__PURE__ */ l.jsx(Q.Check, { size: 16, className: "text-success-medium-default" })
-  };
-  return /* @__PURE__ */ l.jsx("div", { ref: e.ref, className: u("pl-3", i), children: typeof e.children == "string" ? /* @__PURE__ */ l.jsxs("div", { className: "flex gap-0.5 items-start", children: [
-    s[t],
-    /* @__PURE__ */ l.jsx("p", { className: u(" prometeo-fonts-body-small", c[t]), children: e.children })
-  ] }) : e.children });
-};
-ke.displayName = "HelperText";
-const qe = R(ke), Ge = {
+import { Skeleton as Se } from "./Skeleton.es.js";
+const qe = {
   default: {
     container: "text-neutral-default-default border-neutral-default-default ",
     icon: ""
@@ -37,17 +21,17 @@ const qe = R(ke), Ge = {
     container: "",
     icon: ""
   }
-}, Se = {
+}, Ne = {
   icon: " text-neutral-default-disabled",
   container: " border-neutral-strong-default text-neutral-default-disabled"
-}, Oe = ({ id: e, label: t, onRemove: i, className: c, disabled: s, variant: o = "default", tabIndex: v }) => /* @__PURE__ */ l.jsxs(
+}, ke = ({ id: e, label: t, onRemove: i, className: c, disabled: s, variant: o = "default", tabIndex: v }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
     tabIndex: v,
     className: u(
       "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]",
-      Ge[o].container,
-      s && Se.container
+      qe[o].container,
+      s && Ne.container
     ),
     children: [
       /* @__PURE__ */ l.jsx("span", { className: "truncate w-max ", children: t }),
@@ -64,14 +48,14 @@ const qe = R(ke), Ge = {
           ),
           type: "button",
           tabIndex: v,
-          children: /* @__PURE__ */ l.jsx(Q.Close, { size: 18, className: u(s && Se.icon) })
+          children: /* @__PURE__ */ l.jsx(ce.Close, { size: 18, className: u(s && Ne.icon) })
         }
       )
     ]
   }
 );
-Oe.displayName = "Chip";
-const Ve = R(Oe);
+ke.displayName = "Chip";
+const Ge = F(ke);
 function E(e, t) {
   if (typeof t == "function")
     return t(e);
@@ -100,25 +84,25 @@ const je = (e, t) => {
   if (s.length > c.length) return !1;
   const p = Math.floor(s.length * i);
   if (p <= 0) return !1;
-  const k = (m, H) => {
-    const x = m.length, N = H.length;
-    if (x === 0) return N;
-    if (N === 0) return x;
-    const w = new Array(N + 1);
-    for (let b = 0; b <= N; b++) w[b] = b;
-    for (let b = 1; b <= x; b++) {
-      let h = b - 1;
-      w[0] = b;
-      for (let g = 1; g <= N; g++) {
-        const W = w[g], S = m.charCodeAt(b - 1) === H.charCodeAt(g - 1) ? 0 : 1, L = w[g] + 1, I = w[g - 1] + 1, O = h + S;
-        w[g] = L < I ? L < O ? L : O : I < O ? I : O, h = W;
+  const k = (m, L) => {
+    const b = m.length, S = L.length;
+    if (b === 0) return S;
+    if (S === 0) return b;
+    const w = new Array(S + 1);
+    for (let x = 0; x <= S; x++) w[x] = x;
+    for (let x = 1; x <= b; x++) {
+      let h = x - 1;
+      w[0] = x;
+      for (let g = 1; g <= S; g++) {
+        const R = w[g], N = m.charCodeAt(x - 1) === L.charCodeAt(g - 1) ? 0 : 1, H = w[g] + 1, I = w[g - 1] + 1, O = h + N;
+        w[g] = H < I ? H < O ? H : O : I < O ? I : O, h = R;
       }
     }
-    return w[N];
+    return w[S];
   };
   for (let m = 0; m <= c.length - s.length; m++) {
-    const H = c.slice(m, m + s.length);
-    if (k(H, s) <= p) return !0;
+    const L = c.slice(m, m + s.length);
+    if (k(L, s) <= p) return !0;
   }
   return !1;
 }, ye = {
@@ -185,46 +169,46 @@ const je = (e, t) => {
     "peer-focus:text-primary-default-default"
   )
 };
-function Je(e) {
-  const [t, i] = ce(!1), [c, s] = ce([]), [o, v] = ce(""), p = V(null), k = V(null), m = V(null), H = V(null), x = V(() => {
-  }), N = V(null), w = V(/* @__PURE__ */ new Set()), {
-    id: b,
+function Ve(e) {
+  const [t, i] = ue(!1), [c, s] = ue([]), [o, v] = ue(""), p = V(null), k = V(null), m = V(null), L = V(null), b = V(() => {
+  }), S = V(null), w = V(/* @__PURE__ */ new Set()), {
+    id: x,
     name: h,
     label: g,
-    height: W,
-    options: S,
-    controls: L,
+    height: R,
+    options: N,
+    controls: H,
     className: I,
     placeholder: O,
     optionValue: j,
-    optionLabel: B,
+    optionLabel: W,
     renderOption: T,
-    renderSelection: te,
+    renderSelection: ee,
     buttonClassName: q,
-    dropdownClassName: ae,
+    dropdownClassName: le,
     containerClassName: de,
-    dropdownOptions: A,
-    helperComponent: se,
+    dropdownOptions: z,
+    helperComponent: ae,
     errorComponent: fe,
-    onRemoveOption: K,
+    onRemoveOption: B,
     onOptionClick: P,
     onClose: oe,
-    onClear: ne,
-    disabled: U = !1,
+    onClear: te,
+    disabled: K = !1,
     overflow: me = "wrap",
-    variant: X = "default",
-    isLoading: ie = !1,
+    variant: Q = "default",
+    isLoading: se = !1,
     attachToParent: he = !1,
-    displayMode: Y = "compact",
-    labelVariant: F = "default",
+    displayMode: X = "compact",
+    labelVariant: U = "default",
     disableOpenOnFocus: pe = !1,
     emptyMessage: ge = "No hay opciones disponibles"
-  } = e, { ref: ue } = Ke(), { bind: r, ref: a } = Be({
+  } = e, { ref: ie } = Be(), { bind: r, ref: a } = We({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
-  }), d = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", y = {}, $ = Z(() => F === "static" && O ? O : "", [F, O]), M = Z(
-    () => A?.controledSearchValue || o,
-    [A?.controledSearchValue, o]
+  }), d = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", y = {}, M = Y(() => U === "static" && O ? O : "", [U, O]), $ = Y(
+    () => z?.controledSearchValue || o,
+    [z?.controledSearchValue, o]
   ), _ = () => {
     const n = {
       static: {
@@ -236,65 +220,65 @@ function Je(e) {
         default: "absolute top-1/2 -translate-y-1/2 "
       }
     }, f = t || d ? "active" : "default";
-    return n[F][f];
+    return n[U][f];
   }, G = J((n) => ({
     id: E(n, j),
     value: E(n, j),
-    label: E(n, B)
-  }), [j, B]), C = Z(
-    () => S.map(G),
-    [S]
-  ), z = Z(
+    label: E(n, W)
+  }), [j, W]), C = Y(
+    () => N.map(G),
+    [N]
+  ), A = Y(
     () => {
       const n = [];
       if (e.multiple)
         e.value?.forEach((f) => {
-          const D = S?.find((le) => E(le, j) === f);
+          const D = N?.find((re) => E(re, j) === f);
           D && n.push(D);
         });
       else {
-        const f = S?.find((D) => E(D, j) === e.value);
+        const f = N?.find((D) => E(D, j) === e.value);
         f && n.push(f);
       }
       return n;
     },
-    [e.value, j, S, e.multiple]
-  ), re = Z(
-    () => z.map(G),
-    [z, G]
-  ), He = Z(
-    () => new Set(re.map((n) => n.id)),
-    [re]
+    [e.value, j, N, e.multiple]
+  ), ne = Y(
+    () => A.map(G),
+    [A, G]
+  ), Ee = Y(
+    () => new Set(ne.map((n) => n.id)),
+    [ne]
   ), Le = J(() => {
     i((n) => !n);
   }, []);
-  x.current = (n) => {
+  b.current = (n) => {
     if (!e.multiple)
       e.onChange?.(n, h);
     else {
-      const f = e.value || [], D = [], le = f.includes(n.value);
-      f.forEach((be) => {
-        const De = C.find((Me) => Me.value === be);
+      const f = e.value || [], D = [], re = f.includes(n.value);
+      f.forEach((xe) => {
+        const De = C.find((Me) => Me.value === xe);
         De && D.push(De);
       });
-      const $e = le ? D.filter((be) => be.value !== n.value) : [...D, n];
-      e.onChange?.($e, h);
+      const Pe = re ? D.filter((xe) => xe.value !== n.value) : [...D, n];
+      e.onChange?.(Pe, h);
     }
   };
-  const Ie = J((n) => {
-    P?.(n, h), x.current?.(n), e.multiple || (i(!1), oe?.());
-  }, [e.multiple, P, oe, h]), Te = (n) => {
-    n.preventDefault(), n.stopPropagation(), n.target.blur(), ne?.(), e.multiple ? e.onChange?.([], h) : e.onChange?.(void 0, h);
-  }, xe = J((n) => {
+  const He = J((n) => {
+    P?.(n, h), b.current?.(n), e.multiple || (i(!1), oe?.());
+  }, [e.multiple, P, oe, h]), Ie = (n) => {
+    n.preventDefault(), n.stopPropagation(), n.target.blur(), te?.(), e.multiple ? e.onChange?.([], h) : e.onChange?.(void 0, h);
+  }, be = J((n) => {
     e.multiple || e.onChange?.(void 0, h);
-    const f = S.find((le) => E(le, j) === n);
+    const f = N.find((re) => E(re, j) === n);
     if (!f) return;
     const D = G(f);
-    P?.(D, h), x.current?.(D), K?.(f);
-  }, [P, K, S, h, e.multiple, e.onChange, G, j]), ze = J((n) => {
-    xe(n);
-  }, [xe]);
-  ee(() => {
+    P?.(D, h), b.current?.(D), B?.(f);
+  }, [P, B, N, h, e.multiple, e.onChange, G, j]), Te = J((n) => {
+    be(n);
+  }, [be]);
+  Z(() => {
     if (!t) return;
     const n = (f) => {
       const D = f.target;
@@ -311,14 +295,14 @@ function Je(e) {
     return document.addEventListener("mousedown", n), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n, !0), () => {
       document.removeEventListener("mousedown", n), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n, !0);
     };
-  }, [t]), ee(() => {
+  }, [t]), Z(() => {
     w.current.forEach((n) => {
       try {
         n(t);
       } catch {
       }
     });
-  }, [t]), _e(L, () => ({
+  }, [t]), $e(H, () => ({
     open: () => {
       !t && i(!0);
     },
@@ -335,7 +319,7 @@ function Je(e) {
     n.preventDefault(), n.stopPropagation(), n.target.matches(":focus-visible") && !pe && !t && (i(!0), setTimeout(() => {
       m.current?.focus();
     }, 10));
-  }, Pe = (n) => {
+  }, ze = (n) => {
     n.key === "Tab" && t && i(!1), (n.keyCode === 32 || n.key === "ArrowDown") && (i(!0), setTimeout(() => {
       m.current?.focus();
     }, 10));
@@ -346,7 +330,7 @@ function Je(e) {
       className: u(
         "relative bg-inherit select-none w-full",
         I,
-        F === "static" && "mt-2"
+        U === "static" && "mt-2"
       ),
       ref: p,
       draggable: !1,
@@ -356,14 +340,14 @@ function Je(e) {
           /* @__PURE__ */ l.jsx(
             "label",
             {
-              htmlFor: b,
-              ref: ue,
+              htmlFor: x,
+              ref: ie,
               className: u(
                 "left-3 pointer-events-none bg-inherit z-10",
-                F === "default" && "transition-all duration-200 ease-in-out",
+                U === "default" && "transition-all duration-200 ease-in-out",
                 _(),
-                d || t ? ye[X].label : "text-neutral-medium-default",
-                U && ve.label
+                d || t ? ye[Q].label : "text-neutral-medium-default",
+                K && ve.label
               ),
               children: g
             }
@@ -371,12 +355,12 @@ function Je(e) {
           /* @__PURE__ */ l.jsxs(
             "div",
             {
-              id: b,
+              id: x,
               tabIndex: 0,
               role: "button",
-              ref: H,
+              ref: L,
               onFocus: Ae,
-              onKeyDown: Pe,
+              onKeyDown: ze,
               onClick: (n) => {
                 n.preventDefault(), n.stopPropagation(), Le();
               },
@@ -384,10 +368,10 @@ function Je(e) {
                 "w-full px-2 text-left border rounded-lg transition-all duration-200 ease-in-out",
                 "flex items-center justify-start bg-inherit ",
                 "focus:outline-none",
-                Y === "chips" && "mt-1.5",
-                Y === "chips" && e.multiple && d ? "min-h-14 py-3 " : !W && "h-14 min-h-14",
-                ye[X].input,
-                U && ve.input,
+                X === "chips" && "mt-1.5",
+                X === "chips" && e.multiple && d ? "min-h-14 py-3 " : !R && "h-14 min-h-14",
+                ye[Q].input,
+                K && ve.input,
                 q
               ),
               children: [
@@ -402,53 +386,53 @@ function Je(e) {
                     onPointerLeave: r.onPointerLeave,
                     onPointerCancel: r.onPointerCancel,
                     onClickCapture: r.onClickCapture,
-                    children: te ? we.createElement(
-                      R(
-                        te,
+                    children: ee ? we.createElement(
+                      F(
+                        ee,
                         (n, f) => n.disabled === f.disabled && n.multiple === f.multiple
                       ),
                       {
-                        disabled: U,
+                        disabled: K,
                         multiple: e.multiple || !1,
                         placeholder: O,
-                        selectedOptions: z,
-                        onRemoveOption: ze
+                        selectedOptions: A,
+                        onRemoveOption: Te
                       }
                     ) : /* @__PURE__ */ l.jsx(
-                      Ee,
+                      Oe,
                       {
-                        displayMode: Y,
-                        selectedOptions: re,
-                        placeholder: $,
-                        onRemoveOption: xe,
+                        displayMode: X,
+                        selectedOptions: ne,
+                        placeholder: M,
+                        onRemoveOption: be,
                         multiple: e.multiple || !1,
                         className: u(me === "scroll" ? "flex-nowrap" : "flex-wrap"),
-                        disabled: U
+                        disabled: K
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-                  ie && /* @__PURE__ */ l.jsx(Re, { size: "small", variant: "clip", className: " translate-y-1", speedMultiplier: 0.7 }),
-                  d && ne && /* @__PURE__ */ l.jsx(
+                  se && /* @__PURE__ */ l.jsx(_e, { size: "small", variant: "clip", className: " translate-y-1", speedMultiplier: 0.7 }),
+                  d && te && /* @__PURE__ */ l.jsx(
                     "button",
                     {
                       onMouseDown: (n) => {
-                        n.preventDefault(), n.stopPropagation(), Te(n);
+                        n.preventDefault(), n.stopPropagation(), Ie(n);
                       },
                       type: "button",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ l.jsx(Q.Cancel, { size: 20, className: u(" cursor-pointer transition-all", ye[X].icon) })
+                      children: /* @__PURE__ */ l.jsx(ce.Cancel, { size: 20, className: u(" cursor-pointer transition-all", ye[Q].icon) })
                     }
                   ),
                   /* @__PURE__ */ l.jsx(
-                    Q.ChevronDown,
+                    ce.ChevronDown,
                     {
                       size: 20,
                       className: u(
                         "transition-transform text-neutral-default-default",
                         t ? "rotate-180" : "",
-                        U && ve.icon
+                        K && ve.icon
                       )
                     }
                   )
@@ -458,54 +442,54 @@ function Je(e) {
           )
         ] }),
         t && /* @__PURE__ */ l.jsx(
-          Ye,
+          Xe,
           {
             isOpen: t,
             multiple: e.multiple || !1,
-            disabled: U,
-            optionLabel: B,
+            disabled: K,
+            optionLabel: W,
             optionValue: j,
-            labelVariant: F,
+            labelVariant: U,
             renderOption: T,
             emptyMessage: ge,
             attachToParent: he,
             filteredOptions: c,
-            dropdownClassName: ae,
+            dropdownClassName: le,
             setFilteredOptions: s,
-            selectedOptionsIds: He,
-            options: T ? S : C,
+            selectedOptionsIds: Ee,
+            options: T ? N : C,
             selectRef: p,
             dropdownRef: k,
-            selectButtonRef: H,
-            helperComponentRef: N,
-            onOptionClick: Ie,
+            selectButtonRef: L,
+            helperComponentRef: S,
+            onOptionClick: He,
             onCloseDropdown: () => i(!1),
-            searchValue: M,
+            searchValue: $,
             setSearchValue: v,
             searchInputRef: m,
-            isLoading: A?.isLoading,
-            onSearchClear: A?.onSearchClear,
-            hideSearchBar: A?.hideSearchBar,
-            dropdownHeight: A?.dropdownHeight,
-            onSearchValueChange: A?.onSearchValueChange,
-            inputSearchPlaceholder: A?.inputSearchPlaceholder
+            isLoading: z?.isLoading,
+            onSearchClear: z?.onSearchClear,
+            hideSearchBar: z?.hideSearchBar,
+            dropdownHeight: z?.dropdownHeight,
+            onSearchValueChange: z?.onSearchValueChange,
+            inputSearchPlaceholder: z?.inputSearchPlaceholder
           }
         ),
-        (fe || se) && /* @__PURE__ */ l.jsx(
-          qe,
+        (fe || ae) && /* @__PURE__ */ l.jsx(
+          Ke,
           {
-            ref: N,
-            variant: X,
+            ref: S,
+            variant: Q,
             className: "mt-1",
-            children: fe || se
+            children: fe || ae
           }
         )
       ]
     }
   );
 }
-const Qe = R(Je, (e, t) => e.value === t.value && e.options === t.options && e.isLoading === t.isLoading && e.disabled === t.disabled && e.errorComponent === t.errorComponent && e.helperComponent === t.helperComponent && e.variant === t.variant && e.label === t.label && e.id === t.id && e.name === t.name && e.placeholder === t.placeholder && e.dropdownOptions?.controledSearchValue === t.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === t.dropdownOptions?.isLoading), ut = Qe;
-function Xe({
+const Je = F(Ve, (e, t) => e.value === t.value && e.options === t.options && e.isLoading === t.isLoading && e.disabled === t.disabled && e.errorComponent === t.errorComponent && e.helperComponent === t.helperComponent && e.variant === t.variant && e.label === t.label && e.id === t.id && e.name === t.name && e.placeholder === t.placeholder && e.dropdownOptions?.controledSearchValue === t.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === t.dropdownOptions?.isLoading), it = Je;
+function Qe({
   isOpen: e,
   options: t,
   multiple: i,
@@ -516,27 +500,27 @@ function Xe({
   optionValue: p,
   searchValue: k,
   labelVariant: m,
-  emptyMessage: H,
-  renderOption: x,
-  onOptionClick: N,
+  emptyMessage: L,
+  renderOption: b,
+  onOptionClick: S,
   onSearchClear: w,
-  searchInputRef: b,
+  searchInputRef: x,
   setSearchValue: h,
   dropdownHeight: g,
-  attachToParent: W,
-  filteredOptions: S,
-  selectButtonRef: L,
+  attachToParent: R,
+  filteredOptions: N,
+  selectButtonRef: H,
   onCloseDropdown: I,
   dropdownClassName: O,
   helperComponentRef: j,
-  selectedOptionsIds: B,
+  selectedOptionsIds: W,
   setFilteredOptions: T,
-  onSearchValueChange: te,
+  onSearchValueChange: ee,
   isLoading: q = !1,
-  hideSearchBar: ae = !1,
+  hideSearchBar: le = !1,
   inputSearchPlaceholder: de = "Buscar opciones"
 }) {
-  const se = m === "static" ? -20 : 7, K = J(() => 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 : 320 : 320, [g])(), [P, oe] = ce({ direction: "down", height: K }), ne = (r) => {
+  const ae = m === "static" ? -20 : 7, B = J(() => 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 : 320 : 320, [g])(), [P, oe] = ue({ direction: "down", height: B }), te = (r) => {
     if (!o.current || !s.current) return;
     const a = s.current.getBoundingClientRect();
     switch (r || P.direction) {
@@ -544,93 +528,93 @@ function Xe({
         o.current.style.top = `${a.top + a.height - (j?.current?.offsetHeight ? j?.current?.offsetHeight + 4 : 0)}px`;
         break;
       case "up":
-        o.current.style.top = "auto", o.current.style.bottom = `${window.innerHeight - a.top + se}px`;
+        o.current.style.top = "auto", o.current.style.bottom = `${window.innerHeight - a.top + ae}px`;
         break;
     }
     o.current.style.left = `${a.left}px`, o.current.style.width = `${a.width}px`;
-  }, U = (r) => {
+  }, K = (r) => {
     o.current && (o.current.style.maxHeight = `${r}px`);
   }, me = () => {
     if (!o.current || !s.current) return P;
-    const r = s.current.getBoundingClientRect(), a = window.innerHeight - (window.innerHeight - r.top), d = window.innerHeight - r.bottom, y = d >= K, $ = a >= K;
-    let M = "down", _;
-    return y ? (M = "down", _ = K) : $ ? (M = "up", _ = K) : d > a ? (M = "down", _ = d - 16) : (M = "up", _ = a - 16), { direction: M, height: _ };
-  }, X = (r) => {
+    const r = s.current.getBoundingClientRect(), a = window.innerHeight - (window.innerHeight - r.top), d = window.innerHeight - r.bottom, y = d >= B, M = a >= B;
+    let $ = "down", _;
+    return y ? ($ = "down", _ = B) : M ? ($ = "up", _ = B) : d > a ? ($ = "down", _ = d - 16) : ($ = "up", _ = a - 16), { direction: $, height: _ };
+  }, Q = (r) => {
     if (!(!o.current || !s.current)) {
       if (o.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
         o.current.style.maxHeight = "0", o.current.style.opacity = "0", o.current.style.pointerEvents = "none";
         return;
       }
-      if (!W) {
+      if (!R) {
         const a = me();
-        oe(a), ne(a.direction), U(a.height);
+        oe(a), te(a.direction), K(a.height);
       }
       o.current.style.opacity = "1", o.current.style.pointerEvents = "auto";
     }
   };
-  ee(() => {
-    W || !s.current || !e || ne();
-  }, [B]), ee(() => {
-    X(e);
-  }, [e]), ee(() => {
+  Z(() => {
+    R || !s.current || !e || te();
+  }, [W]), Z(() => {
+    Q(e);
+  }, [e]), Z(() => {
     t && T(t);
-  }, [t]), ee(() => {
+  }, [t]), Z(() => {
     if (q || !k) return;
-    const r = ie(t, k);
+    const r = se(t, k);
     T(r);
   }, [t]);
-  const ie = (r, a) => r.filter((d) => je(x ? E(d, v) : d.label, a)), he = (r) => {
-    const a = ie(t, r);
-    if (T(a), te) {
+  const se = (r, a) => r.filter((d) => je(b ? E(d, v) : d.label, a)), he = (r) => {
+    const a = se(t, r);
+    if (T(a), ee) {
       if (r === "") {
-        Y();
+        X();
         return;
       }
-      te(r);
+      ee(r);
       return;
     }
     h && t && h(r);
-  }, Y = J(() => {
+  }, X = J(() => {
     if (w) {
       w(), T(
         t.filter((r) => {
-          const a = x ? E(r, p) : r.id;
-          return B.has(a);
+          const a = b ? E(r, p) : r.id;
+          return W.has(a);
         })
       );
       return;
     }
     h && (h(""), T(t));
-  }, [t, B, p, w, T, h, x]), F = (r) => {
+  }, [t, W, p, w, T, h, b]), U = (r) => {
     r.key === "ArrowDown" ? (r.preventDefault(), o.current?.querySelector("[role=listitem]")?.focus()) : (r.key === "Tab" || r.key === "Escape") && setTimeout(() => {
-      L.current?.focus(), I();
+      H.current?.focus(), I();
     }, 10);
   }, pe = (r, a) => {
     const d = Array.from(o.current?.querySelectorAll("[role=listitem]") || []), y = d.indexOf(r.currentTarget);
     if (r.key === "ArrowDown") {
       r.preventDefault();
-      const $ = y < d.length - 1 ? y + 1 : y;
-      d[$]?.focus();
+      const M = y < d.length - 1 ? y + 1 : y;
+      d[M]?.focus();
     } else if (r.key === "ArrowUp")
       if (r.preventDefault(), y === 0)
-        b && b.current?.focus();
+        x && x.current?.focus();
       else {
-        const $ = y - 1;
-        d[$]?.focus();
+        const M = y - 1;
+        d[M]?.focus();
       }
     else if (r.key === "Enter" || r.key === " ") {
       if (r.preventDefault(), c) return;
-      N(a), i || setTimeout(() => {
-        L.current?.focus(), I();
+      S(a), i || setTimeout(() => {
+        H.current?.focus(), I();
       }, 10);
     } else r.key === "Escape" ? (r.preventDefault(), setTimeout(() => {
-      L.current?.focus(), I();
+      H.current?.focus(), I();
     }, 10)) : r.key === "Tab" && setTimeout(() => {
-      L.current?.focus(), I();
+      H.current?.focus(), I();
     }, 10);
-  }, ge = Array.from({ length: 5 }).map((r, a) => x ? we.createElement(
-    R(
-      x,
+  }, ge = Array.from({ length: 5 }).map((r, a) => b ? we.createElement(
+    F(
+      b,
       (d, y) => d.isSelected === y.isSelected && d.option === y.option && d.disabled === y.disabled && d.multiple === y.multiple
     ),
     {
@@ -655,7 +639,7 @@ function Xe({
     },
     `skeleton-option-${// biome-ignore lint/suspicious/noArrayIndexKey: <>
     a}`
-  )), ue = /* @__PURE__ */ l.jsx(
+  )), ie = /* @__PURE__ */ l.jsx(
     "div",
     {
       tabIndex: 0,
@@ -664,7 +648,7 @@ function Xe({
       className: u(
         " z-50 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    ",
-        W ? "absolute z-50 " : "fixed z-100 top-0 left-0",
+        R ? "absolute z-50 " : "fixed z-100 top-0 left-0",
         P.direction === "up" ? "h-auto" : " h-max",
         O
       ),
@@ -673,14 +657,14 @@ function Xe({
         {
           className: u(
             "flex flex-col ",
-            ae ? "p-0" : "p-2 pt-0 gap-2"
+            le ? "p-0" : "p-2 pt-0 gap-2"
           ),
           style: {
             height: "auto",
             maxHeight: P.height
           },
           children: [
-            !ae && /* @__PURE__ */ l.jsx(
+            !le && /* @__PURE__ */ l.jsx(
               Ue,
               {
                 name: "",
@@ -689,37 +673,37 @@ function Xe({
                 tabIndex: 0,
                 value: k,
                 disabled: c,
-                ref: b,
+                ref: x,
                 labelVariant: "static",
-                icon: /* @__PURE__ */ l.jsx(Q.Search, {}),
+                icon: /* @__PURE__ */ l.jsx(ce.Search, {}),
                 isFetching: q,
-                onKeyDown: F,
-                onClear: Y,
+                onKeyDown: U,
+                onClear: X,
                 onChange: he,
                 placeholder: de,
                 className: " bg-neutral-medium-pressed"
               }
             ),
-            /* @__PURE__ */ l.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: S.length === 0 ? q ? /* @__PURE__ */ l.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: ge }) : /* @__PURE__ */ l.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: k ? `No se encontraron resultados para "${k}"` : H }) : S.map((r) => {
-              const a = x ? E(r, p) : r.id, d = B.has(a), y = (C) => x ? {
+            /* @__PURE__ */ l.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: N.length === 0 ? q ? /* @__PURE__ */ l.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: ge }) : /* @__PURE__ */ l.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: k ? `No se encontraron resultados para "${k}"` : L }) : N.map((r) => {
+              const a = b ? E(r, p) : r.id, d = W.has(a), y = (C) => b ? {
                 id: a,
                 label: String(E(C, v)),
                 value: E(C, p)
-              } : C, $ = () => {
-                N(y(r));
-              }, M = (C) => {
-                if (N(C), !i) {
+              } : C, M = () => {
+                S(y(r));
+              }, $ = (C) => {
+                if (S(C), !i) {
                   if (!h) return;
                   h(""), T(t);
                 }
-              }, _ = (C, z) => (
+              }, _ = (C, A) => (
                 // biome-ignore lint/a11y/useSemanticElements: <>
                 /* @__PURE__ */ l.jsx(
                   "div",
                   {
                     tabIndex: 0,
                     role: "listitem",
-                    onKeyDown: (re) => pe(re, z),
+                    onKeyDown: (ne) => pe(ne, A),
                     className: u(
                       "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover ",
                       d && "bg-neutral-medium-selected"
@@ -727,17 +711,17 @@ function Xe({
                     children: C
                   }
                 )
-              ), G = x ? we.createElement(
-                R(
-                  x,
-                  (C, z) => C.isSelected === z.isSelected && C.option === z.option && C.disabled === z.disabled && C.multiple === z.multiple
+              ), G = b ? we.createElement(
+                F(
+                  b,
+                  (C, A) => C.isSelected === A.isSelected && C.option === A.option && C.disabled === A.disabled && C.multiple === A.multiple
                 ),
                 {
                   key: a,
                   option: r,
                   isSelected: d,
                   multiple: i,
-                  onSelect: $,
+                  onSelect: M,
                   disabled: c,
                   isLoading: q
                 }
@@ -748,7 +732,7 @@ function Xe({
                   multiple: i,
                   isLoading: q,
                   isSelected: d,
-                  onSelect: M,
+                  onSelect: $,
                   option: r
                 },
                 a
@@ -760,11 +744,11 @@ function Xe({
       )
     }
   );
-  return W ? ue : We(ue, document.body);
+  return R ? ie : Re(ie, document.body);
 }
-const Ye = R(Xe, (e, t) => e.options === t.options && e.selectedOptionsIds === t.selectedOptionsIds && e.multiple === t.multiple && e.disabled === t.disabled && e.emptyMessage === t.emptyMessage && e.renderOption === t.renderOption && e.isOpen === t.isOpen && e.attachToParent === t.attachToParent && e.optionValue === t.optionValue && e.optionLabel === t.optionLabel && e.filteredOptions === t.filteredOptions && e.isLoading === t.isLoading), Ce = R(({ option: e, isSelected: t, onSelect: i, multiple: c, disabled: s, isLoading: o }) => o ? /* @__PURE__ */ l.jsxs("div", { className: "flex gap-2 w-full px-3 py-2 cursor-wait", children: [
-  /* @__PURE__ */ l.jsx(Ne, { className: "size-6 aspect-square" }),
-  /* @__PURE__ */ l.jsx(Ne, { className: "flex-1 h-6" })
+const Xe = F(Qe, (e, t) => e.options === t.options && e.selectedOptionsIds === t.selectedOptionsIds && e.multiple === t.multiple && e.disabled === t.disabled && e.emptyMessage === t.emptyMessage && e.renderOption === t.renderOption && e.isOpen === t.isOpen && e.attachToParent === t.attachToParent && e.optionValue === t.optionValue && e.optionLabel === t.optionLabel && e.filteredOptions === t.filteredOptions && e.isLoading === t.isLoading), Ce = F(({ option: e, isSelected: t, onSelect: i, multiple: c, disabled: s, isLoading: o }) => o ? /* @__PURE__ */ l.jsxs("div", { className: "flex gap-2 w-full px-3 py-2 cursor-wait", children: [
+  /* @__PURE__ */ l.jsx(Se, { className: "size-6 aspect-square" }),
+  /* @__PURE__ */ l.jsx(Se, { className: "flex-1 h-6" })
 ] }) : (
   // biome-ignore lint/a11y/noStaticElementInteractions: no keyboard interaction needed
   /* @__PURE__ */ l.jsxs(
@@ -792,8 +776,8 @@ const Ye = R(Xe, (e, t) => e.options === t.options && e.selectedOptionsIds === t
   )
 ), (e, t) => e.isSelected === t.isSelected);
 Ce.displayName = "DefaultOptionRenderer";
-const Ee = R(({ selectedOptions: e, placeholder: t, onRemoveOption: i, displayMode: c, multiple: s, className: o, disabled: v }) => e?.length === 0 ? t ? /* @__PURE__ */ l.jsx("span", { className: "text-neutral-medium-default opacity-50", children: t }) : null : c === "chips" && s ? /* @__PURE__ */ l.jsx("div", { className: u("flex items-center gap-1 ", o), children: e.map((p) => /* @__PURE__ */ l.jsx(
-  Ve,
+const Oe = F(({ selectedOptions: e, placeholder: t, onRemoveOption: i, displayMode: c, multiple: s, className: o, disabled: v }) => e?.length === 0 ? t ? /* @__PURE__ */ l.jsx("span", { className: "text-neutral-medium-default opacity-50", children: t }) : null : c === "chips" && s ? /* @__PURE__ */ l.jsx("div", { className: u("flex items-center gap-1 ", o), children: e.map((p) => /* @__PURE__ */ l.jsx(
+  Ge,
   {
     tabIndex: -1,
     id: p.id,
@@ -806,8 +790,8 @@ const Ee = R(({ selectedOptions: e, placeholder: t, onRemoveOption: i, displayMo
   e?.length,
   " seleccionados"
 ] }), (e, t) => e.selectedOptions === t.selectedOptions);
-Ee.displayName = "DefaultSelectionDisplay";
+Oe.displayName = "DefaultSelectionDisplay";
 export {
-  ut as S,
+  it as S,
   E as g
 };