prometeo-design-system 3.0.9 → 3.1.1

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-DYuTa7Cm.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-DYuTa7Cm.js → Select-mdLPyy7g.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: x = "default", tabIndex: p }) => /* @__PURE__ */ s.jsxs(
+}, Ve = ({ id: e, label: n, onRemove: m, className: i, disabled: u, variant: y = "default", tabIndex: p }) => /* @__PURE__ */ s.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[x].container,
+      at[y].container,
       u && Fe.container
     ),
     children: [
@@ -76,11 +76,11 @@ 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 x = u.split(/\s+/).filter(Boolean), p = x.filter((b) => /^\d+$/.test(b));
-  if (x.length > 1 || p.length > 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 x)
+    for (const b of y)
       if (!/^\d+$/.test(b) && !i.includes(b))
         return !1;
     return !0;
@@ -93,12 +93,12 @@ const qe = (e, n) => {
     if (I === 0) return W;
     if (W === 0) return I;
     const A = new Array(W + 1);
-    for (let y = 0; y <= W; y++) A[y] = y;
-    for (let y = 1; y <= I; y++) {
-      let S = y - 1;
-      A[0] = y;
+    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(y - 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;
       }
     }
@@ -112,7 +112,7 @@ const qe = (e, n) => {
 }, ut = (e) => {
   const n = [], m = (i) => {
     i.forEach((u) => {
-      const x = u, p = typeof x == "object" ? x?.options : [];
+      const y = u, p = typeof y == "object" ? y?.options : [];
       Array.isArray(p) && p.length > 0 ? m(p) : n.push(u);
     });
   };
@@ -170,11 +170,11 @@ const qe = (e, n) => {
   )
 };
 function ct(e) {
-  const [n, m] = je(!1), [i, u] = je([]), [x, p] = je(""), D = ce(null), g = 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: y,
+    id: v,
     name: S,
     label: z,
     height: se,
@@ -211,8 +211,8 @@ function ct(e) {
     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 || x,
-    [O?.controledSearchValue, x]
+    () => O?.controledSearchValue || y,
+    [O?.controledSearchValue, y]
   ), $e = () => {
     const t = {
       static: {
@@ -341,7 +341,7 @@ function ct(e) {
       e.onChange?.(H, S);
     }
   };
-  const v = U(
+  const x = U(
     (t, a = !1) => {
       X?.(t, S), I.current?.(t), a && (m(!1), Se?.());
     },
@@ -408,13 +408,13 @@ function ct(e) {
         n && m(!1);
       },
       toggle: () => m((t) => !t),
-      handleOptionSelect: v,
+      handleOptionSelect: x,
       subscribeOpenChange: (t) => (A.current.add(t), () => {
         A.current.delete(t);
       }),
       searchInputRef: b
     }),
-    [n, v]
+    [n, x]
   );
   const be = (t) => {
     t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (m(!0), setTimeout(() => {
@@ -437,7 +437,7 @@ function ct(e) {
           /* @__PURE__ */ s.jsx(
             "label",
             {
-              htmlFor: y,
+              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: y,
+              id: v,
               tabIndex: 0,
               role: "button",
               ref: k,
@@ -581,7 +581,7 @@ function ct(e) {
             dropdownRef: g,
             selectButtonRef: k,
             helperComponentRef: W,
-            onOptionClick: v,
+            onOptionClick: x,
             onCloseDropdown: () => m(!1),
             searchValue: Ge,
             setSearchValue: p,
@@ -619,7 +619,7 @@ function ft({
   label: m,
   options: i,
   multiple: u,
-  disabled: x,
+  disabled: y,
   selectRef: p,
   inputProps: D,
   dropdownRef: g,
@@ -628,7 +628,7 @@ function ft({
   searchValue: I,
   labelVariant: W,
   emptyMessage: A,
-  renderOption: y,
+  renderOption: v,
   renderOptionContext: S,
   renderOptionGroupHeader: z,
   onOptionClick: se,
@@ -685,8 +685,8 @@ function ft({
   }, 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", v;
-    return d ? (L = "down", v = F) : w ? (L = "up", v = F) : c > o ? (L = "down", v = c - 16) : (L = "up", v = o - 16), { direction: L, height: v };
+    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) {
@@ -713,15 +713,15 @@ function ft({
   }, [i]);
   const Le = (r, o) => {
     if (!o) return r;
-    if (y) {
-      const v = [];
+    if (v) {
+      const x = [];
       let R = null, q = [];
       const re = () => {
-        R && q.length > 0 && v.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;
         }
@@ -729,21 +729,22 @@ function ft({
           a,
           b
         ), h = qe(String(l ?? ""), o);
-        R ? h && q.push(a) : h && v.push(a);
-      }), re(), v;
+        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((v) => {
-      if (v.isGroupHeader) {
-        L(), d = v;
+    return r.forEach((x) => {
+      if (typeof x != "object" || x === null) return;
+      if ((x || {})?.isGroupHeader) {
+        L(), d = x;
         return;
       }
-      const R = qe(v.label, o);
-      d ? R && w.push(v) : R && c.push(v);
+      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 = y ? G(r, k) : r.id;
+          const o = v ? G(r, k) : r.id;
           return ae.has(o);
         })
       );
@@ -774,7 +775,7 @@ function ft({
     K,
     Q,
     M,
-    y
+    v
   ]), $e = (r) => {
     r.key === "ArrowDown" ? (r.preventDefault(), g.current?.querySelector(
       "[role=listitem]"
@@ -797,7 +798,7 @@ function ft({
         c[w]?.focus();
       }
     else if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), o.isGroupHeader || x) 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) => y ? Ne.createElement(
-      Z(y, (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: "" },
@@ -866,7 +867,7 @@ function ft({
                 size: "small",
                 tabIndex: 0,
                 value: I,
-                disabled: x,
+                disabled: y,
                 ref: V,
                 labelVariant: "static",
                 icon: /* @__PURE__ */ s.jsx(st, { size: 22 }),
@@ -882,13 +883,13 @@ function ft({
             /* @__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 = y && !d ? G(o, k) : c.id, L = ae.has(w), v = (l) => !y || 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(
-                    v(o),
+                    x(o),
                     l === void 0 ? !u : l
                   );
                 }, q = (l) => {
@@ -897,7 +898,7 @@ function ft({
                     M(""), Q(i);
                   }
                 }, re = (l, h) => {
-                  const H = !!h.isGroupHeader;
+                  const H = !!(h || {}).isGroupHeader;
                   return (
                     // biome-ignore lint/a11y/useSemanticElements: <>
                     /* @__PURE__ */ s.jsx(
@@ -907,9 +908,9 @@ function ft({
                         role: "listitem",
                         onKeyDown: ($) => T($, h),
                         className: f(
-                          !H && !x && "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",
-                          x && "cursor-default pointer-events-none"
+                          y && "cursor-default pointer-events-none"
                         ),
                         children: l
                       },
@@ -936,7 +937,7 @@ function ft({
                       label: l,
                       groupOptions: P,
                       multiple: u,
-                      disabled: x,
+                      disabled: y,
                       expanded: H,
                       toggleGroup: le,
                       selectGroup: xe,
@@ -968,9 +969,9 @@ function ft({
                     c
                   );
                 }
-                const be = y ? Ne.createElement(
+                const be = v ? Ne.createElement(
                   Z(
-                    y,
+                    v,
                     (l, h) => l.isSelected === h.isSelected && l.option === h.option && l.disabled === h.disabled && l.multiple === h.multiple && l.renderContext === h.renderContext
                   ),
                   {
@@ -979,14 +980,14 @@ function ft({
                     isSelected: L,
                     multiple: u,
                     onSelect: R,
-                    disabled: x,
+                    disabled: y,
                     isLoading: ee,
                     renderContext: S
                   }
                 ) : /* @__PURE__ */ s.jsx(
                   Be,
                   {
-                    disabled: x,
+                    disabled: y,
                     multiple: u,
                     isLoading: ee,
                     isSelected: L,
@@ -996,7 +997,7 @@ function ft({
                   w
                 ), ue = re(
                   be,
-                  v(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: x
+    isLoading: y
   }) => {
-    const p = e.isGroupHeader;
-    if (x)
+    const p = (e || {})?.isGroupHeader;
+    if (y)
       return /* @__PURE__ */ s.jsxs(
         "div",
         {
@@ -1077,9 +1078,9 @@ const Je = Z(
     onRemoveOption: m,
     displayMode: i,
     multiple: u,
-    className: x,
+    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 ", x), children: e.map((D) => /* @__PURE__ */ s.jsx(
+  }) => 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,

package/dist/Select.es.js

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

package/dist/SelectSearch.es.js

@@ -1,247 +1,261 @@
-import { j as q } from "./jsx-runtime-DKDX3adD.js";
-import { g as l, S as G } from "./Select-DYuTa7Cm.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 k, useRef as j, useEffect as m, useMemo as Z, useCallback as ee } from "react";
+function le(e) {
   const {
-    options: y,
+    options: p,
     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));
+    asyncMode: C = "fetch_in_open",
+    disabled: V = !1,
+    debounceDelay: R = 500,
+    minCharacters: L = 3,
+    optionLabel: h,
+    optionValue: s,
+    controlledValue: c,
+    isOpen: P,
+    inputRef: x,
+    name: S
+  } = e || {}, A = p ? p.filter((t) => t != null) : [], [v, _] = k(A || []), [D, y] = k(A || []), [d, E] = k(""), [J, l] = k(!1), [O, b] = k(!1), g = j(null), N = j(null), z = j(!1), U = j(u), F = e?.multiple === !0 || !1, w = j(F ? [] : void 0), [f, M] = k(F ? [] : void 0);
+  m(() => {
+    U.current = u;
+  }, [u]), m(() => {
+    if (c !== void 0)
+      if (F) {
+        const t = $(c, "value");
+        M(t);
+      } else
+        c != null && M(c);
+  }, [c]), m(() => {
+    w.current = c !== void 0 ? c : f;
+  }, [c, f]), m(() => {
+    if (e?.options) {
+      const t = e.options.filter((n) => n != null);
+      _(t), y(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) => {
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => t(d).then(o).catch(r), n);
+  }), [d]), te = (t) => {
+    const n = c !== 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 = w.current || [];
+      let a;
+      r.some((I) => o(I) === o(t)) ? a = r.filter((I) => o(I) !== o(t)) : a = [...r, t], n ? (w.current = a, e?.onChange?.(a, S)) : (w.current = a, M(a), e?.onChange?.(a, S));
     } 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 ? (w.current = t, e?.onChange?.(t, S)) : (w.current = t, M(t), e?.onChange?.(t, S));
+  }, q = (t) => (e?.onFetchingStart?.(), U.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) => {
+      b(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 = P !== void 0 ? P : O;
+  m(() => {
+    if (!V && U.current && C === "fetch_on_type") {
+      if (!d || d === "" || d.length < L) {
+        g.current && clearTimeout(g.current), l(!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, R);
+      l(!0), t.then((n) => {
+        const o = $(n);
+        _(o);
       }).finally(() => {
-        o(!1), e?.onFetchingEnd?.();
+        l(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [V, a, S, A, U, _]), h(() => {
-    if (!S)
-      if ($) {
-        if (e?.onOpen?.(), V === "fetch_in_open") {
-          if (!F.current)
+  }, [C, d, V, R, B, L]), m(() => {
+    if (!V)
+      if (G) {
+        if (e?.onOpen?.(), C === "fetch_in_open") {
+          if (!U.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;
+          l(!0), q().then((t) => {
+            const n = $(t);
+            _(() => {
+              const o = n.filter((r) => {
+                if (s)
+                  return i(r, s) !== void 0;
               });
-              return M && f.length > 0 ? [...K(f, n), ...f] : n;
+              return F && f.length > 0 ? [...K(f, o), ...f] : o;
             });
           }).finally(() => {
-            o(!1), e?.onFetchingEnd?.();
+            l(!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, C, V]);
+  const H = (t, n) => t?.filter((o) => {
+    if (h)
+      return i(o, h)?.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((T) => T.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 (h)
+      return i(n, h) < i(o, h) ? -1 : 1;
     {
-      const s = ["label", "name", "value"].find((L) => typeof n == "object" && Object.keys(n).includes(L));
-      switch (typeof n) {
+      const a = ["label", "name", "value"].find((W) => typeof n == "object" && Object.keys(n).includes(W)), T = n, I = o;
+      switch (typeof T) {
         case "string":
-          return n < r ? -1 : 1;
+          return T < I ? -1 : 1;
         case "number":
-          return n < r ? -1 : 1;
+          return T < I ? -1 : 1;
         case "object":
-          if (s) {
-            const L = l(n, s), ee = l(r, s);
-            return L < ee ? -1 : 1;
+          if (a) {
+            const W = i(n, a), oe = i(o, a);
+            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 x == "function" ? x() : x;
+    t.target === n?.current && (N.current && clearTimeout(N.current), z.current || (z.current = !0, e?.onTypeStart?.()), N.current = setTimeout(() => {
+      z.current = !1;
+    }, R));
   };
-  return h(() => {
-    if (a === "")
-      C(Y(O));
-    else if (M) {
-      const t = K(f, O);
-      C([...z(t, a), ...f]);
+  return m(() => {
+    if (d === "")
+      y(ne(v));
+    else if (F) {
+      const t = K(f, v);
+      y([...H(t, d), ...f]);
     } else {
-      const t = K([f], O);
-      C([...z(t, a), f]);
+      const t = K([f], v);
+      y([...H(t, d), f]);
     }
-  }, [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: d,
+    setInputValue: E,
     cleanInputValue: () => {
-      k("");
+      E("");
+    },
+    cleanOptions: () => {
+      _(f);
     },
-    filteredOptions: J,
-    isLoading: E,
+    filteredOptions: D,
+    isLoading: J,
     value: f,
-    setValue: P,
-    onOptionClick: X
+    setValue: M,
+    onOptionClick: te
   };
 }
-const ie = (e) => {
-  const y = I(null);
-  h(() => {
-    e.controls && (e.controls.current = y.current);
+const de = (e) => {
+  const p = j(null);
+  m(() => {
+    e.controls && (e.controls.current = p.current);
   }, [e.controls]);
-  const { asyncMode: u = "fetch_in_open" } = e, V = (o, v, b) => {
+  const { asyncMode: u = "fetch_in_open" } = e, C = (l, O, 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,
+      options: l.options,
+      fetcher: l.fetcher,
+      asyncMode: O,
+      debounceDelay: l.debounceDelay,
+      minCharacters: l.minCharacters,
+      disabled: l.disabled,
+      optionValue: l.optionValue,
+      optionLabel: l.optionLabel,
       onFetchingStart: () => {
-        v === "fetch_on_type" && b.current?.open();
+        O === "fetch_on_type" && b.current?.open();
       },
       onTypeStart: () => {
-        !o?.fetcher && b.current?.open();
+        !l?.fetcher && b.current?.open();
       },
       inputRef: () => b.current?.searchInputRef,
       subscribeOpenChange: b.current?.subscribeOpenChange,
-      name: o.name
+      name: l.name
     };
-    return o.multiple ? {
+    return l.multiple ? {
       ...g,
       multiple: !0,
-      controlledValue: o.value,
-      onChange: o.onChange
+      controlledValue: l.value,
+      onChange: l.onChange
     } : {
       ...g,
       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: V, setInputValue: R, filteredOptions: L, isLoading: h, value: s, onOptionClick: c, cleanInputValue: P, cleanOptions: x } = le(C(e, u, p)), S = ee(() => u === "fetch_on_type" ? h : !1, [u, h]), A = Z(() => e.multiple ? s.map((l) => i(l, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), v = (l) => {
+    const O = L.find((b) => i(b, e.optionValue) === l.id);
+    O && c(O);
+  }, { displayMode: _ = e.multiple ? "chips" : "compact", dropdownOptions: D, overflow: y = "scroll", onChange: d, ...E } = e.selectComponentProps || {}, J = {
+    controledSearchValue: V,
+    onSearchValueChange: u === "fetch_on_type" ? R : void 0,
+    onSearchClear: u === "fetch_on_type" ? () => {
+      P(), x();
+    } : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
-    isLoading: R(),
-    ...J || {}
+    isLoading: S(),
+    ...D || {}
   };
-  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: y,
+      ...E,
       multiple: !0,
-      value: p,
+      value: A,
       label: e.label || "",
-      options: _,
+      options: L,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: O,
-      displayMode: j,
-      controls: y,
+      onOptionClick: v,
+      displayMode: _,
+      controls: p,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: E,
-      isLoading: u === "fetch_in_open" ? d : !1
+      dropdownOptions: J,
+      isLoading: u === "fetch_in_open" ? h : !1
     }
-  ) : /* @__PURE__ */ q.jsx(
-    G,
+  ) : /* @__PURE__ */ X.jsx(
+    Y,
     {
       disabled: e.disabled,
-      ...k,
+      ...E,
       className: e.className,
-      overflow: C,
+      overflow: y,
       name: e.name,
       multiple: !1,
-      value: p,
+      value: A,
       label: e.label || "",
-      options: _,
+      options: L,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: O,
+      onOptionClick: v,
       displayMode: "compact",
-      controls: y,
+      controls: p,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: E,
-      isLoading: u === "fetch_in_open" ? d : !1
+      dropdownOptions: J,
+      isLoading: u === "fetch_in_open" ? h : !1
     }
   );
 };
 export {
-  ie as default
+  de 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,11 +28,12 @@ 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;
+    cleanOptions: () => void;
     filteredOptions: T[];
     isLoading: boolean;
     value: T | T[] | undefined;

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-DYuTa7Cm.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.9",
+  "version": "3.1.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",