prometeo-design-system 2.8.1 → 2.8.2

package/dist/{ImageGallery-TkgHO3JL.js → ImageGallery-WKzUevOQ.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-DKDX3adD.js";
-import ee, { memo as D, forwardRef as L, useRef as v, useEffect as te, useCallback as i, useState as R, useImperativeHandle as ne } from "react";
+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 re } from "./useDragScroll-CHN9OMwn.js";
+import { u as ne } from "./useDragScroll-CHN9OMwn.js";
 import S from "./Button.es.js";
-import { I as M } from "./Icons-ChYkaR8R.js";
-const O = D(L(({ images: n, className: c }, r) => {
-  const { ref: d, bind: a } = re({
+import { Close as re, CrevronLeft as se, CrevronRight as ae } from "./Icons.es.js";
+const L = M(A(({ images: n, className: c }, r) => {
+  const { ref: d, bind: a } = ne({
     axis: "x",
     friction: 0.9,
     minVelocity: 0.5,
@@ -27,7 +27,7 @@ const O = D(L(({ images: n, className: c }, r) => {
       onPointerCancel: a.onPointerCancel,
       onClickCapture: a.onClickCapture,
       "aria-label": "Image gallery",
-      children: n && n.length > 0 && n.map((l, o) => ee.cloneElement(l, {
+      children: n && n.length > 0 && n.map((l, o) => Q.cloneElement(l, {
         key: l.props.src || o,
         ...l.props,
         galleryRef: r,
@@ -36,8 +36,8 @@ const O = D(L(({ images: n, className: c }, r) => {
     }
   );
 }));
-O.displayName = "GalleryPreview";
-const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails: d, thumbnailsClassName: a, currentIndex: l, goToNext: o, goToPrevious: s, goToIndex: N }) => {
+L.displayName = "GalleryPreview";
+const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, 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,
@@ -49,23 +49,23 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
     distanceX: 0,
     distanceY: 0
   });
-  te(() => {
+  ee(() => {
     w.current && w.current.focus();
   }, []);
   const k = i((e) => {
     e.preventDefault(), e.stopPropagation(), e.key === "Escape" ? r() : e.key === "ArrowLeft" ? s() : e.key === "ArrowRight" && o();
-  }, [r, s, o]), I = i((e) => {
+  }, [r, 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 };
-  }, []), P = i(() => {
+  }, []), 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() : s());
   }, [o, s]), C = i(() => {
     const e = h.current;
     if (!e) return;
-    const { scale: g, translateX: p, translateY: z } = m.current;
-    e.style.transform = `scale(${g}) translate(${p}px, ${z}px)`, e.style.transformOrigin = "center center", e.style.transition = "transform 0.1s ease-out";
+    const { scale: g, translateX: p, translateY: I } = m.current;
+    e.style.transform = `scale(${g}) translate(${p}px, ${I}px)`, e.style.transformOrigin = "center center", e.style.transition = "transform 0.1s ease-out";
   }, []), b = i(() => {
     m.current = { scale: 1, translateX: 0, translateY: 0 }, h.current && (h.current.style.transform = "scale(1) translate(0px, 0px)", h.current.style.transformOrigin = "center center");
   }, []), f = i((e) => {
@@ -75,17 +75,17 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
       e.deltaY < 0 ? o() : e.deltaY > 0 && s();
       return;
     }
-    const z = 2e-3, E = 1, F = 8, G = -e.deltaY * z, T = m.current.scale;
-    let x = T + G;
-    if (x = Math.max(E, Math.min(F, x)), x === E) {
+    const I = 2e-3, D = 1, B = 8, F = -e.deltaY * I, E = m.current.scale;
+    let x = E + F;
+    if (x = Math.max(D, Math.min(B, x)), x === D) {
       b();
       return;
     }
-    const Y = p.getBoundingClientRect(), W = e.clientX - Y.left, H = e.clientY - Y.top, K = Y.width / 2, $ = Y.height / 2, q = W - K, U = H - $, A = x / T, V = m.current.translateX, Z = m.current.translateY, J = V - q * (A - 1) / x, Q = Z - U * (A - 1) / x;
+    const Y = p.getBoundingClientRect(), G = e.clientX - Y.left, W = e.clientY - Y.top, H = Y.width / 2, K = Y.height / 2, $ = G - H, q = W - K, T = x / E, U = m.current.translateX, V = m.current.translateY, Z = U - $ * (T - 1) / x, J = V - q * (T - 1) / x;
     m.current = {
       scale: x,
-      translateX: J,
-      translateY: Q
+      translateX: Z,
+      translateY: J
     }, C();
   }, [o, s, C, b]);
   return n.length === 0 ? null : /* @__PURE__ */ t.jsxs(
@@ -95,9 +95,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
       className: X("fixed inset-0 z-50 bg-black/90 flex items-center justify-center lg:px-16", c),
       onClick: r,
       onKeyDown: k,
-      onTouchStart: I,
+      onTouchStart: P,
       onTouchMove: j,
-      onTouchEnd: P,
+      onTouchEnd: z,
       tabIndex: 0,
       role: "dialog",
       "aria-modal": "true",
@@ -109,9 +109,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
             color: "secondary",
             size: "small",
             onClick: r,
-            className: "!text-white hover:!text-gray-300 !w-auto !h-auto !p-2",
+            className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
             "aria-label": "Close gallery",
-            children: /* @__PURE__ */ t.jsx(M.Close, { size: 24 })
+            children: /* @__PURE__ */ t.jsx(re, { size: 24 })
           }
         ) }),
         n.length > 1 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -131,9 +131,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
                   onClick: (e) => {
                     e.stopPropagation(), s();
                   },
-                  className: "!text-white hover:!text-gray-300 !w-auto !h-auto !p-2",
+                  className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
                   "aria-label": "Previous image",
-                  children: /* @__PURE__ */ t.jsx(M.CrevronLeft, { size: 24 })
+                  children: /* @__PURE__ */ t.jsx(se, { size: 24 })
                 }
               )
             }
@@ -154,9 +154,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
                   onClick: (e) => {
                     e.stopPropagation(), o();
                   },
-                  className: "!text-white hover:!text-gray-300 !w-auto !h-auto !p-2",
+                  className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
                   "aria-label": "Next image",
-                  children: /* @__PURE__ */ t.jsx(M.CrevronRight, { size: 24 })
+                  children: /* @__PURE__ */ t.jsx(ae, { size: 24 })
                 }
               )
             }
@@ -194,7 +194,7 @@ const _ = D(({ 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(B, { images: n, currentIndex: l, goToIndex: N, thumbnailsClassName: a }) }),
+        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: a }) }),
         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: [
           l + 1,
           " / ",
@@ -204,13 +204,13 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
     }
   );
 });
