prometeo-design-system 2.7.8 → 2.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/Button.es.js +5 -5
  2. package/dist/{CardProfile-WHoeSibd.js → CardProfile-DV3gwvqE.js} +24 -24
  3. package/dist/CardProfile.es.js +1 -1
  4. package/dist/CheckBox.es.js +60 -60
  5. package/dist/CheckboxFormik.es.js +2 -2
  6. package/dist/DatePicker.es.js +68 -68
  7. package/dist/DrawerDesktop.es.js +4 -4
  8. package/dist/DropZone.es.js +32 -32
  9. package/dist/FAButton.es.js +2 -2
  10. package/dist/HelperComponent-U6mPwuDH.js +24 -0
  11. package/dist/Icons/Icons.d.ts +1 -61
  12. package/dist/Icons.es.js +8 -68
  13. package/dist/{ImageGallery-WKzUevOQ.js → ImageGallery-D8nIvBpV.js} +43 -43
  14. package/dist/ImageGallery.es.js +1 -1
  15. package/dist/{Input-D6as6xD-.js → Input-60IT1aGF.js} +61 -61
  16. package/dist/Input.es.js +1 -1
  17. package/dist/InputFormik.es.js +32 -32
  18. package/dist/InputFormikV2.es.js +1 -1
  19. package/dist/InputMultiple.es.js +51 -51
  20. package/dist/Logo.es.js +3 -3
  21. package/dist/Menu.es.js +2 -2
  22. package/dist/OtpInput.es.js +42 -42
  23. package/dist/Pagination.es.js +1 -1
  24. package/dist/RadioButton.es.js +1 -1
  25. package/dist/{Select-sdfP2TL0.js → Select-C4UvSsof.js} +164 -164
  26. package/dist/Select.es.js +1 -1
  27. package/dist/SelectFormik.es.js +1 -1
  28. package/dist/SelectFormikLegacy.es.js +25 -25
  29. package/dist/SelectSearch.es.js +1 -1
  30. package/dist/Steps.es.js +14 -14
  31. package/dist/TabLinks.es.js +2 -2
  32. package/dist/Table.es.js +2 -2
  33. package/dist/Toast.es.js +23 -23
  34. package/dist/Tooltip.es.js +7 -7
  35. package/dist/components/CheckBox/CheckBox.d.ts +5 -4
  36. package/dist/components/Toaster/Toaster.d.ts +3 -3
  37. package/dist/exports/Icons.d.ts +1 -1
  38. package/dist/prometeo-design-system.css +1 -1
  39. package/dist/prometeo-design-system.es.js +125 -126
  40. package/package.json +1 -1
  41. package/dist/HelperComponent-BeNlTMqI.js +0 -24
  42. package/dist/components/Spinner/SpinnerV2.d.ts +0 -12
package/dist/Logo.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
- import { TicketFilled as t } from "./Icons.es.js";
3
- 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: [
4
- /* @__PURE__ */ e.jsx(t, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
2
+ import { Icons as t } from "./Icons.es.js";
3
+ 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: [
4
+ /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
5
5
  /* @__PURE__ */ e.jsx("span", { className: "font-bold text-[28px] text-primary-medium-pressed font-monserra -tracking-wide text-logo", children: "TICKETS" })
6
6
  ] });
7
7
  export {
package/dist/Menu.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as r } from "./cn-B6yFEsav.js";
3
3
  import { AnimatePresence as n, motion as o } from "framer-motion";
