mada-design-system 1.0.2 → 1.0.3

package/index.es133.js

@@ -1,13 +1,13 @@
-import H from "./index.es195.js";
-const a = H("DateRange", [
+import C from "./index.es193.js";
+const e = C("Search", [
   [
     "path",
     {
-      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
-      key: "1kdlay"
+      d: "M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z",
+      key: "1ac8z8"
     }
   ]
 ]);
 export {
-  a as default
+  e as default
 };

package/index.es134.js

@@ -1,8 +1,13 @@
-import { startOfDay as a } from "./index.es300.js";
-function o(t) {
-  return a(Date.now(), t);
-}
+import H from "./index.es193.js";
+const a = H("DateRange", [
+  [
+    "path",
+    {
+      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
+      key: "1kdlay"
+    }
+  ]
+]);
 export {
-  o as default,
-  o as startOfToday
+  a as default
 };

package/index.es135.js

@@ -1,59 +1,8 @@
-import { getDefaultOptions as v } from "./index.es329.js";
-import { formatters as D } from "./index.es330.js";
-import { longFormatters as C } from "./index.es331.js";
-import { isProtectedWeekYearToken as S, isProtectedDayOfYearToken as R, warnOrThrowProtectedError as W } from "./index.es332.js";
-import { isValid as x } from "./index.es189.js";
-import { toDate as P } from "./index.es324.js";
-import { enUS as Y } from "./index.es130.js";
-const z = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, F = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, y = /^'([^]*?)'?$/, A = /''/g, L = /[a-zA-Z]/;
-function U(t, c, e) {
-  var i, k, s, u, d, g, h, w;
-  const n = v(), l = (e == null ? void 0 : e.locale) ?? n.locale ?? Y, T = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((k = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : k.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (s = n.locale) == null ? void 0 : s.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, O = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (d = e == null ? void 0 : e.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? n.weekStartsOn ?? ((w = (h = n.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, f = P(t, e == null ? void 0 : e.in);
-  if (!x(f))
-    throw new RangeError("Invalid time value");
-  let m = c.match(F).map((a) => {
-    const r = a[0];
-    if (r === "p" || r === "P") {
-      const o = C[r];
-      return o(a, l.formatLong);
-    }
-    return a;
-  }).join("").match(z).map((a) => {
-    if (a === "''")
-      return { isToken: !1, value: "'" };
-    const r = a[0];
-    if (r === "'")
-      return { isToken: !1, value: $(a) };
-    if (D[r])
-      return { isToken: !0, value: a };
-    if (r.match(L))
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + r + "`"
-      );
-    return { isToken: !1, value: a };
-  });
-  l.localize.preprocessor && (m = l.localize.preprocessor(f, m));
-  const E = {
-    firstWeekContainsDate: T,
-    weekStartsOn: O,
-    locale: l
-  };
-  return m.map((a) => {
-    if (!a.isToken) return a.value;
-    const r = a.value;
-    (!(e != null && e.useAdditionalWeekYearTokens) && S(r) || !(e != null && e.useAdditionalDayOfYearTokens) && R(r)) && W(r, c, String(t));
-    const o = D[r[0]];
-    return o(f, r, l.localize, E);
-  }).join("");
-}
-function $(t) {
-  const c = t.match(y);
-  return c ? c[1].replace(A, "'") : t;
+import { startOfDay as a } from "./index.es281.js";
+function o(t) {
+  return a(Date.now(), t);
 }
 export {
-  U as default,
-  U as format,
-  U as formatDate,
-  D as formatters,
-  C as longFormatters
+  o as default,
+  o as startOfToday
 };

package/index.es136.js

@@ -1,8 +1,59 @@
-import { toDate as t } from "./index.es324.js";
-function f(e, o) {
-  return +t(e) < +t(o);
+import { getDefaultOptions as v } from "./index.es289.js";
+import { formatters as D } from "./index.es291.js";
+import { longFormatters as C } from "./index.es292.js";
+import { isProtectedWeekYearToken as S, isProtectedDayOfYearToken as R, warnOrThrowProtectedError as W } from "./index.es293.js";
+import { isValid as x } from "./index.es189.js";
+import { toDate as P } from "./index.es273.js";
+import { enUS as Y } from "./index.es132.js";
+const z = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, F = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, y = /^'([^]*?)'?$/, A = /''/g, L = /[a-zA-Z]/;
+function U(t, c, e) {
+  var i, k, s, u, d, g, h, w;
+  const n = v(), l = (e == null ? void 0 : e.locale) ?? n.locale ?? Y, T = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((k = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : k.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (s = n.locale) == null ? void 0 : s.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, O = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (d = e == null ? void 0 : e.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? n.weekStartsOn ?? ((w = (h = n.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, f = P(t, e == null ? void 0 : e.in);
+  if (!x(f))
+    throw new RangeError("Invalid time value");
+  let m = c.match(F).map((a) => {
+    const r = a[0];
+    if (r === "p" || r === "P") {
+      const o = C[r];
+      return o(a, l.formatLong);
+    }
+    return a;
+  }).join("").match(z).map((a) => {
+    if (a === "''")
+      return { isToken: !1, value: "'" };
+    const r = a[0];
+    if (r === "'")
+      return { isToken: !1, value: $(a) };
+    if (D[r])
+      return { isToken: !0, value: a };
+    if (r.match(L))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + r + "`"
+      );
+    return { isToken: !1, value: a };
+  });
+  l.localize.preprocessor && (m = l.localize.preprocessor(f, m));
+  const E = {
+    firstWeekContainsDate: T,
+    weekStartsOn: O,
+    locale: l
+  };
+  return m.map((a) => {
+    if (!a.isToken) return a.value;
+    const r = a.value;
+    (!(e != null && e.useAdditionalWeekYearTokens) && S(r) || !(e != null && e.useAdditionalDayOfYearTokens) && R(r)) && W(r, c, String(t));
+    const o = D[r[0]];
+    return o(f, r, l.localize, E);
+  }).join("");
+}
+function $(t) {
+  const c = t.match(y);
+  return c ? c[1].replace(A, "'") : t;
 }
 export {
-  f as default,
-  f as isBefore
+  U as default,
+  U as format,
+  U as formatDate,
+  D as formatters,
+  C as longFormatters
 };

package/index.es137.js

@@ -1,17 +1,8 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
+import { toDate as t } from "./index.es273.js";
+function f(e, o) {
+  return +t(e) < +t(o);
 }
 export {
-  i as clsx,
-  i as default
+  f as default,
+  f as isBefore
 };

package/index.es138.js

@@ -1,13 +1,17 @@
-import e from "./index.es195.js";
-const c = e("Check", [
-  [
-    "path",
-    {
-      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
-      key: "5stcsf"
-    }
-  ]
-]);
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
 export {
-  c as default
+  i as clsx,
+  i as default
 };

package/index.es139.js

@@ -1,13 +1,13 @@
-import e from "./index.es195.js";
-const t = e("Circle", [
+import e from "./index.es193.js";
+const c = e("Check", [
   [
     "path",
     {
-      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
-      key: "arly8y"
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
   ]
 ]);
 export {
-  t as default
+  c as default
 };

package/index.es14.js

@@ -1,18 +1,18 @@
 import { jsxs as f, Fragment as T, jsx as r } from "react/jsx-runtime";
-import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es114.js";
-import { SortableContext as U, arrayMove as X, useSortable as Y } from "./index.es115.js";
+import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es116.js";
+import { SortableContext as U, arrayMove as X, useSortable as Y } from "./index.es117.js";
 import { useState as A } from "react";
 import { createPortal as j } from "react-dom";
-import { cn as $ } from "./index.es94.js";
-import { strings as Z } from "./index.es95.js";
+import { cn as $ } from "./index.es95.js";
+import { strings as Z } from "./index.es96.js";
 import E from "./index.es3.js";
 import { Button as y } from "./index.es27.js";
 import { Separator as M } from "./index.es72.js";
 import { Stack as ee } from "./index.es47.js";
-import re from "./index.es116.js";
-import te from "./index.es117.js";
-import se from "./index.es118.js";
-import ae from "./index.es119.js";
+import re from "./index.es118.js";
+import te from "./index.es119.js";
+import se from "./index.es120.js";
+import ae from "./index.es121.js";
 function De({
   configs: s,
   isEditMode: o,

package/index.es140.js

@@ -1,13 +1,13 @@
-import t from "./index.es195.js";
-const o = t("ChevronRight", [
+import e from "./index.es193.js";
+const t = e("Circle", [
   [
     "path",
     {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
+      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
+      key: "arly8y"
     }
   ]
 ]);
 export {
-  o as default
+  t as default
 };

package/index.es141.js

@@ -1,193 +1,13 @@
-import * as t from "react";
-var Me = Object.defineProperty, xe = Object.defineProperties, ke = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, fe = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable, de = (r, a, l) => a in r ? Me(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, Re = (r, a) => {
-  for (var l in a || (a = {})) fe.call(a, l) && de(r, l, a[l]);
-  if (J) for (var l of J(a)) me.call(a, l) && de(r, l, a[l]);
-  return r;
-}, Te = (r, a) => xe(r, ke(a)), De = (r, a) => {
-  var l = {};
-  for (var c in r) fe.call(r, c) && a.indexOf(c) < 0 && (l[c] = r[c]);
-  if (r != null && J) for (var c of J(r)) a.indexOf(c) < 0 && me.call(r, c) && (l[c] = r[c]);
-  return l;
-};
-function Oe(r) {
-  let a = setTimeout(r, 0), l = setTimeout(r, 10), c = setTimeout(r, 50);
-  return [a, l, c];
-}
-function We(r) {
-  let a = t.useRef();
-  return t.useEffect(() => {
-    a.current = r;
-  }), a.current;
-}
-var Ae = 18, ve = 40, Be = `${ve}px`, je = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function Ie({ containerRef: r, inputRef: a, pushPasswordManagerStrategy: l, isFocused: c }) {
-  let [M, p] = t.useState(!1), [_, x] = t.useState(!1), [W, F] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && M && _, [M, _, l]), A = t.useCallback(() => {
-    let m = r.current, y = a.current;
-    if (!m || !y || W || l === "none") return;
-    let g = m, E = g.getBoundingClientRect().left + g.offsetWidth, B = g.getBoundingClientRect().top + g.offsetHeight / 2, i = E - Ae, L = B;
-    document.querySelectorAll(je).length === 0 && document.elementFromPoint(i, L) === m || (p(!0), F(!0));
-  }, [r, a, W, l]);
-  return t.useEffect(() => {
-    let m = r.current;
-    if (!m || l === "none") return;
-    function y() {
-      let E = window.innerWidth - m.getBoundingClientRect().right;
-      x(E >= ve);
-    }
-    y();
-    let g = setInterval(y, 1e3);
-    return () => {
-      clearInterval(g);
-    };
-  }, [r, l]), t.useEffect(() => {
-    let m = c || document.activeElement === a.current;
-    if (l === "none" || !m) return;
-    let y = setTimeout(A, 0), g = setTimeout(A, 2e3), E = setTimeout(A, 5e3), B = setTimeout(() => {
-      F(!0);
-    }, 6e3);
-    return () => {
-      clearTimeout(y), clearTimeout(g), clearTimeout(E), clearTimeout(B);
-    };
-  }, [a, c, l, A]), { hasPWMBadge: M, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Be };
-}
-var _e = t.createContext({}), Fe = t.forwardRef((r, a) => {
-  var l = r, { value: c, onChange: M, maxLength: p, textAlign: _ = "left", pattern: x, placeholder: W, inputMode: F = "numeric", onComplete: H, pushPasswordManagerStrategy: A = "increase-width", pasteTransformer: m, containerClassName: y, noScriptCSSFallback: g = He, render: E, children: B } = l, i = De(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ee, te, ne, re;
-  let [he, ge] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), u = c ?? he, k = We(u), $ = t.useCallback((e) => {
-    M == null || M(e), ge(e);
-  }, [M]), w = t.useMemo(() => x ? typeof x == "string" ? new RegExp(x) : x : null, [x]), s = t.useRef(null), K = t.useRef(null), Q = t.useRef({ value: u, onChange: $, isIOS: typeof window < "u" && ((ee = (L = window == null ? void 0 : window.CSS) == null ? void 0 : L.supports) == null ? void 0 : ee.call(L, "-webkit-touch-callout", "none")) }), q = t.useRef({ prev: [(te = s.current) == null ? void 0 : te.selectionStart, (ne = s.current) == null ? void 0 : ne.selectionEnd, (re = s.current) == null ? void 0 : re.selectionDirection] });
-  t.useImperativeHandle(a, () => s.current, []), t.useEffect(() => {
-    let e = s.current, n = K.current;
-    if (!e || !n) return;
-    Q.current.value !== e.value && Q.current.onChange(e.value), q.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
-    function d() {
-      if (document.activeElement !== e) {
-        N(null), z(null);
-        return;
-      }
-      let o = e.selectionStart, f = e.selectionEnd, Z = e.selectionDirection, b = e.maxLength, T = e.value, S = q.current.prev, P = -1, C = -1, D;
-      if (T.length !== 0 && o !== null && f !== null) {
-        let ye = o === f, Pe = o === T.length && T.length < b;
-        if (ye && !Pe) {
-          let O = o;
-          if (O === 0) P = 0, C = 1, D = "forward";
-          else if (O === b) P = O - 1, C = O, D = "backward";
-          else if (b > 1 && T.length > 1) {
-            let Y = 0;
-            if (S[0] !== null && S[1] !== null) {
-              D = O < S[1] ? "backward" : "forward";
-              let Ce = S[0] === S[1] && S[0] < b;
-              D === "backward" && !Ce && (Y = -1);
-            }
-            P = Y + O, C = Y + O + 1;
-          }
-        }
-        P !== -1 && C !== -1 && P !== C && s.current.setSelectionRange(P, C, D);
-      }
-      let ce = P !== -1 ? P : o, pe = C !== -1 ? C : f, Se = D ?? Z;
-      N(ce), z(pe), q.current.prev = [ce, pe, Se];
-    }
-    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && U(!0), !document.getElementById("input-otp-style")) {
-      let o = document.createElement("style");
-      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
-        let f = "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;";
-        V(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), V(o.sheet, `[data-input-otp]:autofill { ${f} }`), V(o.sheet, `[data-input-otp]:-webkit-autofill { ${f} }`), V(o.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; } }"), V(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
-      }
-    }
-    let v = () => {
-      n && n.style.setProperty("--root-height", `${e.clientHeight}px`);
-    };
-    v();
-    let h = new ResizeObserver(v);
-    return h.observe(e), () => {
-      document.removeEventListener("selectionchange", d, { capture: !0 }), h.disconnect();
-    };
-  }, []);
-  let [le, ae] = t.useState(!1), [G, U] = t.useState(!1), [R, N] = t.useState(null), [j, z] = t.useState(null);
-  t.useEffect(() => {
-    Oe(() => {
-      var e, n, d, v;
-      (e = s.current) == null || e.dispatchEvent(new Event("input"));
-      let h = (n = s.current) == null ? void 0 : n.selectionStart, o = (d = s.current) == null ? void 0 : d.selectionEnd, f = (v = s.current) == null ? void 0 : v.selectionDirection;
-      h !== null && o !== null && (N(h), z(o), q.current.prev = [h, o, f]);
-    });
-  }, [u, G]), t.useEffect(() => {
-    k !== void 0 && u !== k && k.length < p && u.length === p && (H == null || H(u));
-  }, [p, H, k, u]);
-  let I = Ie({ containerRef: K, inputRef: s, pushPasswordManagerStrategy: A, isFocused: G }), oe = t.useCallback((e) => {
-    let n = e.currentTarget.value.slice(0, p);
-    if (n.length > 0 && w && !w.test(n)) {
-      e.preventDefault();
-      return;
-    }
-    typeof k == "string" && n.length < k.length && document.dispatchEvent(new Event("selectionchange")), $(n);
-  }, [p, $, k, w]), ie = t.useCallback(() => {
-    var e;
-    if (s.current) {
-      let n = Math.min(s.current.value.length, p - 1), d = s.current.value.length;
-      (e = s.current) == null || e.setSelectionRange(n, d), N(n), z(d);
-    }
-    U(!0);
-  }, [p]), ue = t.useCallback((e) => {
-    var n, d;
-    let v = s.current;
-    if (!m && (!Q.current.isIOS || !e.clipboardData || !v)) return;
-    let h = e.clipboardData.getData("text/plain"), o = m ? m(h) : h;
-    e.preventDefault();
-    let f = (n = s.current) == null ? void 0 : n.selectionStart, Z = (d = s.current) == null ? void 0 : d.selectionEnd, b = (f !== Z ? u.slice(0, f) + o + u.slice(Z) : u.slice(0, f) + o + u.slice(f)).slice(0, p);
-    if (b.length > 0 && w && !w.test(b)) return;
-    v.value = b, $(b);
-    let T = Math.min(b.length, p - 1), S = b.length;
-    v.setSelectionRange(T, S), N(T), z(S);
-  }, [p, $, w, u]), be = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), se = t.useMemo(() => ({ position: "absolute", inset: 0, width: I.willPushPWMBadge ? `calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: I.willPushPWMBadge ? `inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: _, 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" }), [I.PWM_BADGE_SPACE_WIDTH, I.willPushPWMBadge, _]), we = t.useMemo(() => t.createElement("input", Te(Re({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": R, "data-input-otp-mse": j, inputMode: F, pattern: w == null ? void 0 : w.source, "aria-placeholder": W, style: se, maxLength: p, value: u, ref: s, onPaste: (e) => {
-    var n;
-    ue(e), (n = i.onPaste) == null || n.call(i, e);
-  }, onChange: oe, onMouseOver: (e) => {
-    var n;
-    ae(!0), (n = i.onMouseOver) == null || n.call(i, e);
-  }, onMouseLeave: (e) => {
-    var n;
-    ae(!1), (n = i.onMouseLeave) == null || n.call(i, e);
-  }, onFocus: (e) => {
-    var n;
-    ie(), (n = i.onFocus) == null || n.call(i, e);
-  }, onBlur: (e) => {
-    var n;
-    U(!1), (n = i.onBlur) == null || n.call(i, e);
-  } })), [oe, ie, ue, F, se, p, j, R, i, w == null ? void 0 : w.source, u]), X = t.useMemo(() => ({ slots: Array.from({ length: p }).map((e, n) => {
-    var d;
-    let v = G && R !== null && j !== null && (R === j && n === R || n >= R && n < j), h = u[n] !== void 0 ? u[n] : null, o = u[0] !== void 0 ? null : (d = W == null ? void 0 : W[n]) != null ? d : null;
-    return { char: h, placeholderChar: o, isActive: v, hasFakeCaret: v && h === null };
-  }), isFocused: G, isHovering: !i.disabled && le }), [G, le, p, j, R, i.disabled, u]), Ee = t.useMemo(() => E ? E(X) : t.createElement(_e.Provider, { value: X }, B), [B, X, E]);
-  return t.createElement(t.Fragment, null, g !== null && t.createElement("noscript", null, t.createElement("style", null, g)), t.createElement("div", { ref: K, "data-input-otp-container": !0, style: be, className: y }, Ee, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, we)));
-});
-Fe.displayName = "Input";
-function V(r, a) {
-  try {
-    r.insertRule(a);
-  } catch {
-  }
-}
-var He = `
-[data-input-otp] {
-  --nojs-bg: white !important;
-  --nojs-fg: black !important;
-
-  background-color: var(--nojs-bg) !important;
-  color: var(--nojs-fg) !important;
-  caret-color: var(--nojs-fg) !important;
-  letter-spacing: .25em !important;
-  text-align: center !important;
-  border: 1px solid var(--nojs-fg) !important;
-  border-radius: 4px !important;
-  width: 100% !important;
-}
-@media (prefers-color-scheme: dark) {
-  [data-input-otp] {
-    --nojs-bg: black !important;
-    --nojs-fg: white !important;
-  }
-}`;
+import t from "./index.es193.js";
+const o = t("ChevronRight", [
+  [
+    "path",
+    {
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
+    }
+  ]
+]);
 export {
-  Fe as OTPInput,
-  _e as OTPInputContext
+  o as default
 };