@moises.ai/design-system 1.0.22 → 1.0.24

package/dist/primitives.js

@@ -0,0 +1,2313 @@
+import { b9 as rt, l as se, s as ie, ba as ae, j as D, bb as Fr, aB as P, u as Y, bc as ot, bd as Ae, be as To, bf as yo, bg as Eo, bh as wo, bi as Ro, bj as _o, bk as Io, bl as Ao, bm as So, m as de, t as nt, bn as xo, bo as Mo, bp as Po, bq as Fo, br as No, bs as Oo, bt as Do, o as Se, bu as Lo, bv as ko, bw as Vo, bx as Nr, by as Or, b3 as Re, bz as Go, bA as $o, bB as Dr, bC as Ko, k as Bo, bD as Lr, aD as jo, aC as Ho } from "./index-BIjOAs1j.js";
+import { bE as As, bF as Ss, bG as xs, bH as Ms, bI as Ps, bJ as Fs, bK as Ns, r as Os, bL as Ds, bM as Ls, bN as ks, bO as Vs, bP as Gs, bQ as $s, bR as Ks, bS as Bs, bT as js, bU as Hs, bV as zs, bW as Us, bX as Ws, bY as qs, bZ as Ys, b_ as Xs, b$ as Zs } from "./index-BIjOAs1j.js";
+import * as a from "react";
+import q from "react";
+import { jsx as i, Fragment as at, jsxs as st } from "react/jsx-runtime";
+import * as zo from "react-dom";
+import { flushSync as ue } from "react-dom";
+var Rr = a[" useEffectEvent ".trim().toString()], _r = a[" useInsertionEffect ".trim().toString()];
+function kr(e) {
+  if (typeof Rr == "function")
+    return Rr(e);
+  const r = a.useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  return typeof _r == "function" ? _r(() => {
+    r.current = e;
+  }) : rt(() => {
+    r.current = e;
+  }), a.useMemo(() => (...t) => {
+    var o;
+    return (o = r.current) == null ? void 0 : o.call(r, ...t);
+  }, []);
+}
+var xe = "Collapsible", [Uo, it] = se(xe), [Wo, ct] = Uo(xe), lt = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeCollapsible: t,
+      open: o,
+      defaultOpen: n,
+      disabled: s,
+      onOpenChange: u,
+      ...c
+    } = e, [f, d] = ie({
+      prop: o,
+      defaultProp: n ?? !1,
+      onChange: u,
+      caller: xe
+    });
+    return /* @__PURE__ */ i(
+      Wo,
+      {
+        scope: t,
+        disabled: s,
+        contentId: ae(),
+        open: f,
+        onOpenToggle: a.useCallback(() => d((b) => !b), [d]),
+        children: /* @__PURE__ */ i(
+          D.div,
+          {
+            "data-state": pt(f),
+            "data-disabled": s ? "" : void 0,
+            ...c,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+lt.displayName = xe;
+var Vr = "CollapsibleTrigger", ut = a.forwardRef(
+  (e, r) => {
+    const { __scopeCollapsible: t, ...o } = e, n = ct(Vr, t);
+    return /* @__PURE__ */ i(
+      D.button,
+      {
+        type: "button",
+        "aria-controls": n.contentId,
+        "aria-expanded": n.open || !1,
+        "data-state": pt(n.open),
+        "data-disabled": n.disabled ? "" : void 0,
+        disabled: n.disabled,
+        ...o,
+        ref: r,
+        onClick: P(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+ut.displayName = Vr;
+var dt = "CollapsibleContent", ft = a.forwardRef(
+  (e, r) => {
+    const { forceMount: t, ...o } = e, n = ct(dt, e.__scopeCollapsible);
+    return /* @__PURE__ */ i(Fr, { present: t || n.open, children: ({ present: s }) => /* @__PURE__ */ i(qo, { ...o, ref: r, present: s }) });
+  }
+);
+ft.displayName = dt;
+var qo = a.forwardRef((e, r) => {
+  const { __scopeCollapsible: t, present: o, children: n, ...s } = e, u = ct(dt, t), [c, f] = a.useState(o), d = a.useRef(null), b = Y(r, d), w = a.useRef(0), I = w.current, R = a.useRef(0), _ = R.current, m = u.open || c, p = a.useRef(m), T = a.useRef(void 0);
+  return a.useEffect(() => {
+    const l = requestAnimationFrame(() => p.current = !1);
+    return () => cancelAnimationFrame(l);
+  }, []), rt(() => {
+    const l = d.current;
+    if (l) {
+      T.current = T.current || {
+        transitionDuration: l.style.transitionDuration,
+        animationName: l.style.animationName
+      }, l.style.transitionDuration = "0s", l.style.animationName = "none";
+      const h = l.getBoundingClientRect();
+      w.current = h.height, R.current = h.width, p.current || (l.style.transitionDuration = T.current.transitionDuration, l.style.animationName = T.current.animationName), f(o);
+    }
+  }, [u.open, o]), /* @__PURE__ */ i(
+    D.div,
+    {
+      "data-state": pt(u.open),
+      "data-disabled": u.disabled ? "" : void 0,
+      id: u.contentId,
+      hidden: !m,
+      ...s,
+      ref: b,
+      style: {
+        "--radix-collapsible-content-height": I ? `${I}px` : void 0,
+        "--radix-collapsible-content-width": _ ? `${_}px` : void 0,
+        ...e.style
+      },
+      children: m && n
+    }
+  );
+});
+function pt(e) {
+  return e ? "open" : "closed";
+}
+var Gr = lt, $r = ut, Kr = ft;
+const vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Collapsible: lt,
+  CollapsibleContent: ft,
+  CollapsibleTrigger: ut,
+  Content: Kr,
+  Root: Gr,
+  Trigger: $r,
+  createCollapsibleScope: it
+}, Symbol.toStringTag, { value: "Module" }));
+var J = "Accordion", Yo = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [mt, Xo, Zo] = ot(J), [Me, Jo] = se(J, [
+  Zo,
+  it
+]), vt = it(), bt = q.forwardRef(
+  (e, r) => {
+    const { type: t, ...o } = e, n = o, s = o;
+    return /* @__PURE__ */ i(mt.Provider, { scope: e.__scopeAccordion, children: t === "multiple" ? /* @__PURE__ */ i(rn, { ...s, ref: r }) : /* @__PURE__ */ i(tn, { ...n, ref: r }) });
+  }
+);
+bt.displayName = J;
+var [Br, Qo] = Me(J), [jr, en] = Me(
+  J,
+  { collapsible: !1 }
+), tn = q.forwardRef(
+  (e, r) => {
+    const {
+      value: t,
+      defaultValue: o,
+      onValueChange: n = () => {
+      },
+      collapsible: s = !1,
+      ...u
+    } = e, [c, f] = ie({
+      prop: t,
+      defaultProp: o ?? "",
+      onChange: n,
+      caller: J
+    });
+    return /* @__PURE__ */ i(
+      Br,
+      {
+        scope: e.__scopeAccordion,
+        value: q.useMemo(() => c ? [c] : [], [c]),
+        onItemOpen: f,
+        onItemClose: q.useCallback(() => s && f(""), [s, f]),
+        children: /* @__PURE__ */ i(jr, { scope: e.__scopeAccordion, collapsible: s, children: /* @__PURE__ */ i(Hr, { ...u, ref: r }) })
+      }
+    );
+  }
+), rn = q.forwardRef((e, r) => {
+  const {
+    value: t,
+    defaultValue: o,
+    onValueChange: n = () => {
+    },
+    ...s
+  } = e, [u, c] = ie({
+    prop: t,
+    defaultProp: o ?? [],
+    onChange: n,
+    caller: J
+  }), f = q.useCallback(
+    (b) => c((w = []) => [...w, b]),
+    [c]
+  ), d = q.useCallback(
+    (b) => c((w = []) => w.filter((I) => I !== b)),
+    [c]
+  );
+  return /* @__PURE__ */ i(
+    Br,
+    {
+      scope: e.__scopeAccordion,
+      value: u,
+      onItemOpen: f,
+      onItemClose: d,
+      children: /* @__PURE__ */ i(jr, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(Hr, { ...s, ref: r }) })
+    }
+  );
+}), [on, Pe] = Me(J), Hr = q.forwardRef(
+  (e, r) => {
+    const { __scopeAccordion: t, disabled: o, dir: n, orientation: s = "vertical", ...u } = e, c = q.useRef(null), f = Y(c, r), d = Xo(t), w = Ae(n) === "ltr", I = P(e.onKeyDown, (R) => {
+      var N;
+      if (!Yo.includes(R.key)) return;
+      const _ = R.target, m = d().filter((M) => {
+        var v;
+        return !((v = M.ref.current) != null && v.disabled);
+      }), p = m.findIndex((M) => M.ref.current === _), T = m.length;
+      if (p === -1) return;
+      R.preventDefault();
+      let l = p;
+      const h = 0, S = T - 1, F = () => {
+        l = p + 1, l > S && (l = h);
+      }, x = () => {
+        l = p - 1, l < h && (l = S);
+      };
+      switch (R.key) {
+        case "Home":
+          l = h;
+          break;
+        case "End":
+          l = S;
+          break;
+        case "ArrowRight":
+          s === "horizontal" && (w ? F() : x());
+          break;
+        case "ArrowDown":
+          s === "vertical" && F();
+          break;
+        case "ArrowLeft":
+          s === "horizontal" && (w ? x() : F());
+          break;
+        case "ArrowUp":
+          s === "vertical" && x();
+          break;
+      }
+      const V = l % T;
+      (N = m[V].ref.current) == null || N.focus();
+    });
+    return /* @__PURE__ */ i(
+      on,
+      {
+        scope: t,
+        disabled: o,
+        direction: n,
+        orientation: s,
+        children: /* @__PURE__ */ i(mt.Slot, { scope: t, children: /* @__PURE__ */ i(
+          D.div,
+          {
+            ...u,
+            "data-orientation": s,
+            ref: f,
+            onKeyDown: o ? void 0 : I
+          }
+        ) })
+      }
+    );
+  }
+), _e = "AccordionItem", [nn, gt] = Me(_e), ht = q.forwardRef(
+  (e, r) => {
+    const { __scopeAccordion: t, value: o, ...n } = e, s = Pe(_e, t), u = Qo(_e, t), c = vt(t), f = ae(), d = o && u.value.includes(o) || !1, b = s.disabled || e.disabled;
+    return /* @__PURE__ */ i(
+      nn,
+      {
+        scope: t,
+        open: d,
+        disabled: b,
+        triggerId: f,
+        children: /* @__PURE__ */ i(
+          Gr,
+          {
+            "data-orientation": s.orientation,
+            "data-state": Wr(d),
+            ...c,
+            ...n,
+            ref: r,
+            disabled: b,
+            open: d,
+            onOpenChange: (w) => {
+              w ? u.onItemOpen(o) : u.onItemClose(o);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+ht.displayName = _e;
+var zr = "AccordionHeader", Ct = q.forwardRef(
+  (e, r) => {
+    const { __scopeAccordion: t, ...o } = e, n = Pe(J, t), s = gt(zr, t);
+    return /* @__PURE__ */ i(
+      D.h3,
+      {
+        "data-orientation": n.orientation,
+        "data-state": Wr(s.open),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...o,
+        ref: r
+      }
+    );
+  }
+);
+Ct.displayName = zr;
+var Ke = "AccordionTrigger", Tt = q.forwardRef(
+  (e, r) => {
+    const { __scopeAccordion: t, ...o } = e, n = Pe(J, t), s = gt(Ke, t), u = en(Ke, t), c = vt(t);
+    return /* @__PURE__ */ i(mt.ItemSlot, { scope: t, children: /* @__PURE__ */ i(
+      $r,
+      {
+        "aria-disabled": s.open && !u.collapsible || void 0,
+        "data-orientation": n.orientation,
+        id: s.triggerId,
+        ...c,
+        ...o,
+        ref: r
+      }
+    ) });
+  }
+);
+Tt.displayName = Ke;
+var Ur = "AccordionContent", yt = q.forwardRef(
+  (e, r) => {
+    const { __scopeAccordion: t, ...o } = e, n = Pe(J, t), s = gt(Ur, t), u = vt(t);
+    return /* @__PURE__ */ i(
+      Kr,
+      {
+        role: "region",
+        "aria-labelledby": s.triggerId,
+        "data-orientation": n.orientation,
+        ...u,
+        ...o,
+        ref: r,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+yt.displayName = Ur;
+function Wr(e) {
+  return e ? "open" : "closed";
+}
+var an = bt, sn = ht, cn = Ct, ln = Tt, un = yt;
+const bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Accordion: bt,
+  AccordionContent: yt,
+  AccordionHeader: Ct,
+  AccordionItem: ht,
+  AccordionTrigger: Tt,
+  Content: un,
+  Header: cn,
+  Item: sn,
+  Root: an,
+  Trigger: ln,
+  createAccordionScope: Jo
+}, Symbol.toStringTag, { value: "Module" }));
+var dn = "Label", Fe = a.forwardRef((e, r) => /* @__PURE__ */ i(
+  D.label,
+  {
+    ...e,
+    ref: r,
+    onMouseDown: (t) => {
+      var n;
+      t.target.closest("button, input, select, textarea") || ((n = e.onMouseDown) == null || n.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  }
+));
+Fe.displayName = dn;
+var fn = Fe;
+const gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Label: Fe,
+  Root: fn
+}, Symbol.toStringTag, { value: "Module" }));
+var [Et, pn] = se("Form"), wt = "Form", [mn, fe] = Et(wt), [vn, qr] = Et(wt), Rt = a.forwardRef(
+  (e, r) => {
+    const { __scopeForm: t, onClearServerErrors: o = () => {
+    }, ...n } = e, s = a.useRef(null), u = Y(r, s), [c, f] = a.useState({}), d = a.useCallback(
+      (v) => c[v],
+      [c]
+    ), b = a.useCallback(
+      (v, g) => f((y) => ({
+        ...y,
+        [v]: { ...y[v] ?? {}, ...g }
+      })),
+      []
+    ), w = a.useCallback((v) => {
+      f((g) => ({ ...g, [v]: void 0 })), l((g) => ({ ...g, [v]: {} }));
+    }, []), [I, R] = a.useState({}), _ = a.useCallback(
+      (v) => I[v] ?? [],
+      [I]
+    ), m = a.useCallback((v, g) => {
+      R((y) => ({
+        ...y,
+        [v]: [...y[v] ?? [], g]
+      }));
+    }, []), p = a.useCallback((v, g) => {
+      R((y) => ({
+        ...y,
+        [v]: (y[v] ?? []).filter(
+          (O) => O.id !== g
+        )
+      }));
+    }, []), [T, l] = a.useState({}), h = a.useCallback(
+      (v) => T[v] ?? {},
+      [T]
+    ), S = a.useCallback((v, g) => {
+      l((y) => ({
+        ...y,
+        [v]: { ...y[v] ?? {}, ...g }
+      }));
+    }, []), [F, x] = a.useState({}), V = a.useCallback((v, g) => {
+      x((y) => {
+        const O = new Set(y[v]).add(g);
+        return { ...y, [v]: O };
+      });
+    }, []), N = a.useCallback((v, g) => {
+      x((y) => {
+        const O = new Set(y[v]);
+        return O.delete(g), { ...y, [v]: O };
+      });
+    }, []), M = a.useCallback(
+      (v) => Array.from(F[v] ?? []).join(" ") || void 0,
+      [F]
+    );
+    return /* @__PURE__ */ i(
+      mn,
+      {
+        scope: t,
+        getFieldValidity: d,
+        onFieldValidityChange: b,
+        getFieldCustomMatcherEntries: _,
+        onFieldCustomMatcherEntryAdd: m,
+        onFieldCustomMatcherEntryRemove: p,
+        getFieldCustomErrors: h,
+        onFieldCustomErrorsChange: S,
+        onFieldValiditionClear: w,
+        children: /* @__PURE__ */ i(
+          vn,
+          {
+            scope: t,
+            onFieldMessageIdAdd: V,
+            onFieldMessageIdRemove: N,
+            getFieldDescription: M,
+            children: /* @__PURE__ */ i(
+              D.form,
+              {
+                ...n,
+                ref: u,
+                onInvalid: P(e.onInvalid, (v) => {
+                  const g = Yr(v.currentTarget);
+                  g === v.target && g.focus(), v.preventDefault();
+                }),
+                onSubmit: P(e.onSubmit, o, {
+                  checkForDefaultPrevented: !1
+                }),
+                onReset: P(e.onReset, o)
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Rt.displayName = wt;
+var _t = "FormField", [bn, Ne] = Et(_t), It = a.forwardRef(
+  (e, r) => {
+    const { __scopeForm: t, name: o, serverInvalid: n = !1, ...s } = e, c = fe(_t, t).getFieldValidity(o), f = ae();
+    return /* @__PURE__ */ i(bn, { scope: t, id: f, name: o, serverInvalid: n, children: /* @__PURE__ */ i(
+      D.div,
+      {
+        "data-valid": Nt(c, n),
+        "data-invalid": Ot(c, n),
+        ...s,
+        ref: r
+      }
+    ) });
+  }
+);
+It.displayName = _t;
+var Be = "FormLabel", At = a.forwardRef(
+  (e, r) => {
+    const { __scopeForm: t, ...o } = e, n = fe(Be, t), s = Ne(Be, t), u = o.htmlFor || s.id, c = n.getFieldValidity(s.name);
+    return /* @__PURE__ */ i(
+      Fe,
+      {
+        "data-valid": Nt(c, s.serverInvalid),
+        "data-invalid": Ot(c, s.serverInvalid),
+        ...o,
+        ref: r,
+        htmlFor: u
+      }
+    );
+  }
+);
+At.displayName = Be;
+var we = "FormControl", St = a.forwardRef(
+  (e, r) => {
+    const { __scopeForm: t, ...o } = e, n = fe(we, t), s = Ne(we, t), u = qr(we, t), c = a.useRef(null), f = Y(r, c), d = o.name || s.name, b = o.id || s.id, w = n.getFieldCustomMatcherEntries(d), { onFieldValidityChange: I, onFieldCustomErrorsChange: R, onFieldValiditionClear: _ } = n, m = a.useCallback(
+      async (l) => {
+        if (Xr(l.validity)) {
+          const y = Ge(l.validity);
+          I(d, y);
+          return;
+        }
+        const h = l.form ? new FormData(l.form) : new FormData(), S = [l.value, h], F = [], x = [];
+        w.forEach((y) => {
+          Rn(y, S) ? x.push(y) : _n(y) && F.push(y);
+        });
+        const V = F.map(({ id: y, match: O }) => [y, O(...S)]), N = Object.fromEntries(V), M = Object.values(N).some(Boolean), v = M;
+        l.setCustomValidity(v ? ge : "");
+        const g = Ge(l.validity);
+        if (I(d, g), R(d, N), !M && x.length > 0) {
+          const y = x.map(
+            ({ id: H, match: Q }) => Q(...S).then((W) => [H, W])
+          ), O = await Promise.all(y), C = Object.fromEntries(O), k = Object.values(C).some(Boolean);
+          l.setCustomValidity(k ? ge : "");
+          const X = Ge(l.validity);
+          I(d, X), R(d, C);
+        }
+      },
+      [w, d, R, I]
+    );
+    a.useEffect(() => {
+      const l = c.current;
+      if (l) {
+        const h = () => m(l);
+        return l.addEventListener("change", h), () => l.removeEventListener("change", h);
+      }
+    }, [m]);
+    const p = a.useCallback(() => {
+      const l = c.current;
+      l && (l.setCustomValidity(""), _(d));
+    }, [d, _]);
+    a.useEffect(() => {
+      var h;
+      const l = (h = c.current) == null ? void 0 : h.form;
+      if (l)
+        return l.addEventListener("reset", p), () => l.removeEventListener("reset", p);
+    }, [p]), a.useEffect(() => {
+      const l = c.current, h = l == null ? void 0 : l.closest("form");
+      if (h && s.serverInvalid) {
+        const S = Yr(h);
+        S === l && S.focus();
+      }
+    }, [s.serverInvalid]);
+    const T = n.getFieldValidity(d);
+    return /* @__PURE__ */ i(
+      D.input,
+      {
+        "data-valid": Nt(T, s.serverInvalid),
+        "data-invalid": Ot(T, s.serverInvalid),
+        "aria-invalid": s.serverInvalid ? !0 : void 0,
+        "aria-describedby": u.getFieldDescription(d),
+        title: "",
+        ...o,
+        ref: f,
+        id: b,
+        name: d,
+        onInvalid: P(e.onInvalid, (l) => {
+          const h = l.currentTarget;
+          m(h);
+        }),
+        onChange: P(e.onChange, (l) => {
+          p();
+        })
+      }
+    );
+  }
+);
+St.displayName = we;
+var ge = "This value is not valid", gn = {
+  badInput: ge,
+  patternMismatch: "This value does not match the required pattern",
+  rangeOverflow: "This value is too large",
+  rangeUnderflow: "This value is too small",
+  stepMismatch: "This value does not match the required step",
+  tooLong: "This value is too long",
+  tooShort: "This value is too short",
+  typeMismatch: "This value does not match the required type",
+  valid: void 0,
+  valueMissing: "This value is missing"
+}, he = "FormMessage", xt = a.forwardRef(
+  (e, r) => {
+    const { match: t, name: o, ...n } = e, s = Ne(he, e.__scopeForm), u = o ?? s.name;
+    return t === void 0 ? /* @__PURE__ */ i(Mt, { ...n, ref: r, name: u, children: e.children || ge }) : typeof t == "function" ? /* @__PURE__ */ i(Cn, { match: t, ...n, ref: r, name: u }) : /* @__PURE__ */ i(hn, { match: t, ...n, ref: r, name: u });
+  }
+);
+xt.displayName = he;
+var hn = a.forwardRef(
+  (e, r) => {
+    const { match: t, forceMatch: o = !1, name: n, children: s, ...u } = e, f = fe(he, u.__scopeForm).getFieldValidity(n);
+    return o || (f == null ? void 0 : f[t]) ? /* @__PURE__ */ i(Mt, { ref: r, ...u, name: n, children: s ?? gn[t] }) : null;
+  }
+), Cn = a.forwardRef(
+  (e, r) => {
+    const { match: t, forceMatch: o = !1, name: n, id: s, children: u, ...c } = e, f = fe(he, c.__scopeForm), d = a.useRef(null), b = Y(r, d), w = ae(), I = s ?? w, R = a.useMemo(() => ({ id: I, match: t }), [I, t]), { onFieldCustomMatcherEntryAdd: _, onFieldCustomMatcherEntryRemove: m } = f;
+    a.useEffect(() => (_(n, R), () => m(n, R.id)), [R, n, _, m]);
+    const p = f.getFieldValidity(n), l = f.getFieldCustomErrors(n)[I];
+    return o || p && !Xr(p) && l ? /* @__PURE__ */ i(Mt, { id: I, ref: b, ...c, name: n, children: u ?? ge }) : null;
+  }
+), Mt = a.forwardRef(
+  (e, r) => {
+    const { __scopeForm: t, id: o, name: n, ...s } = e, u = qr(he, t), c = ae(), f = o ?? c, { onFieldMessageIdAdd: d, onFieldMessageIdRemove: b } = u;
+    return a.useEffect(() => (d(n, f), () => b(n, f)), [n, f, d, b]), /* @__PURE__ */ i(D.span, { id: f, ...s, ref: r });
+  }
+), je = "FormValidityState", Pt = (e) => {
+  const { __scopeForm: r, name: t, children: o } = e, n = fe(je, r), s = Ne(je, r), u = t ?? s.name, c = n.getFieldValidity(u);
+  return /* @__PURE__ */ i(at, { children: o(c) });
+};
+Pt.displayName = je;
+var Tn = "FormSubmit", Ft = a.forwardRef(
+  (e, r) => {
+    const { __scopeForm: t, ...o } = e;
+    return /* @__PURE__ */ i(D.button, { type: "submit", ...o, ref: r });
+  }
+);
+Ft.displayName = Tn;
+function Ge(e) {
+  const r = {};
+  for (const t in e)
+    r[t] = e[t];
+  return r;
+}
+function yn(e) {
+  return e instanceof HTMLElement;
+}
+function En(e) {
+  return "validity" in e;
+}
+function wn(e) {
+  return En(e) && (e.validity.valid === !1 || e.getAttribute("aria-invalid") === "true");
+}
+function Yr(e) {
+  const r = e.elements, [t] = Array.from(r).filter(yn).filter(wn);
+  return t;
+}
+function Rn(e, r) {
+  return e.match.constructor.name === "AsyncFunction" || In(e.match, r);
+}
+function _n(e) {
+  return e.match.constructor.name === "Function";
+}
+function In(e, r) {
+  return e(...r) instanceof Promise;
+}
+function Xr(e) {
+  let r = !1;
+  for (const t in e) {
+    const o = t;
+    if (o !== "valid" && o !== "customError" && e[o]) {
+      r = !0;
+      break;
+    }
+  }
+  return r;
+}
+function Nt(e, r) {
+  if ((e == null ? void 0 : e.valid) === !0 && !r) return !0;
+}
+function Ot(e, r) {
+  if ((e == null ? void 0 : e.valid) === !1 || r) return !0;
+}
+var An = Rt, Sn = It, xn = At, Mn = St, Pn = xt, Fn = Pt, Nn = Ft;
+const hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Control: Mn,
+  Field: Sn,
+  Form: Rt,
+  FormControl: St,
+  FormField: It,
+  FormLabel: At,
+  FormMessage: xt,
+  FormSubmit: Ft,
+  FormValidityState: Pt,
+  Label: xn,
+  Message: Pn,
+  Root: An,
+  Submit: Nn,
+  ValidityState: Fn,
+  createFormScope: pn
+}, Symbol.toStringTag, { value: "Module" }));
+var Ce = "Menubar", [He, On, Dn] = ot(Ce), [Zr, Ln] = se(Ce, [
+  Dn,
+  de
+]), j = To(), Jr = de(), [kn, Dt] = Zr(Ce), Lt = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeMenubar: t,
+      value: o,
+      onValueChange: n,
+      defaultValue: s,
+      loop: u = !0,
+      dir: c,
+      ...f
+    } = e, d = Ae(c), b = Jr(t), [w, I] = ie({
+      prop: o,
+      onChange: n,
+      defaultProp: s ?? "",
+      caller: Ce
+    }), [R, _] = a.useState(null);
+    return /* @__PURE__ */ i(
+      kn,
+      {
+        scope: t,
+        value: w,
+        onMenuOpen: a.useCallback(
+          (m) => {
+            I(m), _(m);
+          },
+          [I]
+        ),
+        onMenuClose: a.useCallback(() => I(""), [I]),
+        onMenuToggle: a.useCallback(
+          (m) => {
+            I((p) => p ? "" : m), _(m);
+          },
+          [I]
+        ),
+        dir: d,
+        loop: u,
+        children: /* @__PURE__ */ i(He.Provider, { scope: t, children: /* @__PURE__ */ i(He.Slot, { scope: t, children: /* @__PURE__ */ i(
+          nt,
+          {
+            asChild: !0,
+            ...b,
+            orientation: "horizontal",
+            loop: u,
+            dir: d,
+            currentTabStopId: R,
+            onCurrentTabStopIdChange: _,
+            children: /* @__PURE__ */ i(D.div, { role: "menubar", ...f, ref: r })
+          }
+        ) }) })
+      }
+    );
+  }
+);
+Lt.displayName = Ce;
+var kt = "MenubarMenu", [Vn, Qr] = Zr(kt), Vt = (e) => {
+  const { __scopeMenubar: r, value: t, ...o } = e, n = ae(), s = t || n || "LEGACY_REACT_AUTO_VALUE", u = Dt(kt, r), c = j(r), f = a.useRef(null), d = a.useRef(!1), b = u.value === s;
+  return a.useEffect(() => {
+    b || (d.current = !1);
+  }, [b]), /* @__PURE__ */ i(
+    Vn,
+    {
+      scope: r,
+      value: s,
+      triggerId: ae(),
+      triggerRef: f,
+      contentId: ae(),
+      wasKeyboardTriggerOpenRef: d,
+      children: /* @__PURE__ */ i(
+        So,
+        {
+          ...c,
+          open: b,
+          onOpenChange: (w) => {
+            w || u.onMenuClose();
+          },
+          modal: !1,
+          dir: u.dir,
+          ...o
+        }
+      )
+    }
+  );
+};
+Vt.displayName = kt;
+var ze = "MenubarTrigger", Gt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, disabled: o = !1, ...n } = e, s = Jr(t), u = j(t), c = Dt(ze, t), f = Qr(ze, t), d = a.useRef(null), b = Y(r, d, f.triggerRef), [w, I] = a.useState(!1), R = c.value === f.value;
+    return /* @__PURE__ */ i(He.ItemSlot, { scope: t, value: f.value, disabled: o, children: /* @__PURE__ */ i(
+      Se,
+      {
+        asChild: !0,
+        ...s,
+        focusable: !o,
+        tabStopId: f.value,
+        children: /* @__PURE__ */ i(Lo, { asChild: !0, ...u, children: /* @__PURE__ */ i(
+          D.button,
+          {
+            type: "button",
+            role: "menuitem",
+            id: f.triggerId,
+            "aria-haspopup": "menu",
+            "aria-expanded": R,
+            "aria-controls": R ? f.contentId : void 0,
+            "data-highlighted": w ? "" : void 0,
+            "data-state": R ? "open" : "closed",
+            "data-disabled": o ? "" : void 0,
+            disabled: o,
+            ...n,
+            ref: b,
+            onPointerDown: P(e.onPointerDown, (_) => {
+              !o && _.button === 0 && _.ctrlKey === !1 && (c.onMenuOpen(f.value), R || _.preventDefault());
+            }),
+            onPointerEnter: P(e.onPointerEnter, () => {
+              var m;
+              !!c.value && !R && (c.onMenuOpen(f.value), (m = d.current) == null || m.focus());
+            }),
+            onKeyDown: P(e.onKeyDown, (_) => {
+              o || (["Enter", " "].includes(_.key) && c.onMenuToggle(f.value), _.key === "ArrowDown" && c.onMenuOpen(f.value), ["Enter", " ", "ArrowDown"].includes(_.key) && (f.wasKeyboardTriggerOpenRef.current = !0, _.preventDefault()));
+            }),
+            onFocus: P(e.onFocus, () => I(!0)),
+            onBlur: P(e.onBlur, () => I(!1))
+          }
+        ) })
+      }
+    ) });
+  }
+);
+Gt.displayName = ze;
+var Gn = "MenubarPortal", $t = (e) => {
+  const { __scopeMenubar: r, ...t } = e, o = j(r);
+  return /* @__PURE__ */ i(xo, { ...o, ...t });
+};
+$t.displayName = Gn;
+var Ue = "MenubarContent", Kt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, align: o = "start", ...n } = e, s = j(t), u = Dt(Ue, t), c = Qr(Ue, t), f = On(t), d = a.useRef(!1);
+    return /* @__PURE__ */ i(
+      wo,
+      {
+        id: c.contentId,
+        "aria-labelledby": c.triggerId,
+        "data-radix-menubar-content": "",
+        ...s,
+        ...n,
+        ref: r,
+        align: o,
+        onCloseAutoFocus: P(e.onCloseAutoFocus, (b) => {
+          var I;
+          !!!u.value && !d.current && ((I = c.triggerRef.current) == null || I.focus()), d.current = !1, b.preventDefault();
+        }),
+        onFocusOutside: P(e.onFocusOutside, (b) => {
+          const w = b.target;
+          f().some((R) => {
+            var _;
+            return (_ = R.ref.current) == null ? void 0 : _.contains(w);
+          }) && b.preventDefault();
+        }),
+        onInteractOutside: P(e.onInteractOutside, () => {
+          d.current = !0;
+        }),
+        onEntryFocus: (b) => {
+          c.wasKeyboardTriggerOpenRef.current || b.preventDefault();
+        },
+        onKeyDown: P(
+          e.onKeyDown,
+          (b) => {
+            if (["ArrowRight", "ArrowLeft"].includes(b.key)) {
+              const w = b.target, I = w.hasAttribute("data-radix-menubar-subtrigger"), R = w.closest("[data-radix-menubar-content]") !== b.currentTarget, m = (u.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === b.key;
+              if (!m && I || R && m) return;
+              let l = f().filter((F) => !F.disabled).map((F) => F.value);
+              m && l.reverse();
+              const h = l.indexOf(c.value);
+              l = u.loop ? Zn(l, h + 1) : l.slice(h + 1);
+              const [S] = l;
+              S && u.onMenuOpen(S);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        style: {
+          ...e.style,
+          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+Kt.displayName = Ue;
+var $n = "MenubarGroup", Bt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(Ro, { ...n, ...o, ref: r });
+  }
+);
+Bt.displayName = $n;
+var Kn = "MenubarLabel", jt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(Ao, { ...n, ...o, ref: r });
+  }
+);
+jt.displayName = Kn;
+var Bn = "MenubarItem", Ht = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(_o, { ...n, ...o, ref: r });
+  }
+);
+Ht.displayName = Bn;
+var jn = "MenubarCheckboxItem", zt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(Eo, { ...n, ...o, ref: r });
+  }
+);
+zt.displayName = jn;
+var Hn = "MenubarRadioGroup", Ut = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(Mo, { ...n, ...o, ref: r });
+  }
+);
+Ut.displayName = Hn;
+var zn = "MenubarRadioItem", Wt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(Po, { ...n, ...o, ref: r });
+  }
+);
+Wt.displayName = zn;
+var Un = "MenubarItemIndicator", qt = a.forwardRef((e, r) => {
+  const { __scopeMenubar: t, ...o } = e, n = j(t);
+  return /* @__PURE__ */ i(Io, { ...n, ...o, ref: r });
+});
+qt.displayName = Un;
+var Wn = "MenubarSeparator", Yt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(Fo, { ...n, ...o, ref: r });
+  }
+);
+Yt.displayName = Wn;
+var qn = "MenubarArrow", Xt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(yo, { ...n, ...o, ref: r });
+  }
+);
+Xt.displayName = qn;
+var eo = "MenubarSub", Zt = (e) => {
+  const { __scopeMenubar: r, children: t, open: o, onOpenChange: n, defaultOpen: s } = e, u = j(r), [c, f] = ie({
+    prop: o,
+    defaultProp: s ?? !1,
+    onChange: n,
+    caller: eo
+  });
+  return /* @__PURE__ */ i(No, { ...u, open: c, onOpenChange: f, children: t });
+};
+Zt.displayName = eo;
+var Yn = "MenubarSubTrigger", Jt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(
+      Do,
+      {
+        "data-radix-menubar-subtrigger": "",
+        ...n,
+        ...o,
+        ref: r
+      }
+    );
+  }
+);
+Jt.displayName = Yn;
+var Xn = "MenubarSubContent", Qt = a.forwardRef(
+  (e, r) => {
+    const { __scopeMenubar: t, ...o } = e, n = j(t);
+    return /* @__PURE__ */ i(
+      Oo,
+      {
+        ...n,
+        "data-radix-menubar-content": "",
+        ...o,
+        ref: r,
+        style: {
+          ...e.style,
+          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+Qt.displayName = Xn;
+function Zn(e, r) {
+  return e.map((t, o) => e[(r + o) % e.length]);
+}
+var Jn = Lt, Qn = Vt, ea = Gt, ta = $t, ra = Kt, oa = Bt, na = jt, aa = Ht, sa = zt, ia = Ut, ca = Wt, la = qt, ua = Yt, da = Xt, fa = Zt, pa = Jt, ma = Qt;
+const Cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: da,
+  CheckboxItem: sa,
+  Content: ra,
+  Group: oa,
+  Item: aa,
+  ItemIndicator: la,
+  Label: na,
+  Menu: Qn,
+  Menubar: Lt,
+  MenubarArrow: Xt,
+  MenubarCheckboxItem: zt,
+  MenubarContent: Kt,
+  MenubarGroup: Bt,
+  MenubarItem: Ht,
+  MenubarItemIndicator: qt,
+  MenubarLabel: jt,
+  MenubarMenu: Vt,
+  MenubarPortal: $t,
+  MenubarRadioGroup: Ut,
+  MenubarRadioItem: Wt,
+  MenubarSeparator: Yt,
+  MenubarSub: Zt,
+  MenubarSubContent: Qt,
+  MenubarSubTrigger: Jt,
+  MenubarTrigger: Gt,
+  Portal: ta,
+  RadioGroup: ia,
+  RadioItem: ca,
+  Root: Jn,
+  Separator: ua,
+  Sub: fa,
+  SubContent: ma,
+  SubTrigger: pa,
+  Trigger: ea,
+  createMenubarScope: Ln
+}, Symbol.toStringTag, { value: "Module" }));
+var Ie = {
+  numeric: {
+    type: "numeric",
+    regexp: /[^\d]/g,
+    pattern: "\\d{1}",
+    inputMode: "numeric"
+  },
+  alpha: {
+    type: "alpha",
+    regexp: /[^a-zA-Z]/g,
+    pattern: "[a-zA-Z]{1}",
+    inputMode: "text"
+  },
+  alphanumeric: {
+    type: "alphanumeric",
+    regexp: /[^a-zA-Z0-9]/g,
+    pattern: "[a-zA-Z0-9]{1}",
+    inputMode: "text"
+  },
+  none: null
+}, er = "OneTimePasswordField", [We, { useCollection: va, createCollectionScope: ba, useInitCollection: ga }] = ko(er), [ha] = se(er, [
+  ba,
+  de
+]), to = de(), [Ca, ro] = ha(er), Ir = a.forwardRef(
+  function({
+    __scopeOneTimePasswordField: r,
+    defaultValue: t,
+    value: o,
+    onValueChange: n,
+    autoSubmit: s = !1,
+    children: u,
+    onPaste: c,
+    onAutoSubmit: f,
+    disabled: d = !1,
+    readOnly: b = !1,
+    autoComplete: w = "one-time-code",
+    autoFocus: I = !1,
+    form: R,
+    name: _,
+    placeholder: m,
+    type: p = "text",
+    // TODO: Change default to vertical when inputs use vertical writing mode
+    orientation: T = "horizontal",
+    dir: l,
+    validationType: h = "numeric",
+    sanitizeValue: S,
+    ...F
+  }, x) {
+    var me;
+    const V = to(r), N = Ae(l), M = ga(), [v] = M, g = Ie[h] ? Ie[h] : null, y = a.useCallback(
+      (A) => {
+        if (Array.isArray(A) ? A = A.map(xr).join("") : A = xr(A), g) {
+          const $ = new RegExp(g.regexp);
+          A = A.replace($, "");
+        } else S && (A = S(A));
+        return A.split("");
+      },
+      [g, S]
+    ), O = a.useMemo(() => o != null ? y(o) : void 0, [o, y]), [C, L] = ie({
+      caller: "OneTimePasswordField",
+      prop: O,
+      defaultProp: t != null ? y(t) : [],
+      onChange: a.useCallback(
+        (A) => n == null ? void 0 : n(A.join("")),
+        [n]
+      )
+    }), k = kr((A) => {
+      var $, ve, gr, hr, Cr, Tr, yr, Er, wr;
+      switch (A.type) {
+        case "SET_CHAR": {
+          const { index: te, char: U } = A, Z = ($ = v.at(te)) == null ? void 0 : $.element;
+          if (C[te] === U) {
+            const ne = Z && ((ve = v.from(Z, 1)) == null ? void 0 : ve.element);
+            re(ne);
+            return;
+          }
+          if (U === "")
+            return;
+          if (g) {
+            const ne = new RegExp(g.regexp);
+            if (U.replace(ne, "") !== U)
+              return;
+          }
+          if (C.length >= v.size) {
+            const ne = [...C];
+            ne[te] = U, ue(() => L(ne));
+            const ye = Z && ((gr = v.from(Z, 1)) == null ? void 0 : gr.element);
+            re(ye);
+            return;
+          }
+          const le = [...C];
+          le[te] = U;
+          const Ve = (hr = v.at(-1)) == null ? void 0 : hr.element;
+          if (ue(() => L(le)), Z !== Ve) {
+            const ne = Z && ((Cr = v.from(Z, 1)) == null ? void 0 : Cr.element);
+            re(ne);
+          } else
+            Z == null || Z.select();
+          return;
+        }
+        case "CLEAR_CHAR": {
+          const { index: te, reason: U } = A;
+          if (!C[te])
+            return;
+          const Z = C.filter((ne, ye) => ye !== te), le = (Tr = v.at(te)) == null ? void 0 : Tr.element, Ve = le && ((yr = v.from(le, -1)) == null ? void 0 : yr.element);
+          ue(() => L(Z)), U === "Backspace" ? re(Ve) : (U === "Delete" || U === "Cut") && re(le);
+          return;
+        }
+        case "CLEAR": {
+          if (C.length === 0)
+            return;
+          A.reason === "Backspace" || A.reason === "Delete" ? (ue(() => L([])), re((Er = v.at(0)) == null ? void 0 : Er.element)) : L([]);
+          return;
+        }
+        case "PASTE": {
+          const { value: te } = A, U = y(te);
+          if (!U)
+            return;
+          ue(() => L(U)), re((wr = v.at(U.length - 1)) == null ? void 0 : wr.element);
+          return;
+        }
+      }
+    }), X = a.useRef(g);
+    a.useEffect(() => {
+      var A;
+      g && ((A = X.current) == null ? void 0 : A.type) !== g.type && (X.current = g, L(y(C.join(""))));
+    }, [y, L, g, C]);
+    const H = a.useRef(null), Q = a.useRef(null), W = a.useRef(null), pe = Y(x, W), oe = (me = v.at(0)) == null ? void 0 : me.element, z = a.useCallback(() => {
+      var $;
+      let A;
+      if (R) {
+        const ve = ((($ = W.current) == null ? void 0 : $.ownerDocument) ?? document).getElementById(R);
+        Ta(ve) && (A = ve);
+      } else H.current ? A = H.current.form : oe && (A = oe.form);
+      return A ?? null;
+    }, [R, oe]), E = a.useCallback(() => {
+      const A = z();
+      A == null || A.requestSubmit();
+    }, [z]);
+    a.useEffect(() => {
+      const A = z();
+      if (A) {
+        const $ = () => k({ type: "CLEAR", reason: "Reset" });
+        return A.addEventListener("reset", $), () => A.removeEventListener("reset", $);
+      }
+    }, [k, z]);
+    const K = C.join(""), B = a.useRef(K), G = v.size;
+    a.useEffect(() => {
+      const A = B.current;
+      B.current = K, A !== K && s && C.every(($) => $ !== "") && C.length === G && (f == null || f(C.join("")), E());
+    }, [E, s, K, G, f, C]);
+    const ee = Or();
+    return /* @__PURE__ */ i(
+      Ca,
+      {
+        scope: r,
+        value: C,
+        attemptSubmit: E,
+        disabled: d,
+        readOnly: b,
+        autoComplete: w,
+        autoFocus: I,
+        form: R,
+        name: _,
+        placeholder: m,
+        type: p,
+        hiddenInputRef: H,
+        userActionRef: Q,
+        dispatch: k,
+        validationType: h,
+        orientation: T,
+        isHydrated: ee,
+        sanitizeValue: y,
+        children: /* @__PURE__ */ i(We.Provider, { scope: r, state: M, children: /* @__PURE__ */ i(We.Slot, { scope: r, children: /* @__PURE__ */ i(
+          nt,
+          {
+            asChild: !0,
+            ...V,
+            orientation: T,
+            dir: N,
+            children: /* @__PURE__ */ i(
+              Nr.div,
+              {
+                ...F,
+                role: "group",
+                ref: pe,
+                onPaste: P(
+                  c,
+                  (A) => {
+                    A.preventDefault();
+                    const $ = A.clipboardData.getData("Text");
+                    k({ type: "PASTE", value: $ });
+                  }
+                ),
+                children: u
+              }
+            )
+          }
+        ) }) })
+      }
+    );
+  }
+), Ar = a.forwardRef(function({ __scopeOneTimePasswordField: r, ...t }, o) {
+  const { value: n, hiddenInputRef: s, name: u } = ro(
+    "OneTimePasswordFieldHiddenInput",
+    r
+  ), c = Y(s, o);
+  return /* @__PURE__ */ i(
+    "input",
+    {
+      ref: c,
+      name: u,
+      value: n.join("").trim(),
+      autoComplete: "off",
+      autoFocus: !1,
+      autoCapitalize: "off",
+      autoCorrect: "off",
+      autoSave: "off",
+      spellCheck: !1,
+      ...t,
+      type: "hidden",
+      readOnly: !0
+    }
+  );
+}), Sr = a.forwardRef(function({
+  __scopeOneTimePasswordField: r,
+  onInvalidChange: t,
+  index: o,
+  ...n
+}, s) {
+  const {
+    value: u,
+    defaultValue: c,
+    disabled: f,
+    readOnly: d,
+    autoComplete: b,
+    autoFocus: w,
+    form: I,
+    name: R,
+    placeholder: _,
+    type: m,
+    ...p
+  } = n, T = ro(
+    "OneTimePasswordFieldInput",
+    r
+  ), { dispatch: l, userActionRef: h, validationType: S, isHydrated: F } = T, x = va(r), V = to(r), N = a.useRef(null), [M, v] = a.useState(null), g = o ?? (M ? x.indexOf(M) : -1), y = o != null || F;
+  let O;
+  y && T.placeholder && T.value.length === 0 && (O = T.placeholder[g]);
+  const C = Y(s, N, v), L = T.value[g] ?? "", k = a.useRef(null);
+  a.useEffect(() => () => {
+    window.clearTimeout(k.current);
+  }, []);
+  const X = T.value.join("").trim(), H = Vo(X.length, [0, x.size - 1]), Q = g <= H, W = S in Ie ? Ie[S] : void 0;
+  return /* @__PURE__ */ i(We.ItemSlot, { scope: r, children: /* @__PURE__ */ i(
+    Se,
+    {
+      ...V,
+      asChild: !0,
+      focusable: !T.disabled && Q,
+      active: g === H,
+      children: ({ hasTabStop: pe, isCurrentTabStop: oe }) => {
+        const z = pe ? oe : g === 0;
+        return /* @__PURE__ */ i(
+          Nr.input,
+          {
+            ref: C,
+            type: T.type,
+            "aria-label": `Character ${g + 1} of ${x.size}`,
+            autoComplete: z ? T.autoComplete : "off",
+            "data-1p-ignore": z ? void 0 : "true",
+            "data-lpignore": z ? void 0 : "true",
+            "data-protonpass-ignore": z ? void 0 : "true",
+            "data-bwignore": z ? void 0 : "true",
+            inputMode: W == null ? void 0 : W.inputMode,
+            maxLength: 1,
+            pattern: W == null ? void 0 : W.pattern,
+            readOnly: T.readOnly,
+            value: L,
+            placeholder: O,
+            "data-radix-otp-input": "",
+            "data-radix-index": g,
+            ...p,
+            onFocus: P(n.onFocus, (E) => {
+              E.currentTarget.select();
+            }),
+            onCut: P(n.onCut, (E) => {
+              E.currentTarget.value !== "" && (h.current = {
+                type: "cut"
+              }, k.current = window.setTimeout(() => {
+                h.current = null;
+              }, 10));
+            }),
+            onInput: P(n.onInput, (E) => {
+              const K = E.currentTarget.value;
+              K.length > 1 && (E.preventDefault(), l({ type: "PASTE", value: K }));
+            }),
+            onChange: P(n.onChange, (E) => {
+              const K = E.target.value;
+              E.preventDefault();
+              const B = h.current;
+              if (h.current = null, B)
+                switch (B.type) {
+                  case "cut":
+                    l({ type: "CLEAR_CHAR", index: g, reason: "Cut" });
+                    return;
+                  case "keydown": {
+                    if (B.key === "Char")
+                      return;
+                    const G = B.key === "Backspace" && (B.metaKey || B.ctrlKey);
+                    B.key === "Clear" || G ? l({ type: "CLEAR", reason: "Backspace" }) : l({ type: "CLEAR_CHAR", index: g, reason: B.key });
+                    return;
+                  }
+                  default:
+                    return;
+                }
+              if (E.target.validity.valid)
+                if (K === "") {
+                  let G = "Backspace";
+                  if (ya(E.nativeEvent)) {
+                    const ee = E.nativeEvent.inputType;
+                    ee === "deleteContentBackward" ? G = "Backspace" : ee === "deleteByCut" && (G = "Cut");
+                  }
+                  l({ type: "CLEAR_CHAR", index: g, reason: G });
+                } else
+                  l({ type: "SET_CHAR", char: K, index: g, event: E });
+              else {
+                const G = E.target;
+                t == null || t(G.value), requestAnimationFrame(() => {
+                  G.ownerDocument.activeElement === G && G.select();
+                });
+              }
+            }),
+            onKeyDown: P(n.onKeyDown, (E) => {
+              var K, B, G;
+              switch (E.key) {
+                case "Clear":
+                case "Delete":
+                case "Backspace": {
+                  if (E.currentTarget.value === "") {
+                    if (E.key === "Delete") return;
+                    if (E.key === "Clear" || E.metaKey || E.ctrlKey)
+                      l({ type: "CLEAR", reason: "Backspace" });
+                    else {
+                      const A = E.currentTarget;
+                      requestAnimationFrame(() => {
+                        var $;
+                        re(($ = x.from(A, -1)) == null ? void 0 : $.element);
+                      });
+                    }
+                  } else
+                    h.current = {
+                      type: "keydown",
+                      key: E.key,
+                      metaKey: E.metaKey,
+                      ctrlKey: E.ctrlKey
+                    }, k.current = window.setTimeout(() => {
+                      h.current = null;
+                    }, 10);
+                  return;
+                }
+                case "Enter": {
+                  E.preventDefault(), T.attemptSubmit();
+                  return;
+                }
+                case "ArrowDown":
+                case "ArrowUp": {
+                  T.orientation === "horizontal" && E.preventDefault();
+                  return;
+                }
+                default:
+                  if (E.currentTarget.value === E.key) {
+                    const ee = E.currentTarget;
+                    E.preventDefault(), re((K = x.from(ee, 1)) == null ? void 0 : K.element);
+                    return;
+                  } else if (
+                    // input already has a value, but...
+                    E.currentTarget.value && // the value is not selected
+                    !(E.currentTarget.selectionStart === 0 && E.currentTarget.selectionEnd != null && E.currentTarget.selectionEnd > 0)
+                  ) {
+                    const ee = E.key;
+                    if (E.key.length > 1 || E.key === " ")
+                      return;
+                    {
+                      const me = (B = x.from(E.currentTarget, 1)) == null ? void 0 : B.element, A = (G = x.at(-1)) == null ? void 0 : G.element;
+                      me !== A && E.currentTarget !== A && (E.currentTarget.selectionStart === 0 ? l({ type: "SET_CHAR", char: ee, index: g, event: E }) : l({
+                        type: "SET_CHAR",
+                        char: ee,
+                        index: g + 1,
+                        event: E
+                      }), h.current = {
+                        type: "keydown",
+                        key: "Char",
+                        metaKey: E.metaKey,
+                        ctrlKey: E.ctrlKey
+                      }, k.current = window.setTimeout(() => {
+                        h.current = null;
+                      }, 10));
+                    }
+                  }
+              }
+            }),
+            onPointerDown: P(n.onPointerDown, (E) => {
+              var G;
+              E.preventDefault();
+              const K = Math.min(g, H), B = (G = x.at(K)) == null ? void 0 : G.element;
+              re(B);
+            })
+          }
+        );
+      }
+    }
+  ) });
+});
+function Ta(e) {
+  return (e == null ? void 0 : e.tagName) === "FORM";
+}
+function xr(e) {
+  return e.replace(/\s/g, "");
+}
+function re(e) {
+  e && (e.ownerDocument.activeElement === e ? window.requestAnimationFrame(() => {
+    var r;
+    (r = e.select) == null || r.call(e);
+  }) : e.focus());
+}
+function ya(e) {
+  return e.type === "input";
+}
+const Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  HiddenInput: Ar,
+  Input: Sr,
+  OneTimePasswordField: Ir,
+  OneTimePasswordFieldHiddenInput: Ar,
+  OneTimePasswordFieldInput: Sr,
+  Root: Ir
+}, Symbol.toStringTag, { value: "Module" }));
+var ce = "PasswordToggleField", [Ea] = se(ce), [wa, Oe] = Ea(ce), be = {
+  clickTriggered: !1,
+  selectionStart: null,
+  selectionEnd: null
+}, qe = ({
+  __scopePasswordToggleField: e,
+  ...r
+}) => {
+  const o = `${ae(r.id)}-input`, [n, s] = a.useState(o), u = n ?? o, c = a.useCallback(
+    (p) => s(p != null ? String(p) : null),
+    []
+  ), { visible: f, defaultVisible: d, onVisiblityChange: b, children: w } = r, [I = !1, R] = ie({
+    caller: ce,
+    prop: f,
+    defaultProp: d ?? !1,
+    onChange: b
+  }), _ = a.useRef(null), m = a.useRef(be);
+  return /* @__PURE__ */ i(
+    wa,
+    {
+      scope: e,
+      inputId: u,
+      inputRef: _,
+      setVisible: R,
+      syncInputId: c,
+      visible: I,
+      focusState: m,
+      children: w
+    }
+  );
+};
+qe.displayName = ce;
+var oo = ce + "Input", Ye = a.forwardRef(
+  ({
+    __scopePasswordToggleField: e,
+    autoComplete: r = "current-password",
+    autoCapitalize: t = "off",
+    spellCheck: o = !1,
+    id: n,
+    ...s
+  }, u) => {
+    const { visible: c, inputRef: f, inputId: d, syncInputId: b, setVisible: w, focusState: I } = Oe(oo, e);
+    a.useEffect(() => {
+      b(n);
+    }, [n, b]);
+    const R = kr(w);
+    return a.useEffect(() => {
+      const _ = f.current, m = _ == null ? void 0 : _.form;
+      if (!m)
+        return;
+      const p = new AbortController();
+      return m.addEventListener(
+        "reset",
+        (T) => {
+          T.defaultPrevented || R(!1);
+        },
+        { signal: p.signal }
+      ), m.addEventListener(
+        "submit",
+        () => {
+          R(!1);
+        },
+        { signal: p.signal }
+      ), () => {
+        p.abort();
+      };
+    }, [f, R]), /* @__PURE__ */ i(
+      D.input,
+      {
+        ...s,
+        id: n ?? d,
+        autoCapitalize: t,
+        autoComplete: r,
+        ref: Y(u, f),
+        spellCheck: o,
+        type: c ? "text" : "password",
+        onBlur: P(s.onBlur, (_) => {
+          const { selectionStart: m, selectionEnd: p } = _.currentTarget;
+          I.current.selectionStart = m, I.current.selectionEnd = p;
+        })
+      }
+    );
+  }
+);
+Ye.displayName = oo;
+var no = ce + "Toggle", Xe = a.forwardRef(
+  ({
+    __scopePasswordToggleField: e,
+    onClick: r,
+    onPointerDown: t,
+    onPointerCancel: o,
+    onPointerUp: n,
+    onFocus: s,
+    children: u,
+    "aria-label": c,
+    "aria-controls": f,
+    "aria-hidden": d,
+    tabIndex: b,
+    ...w
+  }, I) => {
+    const { setVisible: R, visible: _, inputRef: m, inputId: p, focusState: T } = Oe(
+      no,
+      e
+    ), [l, h] = a.useState(void 0), S = a.useRef(null), F = Y(I, S), x = Or();
+    a.useEffect(() => {
+      const N = S.current;
+      if (!N || c) {
+        h(void 0);
+        return;
+      }
+      const M = _ ? "Hide password" : "Show password";
+      function v(y) {
+        h(y || void 0 ? void 0 : M);
+      }
+      v(N.textContent);
+      const g = new MutationObserver((y) => {
+        let O;
+        for (const C of y)
+          C.type === "characterData" && N.textContent && (O = N.textContent);
+        v(O);
+      });
+      return g.observe(N, { characterData: !0, subtree: !0 }), () => {
+        g.disconnect();
+      };
+    }, [_, c]);
+    const V = c || l;
+    return x ? f ?? (f = p) : (d ?? (d = !0), b ?? (b = -1)), a.useEffect(() => {
+      var y, O;
+      let N = () => {
+      };
+      const M = ((O = (y = S.current) == null ? void 0 : y.ownerDocument) == null ? void 0 : O.defaultView) || window, v = () => T.current.clickTriggered = !1, g = () => N = Ra(M, v);
+      return M.addEventListener("pointerup", g), () => {
+        N(), M.removeEventListener("pointerup", g);
+      };
+    }, [T]), /* @__PURE__ */ i(
+      D.button,
+      {
+        "aria-controls": f,
+        "aria-hidden": d,
+        "aria-label": V,
+        ref: F,
+        id: p,
+        ...w,
+        onPointerDown: P(t, () => {
+          T.current.clickTriggered = !0;
+        }),
+        onPointerCancel: (N) => {
+          o == null || o(N), T.current = be;
+        },
+        onClick: (N) => {
+          if (r == null || r(N), N.defaultPrevented) {
+            T.current = be;
+            return;
+          }
+          if (ue(() => {
+            R((M) => !M);
+          }), T.current.clickTriggered) {
+            const M = m.current;
+            if (M) {
+              const { selectionStart: v, selectionEnd: g } = T.current;
+              M.focus(), (v !== null || g !== null) && requestAnimationFrame(() => {
+                M.ownerDocument.activeElement === M && (M.selectionStart = v, M.selectionEnd = g);
+              });
+            }
+          }
+          T.current = be;
+        },
+        onPointerUp: (N) => {
+          n == null || n(N), setTimeout(() => {
+            T.current = be;
+          }, 50);
+        },
+        type: "button",
+        children: u
+      }
+    );
+  }
+);
+Xe.displayName = no;
+var ao = ce + "Slot", Ze = ({
+  __scopePasswordToggleField: e,
+  ...r
+}) => {
+  const { visible: t } = Oe(
+    ao,
+    e
+  );
+  return "render" in r ? (
+    //
+    r.render({ visible: t })
+  ) : t ? r.visible : r.hidden;
+};
+Ze.displayName = ao;
+var so = ce + "Icon", Je = a.forwardRef(
+  ({
+    __scopePasswordToggleField: e,
+    // @ts-expect-error
+    children: r,
+    ...t
+  }, o) => {
+    const { visible: n } = Oe(
+      so,
+      e
+    ), { visible: s, hidden: u, ...c } = t;
+    return /* @__PURE__ */ i(D.svg, { ...c, ref: o, "aria-hidden": !0, asChild: !0, children: n ? s : u });
+  }
+);
+Je.displayName = so;
+function Ra(e, r, t) {
+  if (e.requestIdleCallback) {
+    const s = e.requestIdleCallback(r, t);
+    return () => {
+      e.cancelIdleCallback(s);
+    };
+  }
+  const o = Date.now(), n = e.setTimeout(() => {
+    r({ didTimeout: !1, timeRemaining: () => Math.max(0, 50 - (Date.now() - o)) });
+  }, 1);
+  return () => {
+    e.clearTimeout(n);
+  };
+}
+const ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: Je,
+  Input: Ye,
+  PasswordToggleField: qe,
+  PasswordToggleFieldIcon: Je,
+  PasswordToggleFieldInput: Ye,
+  PasswordToggleFieldSlot: Ze,
+  PasswordToggleFieldToggle: Xe,
+  Root: qe,
+  Slot: Ze,
+  Toggle: Xe
+}, Symbol.toStringTag, { value: "Module" }));
+var _a = "Separator", Mr = "horizontal", Ia = ["horizontal", "vertical"], tr = a.forwardRef((e, r) => {
+  const { decorative: t, orientation: o = Mr, ...n } = e, s = Aa(o) ? o : Mr, c = t ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+  return /* @__PURE__ */ i(
+    D.div,
+    {
+      "data-orientation": s,
+      ...c,
+      ...n,
+      ref: r
+    }
+  );
+});
+tr.displayName = _a;
+function Aa(e) {
+  return Ia.includes(e);
+}
+var io = tr;
+const Es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Root: io,
+  Separator: tr
+}, Symbol.toStringTag, { value: "Module" }));
+var rr = "ToastProvider", [or, Sa, xa] = ot("Toast"), [co, Ma] = se("Toast", [xa]), [Pa, De] = co(rr), nr = (e) => {
+  const {
+    __scopeToast: r,
+    label: t = "Notification",
+    duration: o = 5e3,
+    swipeDirection: n = "right",
+    swipeThreshold: s = 50,
+    children: u
+  } = e, [c, f] = a.useState(null), [d, b] = a.useState(0), w = a.useRef(!1), I = a.useRef(!1);
+  return t.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${rr}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ i(or.Provider, { scope: r, children: /* @__PURE__ */ i(
+    Pa,
+    {
+      scope: r,
+      label: t,
+      duration: o,
+      swipeDirection: n,
+      swipeThreshold: s,
+      toastCount: d,
+      viewport: c,
+      onViewportChange: f,
+      onToastAdd: a.useCallback(() => b((R) => R + 1), []),
+      onToastRemove: a.useCallback(() => b((R) => R - 1), []),
+      isFocusedToastEscapeKeyDownRef: w,
+      isClosePausedRef: I,
+      children: u
+    }
+  ) });
+};
+nr.displayName = rr;
+var lo = "ToastViewport", Fa = ["F8"], Qe = "toast.viewportPause", et = "toast.viewportResume", ar = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToast: t,
+      hotkey: o = Fa,
+      label: n = "Notifications ({hotkey})",
+      ...s
+    } = e, u = De(lo, t), c = Sa(t), f = a.useRef(null), d = a.useRef(null), b = a.useRef(null), w = a.useRef(null), I = Y(r, w, u.onViewportChange), R = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), _ = u.toastCount > 0;
+    a.useEffect(() => {
+      const p = (T) => {
+        var h;
+        o.length !== 0 && o.every((S) => T[S] || T.code === S) && ((h = w.current) == null || h.focus());
+      };
+      return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+    }, [o]), a.useEffect(() => {
+      const p = f.current, T = w.current;
+      if (_ && p && T) {
+        const l = () => {
+          if (!u.isClosePausedRef.current) {
+            const x = new CustomEvent(Qe);
+            T.dispatchEvent(x), u.isClosePausedRef.current = !0;
+          }
+        }, h = () => {
+          if (u.isClosePausedRef.current) {
+            const x = new CustomEvent(et);
+            T.dispatchEvent(x), u.isClosePausedRef.current = !1;
+          }
+        }, S = (x) => {
+          !p.contains(x.relatedTarget) && h();
+        }, F = () => {
+          p.contains(document.activeElement) || h();
+        };
+        return p.addEventListener("focusin", l), p.addEventListener("focusout", S), p.addEventListener("pointermove", l), p.addEventListener("pointerleave", F), window.addEventListener("blur", l), window.addEventListener("focus", h), () => {
+          p.removeEventListener("focusin", l), p.removeEventListener("focusout", S), p.removeEventListener("pointermove", l), p.removeEventListener("pointerleave", F), window.removeEventListener("blur", l), window.removeEventListener("focus", h);
+        };
+      }
+    }, [_, u.isClosePausedRef]);
+    const m = a.useCallback(
+      ({ tabbingDirection: p }) => {
+        const l = c().map((h) => {
+          const S = h.ref.current, F = [S, ...za(S)];
+          return p === "forwards" ? F : F.reverse();
+        });
+        return (p === "forwards" ? l.reverse() : l).flat();
+      },
+      [c]
+    );
+    return a.useEffect(() => {
+      const p = w.current;
+      if (p) {
+        const T = (l) => {
+          var F, x, V;
+          const h = l.altKey || l.ctrlKey || l.metaKey;
+          if (l.key === "Tab" && !h) {
+            const N = document.activeElement, M = l.shiftKey;
+            if (l.target === p && M) {
+              (F = d.current) == null || F.focus();
+              return;
+            }
+            const y = m({ tabbingDirection: M ? "backwards" : "forwards" }), O = y.findIndex((C) => C === N);
+            $e(y.slice(O + 1)) ? l.preventDefault() : M ? (x = d.current) == null || x.focus() : (V = b.current) == null || V.focus();
+          }
+        };
+        return p.addEventListener("keydown", T), () => p.removeEventListener("keydown", T);
+      }
+    }, [c, m]), /* @__PURE__ */ st(
+      Go,
+      {
+        ref: f,
+        role: "region",
+        "aria-label": n.replace("{hotkey}", R),
+        tabIndex: -1,
+        style: { pointerEvents: _ ? void 0 : "none" },
+        children: [
+          _ && /* @__PURE__ */ i(
+            tt,
+            {
+              ref: d,
+              onFocusFromOutsideViewport: () => {
+                const p = m({
+                  tabbingDirection: "forwards"
+                });
+                $e(p);
+              }
+            }
+          ),
+          /* @__PURE__ */ i(or.Slot, { scope: t, children: /* @__PURE__ */ i(D.ol, { tabIndex: -1, ...s, ref: I }) }),
+          _ && /* @__PURE__ */ i(
+            tt,
+            {
+              ref: b,
+              onFocusFromOutsideViewport: () => {
+                const p = m({
+                  tabbingDirection: "backwards"
+                });
+                $e(p);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ar.displayName = lo;
+var uo = "ToastFocusProxy", tt = a.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, onFocusFromOutsideViewport: o, ...n } = e, s = De(uo, t);
+    return /* @__PURE__ */ i(
+      Dr,
+      {
+        "aria-hidden": !0,
+        tabIndex: 0,
+        ...n,
+        ref: r,
+        style: { position: "fixed" },
+        onFocus: (u) => {
+          var d;
+          const c = u.relatedTarget;
+          !((d = s.viewport) != null && d.contains(c)) && o();
+        }
+      }
+    );
+  }
+);
+tt.displayName = uo;
+var Te = "Toast", Na = "toast.swipeStart", Oa = "toast.swipeMove", Da = "toast.swipeCancel", La = "toast.swipeEnd", sr = a.forwardRef(
+  (e, r) => {
+    const { forceMount: t, open: o, defaultOpen: n, onOpenChange: s, ...u } = e, [c, f] = ie({
+      prop: o,
+      defaultProp: n ?? !0,
+      onChange: s,
+      caller: Te
+    });
+    return /* @__PURE__ */ i(Fr, { present: t || c, children: /* @__PURE__ */ i(
+      Ga,
+      {
+        open: c,
+        ...u,
+        ref: r,
+        onClose: () => f(!1),
+        onPause: Re(e.onPause),
+        onResume: Re(e.onResume),
+        onSwipeStart: P(e.onSwipeStart, (d) => {
+          d.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: P(e.onSwipeMove, (d) => {
+          const { x: b, y: w } = d.detail.delta;
+          d.currentTarget.setAttribute("data-swipe", "move"), d.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${b}px`), d.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${w}px`);
+        }),
+        onSwipeCancel: P(e.onSwipeCancel, (d) => {
+          d.currentTarget.setAttribute("data-swipe", "cancel"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), d.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), d.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: P(e.onSwipeEnd, (d) => {
+          const { x: b, y: w } = d.detail.delta;
+          d.currentTarget.setAttribute("data-swipe", "end"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), d.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${b}px`), d.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${w}px`), f(!1);
+        })
+      }
+    ) });
+  }
+);
+sr.displayName = Te;
+var [ka, Va] = co(Te, {
+  onClose() {
+  }
+}), Ga = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToast: t,
+      type: o = "foreground",
+      duration: n,
+      open: s,
+      onClose: u,
+      onEscapeKeyDown: c,
+      onPause: f,
+      onResume: d,
+      onSwipeStart: b,
+      onSwipeMove: w,
+      onSwipeCancel: I,
+      onSwipeEnd: R,
+      ..._
+    } = e, m = De(Te, t), [p, T] = a.useState(null), l = Y(r, (C) => T(C)), h = a.useRef(null), S = a.useRef(null), F = n || m.duration, x = a.useRef(0), V = a.useRef(F), N = a.useRef(0), { onToastAdd: M, onToastRemove: v } = m, g = Re(() => {
+      var L;
+      (p == null ? void 0 : p.contains(document.activeElement)) && ((L = m.viewport) == null || L.focus()), u();
+    }), y = a.useCallback(
+      (C) => {
+        !C || C === 1 / 0 || (window.clearTimeout(N.current), x.current = (/* @__PURE__ */ new Date()).getTime(), N.current = window.setTimeout(g, C));
+      },
+      [g]
+    );
+    a.useEffect(() => {
+      const C = m.viewport;
+      if (C) {
+        const L = () => {
+          y(V.current), d == null || d();
+        }, k = () => {
+          const X = (/* @__PURE__ */ new Date()).getTime() - x.current;
+          V.current = V.current - X, window.clearTimeout(N.current), f == null || f();
+        };
+        return C.addEventListener(Qe, k), C.addEventListener(et, L), () => {
+          C.removeEventListener(Qe, k), C.removeEventListener(et, L);
+        };
+      }
+    }, [m.viewport, F, f, d, y]), a.useEffect(() => {
+      s && !m.isClosePausedRef.current && y(F);
+    }, [s, F, m.isClosePausedRef, y]), a.useEffect(() => (M(), () => v()), [M, v]);
+    const O = a.useMemo(() => p ? vo(p) : null, [p]);
+    return m.viewport ? /* @__PURE__ */ st(at, { children: [
+      O && /* @__PURE__ */ i(
+        $a,
+        {
+          __scopeToast: t,
+          role: "status",
+          "aria-live": o === "foreground" ? "assertive" : "polite",
+          "aria-atomic": !0,
+          children: O
+        }
+      ),
+      /* @__PURE__ */ i(ka, { scope: t, onClose: g, children: zo.createPortal(
+        /* @__PURE__ */ i(or.ItemSlot, { scope: t, children: /* @__PURE__ */ i(
+          $o,
+          {
+            asChild: !0,
+            onEscapeKeyDown: P(c, () => {
+              m.isFocusedToastEscapeKeyDownRef.current || g(), m.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ i(
+              D.li,
+              {
+                role: "status",
+                "aria-live": "off",
+                "aria-atomic": !0,
+                tabIndex: 0,
+                "data-state": s ? "open" : "closed",
+                "data-swipe-direction": m.swipeDirection,
+                ..._,
+                ref: l,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: P(e.onKeyDown, (C) => {
+                  C.key === "Escape" && (c == null || c(C.nativeEvent), C.nativeEvent.defaultPrevented || (m.isFocusedToastEscapeKeyDownRef.current = !0, g()));
+                }),
+                onPointerDown: P(e.onPointerDown, (C) => {
+                  C.button === 0 && (h.current = { x: C.clientX, y: C.clientY });
+                }),
+                onPointerMove: P(e.onPointerMove, (C) => {
+                  if (!h.current) return;
+                  const L = C.clientX - h.current.x, k = C.clientY - h.current.y, X = !!S.current, H = ["left", "right"].includes(m.swipeDirection), Q = ["left", "up"].includes(m.swipeDirection) ? Math.min : Math.max, W = H ? Q(0, L) : 0, pe = H ? 0 : Q(0, k), oe = C.pointerType === "touch" ? 10 : 2, z = { x: W, y: pe }, E = { originalEvent: C, delta: z };
+                  X ? (S.current = z, Ee(Oa, w, E, {
+                    discrete: !1
+                  })) : Pr(z, m.swipeDirection, oe) ? (S.current = z, Ee(Na, b, E, {
+                    discrete: !1
+                  }), C.target.setPointerCapture(C.pointerId)) : (Math.abs(L) > oe || Math.abs(k) > oe) && (h.current = null);
+                }),
+                onPointerUp: P(e.onPointerUp, (C) => {
+                  const L = S.current, k = C.target;
+                  if (k.hasPointerCapture(C.pointerId) && k.releasePointerCapture(C.pointerId), S.current = null, h.current = null, L) {
+                    const X = C.currentTarget, H = { originalEvent: C, delta: L };
+                    Pr(L, m.swipeDirection, m.swipeThreshold) ? Ee(La, R, H, {
+                      discrete: !0
+                    }) : Ee(
+                      Da,
+                      I,
+                      H,
+                      {
+                        discrete: !0
+                      }
+                    ), X.addEventListener("click", (Q) => Q.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        m.viewport
+      ) })
+    ] }) : null;
+  }
+), $a = (e) => {
+  const { __scopeToast: r, children: t, ...o } = e, n = De(Te, r), [s, u] = a.useState(!1), [c, f] = a.useState(!1);
+  return ja(() => u(!0)), a.useEffect(() => {
+    const d = window.setTimeout(() => f(!0), 1e3);
+    return () => window.clearTimeout(d);
+  }, []), c ? null : /* @__PURE__ */ i(Ko, { asChild: !0, children: /* @__PURE__ */ i(Dr, { ...o, children: s && /* @__PURE__ */ st(at, { children: [
+    n.label,
+    " ",
+    t
+  ] }) }) });
+}, Ka = "ToastTitle", ir = a.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...o } = e;
+    return /* @__PURE__ */ i(D.div, { ...o, ref: r });
+  }
+);
+ir.displayName = Ka;
+var Ba = "ToastDescription", cr = a.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...o } = e;
+    return /* @__PURE__ */ i(D.div, { ...o, ref: r });
+  }
+);
+cr.displayName = Ba;
+var fo = "ToastAction", lr = a.forwardRef(
+  (e, r) => {
+    const { altText: t, ...o } = e;
+    return t.trim() ? /* @__PURE__ */ i(mo, { altText: t, asChild: !0, children: /* @__PURE__ */ i(Le, { ...o, ref: r }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${fo}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+lr.displayName = fo;
+var po = "ToastClose", Le = a.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...o } = e, n = Va(po, t);
+    return /* @__PURE__ */ i(mo, { asChild: !0, children: /* @__PURE__ */ i(
+      D.button,
+      {
+        type: "button",
+        ...o,
+        ref: r,
+        onClick: P(e.onClick, n.onClose)
+      }
+    ) });
+  }
+);
+Le.displayName = po;
+var mo = a.forwardRef((e, r) => {
+  const { __scopeToast: t, altText: o, ...n } = e;
+  return /* @__PURE__ */ i(
+    D.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": o || void 0,
+      ...n,
+      ref: r
+    }
+  );
+});
+function vo(e) {
+  const r = [];
+  return Array.from(e.childNodes).forEach((o) => {
+    if (o.nodeType === o.TEXT_NODE && o.textContent && r.push(o.textContent), Ha(o)) {
+      const n = o.ariaHidden || o.hidden || o.style.display === "none", s = o.dataset.radixToastAnnounceExclude === "";
+      if (!n)
+        if (s) {
+          const u = o.dataset.radixToastAnnounceAlt;
+          u && r.push(u);
+        } else
+          r.push(...vo(o));
+    }
+  }), r;
+}
+function Ee(e, r, t, { discrete: o }) {
+  const n = t.originalEvent.currentTarget, s = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: t });
+  r && n.addEventListener(e, r, { once: !0 }), o ? Bo(n, s) : n.dispatchEvent(s);
+}
+var Pr = (e, r, t = 0) => {
+  const o = Math.abs(e.x), n = Math.abs(e.y), s = o > n;
+  return r === "left" || r === "right" ? s && o > t : !s && n > t;
+};
+function ja(e = () => {
+}) {
+  const r = Re(e);
+  rt(() => {
+    let t = 0, o = 0;
+    return t = window.requestAnimationFrame(() => o = window.requestAnimationFrame(r)), () => {
+      window.cancelAnimationFrame(t), window.cancelAnimationFrame(o);
+    };
+  }, [r]);
+}
+function Ha(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function za(e) {
+  const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (o) => {
+      const n = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || n ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) r.push(t.currentNode);
+  return r;
+}
+function $e(e) {
+  const r = document.activeElement;
+  return e.some((t) => t === r ? !0 : (t.focus(), document.activeElement !== r));
+}
+var Ua = nr, Wa = ar, qa = sr, Ya = ir, Xa = cr, Za = lr, Ja = Le;
+const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Action: Za,
+  Close: Ja,
+  Description: Xa,
+  Provider: Ua,
+  Root: qa,
+  Title: Ya,
+  Toast: sr,
+  ToastAction: lr,
+  ToastClose: Le,
+  ToastDescription: cr,
+  ToastProvider: nr,
+  ToastTitle: ir,
+  ToastViewport: ar,
+  Viewport: Wa,
+  createToastScope: Ma
+}, Symbol.toStringTag, { value: "Module" }));
+var ur = "Toolbar", [Qa, es] = se(ur, [
+  de,
+  Lr
+]), dr = de(), bo = Lr(), [ts, go] = Qa(ur), fr = a.forwardRef(
+  (e, r) => {
+    const { __scopeToolbar: t, orientation: o = "horizontal", dir: n, loop: s = !0, ...u } = e, c = dr(t), f = Ae(n);
+    return /* @__PURE__ */ i(ts, { scope: t, orientation: o, dir: f, children: /* @__PURE__ */ i(
+      nt,
+      {
+        asChild: !0,
+        ...c,
+        orientation: o,
+        dir: f,
+        loop: s,
+        children: /* @__PURE__ */ i(
+          D.div,
+          {
+            role: "toolbar",
+            "aria-orientation": o,
+            dir: f,
+            ...u,
+            ref: r
+          }
+        )
+      }
+    ) });
+  }
+);
+fr.displayName = ur;
+var ho = "ToolbarSeparator", pr = a.forwardRef(
+  (e, r) => {
+    const { __scopeToolbar: t, ...o } = e, n = go(ho, t);
+    return /* @__PURE__ */ i(
+      io,
+      {
+        orientation: n.orientation === "horizontal" ? "vertical" : "horizontal",
+        ...o,
+        ref: r
+      }
+    );
+  }
+);
+pr.displayName = ho;
+var rs = "ToolbarButton", ke = a.forwardRef(
+  (e, r) => {
+    const { __scopeToolbar: t, ...o } = e, n = dr(t);
+    return /* @__PURE__ */ i(Se, { asChild: !0, ...n, focusable: !e.disabled, children: /* @__PURE__ */ i(D.button, { type: "button", ...o, ref: r }) });
+  }
+);
+ke.displayName = rs;
+var os = "ToolbarLink", mr = a.forwardRef(
+  (e, r) => {
+    const { __scopeToolbar: t, ...o } = e, n = dr(t);
+    return /* @__PURE__ */ i(Se, { asChild: !0, ...n, focusable: !0, children: /* @__PURE__ */ i(
+      D.a,
+      {
+        ...o,
+        ref: r,
+        onKeyDown: P(e.onKeyDown, (s) => {
+          s.key === " " && s.currentTarget.click();
+        })
+      }
+    ) });
+  }
+);
+mr.displayName = os;
+var Co = "ToolbarToggleGroup", vr = a.forwardRef(
+  (e, r) => {
+    const { __scopeToolbar: t, ...o } = e, n = go(Co, t), s = bo(t);
+    return /* @__PURE__ */ i(
+      jo,
+      {
+        "data-orientation": n.orientation,
+        dir: n.dir,
+        ...s,
+        ...o,
+        ref: r,
+        rovingFocus: !1
+      }
+    );
+  }
+);
+vr.displayName = Co;
+var ns = "ToolbarToggleItem", br = a.forwardRef(
+  (e, r) => {
+    const { __scopeToolbar: t, ...o } = e, n = bo(t), s = { __scopeToolbar: e.__scopeToolbar };
+    return /* @__PURE__ */ i(ke, { asChild: !0, ...s, children: /* @__PURE__ */ i(Ho, { ...n, ...o, ref: r }) });
+  }
+);
+br.displayName = ns;
+var as = fr, ss = pr, is = ke, cs = mr, ls = vr, us = br;
+const Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Button: is,
+  Link: cs,
+  Root: as,
+  Separator: ss,
+  ToggleGroup: ls,
+  ToggleItem: us,
+  Toolbar: fr,
+  ToolbarButton: ke,
+  ToolbarLink: mr,
+  ToolbarSeparator: pr,
+  ToolbarToggleGroup: vr,
+  ToolbarToggleItem: br,
+  createToolbarScope: es
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  As as AccessibleIcon,
+  bs as Accordion,
+  Ss as AlertDialog,
+  xs as AspectRatio,
+  Ms as Avatar,
+  Ps as Checkbox,
+  vs as Collapsible,
+  Fs as ContextMenu,
+  Ns as Dialog,
+  Os as Direction,
+  Ds as DropdownMenu,
+  hs as Form,
+  Ls as HoverCard,
+  gs as Label,
+  Cs as Menubar,
+  ks as NavigationMenu,
+  Vs as Popover,
+  Gs as Portal,
+  $s as Progress,
+  Ks as RadioGroup,
+  Bs as ScrollArea,
+  js as Select,
+  Es as Separator,
+  Hs as Slider,
+  zs as Slot,
+  Us as Switch,
+  Ws as Tabs,
+  ws as Toast,
+  qs as Toggle,
+  Ys as ToggleGroup,
+  Rs as Toolbar,
+  Xs as Tooltip,
+  Zs as VisuallyHidden,
+  Ts as unstable_OneTimePasswordField,
+  ys as unstable_PasswordToggleField
+};