4
- 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(
4
+ 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(
5
5
  o.div,
6
6
  {
7
7
  initial: { height: 0, opacity: 0 },
@@ -42,7 +42,7 @@ const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("
42
42
  ease: "easeInOut"
43
43
  }
44
44
  },
45
- children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
45
+ children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border-1 w-full" })
46
46
  }
47
47
  ), d = ({ onClick: t, children: a, className: i }) => /* @__PURE__ */ e.jsx(
48
48
  o.button,
@@ -1,42 +1,42 @@
1
1
  import { j as p } from "./jsx-runtime-DKDX3adD.js";
2
- import { Check as Re, Error as De } from "./Icons.es.js";
2
+ import { Icons as ge } from "./Icons.es.js";
3
3
  import { c as $ } from "./cn-B6yFEsav.js";
4
4
  import * as n from "react";
5
- import ge, { memo as Oe } from "react";
6
- var Te = Object.defineProperty, We = Object.defineProperties, Ae = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable, xe = (t, a, r) => a in t ? Te(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, Be = (t, a) => {
7
- for (var r in a || (a = {})) be.call(a, r) && xe(t, r, a[r]);
8
- if (ee) for (var r of ee(a)) we.call(a, r) && xe(t, r, a[r]);
5
+ import xe, { memo as De } from "react";
6
+ var Oe = Object.defineProperty, Te = Object.defineProperties, We = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, we = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable, be = (t, a, r) => a in t ? Oe(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, Ae = (t, a) => {
7
+ for (var r in a || (a = {})) we.call(a, r) && be(t, r, a[r]);
8
+ if (ee) for (var r of ee(a)) ye.call(a, r) && be(t, r, a[r]);
9
9
  return t;
10
- }, _e = (t, a) => We(t, Ae(a)), Ie = (t, a) => {
10
+ }, Be = (t, a) => Te(t, We(a)), _e = (t, a) => {
11
11
  var r = {};
12
- for (var u in t) be.call(t, u) && a.indexOf(u) < 0 && (r[u] = t[u]);
13
- if (t != null && ee) for (var u of ee(t)) a.indexOf(u) < 0 && we.call(t, u) && (r[u] = t[u]);
12
+ for (var u in t) we.call(t, u) && a.indexOf(u) < 0 && (r[u] = t[u]);
13
+ if (t != null && ee) for (var u of ee(t)) a.indexOf(u) < 0 && ye.call(t, u) && (r[u] = t[u]);
14
14
  return r;
15
15
  };
16
- function Fe(t) {
16
+ function Ie(t) {
17
17
  let a = setTimeout(t, 0), r = setTimeout(t, 10), u = setTimeout(t, 50);
18
18
  return [a, r, u];
19
19
  }
20
- function He(t) {
20
+ function Fe(t) {
21
21
  let a = n.useRef();
22
22
  return n.useEffect(() => {
23
23
  a.current = t;
24
24
  }), a.current;
25
25
  }
26
- var Le = 18, ye = 40, $e = `${ye}px`, ze = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
27
- function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFocused: u }) {
26
+ var He = 18, Se = 40, Le = `${Se}px`, $e = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
27
+ function ze({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFocused: u }) {
28
28
  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(() => {
29
29
  let f = t.current, v = a.current;
30
30
  if (!f || !v || O || r === "none") return;
31
- let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, P = w;
32
- document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, P) === f || (d(!0), B(!0));
31
+ let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - He, P = w;
32
+ document.querySelectorAll($e).length === 0 && document.elementFromPoint(o, P) === f || (d(!0), B(!0));
33
33
  }, [t, a, O, r]);
34
34
  return n.useEffect(() => {
35
35
  let f = t.current;
36
36
  if (!f || r === "none") return;
37
37
  function v() {
38
38
  let b = window.innerWidth - f.getBoundingClientRect().right;
39
- k(b >= ye);
39
+ k(b >= Se);
40
40
  }
41
41
  v();
42
42
  let m = setInterval(v, 1e3);
@@ -52,11 +52,11 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
52
52
  return () => {
53
53
  clearTimeout(v), clearTimeout(m), clearTimeout(b), clearTimeout(w);
54
54
  };
55
- }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
55
+ }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: Le };
56
56
  }
57
- var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
58
- 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;
59
- let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), i = u ?? te, E = He(i), q = n.useCallback((e) => {
57
+ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
58
+ 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 = Ve, render: b, children: w } = r, o = _e(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), P, N, U, T, V;
59
+ let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), i = u ?? te, E = Fe(i), q = n.useCallback((e) => {
60
60
  M?.(e), ne(e);
61
61
  }, [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] });
62
62
  n.useImperativeHandle(a, () => c.current, []), n.useEffect(() => {
@@ -70,8 +70,8 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
70
70
  }
71
71
  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;
72
72
  if (F.length !== 0 && s !== null && g !== null) {
73
- let Me = s === g, ke = s === F.length && F.length < j;
74
- if (Me && !ke) {
73
+ let ke = s === g, Ne = s === F.length && F.length < j;
74
+ if (ke && !Ne) {
75
75
  let L = s;
76
76
  if (L === 0) W = 0, A = 1, H = "forward";
77
77
  else if (L === j) W = L - 1, A = L, H = "backward";
@@ -79,16 +79,16 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
79
79
  let ie = 0;
80
80
  if (R[0] !== null && R[1] !== null) {
81
81
  H = L < R[1] ? "backward" : "forward";
82
- let Ne = R[0] === R[1] && R[0] < j;
83
- H === "backward" && !Ne && (ie = -1);
82
+ let Re = R[0] === R[1] && R[0] < j;
83
+ H === "backward" && !Re && (ie = -1);
84
84
  }
85
85
  W = ie + L, A = ie + L + 1;
86
86
  }
87
87
  }
88
88
  W !== -1 && A !== -1 && W !== A && c.current.setSelectionRange(W, A, H);
89
89
  }
90
- let he = W !== -1 ? W : s, ve = A !== -1 ? A : g, Ce = H ?? Y;
91
- J(he), K(ve), X.current.prev = [he, ve, Ce];
90
+ let he = W !== -1 ? W : s, ve = A !== -1 ? A : g, Me = H ?? Y;
91
+ J(he), K(ve), X.current.prev = [he, ve, Me];
92
92
  }
93
93
  if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
94
94
  let s = document.createElement("style");
@@ -108,7 +108,7 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
108
108
  }, []);
