prometeo-design-system 3.0.6 → 3.0.8

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

@@ -1,14 +1,17 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { a as Qe, O as Xe, g as Ue, k as Ye } from "./Icons_Legacy-BJgYCS_W.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 Ze } from "react";
-import et from "./Spinner.es.js";
-import { createPortal as tt } from "react-dom";
-import { u as nt } from "./useDragScroll-CHN9OMwn.js";
-import { u as rt, I as lt } from "./Input-DD4VHP1s.js";
-import { H as ot } from "./HelperComponent-DZjT3uYS.js";
-import st from "./CheckBox.es.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 Xe from "./Spinner.es.js";
+import { createPortal as Ye } from "react-dom";
+import { u as Ze } from "./useDragScroll-CHN9OMwn.js";
+import { u as et, I as tt } from "./Input-EkMrxcNX.js";
+import { H as nt } from "./HelperComponent-DhGU_ug-.js";
+import { Close as rt } from "./Icons/Close.es.js";
+import lt from "./CheckBox.es.js";
 import Ke from "./Skeleton.es.js";
+import { Cancel as ot } from "./Icons/Cancel.es.js";
+import { ChevronDown as Ue } from "./Icons/ChevronDown.es.js";
+import { Search as st } from "./Icons/Search.es.js";
 const at = {
   default: {
     container: "text-neutral-default-default border-neutral-default-default ",
@@ -49,7 +52,7 @@ const at = {
           ),
           type: "button",
           tabIndex: h,
-          children: /* @__PURE__ */ s.jsx(Qe, { size: 18, className: f(u && Fe.icon) })
+          children: /* @__PURE__ */ s.jsx(rt, { size: 18, className: f(u && Fe.icon) })
         }
       )
     ]
