prometeo-design-system 3.0.1 → 3.0.4

package/dist/RadioButton.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as t } from "./cn-B6yFEsav.js";
 import { memo as x, forwardRef as k, useRef as g, useEffect as y } from "react";
-import { H as j } from "./HelperComponent-BeNlTMqI.js";
+import { H as j } from "./HelperComponent-E_C-E8Iu.js";
 const s = k((n, a) => {
   const r = g(null);
   y(() => {

package/dist/RecurrentDatePicker.es.js

@@ -1,11 +1,11 @@
 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-CbXUUnv7.js";
-import { S as f } from "./Select-DeKi15Iu.js";
-import { I as R } from "./Input-Cf8P1QJv.js";
+import { D as I } from "./DatePicker-CzpFYO6L.js";
+import { S as f } from "./Select-DgUVs2c6.js";
+import { I as R } from "./Input-ZXkhyFlL.js";
 import _ from "./CheckBox.es.js";
 import { c as p } from "./cn-B6yFEsav.js";
-import { H as A } from "./HelperComponent-BeNlTMqI.js";
+import { H as A } from "./HelperComponent-E_C-E8Iu.js";
 import w from "./RadioButton.es.js";
 const B = [
   {

package/dist/RecurrentDatePickerRRule.es.js

@@ -1,7 +1,7 @@
 import { j as J } from "./jsx-runtime-DKDX3adD.js";
 import { memo as Ie, useState as he, useRef as _e, useEffect as ye } from "react";
 import { RecurrentDatePicker as We } from "./RecurrentDatePicker.es.js";
-import { C as He } from "./DatePicker-CbXUUnv7.js";
+import { C as He } from "./DatePicker-CzpFYO6L.js";
 var re = [
   "MO",
   "TU",

package/dist/{Select-DeKi15Iu.js → Select-DgUVs2c6.js}

@@ -1,12 +1,12 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
+import { a as Qe, O as Xe, g as Ue, k as Ye } from "./Icons-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-Cf8P1QJv.js";
-import { H as ot } from "./HelperComponent-BeNlTMqI.js";
+import { u as rt, I as lt } from "./Input-ZXkhyFlL.js";
+import { H as ot } from "./HelperComponent-E_C-E8Iu.js";
 import st from "./CheckBox.es.js";
 import Ke from "./Skeleton.es.js";
 const at = {
@@ -85,8 +85,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, k) => {
-    const I = b.length, W = k.length;
+  const p = (b, E) => {
+    const I = b.length, W = E.length;
     if (I === 0) return W;
     if (W === 0) return I;
     const A = new Array(W + 1);
@@ -95,15 +95,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) === 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(x - 1) === E.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 k = i.slice(b, b + u.length);
-    if (p(k, u) <= j) return !0;
+    const E = i.slice(b, b + u.length);
+    if (p(E, u) <= j) return !0;
   }
   return !1;
 }, ut = (e) => {
@@ -167,7 +167,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), k = ce(null), I = ce(
+  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(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
@@ -179,7 +179,7 @@ function ct(e) {
     controls: V,
     className: M,
     placeholder: N,
-    optionValue: E,
+    optionValue: k,
     optionLabel: de,
     renderOption: J,
     renderOptionGroupHeader: fe,
@@ -191,7 +191,7 @@ function ct(e) {
     dropdownOptions: O,
     helperComponent: ee,
     errorComponent: Ce,
-    onRemoveOption: Ee,
+    onRemoveOption: ke,
     onOptionClick: X,
     onClose: Se,
     onClear: me,
@@ -203,7 +203,7 @@ function ct(e) {
     displayMode: we = "compact",
     labelVariant: ie = "default",
     disableOpenOnFocus: ze = !1,
-    emptyMessage: ke = "No hay opciones disponibles"
+    emptyMessage: Ee = "No hay opciones disponibles"
   } = e, { ref: Oe } = rt(), { bind: ne, ref: Me } = nt({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
@@ -224,11 +224,11 @@ function ct(e) {
     return t[ie][a];
   }, T = U(
     (t) => ({
-      id: G(t, E),
-      value: G(t, E),
+      id: G(t, k),
+      value: G(t, k),
       label: G(t, de)
     }),
-    [E, de]
+    [k, de]
   ), Y = oe(() => ut(K), [K]), ge = oe(
     () => Y.map(T),
     [Y, T]
@@ -237,18 +237,18 @@ function ct(e) {
     if (e.multiple)
       e.value?.forEach((a) => {
         const l = Y?.find(
-          (g) => G(g, E) === a
+          (g) => G(g, k) === a
         );
         l && t.push(l);
       });
     else {
       const a = Y?.find(
-        (l) => G(l, E) === e.value
+        (l) => G(l, k) === e.value
       );
       a && t.push(a);
     }
     return t;
-  }, [e.value, E, Y, e.multiple]), o = oe(
+  }, [e.value, k, Y, e.multiple]), o = oe(
     () => r.map(T),
     [r, T]
   ), c = oe(
@@ -259,7 +259,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, E), le = `__group-${String(P ?? l)}`, xe = {
+        const $ = g.label, P = G(a, k), le = `__group-${String(P ?? l)}`, xe = {
           id: le,
           value: le,
           label: typeof $ == "string" ? $ : String(P ?? `Grupo ${l + 1}`),
@@ -276,7 +276,7 @@ function ct(e) {
       } else
         J ? t.push(a) : t.push(T(a));
     }), t;
-  }, [K, E, J, T]), w = U(
+  }, [K, k, J, T]), w = U(
     (t, a) => {
       if (!t || t.length === 0) return;
       const l = t.map(
@@ -349,21 +349,21 @@ function ct(e) {
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
       const a = Y.find(
-        (g) => G(g, E) === t
+        (g) => G(g, k) === t
       );
       if (!a) return;
       const l = T(a);
-      X?.(l, S), I.current?.(l), Ee?.(a);
+      X?.(l, S), I.current?.(l), ke?.(a);
     },
     [
       X,
-      Ee,
+      ke,
       Y,
       S,
       e.multiple,
       e.onChange,
       T,
-      E
+      k
     ]
   ), re = U(
     (t) => {
@@ -452,7 +452,7 @@ function ct(e) {
               id: x,
               tabIndex: 0,
               role: "button",
-              ref: k,
+              ref: E,
               onFocus: be,
               onKeyDown: ue,
               onClick: (t) => {
@@ -560,9 +560,9 @@ function ct(e) {
             label: z,
             isOpen: n,
             disabled: te,
-            optionValue: E,
+            optionValue: k,
             optionLabel: de,
-            emptyMessage: ke,
+            emptyMessage: Ee,
             labelVariant: ie,
             renderOption: J,
             renderOptionGroupHeader: fe,
@@ -576,7 +576,7 @@ function ct(e) {
             options: d,
             selectRef: j,
             dropdownRef: p,
-            selectButtonRef: k,
+            selectButtonRef: E,
             helperComponentRef: W,
             onOptionClick: y,
             onCloseDropdown: () => m(!1),
@@ -621,7 +621,7 @@ function ft({
   inputProps: j,
   dropdownRef: p,
   optionLabel: b,
-  optionValue: k,
+  optionValue: E,
   searchValue: I,
   labelVariant: W,
   emptyMessage: A,
@@ -633,7 +633,7 @@ function ft({
   searchInputRef: V,
   setSearchValue: M,
   dropdownHeight: N,
-  attachToParent: E,
+  attachToParent: k,
   filteredOptions: de,
   selectButtonRef: J,
   onCloseDropdown: fe,
@@ -645,7 +645,7 @@ function ft({
   onSearchValueChange: O,
   isLoading: ee = !1,
   hideSearchBar: Ce = !1,
-  inputSearchPlaceholder: Ee = "Buscar opciones",
+  inputSearchPlaceholder: ke = "Buscar opciones",
   enableGroupToggle: X = !0,
   onGroupSelectChange: Se
 }) {
@@ -657,7 +657,7 @@ function ft({
   ), ze = U(
     (r) => !we.has(r),
     [we]
-  ), ke = U(
+  ), Ee = U(
     (r, o) => {
       ie((c) => {
         const d = new Set(c), w = d.has(r);
@@ -690,7 +690,7 @@ function ft({
         p.current.style.maxHeight = "0", p.current.style.opacity = "0", p.current.style.pointerEvents = "none";
         return;
       }
-      if (!E) {
+      if (!k) {
         const o = Me();
         Ae(o), Oe(o.direction), ne(o.height);
       }
@@ -698,7 +698,7 @@ function ft({
     }
   };
   ve(() => {
-    E || !h.current || !n || Oe();
+    k || !h.current || !n || Oe();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
@@ -757,7 +757,7 @@ function ft({
     if (K) {
       K(), Q(
         i.filter((r) => {
-          const o = x ? G(r, k) : r.id;
+          const o = x ? G(r, E) : r.id;
           return ae.has(o);
         })
       );
@@ -767,7 +767,7 @@ function ft({
   }, [
     i,
     ae,
-    k,
+    E,
     K,
     Q,
     M,
@@ -839,7 +839,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    ",
-        E ? "absolute z-50 " : "fixed z-100 top-0 left-0",
+        k ? "absolute z-50 " : "fixed z-100 top-0 left-0",
         he.direction === "up" ? "h-auto" : " h-max",
         Ie
       ),
@@ -871,7 +871,7 @@ function ft({
                 onKeyDown: $e,
                 onClear: Ge,
                 onChange: (r) => Te(r.target.value),
-                placeholder: Ee,
+                placeholder: ke,
                 className: " bg-neutral-medium-pressed",
                 ...j
               }
@@ -879,10 +879,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, k) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
+                const c = o, d = !!c.isGroupHeader, w = x && !d ? G(o, E) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
                   id: w,
                   label: String(G(l, b)),
-                  value: G(l, k)
+                  value: G(l, E)
                 }, R = (l) => {
                   d || se(
                     y(o),
@@ -918,12 +918,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 && ke(g, _);
+                    X && Ee(g, _);
                   }, xe = (_) => {
                     !P || P.length === 0 || Se && Se(P, _);
                   }, ye = P.filter(
-                    (_) => ae.has(G(_, k))
-                  ).map((_) => String(G(_, k)));
+                    (_) => ae.has(G(_, E))
+                  ).map((_) => String(G(_, E)));
                   if (z) {
                     const _ = Z(
                       z,
@@ -949,7 +949,7 @@ function ft({
                         "div",
                         {
                           className: "cursor-pointer",
-                          onClick: () => ke(g),
+                          onClick: () => Ee(g),
                           children: /* @__PURE__ */ s.jsx(
                             Ue,
                             {
@@ -1013,7 +1013,7 @@ function ft({
       )
     }
   );
-  return E ? ge : tt(ge, document.body);
+  return k ? ge : tt(ge, document.body);
 }
 const mt = Z(
   ft,

package/dist/Select.es.js

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

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-DeKi15Iu.js";
+import { g as i, S as H } from "./Select-DgUVs2c6.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Steps.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Check as j } from "./Icons.es.js";
+import { C as j } from "./Icons-BJgYCS_W.js";
 import { c as y } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/Toast.es.js

@@ -2,7 +2,7 @@ import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import w from "react";
 import { toast as p } from "sonner";
 import { c as o } from "./cn-B6yFEsav.js";
-import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
+import { I as m, E as u, O as f, Q as b, a as C } from "./Icons-BJgYCS_W.js";
 import h from "./Button.es.js";
 const x = {
   dark: {
@@ -63,18 +63,18 @@ const x = {
     shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
   }
 }, v = (c) => {
-  const { title: a, description: n, button: r, id: i, icon: d, variant: s = "info", colorMode: t = "dark", showClose: g = !1 } = c;
+  const { title: t, description: n, button: s, id: i, icon: d, variant: r = "info", colorMode: a = "dark", showClose: g = !1 } = c;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
-        boxShadow: l[t].shadow
+        boxShadow: l[a].shadow
       },
       className: o(
         "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
         "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
-        l[t].container,
-        x[t][s].container
+        l[a].container,
+        x[a][r].container
       ),
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -82,20 +82,20 @@ const x = {
           {
             className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[t][s].icon, { size: 24, className: x[t][s].iconClass }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[a][r].icon, { size: 24, className: x[a][r].iconClass }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
-                /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[t].title), children: a }),
-                n && /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[t].description), children: n })
+                /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[a].title), children: t }),
+                n && /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[a].description), children: n })
               ] })
             ]
           }
         ),
-        r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+        s?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
           h,
           {
-            label: r?.label,
+            label: s?.label,
             onClick: () => {
-              r?.onClick(), p.dismiss(i);
+              s?.onClick(), p.dismiss(i);
             },
             size: "small",
             color: "secondary"
@@ -110,28 +110,28 @@ const x = {
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: o(t === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ e.jsx(C, { className: o(a === "light" ? "text-neutral-medium-focused " : "") }),
             variant: "text",
             animate: !1,
-            className: o(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+            className: o(a === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
           }
         ) })
       ]
     }
   );
 };
-function M(c, a) {
-  const { duration: n = 2500, showClose: r = !1, colorMode: i = "dark", position: d } = a || {};
-  return p.custom((s) => /* @__PURE__ */ e.jsx(
+function M(c, t) {
+  const { duration: n = 2500, showClose: s = !1, colorMode: i = "dark", position: d } = t || {};
+  return p.custom((r) => /* @__PURE__ */ e.jsx(
     v,
     {
-      id: s,
-      variant: a?.variant || "success",
+      id: r,
+      variant: t?.variant || "success",
       title: c,
-      description: a?.description,
-      icon: a?.icon,
-      button: a?.button,
-      showClose: r,
+      description: t?.description,
+      icon: t?.icon,
+      button: t?.button,
+      showClose: s,
       colorMode: i
     }
   ), {

package/dist/Tooltip.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Close as f } from "./Icons.es.js";
+import { a as f } from "./Icons-BJgYCS_W.js";
 import { AnimatePresence as p, motion as n } from "framer-motion";
 import { useState as x, cloneElement as b } from "react";
 const N = ({

package/dist/exports/Icons.d.ts

@@ -1 +1,4 @@
-export { Ticket, Home, Boards, Notifications, Help, Settings, CrevronLeft, CrevronRight, ArrowLeft, Shared, ChevronDown, Collapse, Calendar, Close, UserPerson, Logout, ArrowUpDown, Filter, Search, Stars, MoreVert, Add, Edit, Upload, Copy, FaLock, AccountCircle, UserAdd, AttachFile, HistoryActivity, MessageSquare, CloseNavBarDesktop, EyeVisibility, EyeVisibilityOff, Check, Info, Error, TicketFilled, UploadCloud, Clock, Pause, FastForward, Trash, Sort, Cancel, CheckCircle, FormatColorText, CheckList, WhatsApp, File, Email, Download, Reload, Image, DocumentFill, Company, EditFill, TrashFill, MessageSquareFill, UserAddFill, } from '../Icons/Icons';
+export { Logout } from '../Icons/Icons';
+export { Home } from '../Icons/Icons';
+export { Boards } from '../Icons/Icons';
+export { Help } from '../Icons/Icons';