109
109
  let [ue, ce] = n.useState(!1), [Z, re] = n.useState(!1), [I, J] = n.useState(null), [z, K] = n.useState(null);
110
110
  n.useEffect(() => {
111
- Fe(() => {
111
+ Ie(() => {
112
112
  var e, l, h, y;
113
113
  (e = c.current) == null || e.dispatchEvent(new Event("input"));
114
114
  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;
@@ -117,7 +117,7 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
117
117
  }, [i, Z]), n.useEffect(() => {
118
118
  E !== void 0 && i !== E && E.length < d && i.length === d && _?.(i);
119
119
  }, [d, _, E, i]);
120
- let G = Ge({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
120
+ let G = ze({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
121
121
  let l = e.currentTarget.value.slice(0, d);
122
122
  if (l.length > 0 && C && !C.test(l)) {
123
123
  e.preventDefault();
@@ -142,7 +142,7 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
142
142
  y.value = j, q(j);
143
143
  let F = Math.min(j.length, d - 1), R = j.length;
144
144
  y.setSelectionRange(F, R), J(F), K(R);
145
- }, [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) => {
145
+ }, [d, q, C, i]), je = 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]), Pe = n.useMemo(() => n.createElement("input", Be(Ae({ 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) => {
146
146
  var l;
147
147
  pe(e), (l = o.onPaste) == null || l.call(o, e);
148
148
  }, onChange: de, onMouseOver: (e) => {
@@ -161,10 +161,10 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
161
161
  var h;
162
162
  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;
163
163
  return { char: S, placeholderChar: s, isActive: y, hasFakeCaret: y && S === null };
164
- }), 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]);
165
- 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)));
164
+ }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, i]), Ce = n.useMemo(() => b ? b(oe) : n.createElement(Ge.Provider, { value: oe }, w), [w, oe, b]);
165
+ 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: je, className: v }, Ce, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, Pe)));
166
166
  });
