prometeo-design-system 3.0.1 → 3.0.4

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

@@ -3,9 +3,9 @@ import Q, { memo as M, forwardRef as A, useRef as v, useEffect as ee, useCallbac
 import { c as X } from "./cn-B6yFEsav.js";
 import { u as ne } from "./useDragScroll-CHN9OMwn.js";
 import S from "./Button.es.js";
-import { Close as re, CrevronLeft as se, CrevronRight as ae } from "./Icons.es.js";
+import { a as re, b as ae, c as se } from "./Icons-BJgYCS_W.js";
 const L = M(A(({ images: n, className: c }, r) => {
-  const { ref: d, bind: a } = ne({
+  const { ref: d, bind: s } = ne({
     axis: "x",
     friction: 0.9,
     minVelocity: 0.5,
@@ -20,12 +20,12 @@ 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: a.onPointerDown,
-      onPointerMove: a.onPointerMove,
-      onPointerUp: a.onPointerUp,
-      onPointerLeave: a.onPointerLeave,
-      onPointerCancel: a.onPointerCancel,
-      onClickCapture: a.onClickCapture,
+      onPointerDown: s.onPointerDown,
+      onPointerMove: s.onPointerMove,
+      onPointerUp: s.onPointerUp,
+      onPointerLeave: s.onPointerLeave,
+      onPointerCancel: s.onPointerCancel,
+      onClickCapture: s.onClickCapture,
       "aria-label": "Image gallery",
       children: n && n.length > 0 && n.map((l, o) => Q.cloneElement(l, {
         key: l.props.src || o,
@@ -37,7 +37,7 @@ const L = M(A(({ images: n, className: c }, r) => {
   );
 }));
 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 O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails: d, thumbnailsClassName: s, currentIndex: l, goToNext: o, goToPrevious: a, goToIndex: N }) => {
   const h = v(null), y = v(null), w = v(null), m = v({
     scale: 1,
     translateX: 0,
@@ -53,15 +53,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" ? s() : e.key === "ArrowRight" && o();
-  }, [r, s, o]), P = i((e) => {
+    e.preventDefault(), e.stopPropagation(), e.key === "Escape" ? r() : e.key === "ArrowLeft" ? a() : e.key === "ArrowRight" && o();
+  }, [r, a, 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() : s());
-  }, [o, s]), 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() : a());
+  }, [o, a]), C = i(() => {
     const e = h.current;
     if (!e) return;
     const { scale: g, translateX: p, translateY: I } = m.current;
@@ -72,7 +72,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 && s();
+      e.deltaY < 0 ? o() : e.deltaY > 0 && a();
       return;
     }
     const I = 2e-3, D = 1, B = 8, F = -e.deltaY * I, E = m.current.scale;
@@ -87,7 +87,7 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
       translateX: Z,
       translateY: J
     }, C();
-  }, [o, s, C, b]);
+  }, [o, a, C, b]);
   return n.length === 0 ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -120,7 +120,7 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
             {
               className: "absolute left-0 lg:h-full items-center flex justify-center w-16 z-100 cursor-w-resize",
               onClick: (e) => {
-                e.stopPropagation(), s();
+                e.stopPropagation(), a();
               },
               children: /* @__PURE__ */ t.jsx(
                 S,
@@ -129,11 +129,11 @@ const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
                   color: "secondary",
                   size: "small",
                   onClick: (e) => {
-                    e.stopPropagation(), s();
+                    e.stopPropagation(), a();
                   },
                   className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
                   "aria-label": "Previous image",
-                  children: /* @__PURE__ */ t.jsx(se, { size: 24 })
+                  children: /* @__PURE__ */ t.jsx(ae, { size: 24 })
                 }
               )
             }
@@ -156,7 +156,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(ae, { size: 24 })
+                  children: /* @__PURE__ */ t.jsx(se, { size: 24 })
                 }
               )
             }
