prometeo-design-system 3.1.4 → 3.1.6

package/dist/Select-BdxmkrjB.js

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