167
- Se.displayName = "Input";
167
+ Ee.displayName = "Input";
168
168
  function Q(t, a) {
169
169
  try {
170
170
  t.insertRule(a);
@@ -172,7 +172,7 @@ function Q(t, a) {
172
172
  console.error("input-otp could not insert CSS rule:", a);
173
173
  }
174
174
  }
175
- var qe = `
175
+ var Ve = `
176
176
  [data-input-otp] {
177
177
  --nojs-bg: white !important;
178
178
  --nojs-fg: black !important;
@@ -192,7 +192,7 @@ var qe = `
192
192
  --nojs-fg: white !important;
193
193
  }
194
194
  }`;
195
- const Ze = ({
195
+ const qe = ({
196
196
  value: t = "",
197
197
  name: a,
198
198
  onChange: r,
@@ -219,17 +219,17 @@ const Ze = ({
219
219
  },
220
220
  error: {
221
221
  text: "text-error-default-default",
222
- icon: /* @__PURE__ */ p.jsx(De, { size: 18, className: "text-error-default-default" })
222
+ icon: /* @__PURE__ */ p.jsx(ge.Error, { size: 18, className: "text-error-default-default" })
223
223
  },
224
224
  success: {
225
225
  text: "text-success-default-default",
226
- icon: /* @__PURE__ */ p.jsx(Re, { size: 18, className: "text-success-default-default" })
226
+ icon: /* @__PURE__ */ p.jsx(ge.Check, { size: 18, className: "text-success-default-default" })
227
227
  }
228
228
  }, U = (T) => {
229
229
  r?.(T, a);
230
230
  };
231
231
  return /* @__PURE__ */ p.jsx(
232
- Se,
232
+ Ee,
233
233
  {
234
234
  value: t,
235
235
  name: a,
@@ -253,7 +253,7 @@ const Ze = ({
253
253
  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: [
254
254
  N.error.icon,
255
255
  x
256
- ] }) : ge.cloneElement(x, { className: $(
256
+ ] }) : xe.cloneElement(x, { className: $(
257
257
  "text-error-default-default text-xs mt-1",
258
258
  P,
259
259
  N.error.text,
@@ -262,14 +262,14 @@ const Ze = ({
262
262
  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: [
263
263
  N[w].icon,
264
264
  v
265
- ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
265
+ ] }) : xe.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
266
266
  ] });
267
267
  }
268
268
  }
269
269
  );
270
270
  };
271
- Ze.displayName = "OtpInput";
272
- const Je = (t) => {
271
+ qe.displayName = "OtpInput";
272
+ const Ze = (t) => {
273
273
  const a = {
274
274
  default: "border-neutral-default-default",
275
275
  error: "border-error-default-default",
@@ -294,8 +294,8 @@ const Je = (t) => {
294
294
  ]
295
295
  }
296
296
  );
297
- }, se = Oe(Je);
297
+ }, se = De(Ze);
298
298
  se.displayName = "Slot";
299
299
  export {
300
- Ze as default
300
+ qe as default
301
301
  };
@@ -64,7 +64,7 @@ function h({
64
64
  a.div,
65
65
  {
66
66
  layoutId: "activePage",
67
- className: "absolute inset-0 border border-primary-default-default rounded-md",
67
+ className: "absolute inset-0 border-1 border-primary-default-default rounded-md",
68
68
  initial: !1,
69
69
  transition: {
70
70
  type: "spring",
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as t } from "./cn-B6yFEsav.js";
3
3
  import { memo as x, forwardRef as k, useRef as g, useEffect as y } from "react";
4
- import { H as j } from "./HelperComponent-BeNlTMqI.js";
4
+ import { H as j } from "./HelperComponent-U6mPwuDH.js";
5
5
  const s = k((n, a) => {
6
6
  const r = g(null);
7
7
  y(() => {