@@ -85,8 +88,8 @@ const qe = (e, n) => {
   if (u.length > i.length) return !1;
   const j = Math.floor(u.length * m);
   if (j <= 0) return !1;
-  const p = (b, E) => {
-    const I = b.length, W = E.length;
+  const p = (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);
@@ -95,15 +98,15 @@ const qe = (e, n) => {
       let S = x - 1;
       A[0] = x;
       for (let z = 1; z <= W; z++) {
-        const se = A[z], K = b.charCodeAt(x - 1) === E.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
+        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;
         A[z] = V < M ? V < N ? V : N : M < N ? M : N, S = se;
       }
     }
     return A[W];
   };
   for (let b = 0; b <= i.length - u.length; b++) {
-    const E = i.slice(b, b + u.length);
-    if (p(E, u) <= j) return !0;
+    const k = i.slice(b, b + u.length);
+    if (p(k, u) <= j) return !0;
   }
   return !1;
 }, ut = (e) => {
@@ -167,7 +170,7 @@ 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), E = ce(null), I = ce(
+  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(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
@@ -179,7 +182,7 @@ function ct(e) {
     controls: V,
     className: M,
     placeholder: N,
-    optionValue: k,
+    optionValue: E,
     optionLabel: de,
     renderOption: J,
     renderOptionGroupHeader: fe,
@@ -191,7 +194,7 @@ function ct(e) {
     dropdownOptions: O,
     helperComponent: ee,
     errorComponent: Ce,
-    onRemoveOption: ke,
+    onRemoveOption: Ee,
     onOptionClick: X,
     onClose: Se,
     onClear: me,
@@ -203,8 +206,8 @@ function ct(e) {
     displayMode: we = "compact",
     labelVariant: ie = "default",
     disableOpenOnFocus: ze = !1,
-    emptyMessage: Ee = "No hay opciones disponibles"
-  } = e, { ref: Oe } = rt(), { bind: ne, ref: Me } = nt({
+    emptyMessage: ke = "No hay opciones disponibles"
+  } = e, { ref: Oe } = et(), { bind: ne, ref: Me } = Ze({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
   }), pe = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", Le = {}, Te = oe(() => ie === "static" && N ? N : "", [ie, N]), Ge = oe(
@@ -224,11 +227,11 @@ function ct(e) {
     return t[ie][a];
   }, T = U(
     (t) => ({
-      id: G(t, k),
-      value: G(t, k),
+      id: G(t, E),
+      value: G(t, E),
       label: G(t, de)
     }),
-    [k, de]
+    [E, de]
   ), Y = oe(() => ut(K), [K]), ge = oe(
     () => Y.map(T),
     [Y, T]
@@ -237,18 +240,18 @@ function ct(e) {
     if (e.multiple)
       e.value?.forEach((a) => {
         const l = Y?.find(
-          (g) => G(g, k) === a
+          (g) => G(g, E) === a
         );
         l && t.push(l);
       });
     else {
       const a = Y?.find(
-        (l) => G(l, k) === e.value
+        (l) => G(l, E) === e.value
       );
       a && t.push(a);
     }
     return t;
-  }, [e.value, k, Y, e.multiple]), o = oe(
+  }, [e.value, E, Y, e.multiple]), o = oe(
     () => r.map(T),
     [r, T]
   ), c = oe(
@@ -259,7 +262,7 @@ function ct(e) {
     return K.forEach((a, l) => {
       const g = a, H = g.options;
       if (Array.isArray(H) && H.length > 0) {
-        const $ = g.label, P = G(a, k), le = `__group-${String(P ?? l)}`, xe = {
+        const $ = g.label, P = G(a, E), le = `__group-${String(P ?? l)}`, xe = {
           id: le,
           value: le,
           label: typeof $ == "string" ? $ : String(P ?? `Grupo ${l + 1}`),
@@ -276,7 +279,7 @@ function ct(e) {
       } else
         J ? t.push(a) : t.push(T(a));
     }), t;
-  }, [K, k, J, T]), w = U(
+  }, [K, E, J, T]), w = U(
     (t, a) => {
       if (!t || t.length === 0) return;
       const l = t.map(
@@ -349,21 +352,21 @@ function ct(e) {
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
       const a = Y.find(
-        (g) => G(g, k) === t
+        (g) => G(g, E) === t
       );
       if (!a) return;
       const l = T(a);
-      X?.(l, S), I.current?.(l), ke?.(a);
+      X?.(l, S), I.current?.(l), Ee?.(a);
     },
     [
       X,
-      ke,
+      Ee,
       Y,
       S,
       e.multiple,
       e.onChange,
       T,
-      k
+      E
     ]
   ), re = U(
     (t) => {
@@ -395,7 +398,7 @@ function ct(e) {
       } catch {
       }
     });
-  }, [n]), Ze(
+  }, [n]), Qe(
     V,
     () => ({
       open: () => {
@@ -452,7 +455,7 @@ function ct(e) {
               id: x,
               tabIndex: 0,
               role: "button",
-              ref: E,
+              ref: k,
               onFocus: be,
               onKeyDown: ue,
               onClick: (t) => {
@@ -511,7 +514,7 @@ function ct(e) {
                 ),
                 /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
                   he && /* @__PURE__ */ s.jsx(
-                    et,
+                    Xe,
                     {
                       size: "small",
                       variant: "sync",
@@ -527,7 +530,7 @@ function ct(e) {
                       type: "button",
                       tabIndex: -1,
                       children: /* @__PURE__ */ s.jsx(
-                        Xe,
+                        ot,
                         {
                           size: 20,
                           className: f(
@@ -560,9 +563,9 @@ function ct(e) {
             label: z,
             isOpen: n,
             disabled: te,
-            optionValue: k,
+            optionValue: E,
             optionLabel: de,
-            emptyMessage: Ee,
+            emptyMessage: ke,
             labelVariant: ie,
             renderOption: J,
             renderOptionGroupHeader: fe,
@@ -576,7 +579,7 @@ function ct(e) {
             options: d,
             selectRef: j,
             dropdownRef: p,
-            selectButtonRef: E,
+            selectButtonRef: k,
             helperComponentRef: W,
             onOptionClick: y,
             onCloseDropdown: () => m(!1),
@@ -597,7 +600,7 @@ function ct(e) {
           }
         ),
         (Ce || ee) && /* @__PURE__ */ s.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ s.jsx(
-          ot,
+          nt,
           {
             ref: W,
             variant: F,
@@ -609,7 +612,7 @@ function ct(e) {
     }
   );
 }
-const dt = Z(ct, (e, n) => e.value === n.value && e.options === n.options && e.isLoading === n.isLoading && e.disabled === n.disabled && e.errorComponent === n.errorComponent && e.helperComponent === n.helperComponent && e.variant === n.variant && e.label === n.label && e.id === n.id && e.name === n.name && e.placeholder === n.placeholder && e.renderOptionContext === n.renderOptionContext && e.dropdownOptions?.controledSearchValue === n.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === n.dropdownOptions?.isLoading), Dt = dt;
+const dt = Z(ct, (e, n) => e.value === n.value && e.options === n.options && e.isLoading === n.isLoading && e.disabled === n.disabled && e.errorComponent === n.errorComponent && e.helperComponent === n.helperComponent && e.variant === n.variant && e.label === n.label && e.id === n.id && e.name === n.name && e.placeholder === n.placeholder && e.renderOptionContext === n.renderOptionContext && e.dropdownOptions?.controledSearchValue === n.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === n.dropdownOptions?.isLoading), Et = dt;
 function ft({
   footer: e,
   isOpen: n,
@@ -621,7 +624,7 @@ function ft({
   inputProps: j,
   dropdownRef: p,
   optionLabel: b,
-  optionValue: E,
+  optionValue: k,
   searchValue: I,
   labelVariant: W,
   emptyMessage: A,
@@ -633,7 +636,7 @@ function ft({
   searchInputRef: V,
   setSearchValue: M,
   dropdownHeight: N,
-  attachToParent: k,
+  attachToParent: E,
   filteredOptions: de,
   selectButtonRef: J,
   onCloseDropdown: fe,
@@ -645,7 +648,7 @@ function ft({
   onSearchValueChange: O,
   isLoading: ee = !1,
   hideSearchBar: Ce = !1,
-  inputSearchPlaceholder: ke = "Buscar opciones",
+  inputSearchPlaceholder: Ee = "Buscar opciones",
   enableGroupToggle: X = !0,
   onGroupSelectChange: Se
 }) {
@@ -657,7 +660,7 @@ function ft({
   ), ze = U(
     (r) => !we.has(r),
     [we]
-  ), Ee = U(
+  ), ke = U(
     (r, o) => {
       ie((c) => {
         const d = new Set(c), w = d.has(r);
@@ -690,7 +693,7 @@ function ft({
         p.current.style.maxHeight = "0", p.current.style.opacity = "0", p.current.style.pointerEvents = "none";
         return;
       }
-      if (!k) {
+      if (!E) {
         const o = Me();
         Ae(o), Oe(o.direction), ne(o.height);
       }
@@ -698,7 +701,7 @@ function ft({
     }
   };
   ve(() => {
-    k || !h.current || !n || Oe();
+    E || !h.current || !n || Oe();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
@@ -757,7 +760,7 @@ function ft({
     if (K) {
       K(), Q(
         i.filter((r) => {
-          const o = x ? G(r, E) : r.id;
+          const o = x ? G(r, k) : r.id;
           return ae.has(o);
         })
       );
@@ -767,7 +770,7 @@ function ft({
   }, [
     i,
     ae,
-    E,
+    k,
     K,
     Q,
     M,
@@ -839,7 +842,7 @@ function ft({
       className: f(
         " z-100! w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-lg shadow-lg",
         " overflow-hidden focus-visible:bg-neutral-default-hover    ",
-        k ? "absolute z-50 " : "fixed z-100 top-0 left-0",
+        E ? "absolute z-50 " : "fixed z-100 top-0 left-0",
         he.direction === "up" ? "h-auto" : " h-max",
         Ie
       ),
@@ -856,7 +859,7 @@ function ft({
           },
           children: [
             !Ce && /* @__PURE__ */ s.jsx(
-              lt,
+              tt,
               {
                 name: "",
                 label: "",
@@ -866,12 +869,12 @@ function ft({
                 disabled: v,
                 ref: V,
                 labelVariant: "static",
-                icon: /* @__PURE__ */ s.jsx(Ye, { size: 22 }),
+                icon: /* @__PURE__ */ s.jsx(st, { size: 22 }),
                 isFetching: ee,
                 onKeyDown: $e,
                 onClear: Ge,
                 onChange: (r) => Te(r.target.value),
-                placeholder: ke,
+                placeholder: Ee,
                 className: " bg-neutral-medium-pressed",
                 ...j
               }
@@ -879,10 +882,10 @@ 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: je || 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, E) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
+                const c = o, d = !!c.isGroupHeader, w = x && !d ? G(o, k) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
                   id: w,
                   label: String(G(l, b)),
-                  value: G(l, E)
+                  value: G(l, k)
                 }, R = (l) => {
                   d || se(
                     y(o),
@@ -918,12 +921,12 @@ function ft({
                   const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : ze(g);
                   r = H;
                   const $ = c.originalOption, P = c.groupData?.groupOptions ?? [], le = (_) => {
-                    X && Ee(g, _);
+                    X && ke(g, _);
                   }, xe = (_) => {
                     !P || P.length === 0 || Se && Se(P, _);
                   }, ye = P.filter(
-                    (_) => ae.has(G(_, E))
-                  ).map((_) => String(G(_, E)));
+                    (_) => ae.has(G(_, k))
+                  ).map((_) => String(G(_, k)));
                   if (z) {
                     const _ = Z(
                       z,
@@ -949,7 +952,7 @@ function ft({
                         "div",
                         {
                           className: "cursor-pointer",
-                          onClick: () => Ee(g),
+                          onClick: () => ke(g),
                           children: /* @__PURE__ */ s.jsx(
                             Ue,
                             {
@@ -1013,7 +1016,7 @@ function ft({
       )
     }
   );
-  return k ? ge : tt(ge, document.body);
+  return E ? ge : Ye(ge, document.body);
 }
 const mt = Z(
   ft,
@@ -1056,7 +1059,7 @@ const mt = Z(
             u && !h && "text-neutral-default-disabled hover:bg-neutral-default-default"
           ),
           children: [
-            i && !h && /* @__PURE__ */ s.jsx(st, { checked: n, disabled: u }),
+            i && !h && /* @__PURE__ */ s.jsx(lt, { checked: n, disabled: u }),
             /* @__PURE__ */ s.jsx("span", { children: p })
           ]
         },
@@ -1094,6 +1097,6 @@ const Je = Z(
 );
 Je.displayName = "DefaultSelectionDisplay";
 export {
-  Dt as S,
+  Et as S,
   G as g
 };

package/dist/Select.es.js

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