prometeo-design-system 2.5.3 → 2.5.5

package/dist/Select.es.js

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

package/dist/SelectFormik.es.js

@@ -1,35 +1,61 @@
-import { j as m } from "./jsx-runtime-DKDX3adD.js";
-import { useField as c } from "formik";
-import { S as f } from "./Select-C-aLaiJu.js";
-import { useRef as d, useEffect as v } from "react";
-function n(r) {
-  return Array.isArray(r) && r.every(
-    (e) => typeof e == "string" || typeof e == "number"
+import { j as d } from "./jsx-runtime-ByW6EXIE.js";
+import { useField as y } from "formik";
+import { S as m } from "./Select-C1MxM6yq.js";
+import { useRef as p, useEffect as g } from "react";
+function f(e) {
+  return Array.isArray(e) && e.every(
+    (r) => typeof r == "string" || typeof r == "number"
   );
 }
-const S = (r) => {
-  const [e, o, a] = c(r.name), t = d(!1);
-  v(() => {
-    t.current || (t.current = !0, n(e.value) || (console.warn(
-      `SelectFormik: El valor del campo "${r.name}" no es un array válido de string | number. Valor recibido:`,
-      e.value,
+function v(e) {
+  return e == null || typeof e == "string" || typeof e == "number";
+}
+const b = (e) => {
+  const [r, a, l] = y(e.name), u = p(!1), o = Array.isArray(r.value);
+  if (g(() => {
+    u.current || (u.current = !0, o ? f(r.value) || (console.warn(
+      `SelectFormik: El valor del campo "${e.name}" no es un array válido de string | number. Valor recibido:`,
+      r.value,
       "Inicializando como array vacío."
-    ), a.setValue([])));
-  }, [e.value, a, r.name]);
-  const l = (u) => {
-    a.setValue(u.map((s) => s.value));
-  }, i = n(e.value) ? e.value : [];
-  return /* @__PURE__ */ m.jsx(
-    f,
-    {
-      ...r,
-      value: i,
-      onChange: l,
-      variant: o.error ? "error" : "default",
-      errorComponent: o.error || void 0
-    }
-  );
+    ), l.setValue([])) : v(r.value) || (console.warn(
+      `SelectFormik: El valor del campo "${e.name}" no es un valor válido (string | number | null). Valor recibido:`,
+      r.value,
+      "Inicializando como null."
+    ), l.setValue(null)));
+  }, [r.value, l, e.name, o]), o) {
+    const n = (c) => {
+      l.setValue(c.map((s) => s.value));
+    }, i = f(r.value) ? r.value : [], t = e?.displayMode || "chips";
+    return /* @__PURE__ */ d.jsx(
+      m,
+      {
+        ...e,
+        displayMode: t,
+        multiple: !0,
+        value: i,
+        onChange: n,
+        variant: a.error ? "error" : "default",
+        errorComponent: a.error || void 0
+      }
+    );
+  } else {
+    const n = (s) => {
+      l.setValue(s?.value ?? null);
+    }, i = v(r.value) ? r.value : void 0, { ...t } = e;
+    return /* @__PURE__ */ d.jsx(
+      m,
+      {
+        ...t,
+        displayMode: "compact",
+        multiple: !1,
+        value: i,
+        onChange: n,
+        variant: a.error ? "error" : "default",
+        errorComponent: a.error || void 0
+      }
+    );
+  }
 };
 export {
-  S as default
+  b as default
 };

package/dist/SelectFormikLegacy.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as g } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { useField as $, ErrorMessage as q } from "formik";

package/dist/SelectSearch.es.js

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

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as E } from "./jsx-runtime-DKDX3adD.js";
+import { j as E } from "./jsx-runtime-ByW6EXIE.js";
 import { c as B } from "./cn-B6yFEsav.js";
 import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { memo as w, useRef as b } from "react";
 import { motion as c } from "framer-motion";

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as x } from "framer-motion";
 import { memo as N } from "react";
 import { c as r } from "./cn-B6yFEsav.js";

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-DKDX3adD.js";
+import { j as y } from "./jsx-runtime-ByW6EXIE.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Toast.es.js

@@ -1,9 +1,9 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import b from "react";
 import { toast as p } from "sonner";
 import { Icons as m } from "./Icons.es.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import { B as u } from "./Button-DsbEyjth.js";
+import { B as u } from "./Button-Bc0LYLfg.js";
 const x = {
   dark: {
     success: {

package/dist/ToastProvider.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Toaster as r } from "sonner";
 const i = ({ ...o }) => /* @__PURE__ */ t.jsx(r, { ...o, position: "bottom-right", richColors: !1, theme: "light" });
 export {

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

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

@@ -1,7 +1,16 @@
 import { OptionAccessor } from '../Shared/types';
-export interface UseAutocompleteOptions<T> {
+export interface UseAutocompleteOptionsMultiple<T> extends UseAutocompleteBaseOptions<T> {
+    multiple: true;
+    controlledValue?: T[];
+    onChange?: (newValue: T[], name?: string) => void;
+}
+export interface UseAutocompleteOptionsSingle<T> extends UseAutocompleteBaseOptions<T> {
+    multiple?: false;
+    controlledValue?: T;
+    onChange?: (newValue: T, name?: string) => void;
+}
+export interface UseAutocompleteBaseOptions<T> {
     options?: T[];
-    multiple?: boolean;
     fetcher?: (input?: string) => Promise<T[]>;
     asyncMode?: 'fetch_in_open' | 'fetch_on_type';
     disabled?: boolean;
@@ -15,19 +24,18 @@ export interface UseAutocompleteOptions<T> {
     onTypeStart?: () => void;
     onOpen?: () => void;
     onClose?: () => void;
-    controlledValue?: T[];
     isOpen?: boolean;
     subscribeOpenChange?: (cb: (open: boolean) => void) => (() => void) | undefined;
-    onChange?: (newValue: T[], name?: string) => void;
     name?: string;
 }
+export type UseAutocompleteOptions<T> = UseAutocompleteOptionsMultiple<T> | UseAutocompleteOptionsSingle<T>;
 export declare function useAutocomplete<T>(options?: UseAutocompleteOptions<T>): {
     inputValue: string;
     setInputValue: import('react').Dispatch<import('react').SetStateAction<string>>;
     cleanInputValue: () => void;
     filteredOptions: T[];
     isLoading: boolean;
-    value: T[];
-    setValue: import('react').Dispatch<import('react').SetStateAction<T[]>>;
+    value: T | T[] | undefined;
+    setValue: import('react').Dispatch<import('react').SetStateAction<T | T[] | undefined>>;
     onOptionClick: (option: T) => void;
 };