prometeo-design-system 2.7.7 → 2.7.8

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-DV3gwvqE.js → CardProfile-WHoeSibd.js} +24 -24
  3. package/dist/CardProfile.es.js +1 -1
  4. package/dist/CheckBox.es.js +59 -57
  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-BeNlTMqI.js +24 -0
  11. package/dist/Icons/Icons.d.ts +61 -1
  12. package/dist/Icons.es.js +68 -8
  13. package/dist/{ImageGallery-D8nIvBpV.js → ImageGallery-WKzUevOQ.js} +43 -43
  14. package/dist/ImageGallery.es.js +1 -1
  15. package/dist/{Input-60IT1aGF.js → Input-D6as6xD-.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-C4UvSsof.js → Select-sdfP2TL0.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 +4 -1
  36. package/dist/components/Spinner/SpinnerV2.d.ts +12 -0
  37. package/dist/components/Toaster/Toaster.d.ts +3 -3
  38. package/dist/exports/Icons.d.ts +1 -1
  39. package/dist/prometeo-design-system.css +1 -1
  40. package/dist/prometeo-design-system.es.js +126 -125
  41. package/package.json +1 -1
  42. package/dist/HelperComponent-U6mPwuDH.js +0 -24
package/dist/Logo.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
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" }),
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" }),
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-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(
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(
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-1 w-full" })
45
+ children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border 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 { Icons as ge } from "./Icons.es.js";
2
+ import { Check as Re, Error as De } from "./Icons.es.js";
3
3
  import { c as $ } from "./cn-B6yFEsav.js";
4
4
  import * as n from "react";
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]);
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]);
9
9
  return t;
10
- }, Be = (t, a) => Te(t, We(a)), _e = (t, a) => {
10
+ }, _e = (t, a) => We(t, Ae(a)), Ie = (t, a) => {
11
11
  var r = {};
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]);
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]);
14
14
  return r;
15
15
  };
16
- function Ie(t) {
16
+ function Fe(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 Fe(t) {
20
+ function He(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 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 }) {
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 }) {
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 - He, P = w;
32
- document.querySelectorAll($e).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 - Le, P = w;
32
+ document.querySelectorAll(ze).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 >= Se);
39
+ k(b >= ye);
40
40
  }
41
41
  v();
42
42
  let m = setInterval(v, 1e3);
@@ -52,11 +52,11 @@ function ze({ 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: Le };
55
+ }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
56
56
  }
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) => {
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) => {
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 Ge = n.createContext({}), Ee = 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 ke = s === g, Ne = s === F.length && F.length < j;
74
- if (ke && !Ne) {
73
+ let Me = s === g, ke = s === F.length && F.length < j;
74
+ if (Me && !ke) {
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 Ge = n.createContext({}), Ee = 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 Re = R[0] === R[1] && R[0] < j;
83
- H === "backward" && !Re && (ie = -1);
82
+ let Ne = R[0] === R[1] && R[0] < j;
83
+ H === "backward" && !Ne && (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, Me = H ?? Y;
91
- J(he), K(ve), X.current.prev = [he, ve, Me];
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];
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 Ge = n.createContext({}), Ee = 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
- Ie(() => {
111
+ Fe(() => {
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 Ge = n.createContext({}), Ee = 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 = ze({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
120
+ let G = Ge({ 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 Ge = n.createContext({}), Ee = 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]), 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) => {
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) => {
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 Ge = n.createContext({}), Ee = 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]), 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)));
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)));
166
166
  });
167
- Ee.displayName = "Input";
167
+ Se.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 Ve = `
175
+ var qe = `
176
176
  [data-input-otp] {
177
177
  --nojs-bg: white !important;
178
178
  --nojs-fg: black !important;
@@ -192,7 +192,7 @@ var Ve = `
192
192
  --nojs-fg: white !important;
193
193
  }
194
194
  }`;
195
- const qe = ({
195
+ const Ze = ({
196
196
  value: t = "",
197
197
  name: a,
198
198
  onChange: r,
@@ -219,17 +219,17 @@ const qe = ({
219
219
  },
220
220
  error: {
221
221
  text: "text-error-default-default",
222
- icon: /* @__PURE__ */ p.jsx(ge.Error, { size: 18, className: "text-error-default-default" })
222
+ icon: /* @__PURE__ */ p.jsx(De, { size: 18, className: "text-error-default-default" })
223
223
  },
224
224
  success: {
225
225
  text: "text-success-default-default",
226
- icon: /* @__PURE__ */ p.jsx(ge.Check, { size: 18, className: "text-success-default-default" })
226
+ icon: /* @__PURE__ */ p.jsx(Re, { 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
- Ee,
232
+ Se,
233
233
  {
234
234
  value: t,
235
235
  name: a,
@@ -253,7 +253,7 @@ const qe = ({
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
- ] }) : xe.cloneElement(x, { className: $(
256
+ ] }) : ge.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 qe = ({
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
- ] }) : xe.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
265
+ ] }) : ge.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
- qe.displayName = "OtpInput";
272
- const Ze = (t) => {
271
+ Ze.displayName = "OtpInput";
272
+ const Je = (t) => {
273
273
  const a = {
274
274
  default: "border-neutral-default-default",
275
275
  error: "border-error-default-default",
@@ -294,8 +294,8 @@ const Ze = (t) => {
294
294
  ]
295
295
  }
296
296
  );
297
- }, se = De(Ze);
297
+ }, se = Oe(Je);
298
298
  se.displayName = "Slot";
299
299
  export {
300
- qe as default
300
+ Ze 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-1 border-primary-default-default rounded-md",
67
+ className: "absolute inset-0 border 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-U6mPwuDH.js";
4
+ import { H as j } from "./HelperComponent-BeNlTMqI.js";
5
5
  const s = k((n, a) => {
6
6
  const r = g(null);
7
7
  y(() => {