@@ -194,7 +194,7 @@ 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: 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: 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: [
           l + 1,
           " / ",
@@ -225,7 +225,7 @@ const le = (n, c) => {
                     display: none;
                 }
             ` }),
-      n.map((a, l) => /* @__PURE__ */ t.jsx(
+      n.map((s, l) => /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
@@ -240,13 +240,13 @@ const le = (n, c) => {
           children: /* @__PURE__ */ t.jsx(
             "img",
             {
-              src: a.src,
-              alt: a.alt,
+              src: s.src,
+              alt: s.alt,
               className: "w-full h-full object-cover select-none"
             }
           )
         },
-        a.src
+        s.src
       ))
     ]
   }
@@ -257,10 +257,10 @@ const oe = A(
     const {
       children: r,
       className: d,
-      lightboxClassName: a,
+      lightboxClassName: s,
       showThumbnails: 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, [a, 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]);
     }, []), P = i((f = 0) => {
       m(f), y(!0);
@@ -274,15 +274,15 @@ const oe = A(
         closeLightbox: j,
         isOpen: h,
         addImage: k,
-        images: s
+        images: a
       }),
-      [s]
+      [a]
     );
     const z = i(() => {
-      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) => (f + 1) % a.length);
+    }, [a.length]), C = i(() => {
+      m((f) => (f - 1 + a.length) % a.length);
+    }, [a.length]), b = i((f) => {
       m(f);
     }, []);
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -297,10 +297,10 @@ const oe = A(
       h && /* @__PURE__ */ t.jsx(
         O,
         {
-          images: s,
+          images: a,
           closeLightbox: j,
           showThumbnails: l,
-          lightboxClassName: a,
+          lightboxClassName: s,
           thumbnailsClassName: o,
           currentIndex: w,
           goToNext: z,

package/dist/ImageGallery.es.js

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

package/dist/{Input-Cf8P1QJv.js → Input-ZXkhyFlL.js}

@@ -1,9 +1,9 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { EyeVisibility as _, EyeVisibilityOff as q, Close as V } from "./Icons.es.js";
+import { w as _, x as q, a as V } from "./Icons-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-BeNlTMqI.js";
+import { H as se } from "./HelperComponent-E_C-E8Iu.js";
 const ae = (o) => {
   let e = o;
   for (; e && e !== document.body; ) {

package/dist/Input.es.js

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

package/dist/InputMultiple.es.js

@@ -1,9 +1,9 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { Close as Z, Info as T, Error as ee } from "./Icons.es.js";
+import { a as Z, I as T, E as ee } from "./Icons-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: 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) => {
+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) => {
     if (h || !e) return;
     const t = e.selectionStart ?? u.length;
     i(t);
@@ -15,11 +15,11 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
         s.length > 0 ? (n(s), b()) : (p(!1), n(""), c(!0), i(0));
         return;
       }
-      if (s.length === 0 || l.includes(s)) {
+      if (s.length === 0 || a.includes(s)) {
         n(""), c(!0), g(e.target);
         return;
       }
-      f([...l, s]), n(""), c(!0);
+      f([...a, s]), n(""), c(!0);
     } else {
       if (e.target.value === w) return;
       n(e.target.value), c(!1);
@@ -28,16 +28,16 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
   }, b = te(() => {
     const e = u.trim();
     if (e.length === 0) {
-      p(!1), n(""), c(!0), i(0), y(null);
+      p(!1), n(""), c(!0), i(0), I(null);
       return;
     }
-    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) => {
+    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) => {
     if (!h) {
       if (e.key === "Backspace" && u.length === 0) {
         if (q) {
-          const t = l[l.length - 1];
-          t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
+          const t = a[a.length - 1];
+          t && (f(a.filter((s) => s !== t)), n(t), i(t.length));
         } else
           c(!0);
         return;
@@ -48,17 +48,17 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
           t.length > 0 ? (n(t), b()) : (p(!1), n(""), c(!0), i(0));
           return;
         }
-        t.length > 0 && !l.includes(t) && t !== w && (f([...l, t]), n(""), c(!0), i(0));
+        t.length > 0 && !a.includes(t) && t !== w && (f([...a, t]), n(""), c(!0), i(0));
       }
-      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), y(null)), g(e.currentTarget);
+      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), I(null)), g(e.currentTarget);
     }
   }, H = (e) => {
-    const t = l.filter((s) => s !== e);
+    const t = a.filter((s) => s !== e);
     f(t), B?.(e);
   }, J = (e) => {
-    h || (L(e), p(!0), n(e), i(e.length), y(l.length - 1), o.current?.focus());
+    h || (L(e), p(!0), n(e), i(e.length), I(a.length - 1), o.current?.focus());
   }, L = (e) => {
-    const t = l.filter((s) => s !== e);
+    const t = a.filter((s) => s !== e);
     f([...t, e]);
   }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
   re(() => {
@@ -110,7 +110,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
       isFocused: "text-warning-default-focused",
       disabled: "text-warning-default-disabled"
     }
-  }, R = a ? "disabled" : v ? "isFocused" : "default";
+  }, R = l ? "disabled" : v ? "isFocused" : "default";
   return /* @__PURE__ */ r.jsxs("div", { className: d(
     "relative w-full",
     $
@@ -118,7 +118,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
     /* @__PURE__ */ r.jsx("p", { className: d(
       "mb-1 px-3",
       "prometeo-fonts-label-large",
-      X?.[I || "default"]?.[R]
+      X?.[y || "default"]?.[R]
     ), children: S }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
@@ -131,7 +131,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
           onClick: (e) => g(e.currentTarget),
           onSelect: (e) => g(e.currentTarget),
           name: D,
-          disabled: a,
+          disabled: l,
           className: d(
             "absolute inset-0 w-full h-full",
             "opacity-0 cursor-text z-10",
@@ -155,10 +155,10 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
             "flex flex-wrap gap-1 min-h-[58px]",
             "transition-all duration-300 ease-in-out",
             "cursor-text",
-            W[R][I],
+            W[R][y],
             v ? "ring-[1px]" : "",
             // 'hover:border-primary-default-hover',
-            a && "hover:border-neutral-default-disabled"
+            l && "hover:border-neutral-default-disabled"
           ),
           onMouseDown: (e) => {
             e.stopPropagation(), F?.(e), o.current?.focus();
@@ -171,17 +171,17 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
           children: [
             C && /* @__PURE__ */ r.jsx("div", { className: d(
               "flex items-center text-neutral-default-default",
-              a && "text-neutral-default-disabled"
+              l && "text-neutral-default-disabled"
             ), children: C }),
-            l.map((e, t) => /* @__PURE__ */ r.jsxs(
+            a.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 === l.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
-                  a && "border-neutral-default-disabled text-neutral-default-disabled",
+                  t === a.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
+                  l && "border-neutral-default-disabled text-neutral-default-disabled",
                   U
                 ),
                 children: [
@@ -191,7 +191,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
                       size: 16,
                       className: d(
                         "text-neutral-default-default",
-                        a && "text-neutral-default-disabled"
+                        l && "text-neutral-default-disabled"
                       )
                     }
                   ) }),
@@ -199,11 +199,11 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
                     "span",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && J(e);
+                        s.stopPropagation(), !l && J(e);
                       },
                       className: d(
                         "cursor-pointer hover:text-neutral-default-hover",
-                        a && "cursor-default hover:text-neutral-default-disabled"
+                        l && "cursor-default hover:text-neutral-default-disabled"
                       ),
                       children: e
                     }
@@ -212,11 +212,11 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
                     "div",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && H(e);
+                        s.stopPropagation(), !l && H(e);
                       },
                       className: d(
                         "cursor-pointer hover:scale-105 transition-all duration-200 ",
-                        a && " cursor-default hover:scale-100 "
+                        l && " cursor-default hover:scale-100 "
                       ),
                       children: /* @__PURE__ */ r.jsx(
                         Z,
@@ -224,7 +224,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
                           size: 16,
                           className: d(
                             "text-neutral-default-default hover:text-neutral-default-hover transition-all duration-200",
-                            a && "text-neutral-default-disabled hover:text-neutral-default-disabled"
+                            l && "text-neutral-default-disabled hover:text-neutral-default-disabled"
                           )
                         }
                       )
@@ -239,19 +239,19 @@ const se = ({ label: S, name: D, onChange: f, value: l, 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) })
             ] }),
-            l.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
+            a.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
               "text-neutral-medium-default self-center",
-              a && "text-neutral-default-disabled"
+              l && "text-neutral-default-disabled"
             ), children: K || `Escribe los valores separados por ${w}` })
           ]
         }
       )
     ] }),
-    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: [
+    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
     ] }) : /* @__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: [
+    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
     ] }) : N

package/dist/Logo.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { TicketFilled as t } from "./Icons.es.js";
+import { y as t } from "./Icons-BJgYCS_W.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" })

package/dist/OtpInput.es.js

@@ -1,5 +1,5 @@
 import { j as p } from "./jsx-runtime-DKDX3adD.js";
-import { Check as Re, Error as De } from "./Icons.es.js";
+import { C as Re, E as De } from "./Icons-BJgYCS_W.js";
 import { c as $ } from "./cn-B6yFEsav.js";
 import * as n from "react";
 import ge, { memo as Oe } from "react";
@@ -28,8 +28,8 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
   let [M, d] = n.useState(!1), [D, k] = n.useState(!1), [O, B] = n.useState(!1), _ = n.useMemo(() => r === "none" ? !1 : (r === "increase-width" || r === "experimental-no-flickering") && M && D, [M, D, r]), x = n.useCallback(() => {
     let f = t.current, v = a.current;
     if (!f || !v || O || r === "none") return;
-    let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, P = w;
-    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, P) === f || (d(!0), B(!0));
+    let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, C = w;
+    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, C) === f || (d(!0), B(!0));
   }, [t, a, O, r]);
   return n.useEffect(() => {
     let f = t.current;
@@ -55,10 +55,10 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
   }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
 }
 var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
-  var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), P, N, U, T, V;
-  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), i = u ?? te, E = He(i), q = n.useCallback((e) => {
+  var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), C, N, U, T, V;
+  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), s = u ?? te, E = He(s), q = n.useCallback((e) => {
     M?.(e), ne(e);
-  }, [M]), C = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: i, onChange: q, isIOS: typeof window < "u" && ((N = (P = window?.CSS) == null ? void 0 : P.supports) == null ? void 0 : N.call(P, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = c.current) == null ? void 0 : U.selectionStart, (T = c.current) == null ? void 0 : T.selectionEnd, (V = c.current) == null ? void 0 : V.selectionDirection] });
+  }, [M]), P = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: s, onChange: q, isIOS: typeof window < "u" && ((N = (C = window?.CSS) == null ? void 0 : C.supports) == null ? void 0 : N.call(C, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = c.current) == null ? void 0 : U.selectionStart, (T = c.current) == null ? void 0 : T.selectionEnd, (V = c.current) == null ? void 0 : V.selectionDirection] });
   n.useImperativeHandle(a, () => c.current, []), n.useEffect(() => {
     let e = c.current, l = le.current;
     if (!e || !l) return;
@@ -68,33 +68,33 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
         J(null), K(null);
         return;
       }
-      let s = e.selectionStart, g = e.selectionEnd, Y = e.selectionDirection, j = e.maxLength, F = e.value, R = X.current.prev, W = -1, A = -1, H;
-      if (F.length !== 0 && s !== null && g !== null) {
-        let Me = s === g, ke = s === F.length && F.length < j;
+      let i = e.selectionStart, g = e.selectionEnd, Y = e.selectionDirection, j = e.maxLength, F = e.value, R = X.current.prev, W = -1, A = -1, H;
+      if (F.length !== 0 && i !== null && g !== null) {
+        let Me = i === g, ke = i === F.length && F.length < j;
         if (Me && !ke) {
-          let L = s;
+          let L = i;
           if (L === 0) W = 0, A = 1, H = "forward";
           else if (L === j) W = L - 1, A = L, H = "backward";
           else if (j > 1 && F.length > 1) {
-            let ie = 0;
+            let se = 0;
             if (R[0] !== null && R[1] !== null) {
               H = L < R[1] ? "backward" : "forward";
               let Ne = R[0] === R[1] && R[0] < j;
-              H === "backward" && !Ne && (ie = -1);
+              H === "backward" && !Ne && (se = -1);
             }
-            W = ie + L, A = ie + L + 1;
+            W = se + L, A = se + L + 1;
           }
         }
         W !== -1 && A !== -1 && W !== A && c.current.setSelectionRange(W, A, H);
       }
-      let he = W !== -1 ? W : s, ve = A !== -1 ? A : g, Ce = H ?? Y;
-      J(he), K(ve), X.current.prev = [he, ve, Ce];
+      let he = W !== -1 ? W : i, ve = A !== -1 ? A : g, Pe = H ?? Y;
+      J(he), K(ve), X.current.prev = [he, ve, Pe];
     }
     if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
-      let s = document.createElement("style");
-      if (s.id = "input-otp-style", document.head.appendChild(s), s.sheet) {
+      let i = document.createElement("style");
+      if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
         let g = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        Q(s.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Q(s.sheet, `[data-input-otp]:autofill { ${g} }`), Q(s.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), Q(s.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), Q(s.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+        Q(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Q(i.sheet, `[data-input-otp]:autofill { ${g} }`), Q(i.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), Q(i.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), Q(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
       }
     }
     let y = () => {
@@ -111,20 +111,20 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
     Fe(() => {
       var e, l, h, y;
       (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let S = (l = c.current) == null ? void 0 : l.selectionStart, s = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
-      S !== null && s !== null && (J(S), K(s), X.current.prev = [S, s, g]);
+      let S = (l = c.current) == null ? void 0 : l.selectionStart, i = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
+      S !== null && i !== null && (J(S), K(i), X.current.prev = [S, i, g]);
     });
-  }, [i, Z]), n.useEffect(() => {
-    E !== void 0 && i !== E && E.length < d && i.length === d && _?.(i);
-  }, [d, _, E, i]);
+  }, [s, Z]), n.useEffect(() => {
+    E !== void 0 && s !== E && E.length < d && s.length === d && _?.(s);
+  }, [d, _, E, s]);
   let G = Ge({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
     let l = e.currentTarget.value.slice(0, d);
-    if (l.length > 0 && C && !C.test(l)) {
+    if (l.length > 0 && P && !P.test(l)) {
       e.preventDefault();
       return;
     }
     typeof E == "string" && l.length < E.length && document.dispatchEvent(new Event("selectionchange")), q(l);
-  }, [d, q, E, C]), fe = n.useCallback(() => {
+  }, [d, q, E, P]), fe = n.useCallback(() => {
     var e;
     if (c.current) {
       let l = Math.min(c.current.value.length, d - 1), h = c.current.value.length;
@@ -135,14 +135,14 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
     var l, h;
     let y = c.current;
     if (!f && (!ae.current.isIOS || !e.clipboardData || !y)) return;
-    let S = e.clipboardData.getData("text/plain"), s = f ? f(S) : S;
+    let S = e.clipboardData.getData("text/plain"), i = f ? f(S) : S;
     e.preventDefault();
-    let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ? i.slice(0, g) + s + i.slice(Y) : i.slice(0, g) + s + i.slice(g)).slice(0, d);
-    if (j.length > 0 && C && !C.test(j)) return;
+    let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ? s.slice(0, g) + i + s.slice(Y) : s.slice(0, g) + i + s.slice(g)).slice(0, d);
+    if (j.length > 0 && P && !P.test(j)) return;
     y.value = j, q(j);
     let F = Math.min(j.length, d - 1), R = j.length;
     y.setSelectionRange(F, R), J(F), K(R);
-  }, [d, q, C, i]), Ee = n.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), me = n.useMemo(() => ({ position: "absolute", inset: 0, width: G.willPushPWMBadge ? `calc(100% + ${G.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: G.willPushPWMBadge ? `inset(0 ${G.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: D, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [G.PWM_BADGE_SPACE_WIDTH, G.willPushPWMBadge, D]), je = n.useMemo(() => n.createElement("input", _e(Be({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": i.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: C?.source, "aria-placeholder": O, style: me, maxLength: d, value: i, ref: c, onPaste: (e) => {
+  }, [d, q, P, s]), Ee = n.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), me = n.useMemo(() => ({ position: "absolute", inset: 0, width: G.willPushPWMBadge ? `calc(100% + ${G.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: G.willPushPWMBadge ? `inset(0 ${G.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: D, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [G.PWM_BADGE_SPACE_WIDTH, G.willPushPWMBadge, D]), je = n.useMemo(() => n.createElement("input", _e(Be({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": s.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: P?.source, "aria-placeholder": O, style: me, maxLength: d, value: s, ref: c, onPaste: (e) => {
     var l;
     pe(e), (l = o.onPaste) == null || l.call(o, e);
   }, onChange: de, onMouseOver: (e) => {
@@ -157,12 +157,12 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
   }, onBlur: (e) => {
     var l;
     re(!1), (l = o.onBlur) == null || l.call(o, e);
-  } })), [de, fe, pe, B, me, d, z, I, o, C?.source, i]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
+  } })), [de, fe, pe, B, me, d, z, I, o, P?.source, s]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
     var h;
-    let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S = i[l] !== void 0 ? i[l] : null, s = i[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
-    return { char: S, placeholderChar: s, isActive: y, hasFakeCaret: y && S === null };
-  }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, i]), Pe = n.useMemo(() => b ? b(oe) : n.createElement(Ve.Provider, { value: oe }, w), [w, oe, b]);
-  return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v }, Pe, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
+    let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S = s[l] !== void 0 ? s[l] : null, i = s[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
+    return { char: S, placeholderChar: i, isActive: y, hasFakeCaret: y && S === null };
+  }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, s]), Ce = n.useMemo(() => b ? b(oe) : n.createElement(Ve.Provider, { value: oe }, w), [w, oe, b]);
+  return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v }, Ce, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
 });
 Se.displayName = "Input";
 function Q(t, a) {
@@ -212,7 +212,7 @@ const Ze = ({
   variant: w = "default",
   hideSlotsMiddleSeparator: o = !1
 }) => {
-  const P = m === "left" ? "justify-start w-full text-left" : m === "center" ? "justify-center" : "justify-end text-right w-full", N = {
+  const C = m === "left" ? "justify-start w-full text-left" : m === "center" ? "justify-center" : "justify-end text-right w-full", N = {
     default: {
       text: "text-neutral-default-default",
       icon: null
@@ -246,23 +246,23 @@ const Ze = ({
         const V = Math.floor(T.length / 2), te = T.slice(0, V), ne = T.slice(V);
         return /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col items-center", children: [
           /* @__PURE__ */ p.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
+            /* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((s, E) => /* @__PURE__ */ p.jsx(ie, { ...s, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
             /* @__PURE__ */ p.jsx("hr", { className: $("w-2 h-1 mx-2 border-neutral-default-default", o && "hidden") }),
-            /* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, variant: w, className: b }, E)) })
+            /* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((s, E) => /* @__PURE__ */ p.jsx(ie, { ...s, placeholder: D, hasError: f, variant: w, className: b }, E)) })
           ] }),
-          f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1", P, N.error.text), children: [
+          f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1", C, N.error.text), children: [
             N.error.icon,
             x
           ] }) : ge.cloneElement(x, { className: $(
             "text-error-default-default text-xs mt-1",
-            P,
+            C,
             N.error.text,
             x?.props?.className
           ) })),
-          v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text, P), children: [
+          v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text, C), children: [
             N[w].icon,
             v
-          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
+          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", C, N[w].text, v?.props?.className) }))
         ] });
       }
     }
@@ -294,8 +294,8 @@ const Je = (t) => {
       ]
     }
   );
-}, se = Oe(Je);
-se.displayName = "Slot";
+}, ie = Oe(Je);
+ie.displayName = "Slot";
 export {
   Ze as default
 };