-_.displayName = "LightBox";
-const se = (n, c) => {
+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;
   return !0;
-}, B = D(({ images: n, currentIndex: c, goToIndex: r, thumbnailsClassName: d }) => /* @__PURE__ */ t.jsxs(
+}, _ = M(({ images: n, currentIndex: c, goToIndex: r, 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",
@@ -250,9 +250,9 @@ const se = (n, c) => {
       ))
     ]
   }
-), se);
-B.displayName = "Thumbnails";
-const ae = L(
+), le);
+_.displayName = "Thumbnails";
+const oe = A(
   (n, c) => {
     const {
       children: r,
@@ -262,15 +262,15 @@ const ae = L(
       thumbnailsClassName: o
     } = n, [s, N] = R([]), [h, y] = R(!1), [w, m] = R(0), u = r ? Array.isArray(r) ? r : [r] : [], k = i((f) => {
       N((e) => e.some((p) => p.src === f.src) ? e : [...e, f]);
-    }, []), I = i((f = 0) => {
+    }, []), P = i((f = 0) => {
       m(f), y(!0);
     }, []), j = i(() => {
       y(!1);
     }, []);
-    ne(
+    te(
       c,
       () => ({
-        openLightbox: I,
+        openLightbox: P,
         closeLightbox: j,
         isOpen: h,
         addImage: k,
@@ -278,7 +278,7 @@ const ae = L(
       }),
       [s]
     );
-    const P = i(() => {
+    const z = i(() => {
       m((f) => (f + 1) % s.length);
     }, [s.length]), C = i(() => {
       m((f) => (f - 1 + s.length) % s.length);
@@ -287,7 +287,7 @@ const ae = L(
     }, []);
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        O,
+        L,
         {
           images: u,
           className: d,
@@ -295,7 +295,7 @@ const ae = L(
         }
       ),
       h && /* @__PURE__ */ t.jsx(
-        _,
+        O,
         {
           images: s,
           closeLightbox: j,
@@ -303,7 +303,7 @@ const ae = L(
           lightboxClassName: a,
           thumbnailsClassName: o,
           currentIndex: w,
-          goToNext: P,
+          goToNext: z,
           goToPrevious: C,
           goToIndex: b
         }
@@ -311,7 +311,7 @@ const ae = L(
     ] });
   }
 );
-ae.displayName = "ImageGallery";
+oe.displayName = "ImageGallery";
 export {
-  ae as I
+  oe as I
 };

package/dist/ImageGallery.es.js

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

package/dist/{Input-CsNlU1Hu.js → Input-Bdiozi8s.js}

@@ -1,9 +1,9 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { E as _, a as q, C as V } from "./Icons-ChYkaR8R.js";
+import { EyeVisibility as _, EyeVisibilityOff as q, Close as V } from "./Icons.es.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-CcGxM09g.js";
+import { H as se } from "./HelperComponent-BeNlTMqI.js";
 const ae = (o) => {
   let e = o;
   for (; e && e !== document.body; ) {
@@ -87,7 +87,7 @@ const b = {
     style: P,
     readOnly: D = !1,
     onClear: z,
-    ...E
+    ...v
   }, A) => {
     const [y, M] = oe(!1), { ref: O } = ne();
     let d = H;
@@ -125,7 +125,7 @@ const b = {
       M(!y);
     }, j = {};
     x && x !== "100%" && (j.width = x), u && (j.height = u);
-    const v = c === "error" && h, G = !v && w, J = s === "password", K = () => a === "static" ? "-top-1 -translate-y-full left-0 pl-3" : e ? `${m ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${l === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${m ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, Q = () => u ? i.customHeight.label : i[d].label, U = () => u ? { height: u } : {}, W = () => a === "default" ? o : $ || o || "", X = () => J ? e ? l === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : e ? l === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Y = a === "default" && "transition-all duration-200 ease-in-out", m = h || w;
+    const E = c === "error" && h, G = !E && w, J = s === "password", K = () => a === "static" ? "-top-1 -translate-y-full left-0 pl-3" : e ? `${m ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${l === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${m ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, Q = () => u ? i.customHeight.label : i[d].label, U = () => u ? { height: u } : {}, W = () => a === "default" ? o : $ || o || "", X = () => J ? e ? l === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : e ? l === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Y = a === "default" && "transition-all duration-200 ease-in-out", m = h || w;
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
@@ -168,9 +168,9 @@ const b = {
               required: N,
               onKeyDown: L,
               onKeyUp: R,
-              defaultValue: E.defaultValue,
+              defaultValue: v.defaultValue,
               readOnly: D,
-              ...E
+              ...v
             }
           ),
           /* @__PURE__ */ r.jsx(
@@ -226,14 +226,7 @@ const b = {
               children: /* @__PURE__ */ r.jsx(V, { size: 20, className: "" })
             }
           ),
-          m && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: (v || G) && /* @__PURE__ */ r.jsx(
-            se,
-            {
-              className: "absolute ",
-              variant: c,
-              children: h || w
-            }
-          ) })
+          m && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: (E || G) && /* @__PURE__ */ r.jsx(se, { className: "absolute ", variant: c, children: h || w }) })
         ]
       }
     );

package/dist/Input.es.js

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

package/dist/InputMultiple.es.js

@@ -1,13 +1,13 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { I as C } from "./Icons-ChYkaR8R.js";
+import { Close as Z, Info as T, Error as ee } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
-import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";
-const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator: w = ",", variant: y = "default", placeholder: U, itemClassName: $, itemIcon: F, helperText: j, errorText: N, disabled: a, onClick: z, className: B, readonly: h, onValueDelete: O, ...q }) => {
-  const o = M(null), E = M(null), [u, n] = x(""), [P, i] = x(0), [A, c] = x(!0), [v, R] = x(!1), [m, p] = x(!1), [k, I] = x(null), g = (e) => {
+import M, { useRef as _, useState as x, useCallback as te, useEffect as re } from "react";
+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);
-  }, G = (e) => {
+  }, A = (e) => {
     if (h) return;
     if (e.target.value[e.target.value.length - 1] === w && u.length > 0) {
       const s = u.trim();
@@ -25,17 +25,17 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
       n(e.target.value), c(!1);
     }
     g(e.target);
-  }, b = T(() => {
+  }, b = te(() => {
     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(W(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), I(null);
-  }, [k, u, f, l]), H = (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 (A) {
+        if (q) {
           const t = l[l.length - 1];
           t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
         } else
@@ -50,27 +50,27 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
         }
         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);
     }
-  }, J = (e) => {
+  }, H = (e) => {
     const t = l.filter((s) => s !== e);
-    f(t), O?.(e);
+    f(t), B?.(e);
+  }, J = (e) => {
+    h || (L(e), p(!0), n(e), i(e.length), y(l.length - 1), o.current?.focus());
   }, L = (e) => {
-    h || (Q(e), p(!0), n(e), i(e.length), I(l.length - 1), o.current?.focus());
-  }, Q = (e) => {
     const t = l.filter((s) => s !== e);
     f([...t, e]);
-  }, W = (e) => e.filter((t, s, Z) => Z.indexOf(t) === s);
-  ee(() => {
+  }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
+  re(() => {
     o.current && (o.current.onfocus = () => {
-      R(!0);
+      P(!0);
     }, o.current.onblur = () => {
-      R(!1), m && b();
+      P(!1), m && b();
     }), E.current && (E.current.onblur = () => {
       m && b();
     });
   }, [m, b]);
-  const X = {
+  const W = {
     isFocused: {
       error: "border-error-default-focused ring-error-default-focused",
       success: "border-success-default-focused ring-success-default-focused",
@@ -89,7 +89,7 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
       warning: "border-warning-default-disabled",
       default: "border-neutral-default-disabled"
     }
-  }, Y = {
+  }, X = {
     default: {
       default: "text-neutral-default-default",
       isFocused: "text-neutral-default-focused",
@@ -110,27 +110,27 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
       isFocused: "text-warning-default-focused",
       disabled: "text-warning-default-disabled"
     }
-  }, _ = a ? "disabled" : v ? "isFocused" : "default";
+  }, R = a ? "disabled" : v ? "isFocused" : "default";
   return /* @__PURE__ */ r.jsxs("div", { className: d(
     "relative w-full",
-    B
+    $
   ), children: [
     /* @__PURE__ */ r.jsx("p", { className: d(
       "mb-1 px-3",
       "prometeo-fonts-label-large",
-      Y?.[y || "default"]?.[_]
-    ), children: D }),
+      X?.[I || "default"]?.[R]
+    ), children: S }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
         "input",
         {
           ref: o,
           value: u,
-          onKeyUp: H,
-          onChange: G,
+          onKeyUp: G,
+          onChange: A,
           onClick: (e) => g(e.currentTarget),
           onSelect: (e) => g(e.currentTarget),
-          name: K,
+          name: D,
           disabled: a,
           className: d(
             "absolute inset-0 w-full h-full",
@@ -143,7 +143,7 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
           autoCapitalize: "off",
           spellCheck: "false",
           inputMode: "text",
-          ...q
+          ...O
         }
       ),
       /* @__PURE__ */ r.jsxs(
@@ -151,42 +151,42 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
         {
           ref: E,
           className: d(
-            "border-1 border-neutral-default-default rounded-md p-3",
+            "border border-neutral-default-default rounded-md p-3",
             "flex flex-wrap gap-1 min-h-[58px]",
             "transition-all duration-300 ease-in-out",
             "cursor-text",
-            X[_][y],
+            W[R][I],
             v ? "ring-[1px]" : "",
             // 'hover:border-primary-default-hover',
             a && "hover:border-neutral-default-disabled"
           ),
           onMouseDown: (e) => {
-            e.stopPropagation(), z?.(e), o.current?.focus();
+            e.stopPropagation(), F?.(e), o.current?.focus();
             const t = u.length;
             o.current && (o.current.selectionStart = t, o.current.selectionEnd = t), i(t);
           },
           onClick: (e) => {
-            e.stopPropagation(), o.current?.focus(), z?.(e);
+            e.stopPropagation(), o.current?.focus(), F?.(e);
           },
           children: [
-            V && /* @__PURE__ */ r.jsx("div", { className: d(
+            C && /* @__PURE__ */ r.jsx("div", { className: d(
               "flex items-center text-neutral-default-default",
               a && "text-neutral-default-disabled"
-            ), children: V }),
+            ), children: C }),
             l.map((e, t) => /* @__PURE__ */ r.jsxs(
               "div",
               {
                 className: d(
-                  "h-8 max-h-8 rounded-lg bg-primary-light-default border-[1px] border-neutral-default-default",
+                  "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 === l.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
                   a && "border-neutral-default-disabled text-neutral-default-disabled",
-                  $
+                  U
                 ),
                 children: [
-                  F && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: S.createElement(
-                    F,
+                  V && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: M.createElement(
+                    V,
                     {
                       size: 16,
                       className: d(
@@ -199,7 +199,7 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
                     "span",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && L(e);
+                        s.stopPropagation(), !a && J(e);
                       },
                       className: d(
                         "cursor-pointer hover:text-neutral-default-hover",
@@ -212,14 +212,14 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
                     "div",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && J(e);
+                        s.stopPropagation(), !a && H(e);
                       },
                       className: d(
                         "cursor-pointer hover:scale-105 transition-all duration-200 ",
                         a && " cursor-default hover:scale-100 "
                       ),
                       children: /* @__PURE__ */ r.jsx(
-                        C.Close,
+                        Z,
                         {
                           size: 16,
                           className: d(
@@ -235,28 +235,28 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
               e
             )),
             v && !h && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center min-w-[2px]", children: [
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(0, P) }),
-              /* @__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-[1px] z-20" }),
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(P) })
+              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word", children: u.slice(0, z) }),
+              /* @__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) })
             ] }),
             l.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
               "text-neutral-medium-default self-center",
               a && "text-neutral-default-disabled"
-            ), children: U || `Escribe los valores separados por ${w}` })
+            ), children: K || `Escribe los valores separados por ${w}` })
           ]
         }
       )
     ] }),
-    j && y !== "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(C.Info, { 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(T, { size: 16, className: "text-neutral-medium-default" }),
       j
     ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: j })),
     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(C.Error, { size: 16, className: "text-error-default-default" }),
+      /* @__PURE__ */ r.jsx(ee, { size: 16, className: "text-error-default-default" }),
       N
     ] }) : N
   ] });
-}, ne = S.memo(te);
+}, de = M.memo(se);
 export {
-  ne as InputMultiple
+  de as InputMultiple
 };

package/dist/Logo.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { I as t } from "./Icons-ChYkaR8R.js";
-const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
-  /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
+import { TicketFilled as t } from "./Icons.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" })
 ] });
 export {

package/dist/Menu.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
-const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(
+const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(
   o.div,
   {
     initial: { height: 0, opacity: 0 },
@@ -42,7 +42,7 @@ const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("
         ease: "easeInOut"
       }
     },
-    children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border-1 w-full" })
+    children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
   }
 ), d = ({ onClick: t, children: a, className: i }) => /* @__PURE__ */ e.jsx(
   o.button,