prometeo-design-system 2.6.1 → 2.6.3

package/dist/Select-B5hkJ8Oy.js

@@ -1,797 +0,0 @@
-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 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 Se } from "./Skeleton.es.js";
-const qe = {
-  default: {
-    container: "text-neutral-default-default border-neutral-default-default ",
-    icon: ""
-  },
-  error: {
-    container: "",
-    icon: ""
-  },
-  success: {
-    container: "",
-    icon: ""
-  }
-}, Ne = {
-  icon: " text-neutral-default-disabled",
-  container: " border-neutral-strong-default text-neutral-default-disabled"
-}, 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]",
-      qe[o].container,
-      s && Ne.container
-    ),
-    children: [
-      /* @__PURE__ */ l.jsx("span", { className: "truncate w-max ", children: t }),
-      i && /* @__PURE__ */ l.jsx(
-        "button",
-        {
-          onMouseDown: (p) => {
-            s || (p.stopPropagation(), p.preventDefault(), i?.(e));
-          },
-          className: u(
-            "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",
-            s && "cursor-default hover:scale-100",
-            c
-          ),
-          type: "button",
-          tabIndex: v,
-          children: /* @__PURE__ */ l.jsx(ce.Close, { size: 18, className: u(s && Ne.icon) })
-        }
-      )
-    ]
-  }
-);
-ke.displayName = "Chip";
-const Ge = F(ke);
-function E(e, t) {
-  if (typeof t == "function")
-    return t(e);
-  const i = t?.split(".");
-  let c = e;
-  for (const s of i)
-    if (c && typeof c == "object" && s in c)
-      c = c[s];
-    else
-      return;
-  return c;
-}
-const je = (e, t) => {
-  if (!t) return !0;
-  const i = 0.1, c = String(e).toLowerCase(), s = String(t).toLowerCase().trim();
-  if (c.includes(s)) return !0;
-  const o = s.split(/\s+/).filter(Boolean), v = o.filter((m) => /^\d+$/.test(m));
-  if (o.length > 1 || v.length > 0) {
-    for (const m of v)
-      if (!new RegExp(`(^|\\D)${m}(\\D|$)`).test(c)) return !1;
-    for (const m of o)
-      if (!/^\d+$/.test(m) && !c.includes(m))
-        return !1;
-    return !0;
-  }
-  if (s.length > c.length) return !1;
-  const p = Math.floor(s.length * i);
-  if (p <= 0) return !1;
-  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[S];
-  };
-  for (let m = 0; m <= c.length - s.length; m++) {
-    const L = c.slice(m, m + s.length);
-    if (k(L, s) <= p) return !0;
-  }
-  return !1;
-}, ye = {
-  default: {
-    container: "",
-    input: u(
-      "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: u(
-      "text-neutral-medium-default",
-      "peer-focus:text-primary-default-default"
-    ),
-    icon: u(
-      "text-neutral-medium-default",
-      "peer-focus:text-primary-default-default"
-    )
-  },
-  error: {
-    container: "",
-    input: u(
-      "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: u(
-      "text-error-light",
-      "peer-focus:text-error-light"
-    ),
-    icon: u(
-      "text-error-medium-default",
-      "peer-focus:text-error-light"
-    )
-  },
-  success: {
-    container: "",
-    input: u(
-      "border-success-default-default text-neutral-default-default",
-      "focus:border-success-default focus:border-2",
-      "focus:ring-0 focus:ring-success-default/20"
-    ),
-    label: u(
-      "text-success",
-      "peer-focus:text-success-light"
-    ),
-    icon: u(
-      "text-success-medium-default",
-      "peer-focus:text-success-light"
-    )
-  }
-}, ve = {
-  input: u(
-    "border-neutral-strong-default text-neutral-default-default",
-    "focus:ring-primary-default-default focus:ring-[1px] focus:border-primary-default-default ",
-    "hover:border-primary-default-default"
-  ),
-  label: u(
-    "text-neutral-medium-disabled",
-    "peer-focus:text-primary-default-default"
-  ),
-  icon: u(
-    "text-neutral-medium-disabled",
-    "peer-focus:text-primary-default-default"
-  )
-};
-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: R,
-    options: N,
-    controls: H,
-    className: I,
-    placeholder: O,
-    optionValue: j,
-    optionLabel: W,
-    renderOption: T,
-    renderSelection: ee,
-    buttonClassName: q,
-    dropdownClassName: le,
-    containerClassName: de,
-    dropdownOptions: z,
-    helperComponent: ae,
-    errorComponent: fe,
-    onRemoveOption: B,
-    onOptionClick: P,
-    onClose: oe,
-    onClear: te,
-    disabled: K = !1,
-    overflow: me = "wrap",
-    variant: Q = "default",
-    isLoading: se = !1,
-    attachToParent: he = !1,
-    displayMode: X = "compact",
-    labelVariant: U = "default",
-    disableOpenOnFocus: pe = !1,
-    emptyMessage: ge = "No hay opciones disponibles"
-  } = 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 = {}, M = Y(() => U === "static" && O ? O : "", [U, O]), $ = Y(
-    () => z?.controledSearchValue || o,
-    [z?.controledSearchValue, o]
-  ), _ = () => {
-    const n = {
-      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 "
-      }
-    }, f = t || d ? "active" : "default";
-    return n[U][f];
-  }, G = J((n) => ({
-    id: E(n, j),
-    value: E(n, j),
-    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 = N?.find((re) => E(re, j) === f);
-          D && n.push(D);
-        });
-      else {
-        const f = N?.find((D) => E(D, j) === e.value);
-        f && n.push(f);
-      }
-      return n;
-    },
-    [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);
-  }, []);
-  b.current = (n) => {
-    if (!e.multiple)
-      e.onChange?.(n, h);
-    else {
-      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 Pe = re ? D.filter((xe) => xe.value !== n.value) : [...D, n];
-      e.onChange?.(Pe, h);
-    }
-  };
-  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 = N.find((re) => E(re, j) === n);
-    if (!f) return;
-    const D = G(f);
-    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;
-      if (f.type === "mousedown") {
-        if (p.current?.contains(D) || k.current?.contains(D)) return;
-        i(!1);
-      }
-      if (f.type === "scroll") {
-        if (k.current?.contains(D)) return;
-        i(!1);
-      }
-      f.type === "resize" && i(!1);
-    };
-    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]), Z(() => {
-    w.current.forEach((n) => {
-      try {
-        n(t);
-      } catch {
-      }
-    });
-  }, [t]), $e(H, () => ({
-    open: () => {
-      !t && i(!0);
-    },
-    close: () => {
-      t && i(!1);
-    },
-    toggle: () => i((n) => !n),
-    subscribeOpenChange: (n) => (w.current.add(n), () => {
-      w.current.delete(n);
-    }),
-    searchInputRef: m
-  }), [t]);
-  const Ae = (n) => {
-    n.preventDefault(), n.stopPropagation(), n.target.matches(":focus-visible") && !pe && !t && (i(!0), setTimeout(() => {
-      m.current?.focus();
-    }, 10));
-  }, ze = (n) => {
-    n.key === "Tab" && t && i(!1), (n.keyCode === 32 || n.key === "ArrowDown") && (i(!0), setTimeout(() => {
-      m.current?.focus();
-    }, 10));
-  };
-  return /* @__PURE__ */ l.jsxs(
-    "div",
-    {
-      className: u(
-        "relative bg-inherit select-none w-full",
-        I,
-        U === "static" && "mt-2"
-      ),
-      ref: p,
-      draggable: !1,
-      style: y,
-      children: [
-        /* @__PURE__ */ l.jsxs("div", { className: u("relative bg-inherit ", de), children: [
-          /* @__PURE__ */ l.jsx(
-            "label",
-            {
-              htmlFor: x,
-              ref: ie,
-              className: u(
-                "left-3 pointer-events-none bg-inherit z-10",
-                U === "default" && "transition-all duration-200 ease-in-out",
-                _(),
-                d || t ? ye[Q].label : "text-neutral-medium-default",
-                K && ve.label
-              ),
-              children: g
-            }
-          ),
-          /* @__PURE__ */ l.jsxs(
-            "div",
-            {
-              id: x,
-              tabIndex: 0,
-              role: "button",
-              ref: L,
-              onFocus: Ae,
-              onKeyDown: ze,
-              onClick: (n) => {
-                n.preventDefault(), n.stopPropagation(), Le();
-              },
-              className: u(
-                "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",
-                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: [
-                /* @__PURE__ */ l.jsx(
-                  "div",
-                  {
-                    className: u("flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none "),
-                    ref: a,
-                    onPointerUp: r.onPointerUp,
-                    onPointerDown: r.onPointerDown,
-                    onPointerMove: r.onPointerMove,
-                    onPointerLeave: r.onPointerLeave,
-                    onPointerCancel: r.onPointerCancel,
-                    onClickCapture: r.onClickCapture,
-                    children: ee ? we.createElement(
-                      F(
-                        ee,
-                        (n, f) => n.disabled === f.disabled && n.multiple === f.multiple
-                      ),
-                      {
-                        disabled: K,
-                        multiple: e.multiple || !1,
-                        placeholder: O,
-                        selectedOptions: A,
-                        onRemoveOption: Te
-                      }
-                    ) : /* @__PURE__ */ l.jsx(
-                      Oe,
-                      {
-                        displayMode: X,
-                        selectedOptions: ne,
-                        placeholder: M,
-                        onRemoveOption: be,
-                        multiple: e.multiple || !1,
-                        className: u(me === "scroll" ? "flex-nowrap" : "flex-wrap"),
-                        disabled: K
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-                  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(), Ie(n);
-                      },
-                      type: "button",
-                      tabIndex: -1,
-                      children: /* @__PURE__ */ l.jsx(ce.Cancel, { size: 20, className: u(" cursor-pointer transition-all", ye[Q].icon) })
-                    }
-                  ),
-                  /* @__PURE__ */ l.jsx(
-                    ce.ChevronDown,
-                    {
-                      size: 20,
-                      className: u(
-                        "transition-transform text-neutral-default-default",
-                        t ? "rotate-180" : "",
-                        K && ve.icon
-                      )
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] }),
-        t && /* @__PURE__ */ l.jsx(
-          Xe,
-          {
-            isOpen: t,
-            multiple: e.multiple || !1,
-            disabled: K,
-            optionLabel: W,
-            optionValue: j,
-            labelVariant: U,
-            renderOption: T,
-            emptyMessage: ge,
-            attachToParent: he,
-            filteredOptions: c,
-            dropdownClassName: le,
-            setFilteredOptions: s,
-            selectedOptionsIds: Ee,
-            options: T ? N : C,
-            selectRef: p,
-            dropdownRef: k,
-            selectButtonRef: L,
-            helperComponentRef: S,
-            onOptionClick: He,
-            onCloseDropdown: () => i(!1),
-            searchValue: $,
-            setSearchValue: v,
-            searchInputRef: m,
-            isLoading: z?.isLoading,
-            onSearchClear: z?.onSearchClear,
-            hideSearchBar: z?.hideSearchBar,
-            dropdownHeight: z?.dropdownHeight,
-            onSearchValueChange: z?.onSearchValueChange,
-            inputSearchPlaceholder: z?.inputSearchPlaceholder
-          }
-        ),
-        (fe || ae) && /* @__PURE__ */ l.jsx(
-          Ke,
-          {
-            ref: S,
-            variant: Q,
-            className: "mt-1",
-            children: fe || ae
-          }
-        )
-      ]
-    }
-  );
-}
-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,
-  disabled: c,
-  selectRef: s,
-  dropdownRef: o,
-  optionLabel: v,
-  optionValue: p,
-  searchValue: k,
-  labelVariant: m,
-  emptyMessage: L,
-  renderOption: b,
-  onOptionClick: S,
-  onSearchClear: w,
-  searchInputRef: x,
-  setSearchValue: h,
-  dropdownHeight: g,
-  attachToParent: R,
-  filteredOptions: N,
-  selectButtonRef: H,
-  onCloseDropdown: I,
-  dropdownClassName: O,
-  helperComponentRef: j,
-  selectedOptionsIds: W,
-  setFilteredOptions: T,
-  onSearchValueChange: ee,
-  isLoading: q = !1,
-  hideSearchBar: le = !1,
-  inputSearchPlaceholder: de = "Buscar opciones"
-}) {
-  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) {
-      case "down":
-        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 + ae}px`;
-        break;
-    }
-    o.current.style.left = `${a.left}px`, o.current.style.width = `${a.width}px`;
-  }, 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 >= 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 (!R) {
-        const a = me();
-        oe(a), te(a.direction), K(a.height);
-      }
-      o.current.style.opacity = "1", o.current.style.pointerEvents = "auto";
-    }
-  };
-  Z(() => {
-    R || !s.current || !e || te();
-  }, [W]), Z(() => {
-    Q(e);
-  }, [e]), Z(() => {
-    t && T(t);
-  }, [t]), Z(() => {
-    if (q || !k) return;
-    const r = se(t, k);
-    T(r);
-  }, [t]);
-  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 === "") {
-        X();
-        return;
-      }
-      ee(r);
-      return;
-    }
-    h && t && h(r);
-  }, X = J(() => {
-    if (w) {
-      w(), T(
-        t.filter((r) => {
-          const a = b ? E(r, p) : r.id;
-          return W.has(a);
-        })
-      );
-      return;
-    }
-    h && (h(""), T(t));
-  }, [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(() => {
-      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 M = y < d.length - 1 ? y + 1 : y;
-      d[M]?.focus();
-    } else if (r.key === "ArrowUp")
-      if (r.preventDefault(), y === 0)
-        x && x.current?.focus();
-      else {
-        const M = y - 1;
-        d[M]?.focus();
-      }
-    else if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), c) return;
-      S(a), i || setTimeout(() => {
-        H.current?.focus(), I();
-      }, 10);
-    } else r.key === "Escape" ? (r.preventDefault(), setTimeout(() => {
-      H.current?.focus(), I();
-    }, 10)) : r.key === "Tab" && setTimeout(() => {
-      H.current?.focus(), I();
-    }, 10);
-  }, 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
-    ),
-    {
-      key: `skeleton-option-${a}`,
-      option: { id: a, label: "", value: "" },
-      isSelected: !1,
-      multiple: !1,
-      onSelect: () => {
-      },
-      disabled: !1,
-      isLoading: !0
-    }
-  ) : /* @__PURE__ */ l.jsx(
-    Ce,
-    {
-      multiple: !1,
-      isLoading: !0,
-      onSelect: () => {
-      },
-      isSelected: !1,
-      option: { id: a, label: "", value: "" }
-    },
-    `skeleton-option-${// biome-ignore lint/suspicious/noArrayIndexKey: <>
-    a}`
-  )), ie = /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      tabIndex: 0,
-      ref: o,
-      style: { opacity: "0" },
-      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    ",
-        R ? "absolute z-50 " : "fixed z-100 top-0 left-0",
-        P.direction === "up" ? "h-auto" : " h-max",
-        O
-      ),
-      children: /* @__PURE__ */ l.jsxs(
-        "div",
-        {
-          className: u(
-            "flex flex-col ",
-            le ? "p-0" : "p-2 pt-0 gap-2"
-          ),
-          style: {
-            height: "auto",
-            maxHeight: P.height
-          },
-          children: [
-            !le && /* @__PURE__ */ l.jsx(
-              Ue,
-              {
-                name: "",
-                label: "",
-                size: "small",
-                tabIndex: 0,
-                value: k,
-                disabled: c,
-                ref: x,
-                labelVariant: "static",
-                icon: /* @__PURE__ */ l.jsx(ce.Search, {}),
-                isFetching: q,
-                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: 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, M = () => {
-                S(y(r));
-              }, $ = (C) => {
-                if (S(C), !i) {
-                  if (!h) return;
-                  h(""), T(t);
-                }
-              }, _ = (C, A) => (
-                // biome-ignore lint/a11y/useSemanticElements: <>
-                /* @__PURE__ */ l.jsx(
-                  "div",
-                  {
-                    tabIndex: 0,
-                    role: "listitem",
-                    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"
-                    ),
-                    children: C
-                  }
-                )
-              ), 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: M,
-                  disabled: c,
-                  isLoading: q
-                }
-              ) : /* @__PURE__ */ l.jsx(
-                Ce,
-                {
-                  disabled: c,
-                  multiple: i,
-                  isLoading: q,
-                  isSelected: d,
-                  onSelect: $,
-                  option: r
-                },
-                a
-              );
-              return _(G, y(r));
-            }) })
-          ]
-        }
-      )
-    }
-  );
-  return R ? ie : Re(ie, document.body);
-}
-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(
-    "div",
-    {
-      onMouseDown: (v) => {
-        v.preventDefault(), v.stopPropagation(), !s && i?.(e);
-      },
-      className: u(
-        "px-3 py-2 cursor-pointer flex items-center transition-colors text-neutral-default-default ",
-        t ? " text-primary-default-default" : "hover:bg-neutral-medium-hover text-neutral-default-hover",
-        s && "text-neutral-default-disabled hover:bg-neutral-default-default"
-      ),
-      children: [
-        c && /* @__PURE__ */ l.jsx(
-          Fe,
-          {
-            checked: t,
-            disabled: s
-          }
-        ),
-        /* @__PURE__ */ l.jsx("span", { children: e.label })
-      ]
-    }
-  )
-), (e, t) => e.isSelected === t.isSelected);
-Ce.displayName = "DefaultOptionRenderer";
-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,
-    label: p.label,
-    onRemove: i,
-    disabled: v
-  },
-  p.id
-)) }) : e?.length === 1 ? /* @__PURE__ */ l.jsx("span", { children: e[0].label }) : /* @__PURE__ */ l.jsxs("span", { children: [
-  e?.length,
-  " seleccionados"
-] }), (e, t) => e.selectedOptions === t.selectedOptions);
-Oe.displayName = "DefaultSelectionDisplay";
-export {
-  it as S,
-  E as g
-};