prometeo-design-system 3.0.6 → 3.0.8

package/dist/{ImageGallery-BLrIJSw2.js → ImageGallery-4DdXqwRy.js}

@@ -1,11 +1,13 @@
 import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import Q, { memo as M, forwardRef as A, useRef as v, useEffect as ee, useCallback as i, useState as R, useImperativeHandle as te } from "react";
 import { c as X } from "./cn-B6yFEsav.js";
-import { u as ne } from "./useDragScroll-CHN9OMwn.js";
+import { u as re } from "./useDragScroll-CHN9OMwn.js";
 import S from "./Button.es.js";
-import { a as re, b as ae, c as se } from "./Icons_Legacy-BJgYCS_W.js";
-const L = M(A(({ images: n, className: c }, r) => {
-  const { ref: d, bind: s } = ne({
+import { Close as ne } from "./Icons/Close.es.js";
+import { CrevronLeft as se } from "./Icons/CrevronLeft.es.js";
+import { CrevronRight as ae } from "./Icons/CrevronRight.es.js";
+const L = M(A(({ images: r, className: c }, n) => {
+  const { ref: d, bind: a } = re({
     axis: "x",
     friction: 0.9,
     minVelocity: 0.5,
@@ -20,24 +22,24 @@ const L = M(A(({ images: n, className: c }, r) => {
     {
       ref: d,
       className: X("flex gap-4 w-full overflow-x-auto py-2 relative", c),
-      onPointerDown: s.onPointerDown,
-      onPointerMove: s.onPointerMove,
-      onPointerUp: s.onPointerUp,
-      onPointerLeave: s.onPointerLeave,
-      onPointerCancel: s.onPointerCancel,
-      onClickCapture: s.onClickCapture,
+      onPointerDown: a.onPointerDown,
+      onPointerMove: a.onPointerMove,
+      onPointerUp: a.onPointerUp,
+      onPointerLeave: a.onPointerLeave,
+      onPointerCancel: a.onPointerCancel,
+      onClickCapture: a.onClickCapture,
       "aria-label": "Image gallery",
-      children: n && n.length > 0 && n.map((l, o) => Q.cloneElement(l, {
+      children: r && r.length > 0 && r.map((l, o) => Q.cloneElement(l, {
         key: l.props.src || o,
         ...l.props,
-        galleryRef: r,
+        galleryRef: n,
         allowPreview: !0
       }))
     }
   );
 }));
 L.displayName = "GalleryPreview";
-const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails: d, thumbnailsClassName: s, currentIndex: l, goToNext: o, goToPrevious: a, goToIndex: N }) => {
+const O = M(({ images: r, lightboxClassName: c, closeLightbox: n, showThumbnails: d, thumbnailsClassName: a, currentIndex: l, goToNext: o, goToPrevious: s, goToIndex: N }) => {
   const h = v(null), y = v(null), w = v(null), m = v({
     scale: 1,
     translateX: 0,
@@ -53,15 +55,15 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
     w.current && w.current.focus();
   }, []);
   const k = i((e) => {
-    e.preventDefault(), e.stopPropagation(), e.key === "Escape" ? r() : e.key === "ArrowLeft" ? a() : e.key === "ArrowRight" && o();
-  }, [r, a, o]), P = i((e) => {
+    e.preventDefault(), e.stopPropagation(), e.key === "Escape" ? n() : e.key === "ArrowLeft" ? s() : e.key === "ArrowRight" && o();
+  }, [n, s, o]), P = i((e) => {
     u.current = { startX: e.touches[0].clientX, startY: e.touches[0].clientY, isDragging: !0, distanceX: 0, distanceY: 0 };
   }, []), j = i((e) => {
     const g = e.touches[0];
     u.current = { ...u.current, isDragging: !0, distanceX: g.clientX - u.current.startX, distanceY: g.clientY - u.current.startY };
   }, []), z = i(() => {
-    u.current = { ...u.current, startX: 0, startY: 0, isDragging: !1 }, Math.abs(u.current.distanceX) > Math.abs(u.current.distanceY) && (u.current.distanceX < 0 ? o() : a());
-  }, [o, a]), C = i(() => {
+    u.current = { ...u.current, startX: 0, startY: 0, isDragging: !1 }, Math.abs(u.current.distanceX) > Math.abs(u.current.distanceY) && (u.current.distanceX < 0 ? o() : s());
+  }, [o, s]), C = i(() => {
     const e = h.current;
     if (!e) return;
     const { scale: g, translateX: p, translateY: I } = m.current;
@@ -72,7 +74,7 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
     const g = h.current, p = y.current;
     if (!g || !p) return;
     if (e.shiftKey) {
-      e.deltaY < 0 ? o() : e.deltaY > 0 && a();
+      e.deltaY < 0 ? o() : e.deltaY > 0 && s();
       return;
     }
     const I = 2e-3, D = 1, B = 8, F = -e.deltaY * I, E = m.current.scale;
@@ -87,13 +89,13 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
       translateX: Z,
       translateY: J
     }, C();
-  }, [o, a, C, b]);
-  return n.length === 0 ? null : /* @__PURE__ */ t.jsxs(
+  }, [o, s, C, b]);
+  return r.length === 0 ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
       ref: w,
       className: X("fixed inset-0 z-50 bg-black/90 flex items-center justify-center lg:px-16", c),
-      onClick: r,
+      onClick: n,
       onKeyDown: k,
       onTouchStart: P,
       onTouchMove: j,
@@ -108,19 +110,19 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
             variant: "text",
             color: "secondary",
             size: "small",
-            onClick: r,
+            onClick: n,
             className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
             "aria-label": "Close gallery",
-            children: /* @__PURE__ */ t.jsx(re, { size: 24 })
+            children: /* @__PURE__ */ t.jsx(ne, { size: 24 })
           }
         ) }),
-        n.length > 1 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        r.length > 1 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
           /* @__PURE__ */ t.jsx(
             "div",
             {
               className: "absolute left-0 lg:h-full items-center flex justify-center w-16 z-100 cursor-w-resize",
               onClick: (e) => {
-                e.stopPropagation(), a();
+                e.stopPropagation(), s();
               },
               children: /* @__PURE__ */ t.jsx(
                 S,
@@ -129,11 +131,11 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
                   color: "secondary",
                   size: "small",
                   onClick: (e) => {
-                    e.stopPropagation(), a();
+                    e.stopPropagation(), s();
                   },
                   className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
                   "aria-label": "Previous image",
-                  children: /* @__PURE__ */ t.jsx(ae, { size: 24 })
+                  children: /* @__PURE__ */ t.jsx(se, { size: 24 })
                 }
               )
             }
@@ -156,7 +158,7 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
                   },
                   className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
                   "aria-label": "Next image",
-                  children: /* @__PURE__ */ t.jsx(se, { size: 24 })
+                  children: /* @__PURE__ */ t.jsx(ae, { size: 24 })
                 }
               )
             }
@@ -180,8 +182,8 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
                 children: /* @__PURE__ */ t.jsx(
                   "img",
                   {
-                    src: n[l].src,
-                    alt: n[l].alt,
+                    src: r[l].src,
+                    alt: r[l].alt,
                     className: X(
                       " w-full h-full object-contain select-none",
                       "prometeo-lightbox-image"
@@ -194,23 +196,23 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
             )
           }
         ),
-        d && /* @__PURE__ */ t.jsx("div", { className: " w-full absolute items-center flex justify-center left-0 right-0 z-100 bottom-0", children: /* @__PURE__ */ t.jsx(_, { images: n, currentIndex: l, goToIndex: N, thumbnailsClassName: s }) }),
-        n.length > 1 && /* @__PURE__ */ t.jsxs("div", { className: "absolute bottom-20 left-1/2 transform -translate-x-1/2 text-neutral-default-default prometeo-fonts-label-xlarge px-4 py-2 rounded-full", children: [
+        d && /* @__PURE__ */ t.jsx("div", { className: " w-full absolute items-center flex justify-center left-0 right-0 z-100 bottom-0", children: /* @__PURE__ */ t.jsx(_, { images: r, currentIndex: l, goToIndex: N, thumbnailsClassName: a }) }),
+        r.length > 1 && /* @__PURE__ */ t.jsxs("div", { className: "absolute bottom-20 left-1/2 transform -translate-x-1/2 text-neutral-default-default prometeo-fonts-label-xlarge px-4 py-2 rounded-full", children: [
           l + 1,
           " / ",
-          n.length
+          r.length
         ] })
       ]
     }
   );
 });
 O.displayName = "LightBox";
-const le = (n, c) => {
-  if (n.currentIndex !== c.currentIndex || n.thumbnailsClassName !== c.thumbnailsClassName || n.images.length !== c.images.length) return !1;
-  for (let r = 0; r < n.images.length; r++)
-    if (n.images[r].src !== c.images[r].src) return !1;
+const le = (r, c) => {
+  if (r.currentIndex !== c.currentIndex || r.thumbnailsClassName !== c.thumbnailsClassName || r.images.length !== c.images.length) return !1;
+  for (let n = 0; n < r.images.length; n++)
+    if (r.images[n].src !== c.images[n].src) return !1;
   return !0;
-}, _ = M(({ images: n, currentIndex: c, goToIndex: r, thumbnailsClassName: d }) => /* @__PURE__ */ t.jsxs(
+}, _ = M(({ images: r, currentIndex: c, goToIndex: n, thumbnailsClassName: d }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: "flex gap-4 w-max overflow-x-auto overflow-y-visible max-w-full px-16 py-4",
@@ -225,12 +227,12 @@ const le = (n, c) => {
                     display: none;
                 }
             ` }),
-      n.map((s, l) => /* @__PURE__ */ t.jsx(
+      r.map((a, l) => /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
           onClick: (o) => {
-            o.stopPropagation(), r(l);
+            o.stopPropagation(), n(l);
           },
           className: X(
             "w-16 h-16 aspect-square min-w-16 rounded overflow-hidden transition-all duration-300 hover:scale-125 cursor-pointer",
@@ -240,27 +242,27 @@ const le = (n, c) => {
           children: /* @__PURE__ */ t.jsx(
             "img",
             {
-              src: s.src,
-              alt: s.alt,
+              src: a.src,
+              alt: a.alt,
               className: "w-full h-full object-cover select-none"
             }
           )
         },
-        s.src
+        a.src
       ))
     ]
   }
 ), le);
 _.displayName = "Thumbnails";
 const oe = A(
-  (n, c) => {
+  (r, c) => {
     const {
-      children: r,
+      children: n,
       className: d,
-      lightboxClassName: s,
+      lightboxClassName: a,
       showThumbnails: l,
       thumbnailsClassName: o
-    } = n, [a, N] = R([]), [h, y] = R(!1), [w, m] = R(0), u = r ? Array.isArray(r) ? r : [r] : [], k = i((f) => {
+    } = r, [s, N] = R([]), [h, y] = R(!1), [w, m] = R(0), u = n ? Array.isArray(n) ? n : [n] : [], k = i((f) => {
       N((e) => e.some((p) => p.src === f.src) ? e : [...e, f]);
     }, []), P = i((f = 0) => {
       m(f), y(!0);
@@ -274,15 +276,15 @@ const oe = A(
         closeLightbox: j,
         isOpen: h,
         addImage: k,
-        images: a
+        images: s
       }),
-      [a]
+      [s]
     );
     const z = i(() => {
-      m((f) => (f + 1) % a.length);
-    }, [a.length]), C = i(() => {
-      m((f) => (f - 1 + a.length) % a.length);
-    }, [a.length]), b = i((f) => {
+      m((f) => (f + 1) % s.length);
+    }, [s.length]), C = i(() => {
+      m((f) => (f - 1 + s.length) % s.length);
+    }, [s.length]), b = i((f) => {
       m(f);
     }, []);
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -297,10 +299,10 @@ const oe = A(
       h && /* @__PURE__ */ t.jsx(
         O,
         {
-          images: a,
+          images: s,
           closeLightbox: j,
           showThumbnails: l,
-          lightboxClassName: s,
+          lightboxClassName: a,
           thumbnailsClassName: o,
           currentIndex: w,
           goToNext: z,

package/dist/ImageGallery.es.js

@@ -1,4 +1,4 @@
-import { I as p } from "./ImageGallery-BLrIJSw2.js";
+import { I as p } from "./ImageGallery-4DdXqwRy.js";
 import { useRef as u, useCallback as r } from "react";
 const g = () => {
   const e = u(null), t = r((a) => {

package/dist/{Input-DD4VHP1s.js → Input-EkMrxcNX.js}

@@ -1,9 +1,11 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { w as _, x as q, a as V } from "./Icons_Legacy-BJgYCS_W.js";
 import { c as t } from "./cn-B6yFEsav.js";
-import { useRef as F, useLayoutEffect as ee, memo as te, forwardRef as re, useState as oe } from "react";
-import le from "./Spinner.es.js";
-import { H as se } from "./HelperComponent-DZjT3uYS.js";
+import { useRef as _, useLayoutEffect as q, memo as V, forwardRef as F, useState as ee } from "react";
+import te from "./Spinner.es.js";
+import { H as re } from "./HelperComponent-DhGU_ug-.js";
+import { EyeVisibility as oe } from "./Icons/EyeVisibility.es.js";
+import { EyeVisibilityOff as le } from "./Icons/EyeVisibilityOff.es.js";
+import { Close as se } from "./Icons/Close.es.js";
 const ae = (o) => {
   let e = o;
   for (; e && e !== document.body; ) {
@@ -16,8 +18,8 @@ const ae = (o) => {
   return l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" ? l : "rgb(255, 255, 255)";
 };
 function ne() {
-  const o = F(null);
-  return ee(() => {
+  const o = _(null);
+  return q(() => {
     if (!o.current || !o.current.parentElement) return;
     const e = ae(o.current.parentElement);
     o.current.style.backgroundColor = e;
@@ -59,7 +61,7 @@ const b = {
     label: t("text-success", "peer-focus:text-success-light"),
     icon: t("text-success-light", "peer-focus:text-success-light")
   }
-}, v = re(
+}, v = F(
   ({
     label: o,
     icon: e,
@@ -89,7 +91,7 @@ const b = {
     onClear: C,
     ...E
   }, A) => {
-    const [y, M] = oe(!1), { ref: O } = ne();
+    const [y, M] = ee(!1), { ref: O } = ne();
     let d = H;
     u && (d = "customHeight");
     const i = {
@@ -205,8 +207,8 @@ const b = {
               onClick: s === "password" && !p ? T : void 0,
               onMouseDown: (Z) => s === "password" && !p && Z.preventDefault(),
               children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-                p && s !== "password" ? /* @__PURE__ */ r.jsx(le, { variant: "sync", size: "small", className: "size-5" }) : e,
-                s === "password" && (y ? /* @__PURE__ */ r.jsx(_, { size: 24, className: "" }) : /* @__PURE__ */ r.jsx(q, { size: 24, className: "" }))
+                p && s !== "password" ? /* @__PURE__ */ r.jsx(te, { variant: "sync", size: "small", className: "size-5" }) : e,
+                s === "password" && (y ? /* @__PURE__ */ r.jsx(oe, { size: 24, className: "" }) : /* @__PURE__ */ r.jsx(le, { size: 24, className: "" }))
               ] })
             }
           ),
@@ -222,18 +224,18 @@ const b = {
               ),
               disabled: f,
               onClick: C,
-              children: /* @__PURE__ */ r.jsx(V, { size: 20, className: "" })
+              children: /* @__PURE__ */ r.jsx(se, { size: 20, className: "" })
             }
           ),
-          m && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: (S || G) && /* @__PURE__ */ r.jsx(se, { className: "absolute ", variant: c, children: h || w }) })
+          m && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: (S || G) && /* @__PURE__ */ r.jsx(re, { className: "absolute ", variant: c, children: h || w }) })
         ]
       }
     );
   }
 );
 v.displayName = "Input";
-const me = te(v);
+const be = V(v);
 export {
-  me as I,
+  be as I,
   ne as u
 };

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { I as f } from "./Input-DD4VHP1s.js";
+import { I as f } from "./Input-EkMrxcNX.js";
 export {
   f as default
 };

package/dist/InputMultiple.es.js

@@ -1,9 +1,11 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { a as Z, I as T, E as ee } from "./Icons_Legacy-BJgYCS_W.js";
 import { c as d } from "./cn-B6yFEsav.js";
-import M, { useRef as _, useState as x, useCallback as te, useEffect as re } from "react";
-const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator: w = ",", variant: y = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: l, onClick: F, className: $, readonly: h, onValueDelete: B, ...O }) => {
-  const o = _(null), E = _(null), [u, n] = x(""), [z, i] = x(0), [q, c] = x(!0), [v, P] = x(!1), [m, p] = x(!1), [k, I] = x(null), g = (e) => {
+import M, { useRef as _, useState as x, useCallback as Z, useEffect as T } from "react";
+import { Close as ee } from "./Icons/Close.es.js";
+import { Info as te } from "./Icons/Info.es.js";
+import { Error as re } from "./Icons/Error.es.js";
+const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator: w = ",", variant: I = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: a, onClick: F, className: $, readonly: h, onValueDelete: B, ...O }) => {
+  const o = _(null), E = _(null), [u, n] = x(""), [z, i] = x(0), [q, c] = x(!0), [v, P] = x(!1), [m, p] = x(!1), [k, y] = x(null), g = (e) => {
     if (h || !e) return;
     const t = e.selectionStart ?? u.length;
     i(t);
@@ -15,29 +17,29 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
         s.length > 0 ? (n(s), b()) : (p(!1), n(""), c(!0), i(0));
         return;
       }
-      if (s.length === 0 || a.includes(s)) {
+      if (s.length === 0 || l.includes(s)) {
         n(""), c(!0), g(e.target);
         return;
       }
-      f([...a, s]), n(""), c(!0);
+      f([...l, s]), n(""), c(!0);
     } else {
       if (e.target.value === w) return;
       n(e.target.value), c(!1);
     }
     g(e.target);
-  }, b = te(() => {
+  }, b = Z(() => {
     const e = u.trim();
     if (e.length === 0) {
-      p(!1), n(""), c(!0), i(0), I(null);
+      p(!1), n(""), c(!0), i(0), y(null);
       return;
     }
-    p(!1), k !== null && f(Q(a.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), I(null);
-  }, [k, u, f, a]), G = (e) => {
+    p(!1), k !== null && f(Q(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), y(null);
+  }, [k, u, f, l]), G = (e) => {
     if (!h) {
       if (e.key === "Backspace" && u.length === 0) {
         if (q) {
-          const t = a[a.length - 1];
-          t && (f(a.filter((s) => s !== t)), n(t), i(t.length));
+          const t = l[l.length - 1];
+          t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
         } else
           c(!0);
         return;
@@ -48,20 +50,20 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
           t.length > 0 ? (n(t), b()) : (p(!1), n(""), c(!0), i(0));
           return;
         }
-        t.length > 0 && !a.includes(t) && t !== w && (f([...a, t]), n(""), c(!0), i(0));
+        t.length > 0 && !l.includes(t) && t !== w && (f([...l, t]), n(""), c(!0), i(0));
       }
-      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), I(null)), g(e.currentTarget);
+      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), y(null)), g(e.currentTarget);
     }
   }, H = (e) => {
-    const t = a.filter((s) => s !== e);
+    const t = l.filter((s) => s !== e);
     f(t), B?.(e);
   }, J = (e) => {
-    h || (L(e), p(!0), n(e), i(e.length), I(a.length - 1), o.current?.focus());
+    h || (L(e), p(!0), n(e), i(e.length), y(l.length - 1), o.current?.focus());
   }, L = (e) => {
-    const t = a.filter((s) => s !== e);
+    const t = l.filter((s) => s !== e);
     f([...t, e]);
   }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
-  re(() => {
+  T(() => {
     o.current && (o.current.onfocus = () => {
       P(!0);
     }, o.current.onblur = () => {
@@ -110,7 +112,7 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
       isFocused: "text-warning-default-focused",
       disabled: "text-warning-default-disabled"
     }
-  }, R = l ? "disabled" : v ? "isFocused" : "default";
+  }, R = a ? "disabled" : v ? "isFocused" : "default";
   return /* @__PURE__ */ r.jsxs("div", { className: d(
     "relative w-full",
     $
@@ -118,7 +120,7 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
     /* @__PURE__ */ r.jsx("p", { className: d(
       "mb-1 px-3",
       "prometeo-fonts-label-large",
-      X?.[y || "default"]?.[R]
+      X?.[I || "default"]?.[R]
     ), children: S }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
@@ -131,7 +133,7 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
           onClick: (e) => g(e.currentTarget),
           onSelect: (e) => g(e.currentTarget),
           name: D,
-          disabled: l,
+          disabled: a,
           className: d(
             "absolute inset-0 w-full h-full",
             "opacity-0 cursor-text z-10",
@@ -155,10 +157,10 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
             "flex flex-wrap gap-1 min-h-[58px]",
             "transition-all duration-300 ease-in-out",
             "cursor-text",
-            W[R][y],
+            W[R][I],
             v ? "ring-[1px]" : "",
             // 'hover:border-primary-default-hover',
-            l && "hover:border-neutral-default-disabled"
+            a && "hover:border-neutral-default-disabled"
           ),
           onMouseDown: (e) => {
             e.stopPropagation(), F?.(e), o.current?.focus();
@@ -171,17 +173,17 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
           children: [
             C && /* @__PURE__ */ r.jsx("div", { className: d(
               "flex items-center text-neutral-default-default",
-              l && "text-neutral-default-disabled"
+              a && "text-neutral-default-disabled"
             ), children: C }),
-            a.map((e, t) => /* @__PURE__ */ r.jsxs(
+            l.map((e, t) => /* @__PURE__ */ r.jsxs(
               "div",
               {
                 className: d(
                   "h-8 max-h-8 rounded-lg bg-primary-light-default border border-neutral-default-default",
                   "flex items-center gap-2 px-2",
                   "prometeo-fonts-label-medium z-20",
-                  t === a.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
-                  l && "border-neutral-default-disabled text-neutral-default-disabled",
+                  t === l.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
+                  a && "border-neutral-default-disabled text-neutral-default-disabled",
                   U
                 ),
                 children: [
@@ -191,7 +193,7 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
                       size: 16,
                       className: d(
                         "text-neutral-default-default",
-                        l && "text-neutral-default-disabled"
+                        a && "text-neutral-default-disabled"
                       )
                     }
                   ) }),
@@ -199,11 +201,11 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
                     "span",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !l && J(e);
+                        s.stopPropagation(), !a && J(e);
                       },
                       className: d(
                         "cursor-pointer hover:text-neutral-default-hover",
-                        l && "cursor-default hover:text-neutral-default-disabled"
+                        a && "cursor-default hover:text-neutral-default-disabled"
                       ),
                       children: e
                     }
@@ -212,19 +214,19 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
                     "div",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !l && H(e);
+                        s.stopPropagation(), !a && H(e);
                       },
                       className: d(
                         "cursor-pointer hover:scale-105 transition-all duration-200 ",
-                        l && " cursor-default hover:scale-100 "
+                        a && " cursor-default hover:scale-100 "
                       ),
                       children: /* @__PURE__ */ r.jsx(
-                        Z,
+                        ee,
                         {
                           size: 16,
                           className: d(
                             "text-neutral-default-default hover:text-neutral-default-hover transition-all duration-200",
-                            l && "text-neutral-default-disabled hover:text-neutral-default-disabled"
+                            a && "text-neutral-default-disabled hover:text-neutral-default-disabled"
                           )
                         }
                       )
@@ -239,25 +241,25 @@ const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator:
               /* @__PURE__ */ r.jsx("span", { className: "animate-[cursor-intermitent_1s_ease-in-out_infinite] bg-neutral-default-pressed w-[2px] h-5 inline-block align-middle mx-px z-20" }),
               /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word", children: u.slice(z) })
             ] }),
-            a.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
+            l.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
               "text-neutral-medium-default self-center",
-              l && "text-neutral-default-disabled"
+              a && "text-neutral-default-disabled"
             ), children: K || `Escribe los valores separados por ${w}` })
           ]
         }
       )
     ] }),
-    j && y !== "error" && !l && (typeof j == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(T, { size: 16, className: "text-neutral-medium-default" }),
+    j && I !== "error" && !a && (typeof j == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(te, { size: 16, className: "text-neutral-medium-default" }),
       j
     ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: j })),
-    N && typeof N == "string" && !l ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(ee, { size: 16, className: "text-error-default-default" }),
+    N && typeof N == "string" && !a ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(re, { size: 16, className: "text-error-default-default" }),
       N
     ] }) : N
   ] });
-}, de = M.memo(se);
+}, ie = M.memo(se);
 export {
-  de as InputMultiple,
-  de as default
+  ie as InputMultiple,
+  ie as default
 };

package/dist/Logo.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { y as t } from "./Icons_Legacy-BJgYCS_W.js";
+import { TicketFilled as t } from "./Icons/TicketFilled.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-linear-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
   /* @__PURE__ */ e.jsx("span", { className: "font-bold text-[28px] text-primary-medium-pressed font-monserra -tracking-wide text-logo", children: "TICKETS" })