prometeo-design-system 3.0.8 → 3.1.0

package/dist/RecurrentDatePicker.es.js

@@ -1,7 +1,7 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import O, { useMemo as D, memo as b, useRef as M, useCallback as g, useState as L, useEffect as W } from "react";
 import { D as I } from "./DatePicker-D1EwMGIN.js";
-import { S as f } from "./Select-CRFOzYc6.js";
+import { S as f } from "./Select-mdLPyy7g.js";
 import { I as R } from "./Input-EkMrxcNX.js";
 import _ from "./CheckBox.es.js";
 import { c as p } from "./cn-B6yFEsav.js";

package/dist/{Select-CRFOzYc6.js → Select-mdLPyy7g.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
 import { c as f } from "./cn-B6yFEsav.js";
-import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Qe } from "react";
+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";
@@ -28,13 +28,13 @@ const at = {
 }, 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: v = "default", tabIndex: h }) => /* @__PURE__ */ s.jsxs(
+}, Ve = ({ id: e, label: n, onRemove: m, className: i, disabled: u, variant: y = "default", tabIndex: p }) => /* @__PURE__ */ s.jsxs(
   "div",
   {
-    tabIndex: h,
+    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[v].container,
+      at[y].container,
       u && Fe.container
     ),
     children: [
@@ -42,8 +42,8 @@ const at = {
       m && /* @__PURE__ */ s.jsx(
         "button",
         {
-          onMouseDown: (j) => {
-            u || (j.stopPropagation(), j.preventDefault(), m?.(e));
+          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",
@@ -51,7 +51,7 @@ const at = {
             i
           ),
           type: "button",
-          tabIndex: h,
+          tabIndex: p,
           children: /* @__PURE__ */ s.jsx(rt, { size: 18, className: f(u && Fe.icon) })
         }
       )
@@ -76,29 +76,29 @@ 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 v = u.split(/\s+/).filter(Boolean), h = v.filter((b) => /^\d+$/.test(b));
-  if (v.length > 1 || h.length > 0) {
-    for (const b of h)
+  const 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 v)
+    for (const b of y)
       if (!/^\d+$/.test(b) && !i.includes(b))
         return !1;
     return !0;
   }
   if (u.length > i.length) return !1;
-  const j = Math.floor(u.length * m);
-  if (j <= 0) return !1;
-  const p = (b, k) => {
+  const D = Math.floor(u.length * m);
+  if (D <= 0) return !1;
+  const g = (b, k) => {
     const I = b.length, W = k.length;
     if (I === 0) return W;
     if (W === 0) return I;
     const A = new Array(W + 1);
-    for (let x = 0; x <= W; x++) A[x] = x;
-    for (let x = 1; x <= I; x++) {
-      let S = x - 1;
-      A[0] = x;
+    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(x - 1) === k.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
+        const se = A[z], K = b.charCodeAt(v - 1) === k.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;
       }
     }
@@ -106,14 +106,14 @@ const qe = (e, n) => {
   };
   for (let b = 0; b <= i.length - u.length; b++) {
     const k = i.slice(b, b + u.length);
-    if (p(k, u) <= j) return !0;
+    if (g(k, u) <= D) return !0;
   }
   return !1;
 }, ut = (e) => {
   const n = [], m = (i) => {
     i.forEach((u) => {
-      const h = u.options;
-      Array.isArray(h) && h.length > 0 ? m(h) : n.push(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;
@@ -170,11 +170,11 @@ const qe = (e, n) => {
   )
 };
 function ct(e) {
-  const [n, m] = De(!1), [i, u] = De([]), [v, h] = De(""), j = ce(null), p = ce(null), b = ce(null), k = ce(null), I = ce(
+  const [n, m] = je(!1), [i, u] = je([]), [y, p] = je(""), D = ce(null), g = ce(null), b = ce(null), k = ce(null), I = ce(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
-    id: x,
+    id: v,
     name: S,
     label: z,
     height: se,
@@ -186,7 +186,7 @@ function ct(e) {
     optionLabel: de,
     renderOption: J,
     renderOptionGroupHeader: fe,
-    renderSelection: je,
+    renderSelection: De,
     renderOptionContext: Ie,
     buttonClassName: He,
     dropdownClassName: ae,
@@ -210,9 +210,9 @@ function ct(e) {
   } = 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 !== void 0 && e.value !== null && e.value !== "", Le = {}, Te = oe(() => ie === "static" && N ? N : "", [ie, N]), Ge = oe(
-    () => O?.controledSearchValue || v,
-    [O?.controledSearchValue, v]
+  }), 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: {
@@ -240,7 +240,7 @@ function ct(e) {
     if (e.multiple)
       e.value?.forEach((a) => {
         const l = Y?.find(
-          (g) => G(g, E) === a
+          (h) => G(h, E) === a
         );
         l && t.push(l);
       });
@@ -260,9 +260,9 @@ function ct(e) {
   ), d = oe(() => {
     const t = [];
     return K.forEach((a, l) => {
-      const g = a, H = g.options;
+      const h = a, H = typeof h == "object" ? h?.options : [];
       if (Array.isArray(H) && H.length > 0) {
-        const $ = g.label, P = G(a, E), le = `__group-${String(P ?? l)}`, xe = {
+        const $ = h.label, P = G(a, E), le = `__group-${String(P ?? l)}`, xe = {
           id: le,
           value: le,
           label: typeof $ == "string" ? $ : String(P ?? `Grupo ${l + 1}`),
@@ -288,15 +288,15 @@ function ct(e) {
       if (!e.multiple) {
         const C = l[0];
         if (!C) return;
-        const D = c.has(C.id), B = a ?? "toggle";
+        const j = c.has(C.id), B = a ?? "toggle";
         let Pe;
-        B === "select" || B === "toggle" && !D ? Pe = C : Pe = void 0, e.onChange?.(Pe, S);
+        B === "select" || B === "toggle" && !j ? Pe = C : Pe = void 0, e.onChange?.(Pe, S);
         return;
       }
-      const g = e.value || [], H = [];
-      g.forEach((C) => {
-        const D = ge.find((B) => B.value === C);
-        D && H.push(D);
+      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)
@@ -306,10 +306,10 @@ function ct(e) {
         _ = H.filter((C) => !P.has(C.id));
       else {
         const C = new Map(
-          H.map((D) => [D.id, D])
+          H.map((j) => [j.id, j])
         );
-        l.forEach((D) => {
-          C.set(D.id, D);
+        l.forEach((j) => {
+          C.set(j.id, j);
         }), _ = Array.from(C.values());
       }
       e.onChange?.(_, S);
@@ -330,18 +330,18 @@ function ct(e) {
     if (!e.multiple)
       e.onChange?.(t, S);
     else {
-      const a = e.value || [], l = [], g = a.includes(t.value);
+      const a = e.value || [], l = [], h = a.includes(t.value);
       a.forEach(($) => {
         const P = ge.find(
           (le) => le.value === $
         );
         P && l.push(P);
       });
-      const H = g ? l.filter(($) => $.value !== t.value) : [...l, t];
+      const H = h ? l.filter(($) => $.value !== t.value) : [...l, t];
       e.onChange?.(H, S);
     }
   };
-  const y = U(
+  const x = U(
     (t, a = !1) => {
       X?.(t, S), I.current?.(t), a && (m(!1), Se?.());
     },
@@ -352,7 +352,7 @@ function ct(e) {
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
       const a = Y.find(
-        (g) => G(g, E) === t
+        (h) => G(h, E) === t
       );
       if (!a) return;
       const l = T(a);
@@ -379,11 +379,11 @@ function ct(e) {
     const t = (a) => {
       const l = a.target;
       if (a.type === "mousedown") {
-        if (j.current?.contains(l) || p.current?.contains(l)) return;
+        if (D.current?.contains(l) || g.current?.contains(l)) return;
         m(!1);
       }
       if (a.type === "scroll") {
-        if (p.current?.contains(l)) return;
+        if (g.current?.contains(l)) return;
         m(!1);
       }
       a.type === "resize" && m(!1);
@@ -408,13 +408,13 @@ function ct(e) {
         n && m(!1);
       },
       toggle: () => m((t) => !t),
-      handleOptionSelect: y,
+      handleOptionSelect: x,
       subscribeOpenChange: (t) => (A.current.add(t), () => {
         A.current.delete(t);
       }),
       searchInputRef: b
     }),
-    [n, y]
+    [n, x]
   );
   const be = (t) => {
     t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (m(!0), setTimeout(() => {
@@ -429,7 +429,7 @@ function ct(e) {
     "div",
     {
       className: f("relative bg-inherit select-none w-full", M),
-      ref: j,
+      ref: D,
       draggable: !1,
       style: Le,
       children: [
@@ -437,7 +437,7 @@ function ct(e) {
           /* @__PURE__ */ s.jsx(
             "label",
             {
-              htmlFor: x,
+              htmlFor: v,
               ref: Oe,
               className: f(
                 "left-3 pointer-events-none bg-inherit z-10",
@@ -452,7 +452,7 @@ function ct(e) {
           /* @__PURE__ */ s.jsxs(
             "div",
             {
-              id: x,
+              id: v,
               tabIndex: 0,
               role: "button",
               ref: k,
@@ -484,9 +484,9 @@ function ct(e) {
                     onPointerLeave: ne.onPointerLeave,
                     onPointerCancel: ne.onPointerCancel,
                     onClickCapture: ne.onClickCapture,
-                    children: je ? Ne.createElement(
+                    children: De ? Ne.createElement(
                       Z(
-                        je,
+                        De,
                         (t, a) => t.disabled === a.disabled && t.multiple === a.multiple
                       ),
                       {
@@ -577,14 +577,14 @@ function ct(e) {
             setFilteredOptions: u,
             renderOptionContext: Ie,
             options: d,
-            selectRef: j,
-            dropdownRef: p,
+            selectRef: D,
+            dropdownRef: g,
             selectButtonRef: k,
             helperComponentRef: W,
-            onOptionClick: y,
+            onOptionClick: x,
             onCloseDropdown: () => m(!1),
             searchValue: Ge,
-            setSearchValue: h,
+            setSearchValue: p,
             searchInputRef: b,
             isLoading: O?.isLoading,
             onSearchClear: O?.onSearchClear,
@@ -619,16 +619,16 @@ function ft({
   label: m,
   options: i,
   multiple: u,
-  disabled: v,
-  selectRef: h,
-  inputProps: j,
-  dropdownRef: p,
+  disabled: y,
+  selectRef: p,
+  inputProps: D,
+  dropdownRef: g,
   optionLabel: b,
   optionValue: k,
   searchValue: I,
   labelVariant: W,
   emptyMessage: A,
-  renderOption: x,
+  renderOption: v,
   renderOptionContext: S,
   renderOptionGroupHeader: z,
   onOptionClick: se,
@@ -640,7 +640,7 @@ function ft({
   filteredOptions: de,
   selectButtonRef: J,
   onCloseDropdown: fe,
-  loadingComponent: je,
+  loadingComponent: De,
   dropdownClassName: Ie,
   helperComponentRef: He,
   selectedOptionsIds: ae,
@@ -652,10 +652,10 @@ function ft({
   enableGroupToggle: X = !0,
   onGroupSelectChange: Se
 }) {
-  const me = e ? 380 : 320, te = W === "static" ? m !== "" ? -20 : 4 : 7, F = U(() => N ? N.endsWith("px") ? Number(N.replace("px", "")) : N.endsWith("vh") ? window.innerHeight * Number(N.replace("vh", "")) / 100 : N.endsWith("%") ? window.innerHeight * Number(N.replace("%", "")) / 100 : me : me, [N, me])(), [he, Ae] = De({
+  const 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] = De(
+  }), [we, ie] = je(
     () => /* @__PURE__ */ new Set()
   ), ze = U(
     (r) => !we.has(r),
@@ -669,39 +669,39 @@ function ft({
     },
     []
   ), Oe = (r) => {
-    if (!p.current || !h.current) return;
-    const o = h.current.getBoundingClientRect();
+    if (!g.current || !p.current) return;
+    const o = p.current.getBoundingClientRect();
     switch (r || he.direction) {
       case "down":
-        p.current.style.top = `${o.top + o.height - (He?.current?.offsetHeight ? He?.current?.offsetHeight + 4 : 0)}px`;
+        g.current.style.top = `${o.top + o.height - (He?.current?.offsetHeight ? He?.current?.offsetHeight + 4 : 0)}px`;
         break;
       case "up":
-        p.current.style.top = "auto", p.current.style.bottom = `${window.innerHeight - o.top + te}px`;
+        g.current.style.top = "auto", g.current.style.bottom = `${window.innerHeight - o.top + te}px`;
         break;
     }
-    p.current.style.left = `${o.left}px`, p.current.style.width = `${o.width}px`;
+    g.current.style.left = `${o.left}px`, g.current.style.width = `${o.width}px`;
   }, ne = (r) => {
-    p.current && (p.current.style.maxHeight = `${r}px`);
+    g.current && (g.current.style.maxHeight = `${r}px`);
   }, Me = () => {
-    if (!p.current || !h.current) return he;
-    const r = h.current.getBoundingClientRect(), o = window.innerHeight - (window.innerHeight - r.top), c = window.innerHeight - r.bottom, d = c >= F, w = o >= F;
-    let L = "down", y;
-    return d ? (L = "down", y = F) : w ? (L = "up", y = F) : c > o ? (L = "down", y = c - 16) : (L = "up", y = o - 16), { direction: L, height: y };
+    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 (!(!p.current || !h.current)) {
-      if (p.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
-        p.current.style.maxHeight = "0", p.current.style.opacity = "0", p.current.style.pointerEvents = "none";
+    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 (!E) {
         const o = Me();
         Ae(o), Oe(o.direction), ne(o.height);
       }
-      p.current.style.opacity = "1", p.current.style.pointerEvents = "auto";
+      g.current.style.opacity = "1", g.current.style.pointerEvents = "auto";
     }
   };
   ve(() => {
-    E || !h.current || !n || Oe();
+    E || !p.current || !n || Oe();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
@@ -713,37 +713,38 @@ function ft({
   }, [i]);
   const Le = (r, o) => {
     if (!o) return r;
-    if (x) {
-      const y = [];
+    if (v) {
+      const x = [];
       let R = null, q = [];
       const re = () => {
-        R && q.length > 0 && y.push(R, ...q), R = null, q = [];
+        R && q.length > 0 && x.push(R, ...q), R = null, q = [];
       };
       return r.forEach((be) => {
         const ue = be;
-        if (!!ue.isGroupHeader) {
+        if (!!(ue || {})?.isGroupHeader) {
           re(), R = ue;
           return;
         }
         const a = be, l = G(
           a,
           b
-        ), g = qe(String(l ?? ""), o);
-        R ? g && q.push(a) : g && y.push(a);
-      }), re(), y;
+        ), h = qe(String(l ?? ""), o);
+        R ? h && q.push(a) : h && x.push(a);
+      }), re(), x;
     }
     const c = [];
     let d = null, w = [];
     const L = () => {
       d && w.length > 0 && c.push(d, ...w), d = null, w = [];
     };
-    return r.forEach((y) => {
-      if (y.isGroupHeader) {
-        L(), d = y;
+    return r.forEach((x) => {
+      if (typeof x != "object" || x === null) return;
+      if ((x || {})?.isGroupHeader) {
+        L(), d = x;
         return;
       }
-      const R = qe(y.label, o);
-      d ? R && w.push(y) : R && c.push(y);
+      const R = qe(x.label, o);
+      d ? R && w.push(x) : R && c.push(x);
     }), L(), c;
   }, Te = (r) => {
     const o = Le(i, r);
@@ -760,7 +761,7 @@ function ft({
     if (K) {
       K(), Q(
         i.filter((r) => {
-          const o = x ? G(r, k) : r.id;
+          const o = v ? G(r, k) : r.id;
           return ae.has(o);
         })
       );
@@ -774,16 +775,16 @@ function ft({
     K,
     Q,
     M,
-    x
+    v
   ]), $e = (r) => {
-    r.key === "ArrowDown" ? (r.preventDefault(), p.current?.querySelector(
+    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(
-      p.current?.querySelectorAll("[role=listitem]") || []
+      g.current?.querySelectorAll("[role=listitem]") || []
     ), d = c.indexOf(r.currentTarget);
     if (r.key === "ArrowDown") {
       r.preventDefault();
@@ -797,7 +798,7 @@ function ft({
         c[w]?.focus();
       }
     else if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), o.isGroupHeader || v) return;
+      if (r.preventDefault(), (o || {})?.isGroupHeader || y) return;
       se(o, !u), u || setTimeout(() => {
         J.current?.focus(), fe();
       }, 10);
@@ -807,8 +808,8 @@ function ft({
       J.current?.focus(), fe();
     }, 10);
   }, Y = Array.from({ length: 5 }).map(
-    (r, o) => x ? Ne.createElement(
-      Z(x, (c, d) => c.isSelected === d.isSelected && c.option === d.option && c.disabled === d.disabled && c.multiple === d.multiple && c.renderContext === d.renderContext),
+    (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: "" },
@@ -837,7 +838,7 @@ function ft({
     "div",
     {
       tabIndex: 0,
-      ref: p,
+      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",
@@ -866,7 +867,7 @@ function ft({
                 size: "small",
                 tabIndex: 0,
                 value: I,
-                disabled: v,
+                disabled: y,
                 ref: V,
                 labelVariant: "static",
                 icon: /* @__PURE__ */ s.jsx(st, { size: 22 }),
@@ -876,19 +877,19 @@ function ft({
                 onChange: (r) => Te(r.target.value),
                 placeholder: Ee,
                 className: " bg-neutral-medium-pressed",
-                ...j
+                ...D
               }
             ),
-            /* @__PURE__ */ s.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: de.length === 0 ? ee ? /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: je || Y }) : /* @__PURE__ */ s.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: I ? `No se encontraron resultados para "${I}"` : A }) : (() => {
+            /* @__PURE__ */ s.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: de.length === 0 ? ee ? /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: De || Y }) : /* @__PURE__ */ s.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: I ? `No se encontraron resultados para "${I}"` : A }) : (() => {
               let r = !0;
               return de.map((o) => {
-                const c = o, d = !!c.isGroupHeader, w = x && !d ? G(o, k) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
+                const c = o, d = !!(c || {}).isGroupHeader, w = v && !d ? G(o, k) : c.id, L = ae.has(w), x = (l) => !v || d ? l : {
                   id: w,
                   label: String(G(l, b)),
                   value: G(l, k)
                 }, R = (l) => {
                   d || se(
-                    y(o),
+                    x(o),
                     l === void 0 ? !u : l
                   );
                 }, q = (l) => {
@@ -896,8 +897,8 @@ function ft({
                     if (!M) return;
                     M(""), Q(i);
                   }
-                }, re = (l, g) => {
-                  const H = !!g.isGroupHeader;
+                }, re = (l, h) => {
+                  const H = !!(h || {}).isGroupHeader;
                   return (
                     // biome-ignore lint/a11y/useSemanticElements: <>
                     /* @__PURE__ */ s.jsx(
@@ -905,23 +906,23 @@ function ft({
                       {
                         tabIndex: 0,
                         role: "listitem",
-                        onKeyDown: ($) => T($, g),
+                        onKeyDown: ($) => T($, h),
                         className: f(
-                          !H && !v && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
+                          !H && !y && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
                           L && "bg-neutral-medium-selected",
-                          v && "cursor-default pointer-events-none"
+                          y && "cursor-default pointer-events-none"
                         ),
                         children: l
                       },
-                      g.id
+                      h.id
                     )
                   );
                 };
                 if (d) {
-                  const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : ze(g);
+                  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 && ke(g, _);
+                    X && ke(h, _);
                   }, xe = (_) => {
                     !P || P.length === 0 || Se && Se(P, _);
                   }, ye = P.filter(
@@ -930,13 +931,13 @@ function ft({
                   if (z) {
                     const _ = Z(
                       z,
-                      (D, B) => D.label === B.label && D.group === B.group && D.groupOptions === B.groupOptions && D.disabled === B.disabled && D.multiple === B.multiple && D.expanded === B.expanded && D.renderContext === B.renderContext
+                      (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: v,
+                      disabled: y,
                       expanded: H,
                       toggleGroup: le,
                       selectGroup: xe,
@@ -952,7 +953,7 @@ function ft({
                         "div",
                         {
                           className: "cursor-pointer",
-                          onClick: () => ke(g),
+                          onClick: () => ke(h),
                           children: /* @__PURE__ */ s.jsx(
                             Ue,
                             {
@@ -968,10 +969,10 @@ function ft({
                     c
                   );
                 }
-                const be = x ? Ne.createElement(
+                const be = v ? Ne.createElement(
                   Z(
-                    x,
-                    (l, g) => l.isSelected === g.isSelected && l.option === g.option && l.disabled === g.disabled && l.multiple === g.multiple && l.renderContext === g.renderContext
+                    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,
@@ -979,14 +980,14 @@ function ft({
                     isSelected: L,
                     multiple: u,
                     onSelect: R,
-                    disabled: v,
+                    disabled: y,
                     isLoading: ee,
                     renderContext: S
                   }
                 ) : /* @__PURE__ */ s.jsx(
                   Be,
                   {
-                    disabled: v,
+                    disabled: y,
                     multiple: u,
                     isLoading: ee,
                     isSelected: L,
@@ -996,7 +997,7 @@ function ft({
                   w
                 ), ue = re(
                   be,
-                  y(o)
+                  x(o)
                 );
                 if (!X)
                   return ue;
@@ -1010,7 +1011,7 @@ function ft({
                 });
               });
             })() }),
-            e && /* @__PURE__ */ s.jsx("div", { className: "border-t border-neutral-strong-default p-2", children: e })
+            e && e
           ]
         }
       )
@@ -1028,10 +1029,10 @@ const mt = Z(
     onSelect: m,
     multiple: i,
     disabled: u,
-    isLoading: v
+    isLoading: y
   }) => {
-    const h = e.isGroupHeader;
-    if (v)
+    const p = (e || {})?.isGroupHeader;
+    if (y)
       return /* @__PURE__ */ s.jsxs(
         "div",
         {
@@ -1043,24 +1044,24 @@ const mt = Z(
         },
         e.id
       );
-    const j = (b) => {
-      b.preventDefault(), b.stopPropagation(), !(u || h) && m?.(e);
-    }, p = h && e.groupLabelNode ? e.groupLabelNode : e.label;
+    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__ */ s.jsxs(
         "div",
         {
-          onMouseDown: j,
+          onMouseDown: D,
           className: f(
             "px-3 py-2 flex items-center transition-colors text-neutral-default-default ",
-            h ? "cursor-default text-neutral-medium-default" : "cursor-pointer",
-            !h && (n ? " text-primary-default-default" : "hover:bg-neutral-medium-hover text-neutral-default-hover"),
-            u && !h && "text-neutral-default-disabled hover:bg-neutral-default-default"
+            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 && !h && /* @__PURE__ */ s.jsx(lt, { checked: n, disabled: u }),
-            /* @__PURE__ */ s.jsx("span", { children: p })
+            i && !p && /* @__PURE__ */ s.jsx(lt, { checked: n, disabled: u }),
+            /* @__PURE__ */ s.jsx("span", { children: g })
           ]
         },
         e.id
@@ -1077,18 +1078,18 @@ const Je = Z(
     onRemoveOption: m,
     displayMode: i,
     multiple: u,
-    className: v,
-    disabled: h
-  }) => e?.length === 0 ? n ? /* @__PURE__ */ s.jsx("span", { className: "text-neutral-medium-default opacity-50", children: n }) : null : i === "chips" && u ? /* @__PURE__ */ s.jsx("div", { className: f("flex items-center gap-1 ", v), children: e.map((j) => /* @__PURE__ */ s.jsx(
+    className: y,
+    disabled: p
+  }) => e?.length === 0 ? n ? /* @__PURE__ */ s.jsx("span", { className: "text-neutral-medium-default opacity-50", children: n }) : null : i === "chips" && u ? /* @__PURE__ */ s.jsx("div", { className: f("flex items-center gap-1 ", y), children: e.map((D) => /* @__PURE__ */ s.jsx(
     it,
     {
       tabIndex: -1,
-      id: j.id,
-      label: j.label,
+      id: D.id,
+      label: D.label,
       onRemove: m,
-      disabled: h
+      disabled: p
     },
-    j.id
+    D.id
   )) }) : e?.length === 1 ? /* @__PURE__ */ s.jsx("span", { children: e[0].label }) : /* @__PURE__ */ s.jsxs("span", { children: [
     e?.length,
     " seleccionados"

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-CRFOzYc6.js";
+import { S as f } from "./Select-mdLPyy7g.js";
 export {
   f as default
 };

package/dist/SelectSearch.es.js

@@ -1,247 +1,254 @@
-import { j as q } from "./jsx-runtime-DKDX3adD.js";
-import { g as l, S as G } from "./Select-CRFOzYc6.js";
-import { useState as T, useRef as I, useEffect as h, useMemo as H, useCallback as Q } from "react";
-function te(e) {
+import { j as X } from "./jsx-runtime-DKDX3adD.js";
+import { g as i, S as Y } from "./Select-mdLPyy7g.js";
+import { useState as w, useRef as T, useEffect as m, useMemo as Z, useCallback as ee } from "react";
+function re(e) {
   const {
     options: y,
-    fetcher: u,
-    asyncMode: V = "fetch_in_open",
-    disabled: S = !1,
-    debounceDelay: A = 500,
-    minCharacters: _ = 3,
-    optionLabel: d,
-    optionValue: c,
-    controlledValue: m,
-    isOpen: x,
-    inputRef: R,
-    name: p
-  } = e || {}, [O, j] = T(y || []), [J, C] = T(y || []), [a, k] = T(""), [E, o] = T(!1), [v, b] = T(!1), g = I(null), D = I(null), N = I(!1), F = I(u), M = e?.multiple === !0 || !1, w = I(M ? [] : void 0), [f, P] = T(M ? [] : void 0);
-  h(() => {
-    F.current = u;
-  }, [u]), h(() => {
-    m !== void 0 && P(m);
-  }, [m]), h(() => {
-    w.current = m !== void 0 ? m : f;
-  }, [m, f]), h(() => {
-    e?.options && (j(e.options), C(e.options));
+    fetcher: a,
+    asyncMode: p = "fetch_in_open",
+    disabled: O = !1,
+    debounceDelay: I = 500,
+    minCharacters: C = 3,
+    optionLabel: f,
+    optionValue: s,
+    controlledValue: b,
+    isOpen: F,
+    inputRef: k,
+    name: v
+  } = e || {}, j = y ? y.filter((t) => t != null) : [], [V, R] = w(j || []), [M, x] = w(j || []), [c, A] = w(""), [l, d] = w(!1), [g, P] = w(!1), E = T(null), N = T(null), z = T(!1), J = T(a), U = e?.multiple === !0 || !1, L = T(U ? [] : void 0), [h, D] = w(U ? [] : void 0);
+  m(() => {
+    J.current = a;
+  }, [a]), m(() => {
+    if (b !== void 0) {
+      const t = $(b, "value");
+      D(t);
+    }
+  }, [b]), m(() => {
+    L.current = b !== void 0 ? b : h;
+  }, [b, h]), m(() => {
+    if (e?.options) {
+      const t = e.options.filter((n) => n != null);
+      R(t), x(t);
+    }
   }, [e?.options]);
-  const U = H(() => (t, n) => new Promise((r, i) => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => t(a).then(r).catch(i), n);
-  }), [a]), X = (t) => {
-    const n = m !== void 0, r = (i) => c ? l(i, c) : l(i, "id");
+  const B = Z(() => (t, n) => new Promise((o, r) => {
+    E.current && clearTimeout(E.current), E.current = setTimeout(() => t(c).then(o).catch(r), n);
+  }), [c]), te = (t) => {
+    const n = b !== void 0, o = (r) => s ? i(r, s) : i(r, "id");
     if (e?.multiple === !0) {
-      const i = w.current || [];
-      let s;
-      i.some((L) => r(L) === r(t)) ? s = i.filter((L) => r(L) !== r(t)) : s = [...i, t], n ? (w.current = s, e?.onChange?.(s, p)) : (w.current = s, P(s), e?.onChange?.(s, p));
+      const r = L.current || [];
+      let u;
+      r.some((_) => o(_) === o(t)) ? u = r.filter((_) => o(_) !== o(t)) : u = [...r, t], n ? (L.current = u, e?.onChange?.(u, v)) : (L.current = u, D(u), e?.onChange?.(u, v));
     } else
-      n ? (w.current = t, e?.onChange?.(t, p)) : (w.current = t, P(t), e?.onChange?.(t, p));
-  }, W = (t) => (e?.onFetchingStart?.(), F.current?.(t) || Promise.resolve([])), K = Q((t, n) => t.length === 0 ? n : c ? n.filter((r) => !t.some((i) => l(i, c) === l(r, c))) : n.filter((r) => !t.some((i) => l(i, "id") === l(r, "id"))), [c]);
-  h(() => {
+      n ? (L.current = t, e?.onChange?.(t, v)) : (L.current = t, D(t), e?.onChange?.(t, v));
+  }, q = (t) => (e?.onFetchingStart?.(), J.current?.(t) || Promise.resolve([])), $ = (t, n) => Array.isArray(t) ? (t.some((o) => typeof o != "object" || o === null) && console.debug(`El valor del ${n || "resultado del fetcher"} contiene elementos no válidos (null,undefined, no-object)`, t), t?.filter((o) => o != null) || []) : (console.debug(`El valor del ${n || "resultado del fetcher"} no es un Array (tipo de dato obtenido: ${typeof t})`), []), K = ee((t, n) => t.length === 0 ? n : s ? n.filter((o) => !t.some((r) => i(r, s) === i(o, s))) : n.filter((o) => !t.some((r) => i(r, "id") === i(o, "id"))), [s]);
+  m(() => {
     const t = e?.subscribeOpenChange;
     if (!t) return;
-    const n = t((r) => {
-      b(r);
+    const n = t((o) => {
+      P(o);
     });
     return () => {
       n && n();
     };
   }, [e?.subscribeOpenChange]);
-  const $ = x !== void 0 ? x : v;
-  h(() => {
-    if (!S && F.current && V === "fetch_on_type") {
-      if (!a || a === "" || a.length < _) {
-        g.current && clearTimeout(g.current), o(!1);
+  const G = F !== void 0 ? F : g;
+  m(() => {
+    if (!O && J.current && p === "fetch_on_type") {
+      if (!c || c === "" || c.length < C) {
+        E.current && clearTimeout(E.current), d(!1);
         return;
       }
-      const t = U(W, A);
-      o(!0), t.then((n) => {
-        if (!Array.isArray(n))
-          return console.debug(`El resultado del fetcher no es un Array (tipo de resultado obtenido: ${typeof n})`), [];
-        j(n);
+      const t = B(q, I);
+      d(!0), t.then((n) => {
+        const o = $(n);
+        R(o);
       }).finally(() => {
-        o(!1), e?.onFetchingEnd?.();
+        d(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [V, a, S, A, U, _]), h(() => {
-    if (!S)
-      if ($) {
-        if (e?.onOpen?.(), V === "fetch_in_open") {
-          if (!F.current)
+  }, [p, c, O, I, B, C]), m(() => {
+    if (!O)
+      if (G) {
+        if (e?.onOpen?.(), p === "fetch_in_open") {
+          if (!J.current)
             return;
-          o(!0), W().then((t) => {
-            if (!Array.isArray(t))
-              return console.debug(`El resultado del fetcher no es un Array (tipo de resultado obtenido: ${typeof t})`), [];
-            j(() => {
-              const n = t.filter((r) => {
-                if (c)
-                  return l(r, c) !== void 0;
+          d(!0), q().then((t) => {
+            const n = $(t);
+            R(() => {
+              const o = n.filter((r) => {
+                if (s)
+                  return i(r, s) !== void 0;
               });
-              return M && f.length > 0 ? [...K(f, n), ...f] : n;
+              return U && h.length > 0 ? [...K(h, o), ...h] : o;
             });
           }).finally(() => {
-            o(!1), e?.onFetchingEnd?.();
+            d(!1), e?.onFetchingEnd?.();
           });
         }
       } else
         e?.onClose?.();
-  }, [$, V, S]);
-  const z = (t, n) => t?.filter((r) => {
-    if (d)
-      return l(r, d)?.toLowerCase().includes(n.toLowerCase());
-    switch (typeof r) {
-      case "string":
-        return r?.toLowerCase().includes(n.toLowerCase());
-      case "number":
-        return r.toString().includes(n);
-      case "object":
-        return Object.values(r).some((s) => s.toString()?.toLowerCase().includes(n.toLowerCase()));
-      default:
-        return !1;
+  }, [G, p, O]);
+  const H = (t, n) => t?.filter((o) => {
+    if (f)
+      return i(o, f)?.toLowerCase().includes(n.toLowerCase());
+    {
+      const r = o;
+      switch (typeof r) {
+        case "string":
+          return r?.toLowerCase().includes(n.toLowerCase());
+        case "number":
+          return r.toString().includes(n);
+        case "object":
+          return Object.values(r).some((S) => S.toString()?.toLowerCase().includes(n.toLowerCase()));
+        default:
+          return !1;
+      }
     }
-  }) || [], Y = (t) => t?.sort((n, r) => {
-    if (d)
-      return l(n, d) < l(r, d) ? -1 : 1;
+  }) || [], ne = (t) => t?.sort((n, o) => {
+    if (f)
+      return i(n, f) < i(o, f) ? -1 : 1;
     {
-      const s = ["label", "name", "value"].find((L) => typeof n == "object" && Object.keys(n).includes(L));
-      switch (typeof n) {
+      const u = ["label", "name", "value"].find((W) => typeof n == "object" && Object.keys(n).includes(W)), S = n, _ = o;
+      switch (typeof S) {
         case "string":
-          return n < r ? -1 : 1;
+          return S < _ ? -1 : 1;
         case "number":
-          return n < r ? -1 : 1;
+          return S < _ ? -1 : 1;
         case "object":
-          if (s) {
-            const L = l(n, s), ee = l(r, s);
-            return L < ee ? -1 : 1;
+          if (u) {
+            const W = i(n, u), oe = i(o, u);
+            return W < oe ? -1 : 1;
           } else
             return 1;
         default:
           return 1;
       }
     }
-  }) || [], B = (t) => {
-    const n = typeof R == "function" ? R() : R;
-    t.target === n?.current && (D.current && clearTimeout(D.current), N.current || (N.current = !0, e?.onTypeStart?.()), D.current = setTimeout(() => {
-      N.current = !1;
-    }, A));
+  }) || [], Q = (t) => {
+    const n = typeof k == "function" ? k() : k;
+    t.target === n?.current && (N.current && clearTimeout(N.current), z.current || (z.current = !0, e?.onTypeStart?.()), N.current = setTimeout(() => {
+      z.current = !1;
+    }, I));
   };
-  return h(() => {
-    if (a === "")
-      C(Y(O));
-    else if (M) {
-      const t = K(f, O);
-      C([...z(t, a), ...f]);
+  return m(() => {
+    if (c === "")
+      x(ne(V));
+    else if (U) {
+      const t = K(h, V);
+      x([...H(t, c), ...h]);
     } else {
-      const t = K([f], O);
-      C([...z(t, a), f]);
+      const t = K([h], V);
+      x([...H(t, c), h]);
     }
-  }, [O]), h(() => (document.addEventListener("keydown", B), () => {
-    document.removeEventListener("keydown", B);
+  }, [V]), m(() => (document.addEventListener("keydown", Q), () => {
+    document.removeEventListener("keydown", Q);
   }), []), {
-    inputValue: a,
-    setInputValue: k,
+    inputValue: c,
+    setInputValue: A,
     cleanInputValue: () => {
-      k("");
+      A("");
     },
-    filteredOptions: J,
-    isLoading: E,
-    value: f,
-    setValue: P,
-    onOptionClick: X
+    filteredOptions: M,
+    isLoading: l,
+    value: h,
+    setValue: D,
+    onOptionClick: te
   };
 }
-const ie = (e) => {
-  const y = I(null);
-  h(() => {
+const ae = (e) => {
+  const y = T(null);
+  m(() => {
     e.controls && (e.controls.current = y.current);
   }, [e.controls]);
-  const { asyncMode: u = "fetch_in_open" } = e, V = (o, v, b) => {
-    const g = {
-      options: o.options,
-      fetcher: o.fetcher,
-      asyncMode: v,
-      debounceDelay: o.debounceDelay,
-      minCharacters: o.minCharacters,
-      disabled: o.disabled,
-      optionValue: o.optionValue,
-      optionLabel: o.optionLabel,
+  const { asyncMode: a = "fetch_in_open" } = e, p = (l, d, g) => {
+    const P = {
+      options: l.options,
+      fetcher: l.fetcher,
+      asyncMode: d,
+      debounceDelay: l.debounceDelay,
+      minCharacters: l.minCharacters,
+      disabled: l.disabled,
+      optionValue: l.optionValue,
+      optionLabel: l.optionLabel,
       onFetchingStart: () => {
-        v === "fetch_on_type" && b.current?.open();
+        d === "fetch_on_type" && g.current?.open();
       },
       onTypeStart: () => {
-        !o?.fetcher && b.current?.open();
+        !l?.fetcher && g.current?.open();
       },
-      inputRef: () => b.current?.searchInputRef,
-      subscribeOpenChange: b.current?.subscribeOpenChange,
-      name: o.name
+      inputRef: () => g.current?.searchInputRef,
+      subscribeOpenChange: g.current?.subscribeOpenChange,
+      name: l.name
     };
-    return o.multiple ? {
-      ...g,
+    return l.multiple ? {
+      ...P,
       multiple: !0,
-      controlledValue: o.value,
-      onChange: o.onChange
+      controlledValue: l.value,
+      onChange: l.onChange
     } : {
-      ...g,
+      ...P,
       multiple: !1,
-      controlledValue: o.value,
-      onChange: o.onChange
+      controlledValue: l.value,
+      onChange: l.onChange
     };
-  }, { inputValue: S, setInputValue: A, filteredOptions: _, isLoading: d, value: c, onOptionClick: m, cleanInputValue: x } = te(V(e, u, y)), R = Q(() => u === "fetch_on_type" ? d : !1, [u, d]), p = H(() => e.multiple ? c.map((o) => l(o, e.optionValue)) : c ? l(c, e.optionValue) : void 0, [c, e.optionValue, e.multiple]), O = (o) => {
-    const v = _.find((b) => l(b, e.optionValue) === o.id);
-    v && m(v);
-  }, { displayMode: j = e.multiple ? "chips" : "compact", dropdownOptions: J, overflow: C = "scroll", onChange: a, ...k } = e.selectComponentProps || {}, E = {
-    controledSearchValue: S,
-    onSearchValueChange: u === "fetch_on_type" ? A : void 0,
-    onSearchClear: u === "fetch_on_type" ? x : void 0,
+  }, { inputValue: O, setInputValue: I, filteredOptions: C, isLoading: f, value: s, onOptionClick: b, cleanInputValue: F } = re(p(e, a, y)), k = ee(() => a === "fetch_on_type" ? f : !1, [a, f]), v = Z(() => e.multiple ? s.map((l) => i(l, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), j = (l) => {
+    const d = C.find((g) => i(g, e.optionValue) === l.id);
+    d && b(d);
+  }, { displayMode: V = e.multiple ? "chips" : "compact", dropdownOptions: R, overflow: M = "scroll", onChange: x, ...c } = e.selectComponentProps || {}, A = {
+    controledSearchValue: O,
+    onSearchValueChange: a === "fetch_on_type" ? I : void 0,
+    onSearchClear: a === "fetch_on_type" ? F : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
-    isLoading: R(),
-    ...J || {}
+    isLoading: k(),
+    ...R || {}
   };
-  return e.multiple ? /* @__PURE__ */ q.jsx(
-    G,
+  return e.multiple ? /* @__PURE__ */ X.jsx(
+    Y,
     {
       disabled: e.disabled,
       className: e.className,
       name: e.name,
-      overflow: C,
-      ...k,
+      overflow: M,
+      ...c,
       multiple: !0,
-      value: p,
+      value: v,
       label: e.label || "",
-      options: _,
+      options: C,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: O,
-      displayMode: j,
+      onOptionClick: j,
+      displayMode: V,
       controls: y,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: E,
-      isLoading: u === "fetch_in_open" ? d : !1
+      dropdownOptions: A,
+      isLoading: a === "fetch_in_open" ? f : !1
     }
-  ) : /* @__PURE__ */ q.jsx(
-    G,
+  ) : /* @__PURE__ */ X.jsx(
+    Y,
     {
       disabled: e.disabled,
-      ...k,
+      ...c,
       className: e.className,
-      overflow: C,
+      overflow: M,
       name: e.name,
       multiple: !1,
-      value: p,
+      value: v,
       label: e.label || "",
-      options: _,
+      options: C,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: O,
+      onOptionClick: j,
       displayMode: "compact",
       controls: y,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: E,
-      isLoading: u === "fetch_in_open" ? d : !1
+      dropdownOptions: A,
+      isLoading: a === "fetch_in_open" ? f : !1
     }
   );
 };
 export {
-  ie as default
+  ae as default
 };

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -16,5 +16,5 @@ export interface AutocompleteProps<T> {
     disabled?: boolean;
     renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
 }
-declare const Autocomplete: <T>(props: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Autocomplete: <T extends object>(props: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Autocomplete;

package/dist/components/Autocomplete/useAutocomplete.d.ts

@@ -1,16 +1,16 @@
 import { OptionAccessor } from '../Shared/types';
-export interface UseAutocompleteOptionsMultiple<T> extends UseAutocompleteBaseOptions<T> {
+export interface UseAutocompleteOptionsMultiple<T extends object> extends UseAutocompleteBaseOptions<T> {
     multiple: true;
     controlledValue?: T[];
     onChange?: (newValue: T[], name?: string) => void;
 }
-export interface UseAutocompleteOptionsSingle<T> extends UseAutocompleteBaseOptions<T> {
+export interface UseAutocompleteOptionsSingle<T extends object> extends UseAutocompleteBaseOptions<T> {
     multiple?: false;
     controlledValue?: T;
     onChange?: (newValue: T, name?: string) => void;
 }
-export interface UseAutocompleteBaseOptions<T> {
-    options?: T[];
+export interface UseAutocompleteBaseOptions<T extends object> {
+    options?: (T | undefined | null)[];
     fetcher?: (input?: string) => Promise<T[]>;
     asyncMode?: 'fetch_in_open' | 'fetch_on_type';
     disabled?: boolean;
@@ -28,8 +28,8 @@ export interface UseAutocompleteBaseOptions<T> {
     subscribeOpenChange?: (cb: (open: boolean) => void) => (() => void) | undefined;
     name?: string;
 }
-export type UseAutocompleteOptions<T> = UseAutocompleteOptionsMultiple<T> | UseAutocompleteOptionsSingle<T>;
-export declare function useAutocomplete<T>(options?: UseAutocompleteOptions<T>): {
+export type UseAutocompleteOptions<T extends object> = UseAutocompleteOptionsMultiple<T> | UseAutocompleteOptionsSingle<T>;
+export declare function useAutocomplete<T extends object>(options?: UseAutocompleteOptions<T>): {
     inputValue: string;
     setInputValue: import('react').Dispatch<import('react').SetStateAction<string>>;
     cleanInputValue: () => void;

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -1,17 +1,17 @@
 import { ComponentType } from 'react';
 import { CustomSelectionDisplayProps, CustomSelectOptionRendererProps, SelectControlsHandler, SelectProps } from '../Select/Select';
 import { OptionAccessor } from '../Shared/types';
-interface SimpleSelectSearchProps<T> extends BaseSelectSearchProps<T> {
+interface SimpleSelectSearchProps<T extends object> extends BaseSelectSearchProps<T> {
     multiple?: false;
     value?: T | undefined;
     onChange?: (newValue: T, name?: string) => void;
 }
-interface MultipleSelectSearchProps<T> extends BaseSelectSearchProps<T> {
+interface MultipleSelectSearchProps<T extends object> extends BaseSelectSearchProps<T> {
     multiple: true;
     value?: T[];
     onChange?: (newValue: T[], name?: string) => void;
 }
-export interface BaseSelectSearchProps<T> {
+export interface BaseSelectSearchProps<T extends object> {
     label?: string;
     placeholder?: string;
     name?: string;
@@ -31,6 +31,6 @@ export interface BaseSelectSearchProps<T> {
     controls?: React.RefObject<SelectControlsHandler | null>;
     selectComponentProps?: Partial<Omit<SelectProps<T>, 'controls'>>;
 }
-export type SelectSearchProps<T> = SimpleSelectSearchProps<T> | MultipleSelectSearchProps<T>;
-declare const SelectSearch: <T>(props: SelectSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type SelectSearchProps<T extends object> = SimpleSelectSearchProps<T> | MultipleSelectSearchProps<T>;
+declare const SelectSearch: <T extends object>(props: SelectSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default SelectSearch;

package/dist/prometeo-design-system.es.js

@@ -13,7 +13,7 @@ import { default as Ke } from "./Menu.es.js";
 import { default as Ye } from "./Pagination.es.js";
 import { default as tt } from "./ProfilePictureUpload.es.js";
 import { default as rt } from "./ProgressBar.es.js";
-import { S as nt } from "./Select-CRFOzYc6.js";
+import { S as nt } from "./Select-mdLPyy7g.js";
 import { default as it } from "./Spinner.es.js";
 import { default as ct } from "./Steps.es.js";
 import { default as dt } from "./SwipeContainer.es.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "3.0.8",
+  "version": "3.1.0",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",