@moises.ai/design-system 1.0.21 → 1.0.23

package/dist/primitives.js

@@ -0,0 +1,3126 @@
+import { aS as ge, aT as oe, aU as X, aV as te, aW as O, aX as Ce, v as A, aY as K, aZ as Pe, a_ as he, a$ as _n, b0 as In, b1 as Mn, b2 as Pn, b3 as xn, b4 as Sn, b5 as An, b6 as Nn, b7 as Fn, b8 as ue, b9 as Be, ba as On, bb as Dn, bc as Ln, bd as kn, be as Vn, bf as Gn, bg as $n, bh as xe, bi as Kn, bj as Bn, bk as Hn, aN as ee, bl as jn, bm as zn, bn as rt, bo as Un, bp as Wn, bq as Tr, br as wr, bs as qn, bt as Yn, aR as yr, aQ as Xn, aI as Zn } from "./index-CpglT-SS.js";
+import { bu as Cc, bv as hc, bw as Tc, bx as wc, by as yc, bz as Ec, bA as Rc, bB as _c, bC as Ic, bD as Mc, bE as Pc, bF as xc, bG as Sc, bH as Ac, bI as Nc, bJ as Fc, bK as Oc, bL as Dc, bM as Lc, bN as kc, bO as Vc, bP as Gc } from "./index-CpglT-SS.js";
+import * as a from "react";
+import V from "react";
+import { jsx as i, Fragment as _e, jsxs as Ie } from "react/jsx-runtime";
+import * as Jn from "react-dom";
+import Qn, { flushSync as me } from "react-dom";
+var cr = a[" useEffectEvent ".trim().toString()], lr = a[" useInsertionEffect ".trim().toString()];
+function Er(e) {
+  if (typeof cr == "function")
+    return cr(e);
+  const t = a.useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  return typeof lr == "function" ? lr(() => {
+    t.current = e;
+  }) : ge(() => {
+    t.current = e;
+  }), a.useMemo(() => (...o) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...o);
+  }, []);
+}
+var He = "Collapsible", [ea, Rt] = oe(He), [ta, _t] = ea(He), It = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCollapsible: o,
+      open: r,
+      defaultOpen: n,
+      disabled: s,
+      onOpenChange: c,
+      ...l
+    } = e, [u, d] = X({
+      prop: r,
+      defaultProp: n ?? !1,
+      onChange: c,
+      caller: He
+    });
+    return /* @__PURE__ */ i(
+      ta,
+      {
+        scope: o,
+        disabled: s,
+        contentId: te(),
+        open: u,
+        onOpenToggle: a.useCallback(() => d((f) => !f), [d]),
+        children: /* @__PURE__ */ i(
+          O.div,
+          {
+            "data-state": St(u),
+            "data-disabled": s ? "" : void 0,
+            ...l,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+It.displayName = He;
+var Rr = "CollapsibleTrigger", Mt = a.forwardRef(
+  (e, t) => {
+    const { __scopeCollapsible: o, ...r } = e, n = _t(Rr, o);
+    return /* @__PURE__ */ i(
+      O.button,
+      {
+        type: "button",
+        "aria-controls": n.contentId,
+        "aria-expanded": n.open || !1,
+        "data-state": St(n.open),
+        "data-disabled": n.disabled ? "" : void 0,
+        disabled: n.disabled,
+        ...r,
+        ref: t,
+        onClick: A(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+Mt.displayName = Rr;
+var Pt = "CollapsibleContent", xt = a.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...r } = e, n = _t(Pt, e.__scopeCollapsible);
+    return /* @__PURE__ */ i(Ce, { present: o || n.open, children: ({ present: s }) => /* @__PURE__ */ i(oa, { ...r, ref: t, present: s }) });
+  }
+);
+xt.displayName = Pt;
+var oa = a.forwardRef((e, t) => {
+  const { __scopeCollapsible: o, present: r, children: n, ...s } = e, c = _t(Pt, o), [l, u] = a.useState(r), d = a.useRef(null), f = K(t, d), b = a.useRef(0), w = b.current, E = a.useRef(0), C = E.current, v = c.open || l, m = a.useRef(v), h = a.useRef(void 0);
+  return a.useEffect(() => {
+    const p = requestAnimationFrame(() => m.current = !1);
+    return () => cancelAnimationFrame(p);
+  }, []), ge(() => {
+    const p = d.current;
+    if (p) {
+      h.current = h.current || {
+        transitionDuration: p.style.transitionDuration,
+        animationName: p.style.animationName
+      }, p.style.transitionDuration = "0s", p.style.animationName = "none";
+      const g = p.getBoundingClientRect();
+      b.current = g.height, E.current = g.width, m.current || (p.style.transitionDuration = h.current.transitionDuration, p.style.animationName = h.current.animationName), u(r);
+    }
+  }, [c.open, r]), /* @__PURE__ */ i(
+    O.div,
+    {
+      "data-state": St(c.open),
+      "data-disabled": c.disabled ? "" : void 0,
+      id: c.contentId,
+      hidden: !v,
+      ...s,
+      ref: f,
+      style: {
+        "--radix-collapsible-content-height": w ? `${w}px` : void 0,
+        "--radix-collapsible-content-width": C ? `${C}px` : void 0,
+        ...e.style
+      },
+      children: v && n
+    }
+  );
+});
+function St(e) {
+  return e ? "open" : "closed";
+}
+var _r = It, Ir = Mt, Mr = xt;
+const rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Collapsible: It,
+  CollapsibleContent: xt,
+  CollapsibleTrigger: Mt,
+  Content: Mr,
+  Root: _r,
+  Trigger: Ir,
+  createCollapsibleScope: Rt
+}, Symbol.toStringTag, { value: "Module" }));
+var re = "Accordion", ra = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [At, na, aa] = Pe(re), [je, sa] = oe(re, [
+  aa,
+  Rt
+]), Nt = Rt(), Ft = V.forwardRef(
+  (e, t) => {
+    const { type: o, ...r } = e, n = r, s = r;
+    return /* @__PURE__ */ i(At.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ i(ua, { ...s, ref: t }) : /* @__PURE__ */ i(la, { ...n, ref: t }) });
+  }
+);
+Ft.displayName = re;
+var [Pr, ia] = je(re), [xr, ca] = je(
+  re,
+  { collapsible: !1 }
+), la = V.forwardRef(
+  (e, t) => {
+    const {
+      value: o,
+      defaultValue: r,
+      onValueChange: n = () => {
+      },
+      collapsible: s = !1,
+      ...c
+    } = e, [l, u] = X({
+      prop: o,
+      defaultProp: r ?? "",
+      onChange: n,
+      caller: re
+    });
+    return /* @__PURE__ */ i(
+      Pr,
+      {
+        scope: e.__scopeAccordion,
+        value: V.useMemo(() => l ? [l] : [], [l]),
+        onItemOpen: u,
+        onItemClose: V.useCallback(() => s && u(""), [s, u]),
+        children: /* @__PURE__ */ i(xr, { scope: e.__scopeAccordion, collapsible: s, children: /* @__PURE__ */ i(Sr, { ...c, ref: t }) })
+      }
+    );
+  }
+), ua = V.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: r,
+    onValueChange: n = () => {
+    },
+    ...s
+  } = e, [c, l] = X({
+    prop: o,
+    defaultProp: r ?? [],
+    onChange: n,
+    caller: re
+  }), u = V.useCallback(
+    (f) => l((b = []) => [...b, f]),
+    [l]
+  ), d = V.useCallback(
+    (f) => l((b = []) => b.filter((w) => w !== f)),
+    [l]
+  );
+  return /* @__PURE__ */ i(
+    Pr,
+    {
+      scope: e.__scopeAccordion,
+      value: c,
+      onItemOpen: u,
+      onItemClose: d,
+      children: /* @__PURE__ */ i(xr, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(Sr, { ...s, ref: t }) })
+    }
+  );
+}), [da, ze] = je(re), Sr = V.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, disabled: r, dir: n, orientation: s = "vertical", ...c } = e, l = V.useRef(null), u = K(l, t), d = na(o), b = he(n) === "ltr", w = A(e.onKeyDown, (E) => {
+      var F;
+      if (!ra.includes(E.key)) return;
+      const C = E.target, v = d().filter((I) => {
+        var T;
+        return !((T = I.ref.current) != null && T.disabled);
+      }), m = v.findIndex((I) => I.ref.current === C), h = v.length;
+      if (m === -1) return;
+      E.preventDefault();
+      let p = m;
+      const g = 0, y = h - 1, R = () => {
+        p = m + 1, p > y && (p = g);
+      }, P = () => {
+        p = m - 1, p < g && (p = y);
+      };
+      switch (E.key) {
+        case "Home":
+          p = g;
+          break;
+        case "End":
+          p = y;
+          break;
+        case "ArrowRight":
+          s === "horizontal" && (b ? R() : P());
+          break;
+        case "ArrowDown":
+          s === "vertical" && R();
+          break;
+        case "ArrowLeft":
+          s === "horizontal" && (b ? P() : R());
+          break;
+        case "ArrowUp":
+          s === "vertical" && P();
+          break;
+      }
+      const D = p % h;
+      (F = v[D].ref.current) == null || F.focus();
+    });
+    return /* @__PURE__ */ i(
+      da,
+      {
+        scope: o,
+        disabled: r,
+        direction: n,
+        orientation: s,
+        children: /* @__PURE__ */ i(At.Slot, { scope: o, children: /* @__PURE__ */ i(
+          O.div,
+          {
+            ...c,
+            "data-orientation": s,
+            ref: u,
+            onKeyDown: r ? void 0 : w
+          }
+        ) })
+      }
+    );
+  }
+), ke = "AccordionItem", [fa, Ot] = je(ke), Dt = V.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, value: r, ...n } = e, s = ze(ke, o), c = ia(ke, o), l = Nt(o), u = te(), d = r && c.value.includes(r) || !1, f = s.disabled || e.disabled;
+    return /* @__PURE__ */ i(
+      fa,
+      {
+        scope: o,
+        open: d,
+        disabled: f,
+        triggerId: u,
+        children: /* @__PURE__ */ i(
+          _r,
+          {
+            "data-orientation": s.orientation,
+            "data-state": Fr(d),
+            ...l,
+            ...n,
+            ref: t,
+            disabled: f,
+            open: d,
+            onOpenChange: (b) => {
+              b ? c.onItemOpen(r) : c.onItemClose(r);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Dt.displayName = ke;
+var Ar = "AccordionHeader", Lt = V.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...r } = e, n = ze(re, o), s = Ot(Ar, o);
+    return /* @__PURE__ */ i(
+      O.h3,
+      {
+        "data-orientation": n.orientation,
+        "data-state": Fr(s.open),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+Lt.displayName = Ar;
+var nt = "AccordionTrigger", kt = V.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...r } = e, n = ze(re, o), s = Ot(nt, o), c = ca(nt, o), l = Nt(o);
+    return /* @__PURE__ */ i(At.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+      Ir,
+      {
+        "aria-disabled": s.open && !c.collapsible || void 0,
+        "data-orientation": n.orientation,
+        id: s.triggerId,
+        ...l,
+        ...r,
+        ref: t
+      }
+    ) });
+  }
+);
+kt.displayName = nt;
+var Nr = "AccordionContent", Vt = V.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...r } = e, n = ze(re, o), s = Ot(Nr, o), c = Nt(o);
+    return /* @__PURE__ */ i(
+      Mr,
+      {
+        role: "region",
+        "aria-labelledby": s.triggerId,
+        "data-orientation": n.orientation,
+        ...c,
+        ...r,
+        ref: t,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+Vt.displayName = Nr;
+function Fr(e) {
+  return e ? "open" : "closed";
+}
+var pa = Ft, va = Dt, ma = Lt, ga = kt, ba = Vt;
+const nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Accordion: Ft,
+  AccordionContent: Vt,
+  AccordionHeader: Lt,
+  AccordionItem: Dt,
+  AccordionTrigger: kt,
+  Content: ba,
+  Header: ma,
+  Item: va,
+  Root: pa,
+  Trigger: ga,
+  createAccordionScope: sa
+}, Symbol.toStringTag, { value: "Module" }));
+var Ca = "Label", Ue = a.forwardRef((e, t) => /* @__PURE__ */ i(
+  O.label,
+  {
+    ...e,
+    ref: t,
+    onMouseDown: (o) => {
+      var n;
+      o.target.closest("button, input, select, textarea") || ((n = e.onMouseDown) == null || n.call(e, o), !o.defaultPrevented && o.detail > 1 && o.preventDefault());
+    }
+  }
+));
+Ue.displayName = Ca;
+var ha = Ue;
+const ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Label: Ue,
+  Root: ha
+}, Symbol.toStringTag, { value: "Module" }));
+var [Gt, Ta] = oe("Form"), $t = "Form", [wa, Te] = Gt($t), [ya, Or] = Gt($t), Kt = a.forwardRef(
+  (e, t) => {
+    const { __scopeForm: o, onClearServerErrors: r = () => {
+    }, ...n } = e, s = a.useRef(null), c = K(t, s), [l, u] = a.useState({}), d = a.useCallback(
+      (T) => l[T],
+      [l]
+    ), f = a.useCallback(
+      (T, _) => u((x) => ({
+        ...x,
+        [T]: { ...x[T] ?? {}, ..._ }
+      })),
+      []
+    ), b = a.useCallback((T) => {
+      u((_) => ({ ..._, [T]: void 0 })), p((_) => ({ ..._, [T]: {} }));
+    }, []), [w, E] = a.useState({}), C = a.useCallback(
+      (T) => w[T] ?? [],
+      [w]
+    ), v = a.useCallback((T, _) => {
+      E((x) => ({
+        ...x,
+        [T]: [...x[T] ?? [], _]
+      }));
+    }, []), m = a.useCallback((T, _) => {
+      E((x) => ({
+        ...x,
+        [T]: (x[T] ?? []).filter(
+          (L) => L.id !== _
+        )
+      }));
+    }, []), [h, p] = a.useState({}), g = a.useCallback(
+      (T) => h[T] ?? {},
+      [h]
+    ), y = a.useCallback((T, _) => {
+      p((x) => ({
+        ...x,
+        [T]: { ...x[T] ?? {}, ..._ }
+      }));
+    }, []), [R, P] = a.useState({}), D = a.useCallback((T, _) => {
+      P((x) => {
+        const L = new Set(x[T]).add(_);
+        return { ...x, [T]: L };
+      });
+    }, []), F = a.useCallback((T, _) => {
+      P((x) => {
+        const L = new Set(x[T]);
+        return L.delete(_), { ...x, [T]: L };
+      });
+    }, []), I = a.useCallback(
+      (T) => Array.from(R[T] ?? []).join(" ") || void 0,
+      [R]
+    );
+    return /* @__PURE__ */ i(
+      wa,
+      {
+        scope: o,
+        getFieldValidity: d,
+        onFieldValidityChange: f,
+        getFieldCustomMatcherEntries: C,
+        onFieldCustomMatcherEntryAdd: v,
+        onFieldCustomMatcherEntryRemove: m,
+        getFieldCustomErrors: g,
+        onFieldCustomErrorsChange: y,
+        onFieldValiditionClear: b,
+        children: /* @__PURE__ */ i(
+          ya,
+          {
+            scope: o,
+            onFieldMessageIdAdd: D,
+            onFieldMessageIdRemove: F,
+            getFieldDescription: I,
+            children: /* @__PURE__ */ i(
+              O.form,
+              {
+                ...n,
+                ref: c,
+                onInvalid: A(e.onInvalid, (T) => {
+                  const _ = Dr(T.currentTarget);
+                  _ === T.target && _.focus(), T.preventDefault();
+                }),
+                onSubmit: A(e.onSubmit, r, {
+                  checkForDefaultPrevented: !1
+                }),
+                onReset: A(e.onReset, r)
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Kt.displayName = $t;
+var Bt = "FormField", [Ea, We] = Gt(Bt), Ht = a.forwardRef(
+  (e, t) => {
+    const { __scopeForm: o, name: r, serverInvalid: n = !1, ...s } = e, l = Te(Bt, o).getFieldValidity(r), u = te();
+    return /* @__PURE__ */ i(Ea, { scope: o, id: u, name: r, serverInvalid: n, children: /* @__PURE__ */ i(
+      O.div,
+      {
+        "data-valid": Xt(l, n),
+        "data-invalid": Zt(l, n),
+        ...s,
+        ref: t
+      }
+    ) });
+  }
+);
+Ht.displayName = Bt;
+var at = "FormLabel", jt = a.forwardRef(
+  (e, t) => {
+    const { __scopeForm: o, ...r } = e, n = Te(at, o), s = We(at, o), c = r.htmlFor || s.id, l = n.getFieldValidity(s.name);
+    return /* @__PURE__ */ i(
+      Ue,
+      {
+        "data-valid": Xt(l, s.serverInvalid),
+        "data-invalid": Zt(l, s.serverInvalid),
+        ...r,
+        ref: t,
+        htmlFor: c
+      }
+    );
+  }
+);
+jt.displayName = at;
+var De = "FormControl", zt = a.forwardRef(
+  (e, t) => {
+    const { __scopeForm: o, ...r } = e, n = Te(De, o), s = We(De, o), c = Or(De, o), l = a.useRef(null), u = K(t, l), d = r.name || s.name, f = r.id || s.id, b = n.getFieldCustomMatcherEntries(d), { onFieldValidityChange: w, onFieldCustomErrorsChange: E, onFieldValiditionClear: C } = n, v = a.useCallback(
+      async (p) => {
+        if (Lr(p.validity)) {
+          const x = tt(p.validity);
+          w(d, x);
+          return;
+        }
+        const g = p.form ? new FormData(p.form) : new FormData(), y = [p.value, g], R = [], P = [];
+        b.forEach((x) => {
+          Aa(x, y) ? P.push(x) : Na(x) && R.push(x);
+        });
+        const D = R.map(({ id: x, match: L }) => [x, L(...y)]), F = Object.fromEntries(D), I = Object.values(F).some(Boolean), T = I;
+        p.setCustomValidity(T ? Me : "");
+        const _ = tt(p.validity);
+        if (w(d, _), E(d, F), !I && P.length > 0) {
+          const x = P.map(
+            ({ id: U, match: ne }) => ne(...y).then((Y) => [U, Y])
+          ), L = await Promise.all(x), M = Object.fromEntries(L), G = Object.values(M).some(Boolean);
+          p.setCustomValidity(G ? Me : "");
+          const Z = tt(p.validity);
+          w(d, Z), E(d, M);
+        }
+      },
+      [b, d, E, w]
+    );
+    a.useEffect(() => {
+      const p = l.current;
+      if (p) {
+        const g = () => v(p);
+        return p.addEventListener("change", g), () => p.removeEventListener("change", g);
+      }
+    }, [v]);
+    const m = a.useCallback(() => {
+      const p = l.current;
+      p && (p.setCustomValidity(""), C(d));
+    }, [d, C]);
+    a.useEffect(() => {
+      var g;
+      const p = (g = l.current) == null ? void 0 : g.form;
+      if (p)
+        return p.addEventListener("reset", m), () => p.removeEventListener("reset", m);
+    }, [m]), a.useEffect(() => {
+      const p = l.current, g = p == null ? void 0 : p.closest("form");
+      if (g && s.serverInvalid) {
+        const y = Dr(g);
+        y === p && y.focus();
+      }
+    }, [s.serverInvalid]);
+    const h = n.getFieldValidity(d);
+    return /* @__PURE__ */ i(
+      O.input,
+      {
+        "data-valid": Xt(h, s.serverInvalid),
+        "data-invalid": Zt(h, s.serverInvalid),
+        "aria-invalid": s.serverInvalid ? !0 : void 0,
+        "aria-describedby": c.getFieldDescription(d),
+        title: "",
+        ...r,
+        ref: u,
+        id: f,
+        name: d,
+        onInvalid: A(e.onInvalid, (p) => {
+          const g = p.currentTarget;
+          v(g);
+        }),
+        onChange: A(e.onChange, (p) => {
+          m();
+        })
+      }
+    );
+  }
+);
+zt.displayName = De;
+var Me = "This value is not valid", Ra = {
+  badInput: Me,
+  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"
+}, Se = "FormMessage", Ut = a.forwardRef(
+  (e, t) => {
+    const { match: o, name: r, ...n } = e, s = We(Se, e.__scopeForm), c = r ?? s.name;
+    return o === void 0 ? /* @__PURE__ */ i(Wt, { ...n, ref: t, name: c, children: e.children || Me }) : typeof o == "function" ? /* @__PURE__ */ i(Ia, { match: o, ...n, ref: t, name: c }) : /* @__PURE__ */ i(_a, { match: o, ...n, ref: t, name: c });
+  }
+);
+Ut.displayName = Se;
+var _a = a.forwardRef(
+  (e, t) => {
+    const { match: o, forceMatch: r = !1, name: n, children: s, ...c } = e, u = Te(Se, c.__scopeForm).getFieldValidity(n);
+    return r || (u == null ? void 0 : u[o]) ? /* @__PURE__ */ i(Wt, { ref: t, ...c, name: n, children: s ?? Ra[o] }) : null;
+  }
+), Ia = a.forwardRef(
+  (e, t) => {
+    const { match: o, forceMatch: r = !1, name: n, id: s, children: c, ...l } = e, u = Te(Se, l.__scopeForm), d = a.useRef(null), f = K(t, d), b = te(), w = s ?? b, E = a.useMemo(() => ({ id: w, match: o }), [w, o]), { onFieldCustomMatcherEntryAdd: C, onFieldCustomMatcherEntryRemove: v } = u;
+    a.useEffect(() => (C(n, E), () => v(n, E.id)), [E, n, C, v]);
+    const m = u.getFieldValidity(n), p = u.getFieldCustomErrors(n)[w];
+    return r || m && !Lr(m) && p ? /* @__PURE__ */ i(Wt, { id: w, ref: f, ...l, name: n, children: c ?? Me }) : null;
+  }
+), Wt = a.forwardRef(
+  (e, t) => {
+    const { __scopeForm: o, id: r, name: n, ...s } = e, c = Or(Se, o), l = te(), u = r ?? l, { onFieldMessageIdAdd: d, onFieldMessageIdRemove: f } = c;
+    return a.useEffect(() => (d(n, u), () => f(n, u)), [n, u, d, f]), /* @__PURE__ */ i(O.span, { id: u, ...s, ref: t });
+  }
+), st = "FormValidityState", qt = (e) => {
+  const { __scopeForm: t, name: o, children: r } = e, n = Te(st, t), s = We(st, t), c = o ?? s.name, l = n.getFieldValidity(c);
+  return /* @__PURE__ */ i(_e, { children: r(l) });
+};
+qt.displayName = st;
+var Ma = "FormSubmit", Yt = a.forwardRef(
+  (e, t) => {
+    const { __scopeForm: o, ...r } = e;
+    return /* @__PURE__ */ i(O.button, { type: "submit", ...r, ref: t });
+  }
+);
+Yt.displayName = Ma;
+function tt(e) {
+  const t = {};
+  for (const o in e)
+    t[o] = e[o];
+  return t;
+}
+function Pa(e) {
+  return e instanceof HTMLElement;
+}
+function xa(e) {
+  return "validity" in e;
+}
+function Sa(e) {
+  return xa(e) && (e.validity.valid === !1 || e.getAttribute("aria-invalid") === "true");
+}
+function Dr(e) {
+  const t = e.elements, [o] = Array.from(t).filter(Pa).filter(Sa);
+  return o;
+}
+function Aa(e, t) {
+  return e.match.constructor.name === "AsyncFunction" || Fa(e.match, t);
+}
+function Na(e) {
+  return e.match.constructor.name === "Function";
+}
+function Fa(e, t) {
+  return e(...t) instanceof Promise;
+}
+function Lr(e) {
+  let t = !1;
+  for (const o in e) {
+    const r = o;
+    if (r !== "valid" && r !== "customError" && e[r]) {
+      t = !0;
+      break;
+    }
+  }
+  return t;
+}
+function Xt(e, t) {
+  if ((e == null ? void 0 : e.valid) === !0 && !t) return !0;
+}
+function Zt(e, t) {
+  if ((e == null ? void 0 : e.valid) === !1 || t) return !0;
+}
+var Oa = Kt, Da = Ht, La = jt, ka = zt, Va = Ut, Ga = qt, $a = Yt;
+const sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Control: ka,
+  Field: Da,
+  Form: Kt,
+  FormControl: zt,
+  FormField: Ht,
+  FormLabel: jt,
+  FormMessage: Ut,
+  FormSubmit: Yt,
+  FormValidityState: qt,
+  Label: La,
+  Message: Va,
+  Root: Oa,
+  Submit: $a,
+  ValidityState: Ga,
+  createFormScope: Ta
+}, Symbol.toStringTag, { value: "Module" }));
+var Ae = "Menubar", [it, Ka, Ba] = Pe(Ae), [kr, Ha] = oe(Ae, [
+  Ba,
+  ue
+]), z = _n(), Vr = ue(), [ja, Jt] = kr(Ae), Qt = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeMenubar: o,
+      value: r,
+      onValueChange: n,
+      defaultValue: s,
+      loop: c = !0,
+      dir: l,
+      ...u
+    } = e, d = he(l), f = Vr(o), [b, w] = X({
+      prop: r,
+      onChange: n,
+      defaultProp: s ?? "",
+      caller: Ae
+    }), [E, C] = a.useState(null);
+    return /* @__PURE__ */ i(
+      ja,
+      {
+        scope: o,
+        value: b,
+        onMenuOpen: a.useCallback(
+          (v) => {
+            w(v), C(v);
+          },
+          [w]
+        ),
+        onMenuClose: a.useCallback(() => w(""), [w]),
+        onMenuToggle: a.useCallback(
+          (v) => {
+            w((m) => m ? "" : v), C(v);
+          },
+          [w]
+        ),
+        dir: d,
+        loop: c,
+        children: /* @__PURE__ */ i(it.Provider, { scope: o, children: /* @__PURE__ */ i(it.Slot, { scope: o, children: /* @__PURE__ */ i(
+          Be,
+          {
+            asChild: !0,
+            ...f,
+            orientation: "horizontal",
+            loop: c,
+            dir: d,
+            currentTabStopId: E,
+            onCurrentTabStopIdChange: C,
+            children: /* @__PURE__ */ i(O.div, { role: "menubar", ...u, ref: t })
+          }
+        ) }) })
+      }
+    );
+  }
+);
+Qt.displayName = Ae;
+var eo = "MenubarMenu", [za, Gr] = kr(eo), to = (e) => {
+  const { __scopeMenubar: t, value: o, ...r } = e, n = te(), s = o || n || "LEGACY_REACT_AUTO_VALUE", c = Jt(eo, t), l = z(t), u = a.useRef(null), d = a.useRef(!1), f = c.value === s;
+  return a.useEffect(() => {
+    f || (d.current = !1);
+  }, [f]), /* @__PURE__ */ i(
+    za,
+    {
+      scope: t,
+      value: s,
+      triggerId: te(),
+      triggerRef: u,
+      contentId: te(),
+      wasKeyboardTriggerOpenRef: d,
+      children: /* @__PURE__ */ i(
+        Fn,
+        {
+          ...l,
+          open: f,
+          onOpenChange: (b) => {
+            b || c.onMenuClose();
+          },
+          modal: !1,
+          dir: c.dir,
+          ...r
+        }
+      )
+    }
+  );
+};
+to.displayName = eo;
+var ct = "MenubarTrigger", oo = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, disabled: r = !1, ...n } = e, s = Vr(o), c = z(o), l = Jt(ct, o), u = Gr(ct, o), d = a.useRef(null), f = K(t, d, u.triggerRef), [b, w] = a.useState(!1), E = l.value === u.value;
+    return /* @__PURE__ */ i(it.ItemSlot, { scope: o, value: u.value, disabled: r, children: /* @__PURE__ */ i(
+      xe,
+      {
+        asChild: !0,
+        ...s,
+        focusable: !r,
+        tabStopId: u.value,
+        children: /* @__PURE__ */ i(Kn, { asChild: !0, ...c, children: /* @__PURE__ */ i(
+          O.button,
+          {
+            type: "button",
+            role: "menuitem",
+            id: u.triggerId,
+            "aria-haspopup": "menu",
+            "aria-expanded": E,
+            "aria-controls": E ? u.contentId : void 0,
+            "data-highlighted": b ? "" : void 0,
+            "data-state": E ? "open" : "closed",
+            "data-disabled": r ? "" : void 0,
+            disabled: r,
+            ...n,
+            ref: f,
+            onPointerDown: A(e.onPointerDown, (C) => {
+              !r && C.button === 0 && C.ctrlKey === !1 && (l.onMenuOpen(u.value), E || C.preventDefault());
+            }),
+            onPointerEnter: A(e.onPointerEnter, () => {
+              var v;
+              !!l.value && !E && (l.onMenuOpen(u.value), (v = d.current) == null || v.focus());
+            }),
+            onKeyDown: A(e.onKeyDown, (C) => {
+              r || (["Enter", " "].includes(C.key) && l.onMenuToggle(u.value), C.key === "ArrowDown" && l.onMenuOpen(u.value), ["Enter", " ", "ArrowDown"].includes(C.key) && (u.wasKeyboardTriggerOpenRef.current = !0, C.preventDefault()));
+            }),
+            onFocus: A(e.onFocus, () => w(!0)),
+            onBlur: A(e.onBlur, () => w(!1))
+          }
+        ) })
+      }
+    ) });
+  }
+);
+oo.displayName = ct;
+var Ua = "MenubarPortal", ro = (e) => {
+  const { __scopeMenubar: t, ...o } = e, r = z(t);
+  return /* @__PURE__ */ i(On, { ...r, ...o });
+};
+ro.displayName = Ua;
+var lt = "MenubarContent", no = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, align: r = "start", ...n } = e, s = z(o), c = Jt(lt, o), l = Gr(lt, o), u = Ka(o), d = a.useRef(!1);
+    return /* @__PURE__ */ i(
+      Pn,
+      {
+        id: l.contentId,
+        "aria-labelledby": l.triggerId,
+        "data-radix-menubar-content": "",
+        ...s,
+        ...n,
+        ref: t,
+        align: r,
+        onCloseAutoFocus: A(e.onCloseAutoFocus, (f) => {
+          var w;
+          !!!c.value && !d.current && ((w = l.triggerRef.current) == null || w.focus()), d.current = !1, f.preventDefault();
+        }),
+        onFocusOutside: A(e.onFocusOutside, (f) => {
+          const b = f.target;
+          u().some((E) => {
+            var C;
+            return (C = E.ref.current) == null ? void 0 : C.contains(b);
+          }) && f.preventDefault();
+        }),
+        onInteractOutside: A(e.onInteractOutside, () => {
+          d.current = !0;
+        }),
+        onEntryFocus: (f) => {
+          l.wasKeyboardTriggerOpenRef.current || f.preventDefault();
+        },
+        onKeyDown: A(
+          e.onKeyDown,
+          (f) => {
+            if (["ArrowRight", "ArrowLeft"].includes(f.key)) {
+              const b = f.target, w = b.hasAttribute("data-radix-menubar-subtrigger"), E = b.closest("[data-radix-menubar-content]") !== f.currentTarget, v = (c.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === f.key;
+              if (!v && w || E && v) return;
+              let p = u().filter((R) => !R.disabled).map((R) => R.value);
+              v && p.reverse();
+              const g = p.indexOf(l.value);
+              p = c.loop ? ns(p, g + 1) : p.slice(g + 1);
+              const [y] = p;
+              y && c.onMenuOpen(y);
+            }
+          },
+          { 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)"
+        }
+      }
+    );
+  }
+);
+no.displayName = lt;
+var Wa = "MenubarGroup", ao = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(xn, { ...n, ...r, ref: t });
+  }
+);
+ao.displayName = Wa;
+var qa = "MenubarLabel", so = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(Nn, { ...n, ...r, ref: t });
+  }
+);
+so.displayName = qa;
+var Ya = "MenubarItem", io = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(Sn, { ...n, ...r, ref: t });
+  }
+);
+io.displayName = Ya;
+var Xa = "MenubarCheckboxItem", co = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(Mn, { ...n, ...r, ref: t });
+  }
+);
+co.displayName = Xa;
+var Za = "MenubarRadioGroup", lo = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(Dn, { ...n, ...r, ref: t });
+  }
+);
+lo.displayName = Za;
+var Ja = "MenubarRadioItem", uo = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(Ln, { ...n, ...r, ref: t });
+  }
+);
+uo.displayName = Ja;
+var Qa = "MenubarItemIndicator", fo = a.forwardRef((e, t) => {
+  const { __scopeMenubar: o, ...r } = e, n = z(o);
+  return /* @__PURE__ */ i(An, { ...n, ...r, ref: t });
+});
+fo.displayName = Qa;
+var es = "MenubarSeparator", po = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(kn, { ...n, ...r, ref: t });
+  }
+);
+po.displayName = es;
+var ts = "MenubarArrow", vo = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(In, { ...n, ...r, ref: t });
+  }
+);
+vo.displayName = ts;
+var $r = "MenubarSub", mo = (e) => {
+  const { __scopeMenubar: t, children: o, open: r, onOpenChange: n, defaultOpen: s } = e, c = z(t), [l, u] = X({
+    prop: r,
+    defaultProp: s ?? !1,
+    onChange: n,
+    caller: $r
+  });
+  return /* @__PURE__ */ i(Vn, { ...c, open: l, onOpenChange: u, children: o });
+};
+mo.displayName = $r;
+var os = "MenubarSubTrigger", go = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(
+      $n,
+      {
+        "data-radix-menubar-subtrigger": "",
+        ...n,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+go.displayName = os;
+var rs = "MenubarSubContent", bo = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenubar: o, ...r } = e, n = z(o);
+    return /* @__PURE__ */ i(
+      Gn,
+      {
+        ...n,
+        "data-radix-menubar-content": "",
+        ...r,
+        ref: t,
+        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)"
+        }
+      }
+    );
+  }
+);
+bo.displayName = rs;
+function ns(e, t) {
+  return e.map((o, r) => e[(t + r) % e.length]);
+}
+var as = Qt, ss = to, is = oo, cs = ro, ls = no, us = ao, ds = so, fs = io, ps = co, vs = lo, ms = uo, gs = fo, bs = po, Cs = vo, hs = mo, Ts = go, ws = bo;
+const ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: Cs,
+  CheckboxItem: ps,
+  Content: ls,
+  Group: us,
+  Item: fs,
+  ItemIndicator: gs,
+  Label: ds,
+  Menu: ss,
+  Menubar: Qt,
+  MenubarArrow: vo,
+  MenubarCheckboxItem: co,
+  MenubarContent: no,
+  MenubarGroup: ao,
+  MenubarItem: io,
+  MenubarItemIndicator: fo,
+  MenubarLabel: so,
+  MenubarMenu: to,
+  MenubarPortal: ro,
+  MenubarRadioGroup: lo,
+  MenubarRadioItem: uo,
+  MenubarSeparator: po,
+  MenubarSub: mo,
+  MenubarSubContent: bo,
+  MenubarSubTrigger: go,
+  MenubarTrigger: oo,
+  Portal: cs,
+  RadioGroup: vs,
+  RadioItem: ms,
+  Root: as,
+  Separator: bs,
+  Sub: hs,
+  SubContent: ws,
+  SubTrigger: Ts,
+  Trigger: is,
+  createMenubarScope: Ha
+}, Symbol.toStringTag, { value: "Module" }));
+var pe = "NavigationMenu", [Co, Kr, ys] = Pe(pe), [ut, Es, Rs] = Pe(pe), [ho, _s] = oe(
+  pe,
+  [ys, Rs]
+), [Is, Q] = ho(pe), [Ms, Ps] = ho(pe), To = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: o,
+      value: r,
+      onValueChange: n,
+      defaultValue: s,
+      delayDuration: c = 200,
+      skipDelayDuration: l = 300,
+      orientation: u = "horizontal",
+      dir: d,
+      ...f
+    } = e, [b, w] = a.useState(null), E = K(t, (I) => w(I)), C = he(d), v = a.useRef(0), m = a.useRef(0), h = a.useRef(0), [p, g] = a.useState(!0), [y, R] = X({
+      prop: r,
+      onChange: (I) => {
+        const T = I !== "", _ = l > 0;
+        T ? (window.clearTimeout(h.current), _ && g(!1)) : (window.clearTimeout(h.current), h.current = window.setTimeout(
+          () => g(!0),
+          l
+        )), n == null || n(I);
+      },
+      defaultProp: s ?? "",
+      caller: pe
+    }), P = a.useCallback(() => {
+      window.clearTimeout(m.current), m.current = window.setTimeout(() => R(""), 150);
+    }, [R]), D = a.useCallback(
+      (I) => {
+        window.clearTimeout(m.current), R(I);
+      },
+      [R]
+    ), F = a.useCallback(
+      (I) => {
+        y === I ? window.clearTimeout(m.current) : v.current = window.setTimeout(() => {
+          window.clearTimeout(m.current), R(I);
+        }, c);
+      },
+      [y, R, c]
+    );
+    return a.useEffect(() => () => {
+      window.clearTimeout(v.current), window.clearTimeout(m.current), window.clearTimeout(h.current);
+    }, []), /* @__PURE__ */ i(
+      Br,
+      {
+        scope: o,
+        isRootMenu: !0,
+        value: y,
+        dir: C,
+        orientation: u,
+        rootNavigationMenu: b,
+        onTriggerEnter: (I) => {
+          window.clearTimeout(v.current), p ? F(I) : D(I);
+        },
+        onTriggerLeave: () => {
+          window.clearTimeout(v.current), P();
+        },
+        onContentEnter: () => window.clearTimeout(m.current),
+        onContentLeave: P,
+        onItemSelect: (I) => {
+          R((T) => T === I ? "" : I);
+        },
+        onItemDismiss: () => R(""),
+        children: /* @__PURE__ */ i(
+          O.nav,
+          {
+            "aria-label": "Main",
+            "data-orientation": u,
+            dir: C,
+            ...f,
+            ref: E
+          }
+        )
+      }
+    );
+  }
+);
+To.displayName = pe;
+var dt = "NavigationMenuSub", wo = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: o,
+      value: r,
+      onValueChange: n,
+      defaultValue: s,
+      orientation: c = "horizontal",
+      ...l
+    } = e, u = Q(dt, o), [d, f] = X({
+      prop: r,
+      onChange: n,
+      defaultProp: s ?? "",
+      caller: dt
+    });
+    return /* @__PURE__ */ i(
+      Br,
+      {
+        scope: o,
+        isRootMenu: !1,
+        value: d,
+        dir: u.dir,
+        orientation: c,
+        rootNavigationMenu: u.rootNavigationMenu,
+        onTriggerEnter: (b) => f(b),
+        onItemSelect: (b) => f(b),
+        onItemDismiss: () => f(""),
+        children: /* @__PURE__ */ i(O.div, { "data-orientation": c, ...l, ref: t })
+      }
+    );
+  }
+);
+wo.displayName = dt;
+var Br = (e) => {
+  const {
+    scope: t,
+    isRootMenu: o,
+    rootNavigationMenu: r,
+    dir: n,
+    orientation: s,
+    children: c,
+    value: l,
+    onItemSelect: u,
+    onItemDismiss: d,
+    onTriggerEnter: f,
+    onTriggerLeave: b,
+    onContentEnter: w,
+    onContentLeave: E
+  } = e, [C, v] = a.useState(null), [m, h] = a.useState(/* @__PURE__ */ new Map()), [p, g] = a.useState(null);
+  return /* @__PURE__ */ i(
+    Is,
+    {
+      scope: t,
+      isRootMenu: o,
+      rootNavigationMenu: r,
+      value: l,
+      previousValue: jn(l),
+      baseId: te(),
+      dir: n,
+      orientation: s,
+      viewport: C,
+      onViewportChange: v,
+      indicatorTrack: p,
+      onIndicatorTrackChange: g,
+      onTriggerEnter: ee(f),
+      onTriggerLeave: ee(b),
+      onContentEnter: ee(w),
+      onContentLeave: ee(E),
+      onItemSelect: ee(u),
+      onItemDismiss: ee(d),
+      onViewportContentChange: a.useCallback((y, R) => {
+        h((P) => (P.set(y, R), new Map(P)));
+      }, []),
+      onViewportContentRemove: a.useCallback((y) => {
+        h((R) => R.has(y) ? (R.delete(y), new Map(R)) : R);
+      }, []),
+      children: /* @__PURE__ */ i(Co.Provider, { scope: t, children: /* @__PURE__ */ i(Ms, { scope: t, items: m, children: c }) })
+    }
+  );
+}, Hr = "NavigationMenuList", yo = a.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: o, ...r } = e, n = Q(Hr, o), s = /* @__PURE__ */ i(O.ul, { "data-orientation": n.orientation, ...r, ref: t });
+    return /* @__PURE__ */ i(O.div, { style: { position: "relative" }, ref: n.onIndicatorTrackChange, children: /* @__PURE__ */ i(Co.Slot, { scope: o, children: n.isRootMenu ? /* @__PURE__ */ i(Wr, { asChild: !0, children: s }) : s }) });
+  }
+);
+yo.displayName = Hr;
+var jr = "NavigationMenuItem", [xs, zr] = ho(jr), Eo = a.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: o, value: r, ...n } = e, s = te(), c = r || s || "LEGACY_REACT_AUTO_VALUE", l = a.useRef(null), u = a.useRef(null), d = a.useRef(null), f = a.useRef(() => {
+    }), b = a.useRef(!1), w = a.useCallback((C = "start") => {
+      if (l.current) {
+        f.current();
+        const v = pt(l.current);
+        v.length && Ao(C === "start" ? v : v.reverse());
+      }
+    }, []), E = a.useCallback(() => {
+      if (l.current) {
+        const C = pt(l.current);
+        C.length && (f.current = Ls(C));
+      }
+    }, []);
+    return /* @__PURE__ */ i(
+      xs,
+      {
+        scope: o,
+        value: c,
+        triggerRef: u,
+        contentRef: l,
+        focusProxyRef: d,
+        wasEscapeCloseRef: b,
+        onEntryKeyDown: w,
+        onFocusProxyEnter: w,
+        onRootContentClose: E,
+        onContentFocusOutside: E,
+        children: /* @__PURE__ */ i(O.li, { ...n, ref: t })
+      }
+    );
+  }
+);
+Eo.displayName = jr;
+var ft = "NavigationMenuTrigger", Ro = a.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: o, disabled: r, ...n } = e, s = Q(ft, e.__scopeNavigationMenu), c = zr(ft, e.__scopeNavigationMenu), l = a.useRef(null), u = K(l, c.triggerRef, t), d = Yr(s.baseId, c.value), f = Xr(s.baseId, c.value), b = a.useRef(!1), w = a.useRef(!1), E = c.value === s.value;
+  return /* @__PURE__ */ Ie(_e, { children: [
+    /* @__PURE__ */ i(Co.ItemSlot, { scope: o, value: c.value, children: /* @__PURE__ */ i(qr, { asChild: !0, children: /* @__PURE__ */ i(
+      O.button,
+      {
+        id: d,
+        disabled: r,
+        "data-disabled": r ? "" : void 0,
+        "data-state": No(E),
+        "aria-expanded": E,
+        "aria-controls": f,
+        ...n,
+        ref: u,
+        onPointerEnter: A(e.onPointerEnter, () => {
+          w.current = !1, c.wasEscapeCloseRef.current = !1;
+        }),
+        onPointerMove: A(
+          e.onPointerMove,
+          Ve(() => {
+            r || w.current || c.wasEscapeCloseRef.current || b.current || (s.onTriggerEnter(c.value), b.current = !0);
+          })
+        ),
+        onPointerLeave: A(
+          e.onPointerLeave,
+          Ve(() => {
+            r || (s.onTriggerLeave(), b.current = !1);
+          })
+        ),
+        onClick: A(e.onClick, () => {
+          s.onItemSelect(c.value), w.current = E;
+        }),
+        onKeyDown: A(e.onKeyDown, (C) => {
+          const m = { horizontal: "ArrowDown", vertical: s.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[s.orientation];
+          E && C.key === m && (c.onEntryKeyDown(), C.preventDefault());
+        })
+      }
+    ) }) }),
+    E && /* @__PURE__ */ Ie(_e, { children: [
+      /* @__PURE__ */ i(
+        Bn,
+        {
+          "aria-hidden": !0,
+          tabIndex: 0,
+          ref: c.focusProxyRef,
+          onFocus: (C) => {
+            const v = c.contentRef.current, m = C.relatedTarget, h = m === l.current, p = v == null ? void 0 : v.contains(m);
+            (h || !p) && c.onFocusProxyEnter(h ? "start" : "end");
+          }
+        }
+      ),
+      s.viewport && /* @__PURE__ */ i("span", { "aria-owns": f })
+    ] })
+  ] });
+});
+Ro.displayName = ft;
+var Ss = "NavigationMenuLink", ur = "navigationMenu.linkSelect", _o = a.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: o, active: r, onSelect: n, ...s } = e;
+    return /* @__PURE__ */ i(qr, { asChild: !0, children: /* @__PURE__ */ i(
+      O.a,
+      {
+        "data-active": r ? "" : void 0,
+        "aria-current": r ? "page" : void 0,
+        ...s,
+        ref: t,
+        onClick: A(
+          e.onClick,
+          (c) => {
+            const l = c.target, u = new CustomEvent(ur, {
+              bubbles: !0,
+              cancelable: !0
+            });
+            if (l.addEventListener(ur, (d) => n == null ? void 0 : n(d), { once: !0 }), rt(l, u), !u.defaultPrevented && !c.metaKey) {
+              const d = new CustomEvent(Le, {
+                bubbles: !0,
+                cancelable: !0
+              });
+              rt(l, d);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+_o.displayName = Ss;
+var Io = "NavigationMenuIndicator", Mo = a.forwardRef((e, t) => {
+  const { forceMount: o, ...r } = e, n = Q(Io, e.__scopeNavigationMenu), s = !!n.value;
+  return n.indicatorTrack ? Qn.createPortal(
+    /* @__PURE__ */ i(Ce, { present: o || s, children: /* @__PURE__ */ i(As, { ...r, ref: t }) }),
+    n.indicatorTrack
+  ) : null;
+});
+Mo.displayName = Io;
+var As = a.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: o, ...r } = e, n = Q(Io, o), s = Kr(o), [c, l] = a.useState(
+    null
+  ), [u, d] = a.useState(null), f = n.orientation === "horizontal", b = !!n.value;
+  a.useEffect(() => {
+    var v;
+    const C = (v = s().find((m) => m.value === n.value)) == null ? void 0 : v.ref.current;
+    C && l(C);
+  }, [s, n.value]);
+  const w = () => {
+    c && d({
+      size: f ? c.offsetWidth : c.offsetHeight,
+      offset: f ? c.offsetLeft : c.offsetTop
+    });
+  };
+  return vt(c, w), vt(n.indicatorTrack, w), u ? /* @__PURE__ */ i(
+    O.div,
+    {
+      "aria-hidden": !0,
+      "data-state": b ? "visible" : "hidden",
+      "data-orientation": n.orientation,
+      ...r,
+      ref: t,
+      style: {
+        position: "absolute",
+        ...f ? {
+          left: 0,
+          width: u.size + "px",
+          transform: `translateX(${u.offset}px)`
+        } : {
+          top: 0,
+          height: u.size + "px",
+          transform: `translateY(${u.offset}px)`
+        },
+        ...r.style
+      }
+    }
+  ) : null;
+}), be = "NavigationMenuContent", Po = a.forwardRef((e, t) => {
+  const { forceMount: o, ...r } = e, n = Q(be, e.__scopeNavigationMenu), s = zr(be, e.__scopeNavigationMenu), c = K(s.contentRef, t), l = s.value === n.value, u = {
+    value: s.value,
+    triggerRef: s.triggerRef,
+    focusProxyRef: s.focusProxyRef,
+    wasEscapeCloseRef: s.wasEscapeCloseRef,
+    onContentFocusOutside: s.onContentFocusOutside,
+    onRootContentClose: s.onRootContentClose,
+    ...r
+  };
+  return n.viewport ? /* @__PURE__ */ i(Ns, { forceMount: o, ...u, ref: c }) : /* @__PURE__ */ i(Ce, { present: o || l, children: /* @__PURE__ */ i(
+    Ur,
+    {
+      "data-state": No(l),
+      ...u,
+      ref: c,
+      onPointerEnter: A(e.onPointerEnter, n.onContentEnter),
+      onPointerLeave: A(
+        e.onPointerLeave,
+        Ve(n.onContentLeave)
+      ),
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !l && n.isRootMenu ? "none" : void 0,
+        ...u.style
+      }
+    }
+  ) });
+});
+Po.displayName = be;
+var Ns = a.forwardRef((e, t) => {
+  const o = Q(be, e.__scopeNavigationMenu), { onViewportContentChange: r, onViewportContentRemove: n } = o;
+  return ge(() => {
+    r(e.value, {
+      ref: t,
+      ...e
+    });
+  }, [e, t, r]), ge(() => () => n(e.value), [e.value, n]), null;
+}), Le = "navigationMenu.rootContentDismiss", Ur = a.forwardRef((e, t) => {
+  const {
+    __scopeNavigationMenu: o,
+    value: r,
+    triggerRef: n,
+    focusProxyRef: s,
+    wasEscapeCloseRef: c,
+    onRootContentClose: l,
+    onContentFocusOutside: u,
+    ...d
+  } = e, f = Q(be, o), b = a.useRef(null), w = K(b, t), E = Yr(f.baseId, r), C = Xr(f.baseId, r), v = Kr(o), m = a.useRef(null), { onItemDismiss: h } = f;
+  a.useEffect(() => {
+    const g = b.current;
+    if (f.isRootMenu && g) {
+      const y = () => {
+        var R;
+        h(), l(), g.contains(document.activeElement) && ((R = n.current) == null || R.focus());
+      };
+      return g.addEventListener(Le, y), () => g.removeEventListener(Le, y);
+    }
+  }, [f.isRootMenu, e.value, n, h, l]);
+  const p = a.useMemo(() => {
+    const y = v().map((T) => T.value);
+    f.dir === "rtl" && y.reverse();
+    const R = y.indexOf(f.value), P = y.indexOf(f.previousValue), D = r === f.value, F = P === y.indexOf(r);
+    if (!D && !F) return m.current;
+    const I = (() => {
+      if (R !== P) {
+        if (D && P !== -1) return R > P ? "from-end" : "from-start";
+        if (F && R !== -1) return R > P ? "to-start" : "to-end";
+      }
+      return null;
+    })();
+    return m.current = I, I;
+  }, [f.previousValue, f.value, f.dir, v, r]);
+  return /* @__PURE__ */ i(Wr, { asChild: !0, children: /* @__PURE__ */ i(
+    Hn,
+    {
+      id: C,
+      "aria-labelledby": E,
+      "data-motion": p,
+      "data-orientation": f.orientation,
+      ...d,
+      ref: w,
+      disableOutsidePointerEvents: !1,
+      onDismiss: () => {
+        var y;
+        const g = new Event(Le, {
+          bubbles: !0,
+          cancelable: !0
+        });
+        (y = b.current) == null || y.dispatchEvent(g);
+      },
+      onFocusOutside: A(e.onFocusOutside, (g) => {
+        var R;
+        u();
+        const y = g.target;
+        (R = f.rootNavigationMenu) != null && R.contains(y) && g.preventDefault();
+      }),
+      onPointerDownOutside: A(e.onPointerDownOutside, (g) => {
+        var D;
+        const y = g.target, R = v().some((F) => {
+          var I;
+          return (I = F.ref.current) == null ? void 0 : I.contains(y);
+        }), P = f.isRootMenu && ((D = f.viewport) == null ? void 0 : D.contains(y));
+        (R || P || !f.isRootMenu) && g.preventDefault();
+      }),
+      onKeyDown: A(e.onKeyDown, (g) => {
+        var P;
+        const y = g.altKey || g.ctrlKey || g.metaKey;
+        if (g.key === "Tab" && !y) {
+          const D = pt(g.currentTarget), F = document.activeElement, I = D.findIndex((x) => x === F), _ = g.shiftKey ? D.slice(0, I).reverse() : D.slice(I + 1, D.length);
+          Ao(_) ? g.preventDefault() : (P = s.current) == null || P.focus();
+        }
+      }),
+      onEscapeKeyDown: A(e.onEscapeKeyDown, (g) => {
+        c.current = !0;
+      })
+    }
+  ) });
+}), xo = "NavigationMenuViewport", So = a.forwardRef((e, t) => {
+  const { forceMount: o, ...r } = e, s = !!Q(xo, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ i(Ce, { present: o || s, children: /* @__PURE__ */ i(Fs, { ...r, ref: t }) });
+});
+So.displayName = xo;
+var Fs = a.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: o, children: r, ...n } = e, s = Q(xo, o), c = K(t, s.onViewportChange), l = Ps(
+    be,
+    e.__scopeNavigationMenu
+  ), [u, d] = a.useState(null), [f, b] = a.useState(null), w = u ? (u == null ? void 0 : u.width) + "px" : void 0, E = u ? (u == null ? void 0 : u.height) + "px" : void 0, C = !!s.value, v = C ? s.value : s.previousValue;
+  return vt(f, () => {
+    f && d({ width: f.offsetWidth, height: f.offsetHeight });
+  }), /* @__PURE__ */ i(
+    O.div,
+    {
+      "data-state": No(C),
+      "data-orientation": s.orientation,
+      ...n,
+      ref: c,
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !C && s.isRootMenu ? "none" : void 0,
+        "--radix-navigation-menu-viewport-width": w,
+        "--radix-navigation-menu-viewport-height": E,
+        ...n.style
+      },
+      onPointerEnter: A(e.onPointerEnter, s.onContentEnter),
+      onPointerLeave: A(e.onPointerLeave, Ve(s.onContentLeave)),
+      children: Array.from(l.items).map(([h, { ref: p, forceMount: g, ...y }]) => {
+        const R = v === h;
+        return /* @__PURE__ */ i(Ce, { present: g || R, children: /* @__PURE__ */ i(
+          Ur,
+          {
+            ...y,
+            ref: zn(p, (P) => {
+              R && P && b(P);
+            })
+          }
+        ) }, h);
+      })
+    }
+  );
+}), Os = "FocusGroup", Wr = a.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: o, ...r } = e, n = Q(Os, o);
+    return /* @__PURE__ */ i(ut.Provider, { scope: o, children: /* @__PURE__ */ i(ut.Slot, { scope: o, children: /* @__PURE__ */ i(O.div, { dir: n.dir, ...r, ref: t }) }) });
+  }
+), dr = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], Ds = "FocusGroupItem", qr = a.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: o, ...r } = e, n = Es(o), s = Q(Ds, o);
+    return /* @__PURE__ */ i(ut.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+      O.button,
+      {
+        ...r,
+        ref: t,
+        onKeyDown: A(e.onKeyDown, (c) => {
+          if (["Home", "End", ...dr].includes(c.key)) {
+            let u = n().map((b) => b.ref.current);
+            if ([s.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(c.key) && u.reverse(), dr.includes(c.key)) {
+              const b = u.indexOf(c.currentTarget);
+              u = u.slice(b + 1);
+            }
+            setTimeout(() => Ao(u)), c.preventDefault();
+          }
+        })
+      }
+    ) });
+  }
+);
+function pt(e) {
+  const t = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const n = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || n ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); ) t.push(o.currentNode);
+  return t;
+}
+function Ao(e) {
+  const t = document.activeElement;
+  return e.some((o) => o === t ? !0 : (o.focus(), document.activeElement !== t));
+}
+function Ls(e) {
+  return e.forEach((t) => {
+    t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
+  }), () => {
+    e.forEach((t) => {
+      const o = t.dataset.tabindex;
+      t.setAttribute("tabindex", o);
+    });
+  };
+}
+function vt(e, t) {
+  const o = ee(t);
+  ge(() => {
+    let r = 0;
+    if (e) {
+      const n = new ResizeObserver(() => {
+        cancelAnimationFrame(r), r = window.requestAnimationFrame(o);
+      });
+      return n.observe(e), () => {
+        window.cancelAnimationFrame(r), n.unobserve(e);
+      };
+    }
+  }, [e, o]);
+}
+function No(e) {
+  return e ? "open" : "closed";
+}
+function Yr(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function Xr(e, t) {
+  return `${e}-content-${t}`;
+}
+function Ve(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var ks = To, Vs = wo, Gs = yo, $s = Eo, Ks = Ro, Bs = _o, Hs = Mo, js = Po, zs = So;
+const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: js,
+  Indicator: Hs,
+  Item: $s,
+  Link: Bs,
+  List: Gs,
+  NavigationMenu: To,
+  NavigationMenuContent: Po,
+  NavigationMenuIndicator: Mo,
+  NavigationMenuItem: Eo,
+  NavigationMenuLink: _o,
+  NavigationMenuList: yo,
+  NavigationMenuSub: wo,
+  NavigationMenuTrigger: Ro,
+  NavigationMenuViewport: So,
+  Root: ks,
+  Sub: Vs,
+  Trigger: Ks,
+  Viewport: zs,
+  createNavigationMenuScope: _s
+}, Symbol.toStringTag, { value: "Module" }));
+var Ge = {
+  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
+}, Fo = "OneTimePasswordField", [mt, { useCollection: Us, createCollectionScope: Ws, useInitCollection: qs }] = Un(Fo), [Ys] = oe(Fo, [
+  Ws,
+  ue
+]), Zr = ue(), [Xs, Jr] = Ys(Fo), fr = a.forwardRef(
+  function({
+    __scopeOneTimePasswordField: t,
+    defaultValue: o,
+    value: r,
+    onValueChange: n,
+    autoSubmit: s = !1,
+    children: c,
+    onPaste: l,
+    onAutoSubmit: u,
+    disabled: d = !1,
+    readOnly: f = !1,
+    autoComplete: b = "one-time-code",
+    autoFocus: w = !1,
+    form: E,
+    name: C,
+    placeholder: v,
+    type: m = "text",
+    // TODO: Change default to vertical when inputs use vertical writing mode
+    orientation: h = "horizontal",
+    dir: p,
+    validationType: g = "numeric",
+    sanitizeValue: y,
+    ...R
+  }, P) {
+    var ye;
+    const D = Zr(t), F = he(p), I = qs(), [T] = I, _ = Ge[g] ? Ge[g] : null, x = a.useCallback(
+      (N) => {
+        if (Array.isArray(N) ? N = N.map(mr).join("") : N = mr(N), _) {
+          const B = new RegExp(_.regexp);
+          N = N.replace(B, "");
+        } else y && (N = y(N));
+        return N.split("");
+      },
+      [_, y]
+    ), L = a.useMemo(() => r != null ? x(r) : void 0, [r, x]), [M, k] = X({
+      caller: "OneTimePasswordField",
+      prop: L,
+      defaultProp: o != null ? x(o) : [],
+      onChange: a.useCallback(
+        (N) => n == null ? void 0 : n(N.join("")),
+        [n]
+      )
+    }), G = Er((N) => {
+      var B, Ee, tr, or, rr, nr, ar, sr, ir;
+      switch (N.type) {
+        case "SET_CHAR": {
+          const { index: se, char: q } = N, J = (B = T.at(se)) == null ? void 0 : B.element;
+          if (M[se] === q) {
+            const le = J && ((Ee = T.from(J, 1)) == null ? void 0 : Ee.element);
+            ie(le);
+            return;
+          }
+          if (q === "")
+            return;
+          if (_) {
+            const le = new RegExp(_.regexp);
+            if (q.replace(le, "") !== q)
+              return;
+          }
+          if (M.length >= T.size) {
+            const le = [...M];
+            le[se] = q, me(() => k(le));
+            const Fe = J && ((tr = T.from(J, 1)) == null ? void 0 : tr.element);
+            ie(Fe);
+            return;
+          }
+          const ve = [...M];
+          ve[se] = q;
+          const et = (or = T.at(-1)) == null ? void 0 : or.element;
+          if (me(() => k(ve)), J !== et) {
+            const le = J && ((rr = T.from(J, 1)) == null ? void 0 : rr.element);
+            ie(le);
+          } else
+            J == null || J.select();
+          return;
+        }
+        case "CLEAR_CHAR": {
+          const { index: se, reason: q } = N;
+          if (!M[se])
+            return;
+          const J = M.filter((le, Fe) => Fe !== se), ve = (nr = T.at(se)) == null ? void 0 : nr.element, et = ve && ((ar = T.from(ve, -1)) == null ? void 0 : ar.element);
+          me(() => k(J)), q === "Backspace" ? ie(et) : (q === "Delete" || q === "Cut") && ie(ve);
+          return;
+        }
+        case "CLEAR": {
+          if (M.length === 0)
+            return;
+          N.reason === "Backspace" || N.reason === "Delete" ? (me(() => k([])), ie((sr = T.at(0)) == null ? void 0 : sr.element)) : k([]);
+          return;
+        }
+        case "PASTE": {
+          const { value: se } = N, q = x(se);
+          if (!q)
+            return;
+          me(() => k(q)), ie((ir = T.at(q.length - 1)) == null ? void 0 : ir.element);
+          return;
+        }
+      }
+    }), Z = a.useRef(_);
+    a.useEffect(() => {
+      var N;
+      _ && ((N = Z.current) == null ? void 0 : N.type) !== _.type && (Z.current = _, k(x(M.join(""))));
+    }, [x, k, _, M]);
+    const U = a.useRef(null), ne = a.useRef(null), Y = a.useRef(null), we = K(P, Y), ce = (ye = T.at(0)) == null ? void 0 : ye.element, W = a.useCallback(() => {
+      var B;
+      let N;
+      if (E) {
+        const Ee = (((B = Y.current) == null ? void 0 : B.ownerDocument) ?? document).getElementById(E);
+        Zs(Ee) && (N = Ee);
+      } else U.current ? N = U.current.form : ce && (N = ce.form);
+      return N ?? null;
+    }, [E, ce]), S = a.useCallback(() => {
+      const N = W();
+      N == null || N.requestSubmit();
+    }, [W]);
+    a.useEffect(() => {
+      const N = W();
+      if (N) {
+        const B = () => G({ type: "CLEAR", reason: "Reset" });
+        return N.addEventListener("reset", B), () => N.removeEventListener("reset", B);
+      }
+    }, [G, W]);
+    const H = M.join(""), j = a.useRef(H), $ = T.size;
+    a.useEffect(() => {
+      const N = j.current;
+      j.current = H, N !== H && s && M.every((B) => B !== "") && M.length === $ && (u == null || u(M.join("")), S());
+    }, [S, s, H, $, u, M]);
+    const ae = wr();
+    return /* @__PURE__ */ i(
+      Xs,
+      {
+        scope: t,
+        value: M,
+        attemptSubmit: S,
+        disabled: d,
+        readOnly: f,
+        autoComplete: b,
+        autoFocus: w,
+        form: E,
+        name: C,
+        placeholder: v,
+        type: m,
+        hiddenInputRef: U,
+        userActionRef: ne,
+        dispatch: G,
+        validationType: g,
+        orientation: h,
+        isHydrated: ae,
+        sanitizeValue: x,
+        children: /* @__PURE__ */ i(mt.Provider, { scope: t, state: I, children: /* @__PURE__ */ i(mt.Slot, { scope: t, children: /* @__PURE__ */ i(
+          Be,
+          {
+            asChild: !0,
+            ...D,
+            orientation: h,
+            dir: F,
+            children: /* @__PURE__ */ i(
+              Tr.div,
+              {
+                ...R,
+                role: "group",
+                ref: we,
+                onPaste: A(
+                  l,
+                  (N) => {
+                    N.preventDefault();
+                    const B = N.clipboardData.getData("Text");
+                    G({ type: "PASTE", value: B });
+                  }
+                ),
+                children: c
+              }
+            )
+          }
+        ) }) })
+      }
+    );
+  }
+), pr = a.forwardRef(function({ __scopeOneTimePasswordField: t, ...o }, r) {
+  const { value: n, hiddenInputRef: s, name: c } = Jr(
+    "OneTimePasswordFieldHiddenInput",
+    t
+  ), l = K(s, r);
+  return /* @__PURE__ */ i(
+    "input",
+    {
+      ref: l,
+      name: c,
+      value: n.join("").trim(),
+      autoComplete: "off",
+      autoFocus: !1,
+      autoCapitalize: "off",
+      autoCorrect: "off",
+      autoSave: "off",
+      spellCheck: !1,
+      ...o,
+      type: "hidden",
+      readOnly: !0
+    }
+  );
+}), vr = a.forwardRef(function({
+  __scopeOneTimePasswordField: t,
+  onInvalidChange: o,
+  index: r,
+  ...n
+}, s) {
+  const {
+    value: c,
+    defaultValue: l,
+    disabled: u,
+    readOnly: d,
+    autoComplete: f,
+    autoFocus: b,
+    form: w,
+    name: E,
+    placeholder: C,
+    type: v,
+    ...m
+  } = n, h = Jr(
+    "OneTimePasswordFieldInput",
+    t
+  ), { dispatch: p, userActionRef: g, validationType: y, isHydrated: R } = h, P = Us(t), D = Zr(t), F = a.useRef(null), [I, T] = a.useState(null), _ = r ?? (I ? P.indexOf(I) : -1), x = r != null || R;
+  let L;
+  x && h.placeholder && h.value.length === 0 && (L = h.placeholder[_]);
+  const M = K(s, F, T), k = h.value[_] ?? "", G = a.useRef(null);
+  a.useEffect(() => () => {
+    window.clearTimeout(G.current);
+  }, []);
+  const Z = h.value.join("").trim(), U = Wn(Z.length, [0, P.size - 1]), ne = _ <= U, Y = y in Ge ? Ge[y] : void 0;
+  return /* @__PURE__ */ i(mt.ItemSlot, { scope: t, children: /* @__PURE__ */ i(
+    xe,
+    {
+      ...D,
+      asChild: !0,
+      focusable: !h.disabled && ne,
+      active: _ === U,
+      children: ({ hasTabStop: we, isCurrentTabStop: ce }) => {
+        const W = we ? ce : _ === 0;
+        return /* @__PURE__ */ i(
+          Tr.input,
+          {
+            ref: M,
+            type: h.type,
+            "aria-label": `Character ${_ + 1} of ${P.size}`,
+            autoComplete: W ? h.autoComplete : "off",
+            "data-1p-ignore": W ? void 0 : "true",
+            "data-lpignore": W ? void 0 : "true",
+            "data-protonpass-ignore": W ? void 0 : "true",
+            "data-bwignore": W ? void 0 : "true",
+            inputMode: Y == null ? void 0 : Y.inputMode,
+            maxLength: 1,
+            pattern: Y == null ? void 0 : Y.pattern,
+            readOnly: h.readOnly,
+            value: k,
+            placeholder: L,
+            "data-radix-otp-input": "",
+            "data-radix-index": _,
+            ...m,
+            onFocus: A(n.onFocus, (S) => {
+              S.currentTarget.select();
+            }),
+            onCut: A(n.onCut, (S) => {
+              S.currentTarget.value !== "" && (g.current = {
+                type: "cut"
+              }, G.current = window.setTimeout(() => {
+                g.current = null;
+              }, 10));
+            }),
+            onInput: A(n.onInput, (S) => {
+              const H = S.currentTarget.value;
+              H.length > 1 && (S.preventDefault(), p({ type: "PASTE", value: H }));
+            }),
+            onChange: A(n.onChange, (S) => {
+              const H = S.target.value;
+              S.preventDefault();
+              const j = g.current;
+              if (g.current = null, j)
+                switch (j.type) {
+                  case "cut":
+                    p({ type: "CLEAR_CHAR", index: _, reason: "Cut" });
+                    return;
+                  case "keydown": {
+                    if (j.key === "Char")
+                      return;
+                    const $ = j.key === "Backspace" && (j.metaKey || j.ctrlKey);
+                    j.key === "Clear" || $ ? p({ type: "CLEAR", reason: "Backspace" }) : p({ type: "CLEAR_CHAR", index: _, reason: j.key });
+                    return;
+                  }
+                  default:
+                    return;
+                }
+              if (S.target.validity.valid)
+                if (H === "") {
+                  let $ = "Backspace";
+                  if (Js(S.nativeEvent)) {
+                    const ae = S.nativeEvent.inputType;
+                    ae === "deleteContentBackward" ? $ = "Backspace" : ae === "deleteByCut" && ($ = "Cut");
+                  }
+                  p({ type: "CLEAR_CHAR", index: _, reason: $ });
+                } else
+                  p({ type: "SET_CHAR", char: H, index: _, event: S });
+              else {
+                const $ = S.target;
+                o == null || o($.value), requestAnimationFrame(() => {
+                  $.ownerDocument.activeElement === $ && $.select();
+                });
+              }
+            }),
+            onKeyDown: A(n.onKeyDown, (S) => {
+              var H, j, $;
+              switch (S.key) {
+                case "Clear":
+                case "Delete":
+                case "Backspace": {
+                  if (S.currentTarget.value === "") {
+                    if (S.key === "Delete") return;
+                    if (S.key === "Clear" || S.metaKey || S.ctrlKey)
+                      p({ type: "CLEAR", reason: "Backspace" });
+                    else {
+                      const N = S.currentTarget;
+                      requestAnimationFrame(() => {
+                        var B;
+                        ie((B = P.from(N, -1)) == null ? void 0 : B.element);
+                      });
+                    }
+                  } else
+                    g.current = {
+                      type: "keydown",
+                      key: S.key,
+                      metaKey: S.metaKey,
+                      ctrlKey: S.ctrlKey
+                    }, G.current = window.setTimeout(() => {
+                      g.current = null;
+                    }, 10);
+                  return;
+                }
+                case "Enter": {
+                  S.preventDefault(), h.attemptSubmit();
+                  return;
+                }
+                case "ArrowDown":
+                case "ArrowUp": {
+                  h.orientation === "horizontal" && S.preventDefault();
+                  return;
+                }
+                default:
+                  if (S.currentTarget.value === S.key) {
+                    const ae = S.currentTarget;
+                    S.preventDefault(), ie((H = P.from(ae, 1)) == null ? void 0 : H.element);
+                    return;
+                  } else if (
+                    // input already has a value, but...
+                    S.currentTarget.value && // the value is not selected
+                    !(S.currentTarget.selectionStart === 0 && S.currentTarget.selectionEnd != null && S.currentTarget.selectionEnd > 0)
+                  ) {
+                    const ae = S.key;
+                    if (S.key.length > 1 || S.key === " ")
+                      return;
+                    {
+                      const ye = (j = P.from(S.currentTarget, 1)) == null ? void 0 : j.element, N = ($ = P.at(-1)) == null ? void 0 : $.element;
+                      ye !== N && S.currentTarget !== N && (S.currentTarget.selectionStart === 0 ? p({ type: "SET_CHAR", char: ae, index: _, event: S }) : p({
+                        type: "SET_CHAR",
+                        char: ae,
+                        index: _ + 1,
+                        event: S
+                      }), g.current = {
+                        type: "keydown",
+                        key: "Char",
+                        metaKey: S.metaKey,
+                        ctrlKey: S.ctrlKey
+                      }, G.current = window.setTimeout(() => {
+                        g.current = null;
+                      }, 10));
+                    }
+                  }
+              }
+            }),
+            onPointerDown: A(n.onPointerDown, (S) => {
+              var $;
+              S.preventDefault();
+              const H = Math.min(_, U), j = ($ = P.at(H)) == null ? void 0 : $.element;
+              ie(j);
+            })
+          }
+        );
+      }
+    }
+  ) });
+});
+function Zs(e) {
+  return (e == null ? void 0 : e.tagName) === "FORM";
+}
+function mr(e) {
+  return e.replace(/\s/g, "");
+}
+function ie(e) {
+  e && (e.ownerDocument.activeElement === e ? window.requestAnimationFrame(() => {
+    var t;
+    (t = e.select) == null || t.call(e);
+  }) : e.focus());
+}
+function Js(e) {
+  return e.type === "input";
+}
+const lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  HiddenInput: pr,
+  Input: vr,
+  OneTimePasswordField: fr,
+  OneTimePasswordFieldHiddenInput: pr,
+  OneTimePasswordFieldInput: vr,
+  Root: fr
+}, Symbol.toStringTag, { value: "Module" }));
+var de = "PasswordToggleField", [Qs] = oe(de), [ei, qe] = Qs(de), Re = {
+  clickTriggered: !1,
+  selectionStart: null,
+  selectionEnd: null
+}, gt = ({
+  __scopePasswordToggleField: e,
+  ...t
+}) => {
+  const r = `${te(t.id)}-input`, [n, s] = a.useState(r), c = n ?? r, l = a.useCallback(
+    (m) => s(m != null ? String(m) : null),
+    []
+  ), { visible: u, defaultVisible: d, onVisiblityChange: f, children: b } = t, [w = !1, E] = X({
+    caller: de,
+    prop: u,
+    defaultProp: d ?? !1,
+    onChange: f
+  }), C = a.useRef(null), v = a.useRef(Re);
+  return /* @__PURE__ */ i(
+    ei,
+    {
+      scope: e,
+      inputId: c,
+      inputRef: C,
+      setVisible: E,
+      syncInputId: l,
+      visible: w,
+      focusState: v,
+      children: b
+    }
+  );
+};
+gt.displayName = de;
+var Qr = de + "Input", bt = a.forwardRef(
+  ({
+    __scopePasswordToggleField: e,
+    autoComplete: t = "current-password",
+    autoCapitalize: o = "off",
+    spellCheck: r = !1,
+    id: n,
+    ...s
+  }, c) => {
+    const { visible: l, inputRef: u, inputId: d, syncInputId: f, setVisible: b, focusState: w } = qe(Qr, e);
+    a.useEffect(() => {
+      f(n);
+    }, [n, f]);
+    const E = Er(b);
+    return a.useEffect(() => {
+      const C = u.current, v = C == null ? void 0 : C.form;
+      if (!v)
+        return;
+      const m = new AbortController();
+      return v.addEventListener(
+        "reset",
+        (h) => {
+          h.defaultPrevented || E(!1);
+        },
+        { signal: m.signal }
+      ), v.addEventListener(
+        "submit",
+        () => {
+          E(!1);
+        },
+        { signal: m.signal }
+      ), () => {
+        m.abort();
+      };
+    }, [u, E]), /* @__PURE__ */ i(
+      O.input,
+      {
+        ...s,
+        id: n ?? d,
+        autoCapitalize: o,
+        autoComplete: t,
+        ref: K(c, u),
+        spellCheck: r,
+        type: l ? "text" : "password",
+        onBlur: A(s.onBlur, (C) => {
+          const { selectionStart: v, selectionEnd: m } = C.currentTarget;
+          w.current.selectionStart = v, w.current.selectionEnd = m;
+        })
+      }
+    );
+  }
+);
+bt.displayName = Qr;
+var en = de + "Toggle", Ct = a.forwardRef(
+  ({
+    __scopePasswordToggleField: e,
+    onClick: t,
+    onPointerDown: o,
+    onPointerCancel: r,
+    onPointerUp: n,
+    onFocus: s,
+    children: c,
+    "aria-label": l,
+    "aria-controls": u,
+    "aria-hidden": d,
+    tabIndex: f,
+    ...b
+  }, w) => {
+    const { setVisible: E, visible: C, inputRef: v, inputId: m, focusState: h } = qe(
+      en,
+      e
+    ), [p, g] = a.useState(void 0), y = a.useRef(null), R = K(w, y), P = wr();
+    a.useEffect(() => {
+      const F = y.current;
+      if (!F || l) {
+        g(void 0);
+        return;
+      }
+      const I = C ? "Hide password" : "Show password";
+      function T(x) {
+        g(x || void 0 ? void 0 : I);
+      }
+      T(F.textContent);
+      const _ = new MutationObserver((x) => {
+        let L;
+        for (const M of x)
+          M.type === "characterData" && F.textContent && (L = F.textContent);
+        T(L);
+      });
+      return _.observe(F, { characterData: !0, subtree: !0 }), () => {
+        _.disconnect();
+      };
+    }, [C, l]);
+    const D = l || p;
+    return P ? u ?? (u = m) : (d ?? (d = !0), f ?? (f = -1)), a.useEffect(() => {
+      var x, L;
+      let F = () => {
+      };
+      const I = ((L = (x = y.current) == null ? void 0 : x.ownerDocument) == null ? void 0 : L.defaultView) || window, T = () => h.current.clickTriggered = !1, _ = () => F = ti(I, T);
+      return I.addEventListener("pointerup", _), () => {
+        F(), I.removeEventListener("pointerup", _);
+      };
+    }, [h]), /* @__PURE__ */ i(
+      O.button,
+      {
+        "aria-controls": u,
+        "aria-hidden": d,
+        "aria-label": D,
+        ref: R,
+        id: m,
+        ...b,
+        onPointerDown: A(o, () => {
+          h.current.clickTriggered = !0;
+        }),
+        onPointerCancel: (F) => {
+          r == null || r(F), h.current = Re;
+        },
+        onClick: (F) => {
+          if (t == null || t(F), F.defaultPrevented) {
+            h.current = Re;
+            return;
+          }
+          if (me(() => {
+            E((I) => !I);
+          }), h.current.clickTriggered) {
+            const I = v.current;
+            if (I) {
+              const { selectionStart: T, selectionEnd: _ } = h.current;
+              I.focus(), (T !== null || _ !== null) && requestAnimationFrame(() => {
+                I.ownerDocument.activeElement === I && (I.selectionStart = T, I.selectionEnd = _);
+              });
+            }
+          }
+          h.current = Re;
+        },
+        onPointerUp: (F) => {
+          n == null || n(F), setTimeout(() => {
+            h.current = Re;
+          }, 50);
+        },
+        type: "button",
+        children: c
+      }
+    );
+  }
+);
+Ct.displayName = en;
+var tn = de + "Slot", ht = ({
+  __scopePasswordToggleField: e,
+  ...t
+}) => {
+  const { visible: o } = qe(
+    tn,
+    e
+  );
+  return "render" in t ? (
+    //
+    t.render({ visible: o })
+  ) : o ? t.visible : t.hidden;
+};
+ht.displayName = tn;
+var on = de + "Icon", Tt = a.forwardRef(
+  ({
+    __scopePasswordToggleField: e,
+    // @ts-expect-error
+    children: t,
+    ...o
+  }, r) => {
+    const { visible: n } = qe(
+      on,
+      e
+    ), { visible: s, hidden: c, ...l } = o;
+    return /* @__PURE__ */ i(O.svg, { ...l, ref: r, "aria-hidden": !0, asChild: !0, children: n ? s : c });
+  }
+);
+Tt.displayName = on;
+function ti(e, t, o) {
+  if (e.requestIdleCallback) {
+    const s = e.requestIdleCallback(t, o);
+    return () => {
+      e.cancelIdleCallback(s);
+    };
+  }
+  const r = Date.now(), n = e.setTimeout(() => {
+    t({ didTimeout: !1, timeRemaining: () => Math.max(0, 50 - (Date.now() - r)) });
+  }, 1);
+  return () => {
+    e.clearTimeout(n);
+  };
+}
+const uc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: Tt,
+  Input: bt,
+  PasswordToggleField: gt,
+  PasswordToggleFieldIcon: Tt,
+  PasswordToggleFieldInput: bt,
+  PasswordToggleFieldSlot: ht,
+  PasswordToggleFieldToggle: Ct,
+  Root: gt,
+  Slot: ht,
+  Toggle: Ct
+}, Symbol.toStringTag, { value: "Module" }));
+var Oo = "Progress", Do = 100, [oi, ri] = oe(Oo), [ni, ai] = oi(Oo), Lo = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeProgress: o,
+      value: r = null,
+      max: n,
+      getValueLabel: s = si,
+      ...c
+    } = e;
+    (n || n === 0) && !gr(n) && console.error(ii(`${n}`, "Progress"));
+    const l = gr(n) ? n : Do;
+    r !== null && !br(r, l) && console.error(ci(`${r}`, "Progress"));
+    const u = br(r, l) ? r : null, d = $e(u) ? s(u, l) : void 0;
+    return /* @__PURE__ */ i(ni, { scope: o, value: u, max: l, children: /* @__PURE__ */ i(
+      O.div,
+      {
+        "aria-valuemax": l,
+        "aria-valuemin": 0,
+        "aria-valuenow": $e(u) ? u : void 0,
+        "aria-valuetext": d,
+        role: "progressbar",
+        "data-state": nn(u, l),
+        "data-value": u ?? void 0,
+        "data-max": l,
+        ...c,
+        ref: t
+      }
+    ) });
+  }
+);
+Lo.displayName = Oo;
+var rn = "ProgressIndicator", ko = a.forwardRef(
+  (e, t) => {
+    const { __scopeProgress: o, ...r } = e, n = ai(rn, o);
+    return /* @__PURE__ */ i(
+      O.div,
+      {
+        "data-state": nn(n.value, n.max),
+        "data-value": n.value ?? void 0,
+        "data-max": n.max,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+ko.displayName = rn;
+function si(e, t) {
+  return `${Math.round(e / t * 100)}%`;
+}
+function nn(e, t) {
+  return e == null ? "indeterminate" : e === t ? "complete" : "loading";
+}
+function $e(e) {
+  return typeof e == "number";
+}
+function gr(e) {
+  return $e(e) && !isNaN(e) && e > 0;
+}
+function br(e, t) {
+  return $e(e) && !isNaN(e) && e <= t && e >= 0;
+}
+function ii(e, t) {
+  return `Invalid prop \`max\` of value \`${e}\` supplied to \`${t}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Do}\`.`;
+}
+function ci(e, t) {
+  return `Invalid prop \`value\` of value \`${e}\` supplied to \`${t}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${Do} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+var li = Lo, ui = ko;
+const dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Indicator: ui,
+  Progress: Lo,
+  ProgressIndicator: ko,
+  Root: li,
+  createProgressScope: ri
+}, Symbol.toStringTag, { value: "Module" }));
+var Vo = "ToastProvider", [Go, di, fi] = Pe("Toast"), [an, pi] = oe("Toast", [fi]), [vi, Ye] = an(Vo), $o = (e) => {
+  const {
+    __scopeToast: t,
+    label: o = "Notification",
+    duration: r = 5e3,
+    swipeDirection: n = "right",
+    swipeThreshold: s = 50,
+    children: c
+  } = e, [l, u] = a.useState(null), [d, f] = a.useState(0), b = a.useRef(!1), w = a.useRef(!1);
+  return o.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${Vo}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ i(Go.Provider, { scope: t, children: /* @__PURE__ */ i(
+    vi,
+    {
+      scope: t,
+      label: o,
+      duration: r,
+      swipeDirection: n,
+      swipeThreshold: s,
+      toastCount: d,
+      viewport: l,
+      onViewportChange: u,
+      onToastAdd: a.useCallback(() => f((E) => E + 1), []),
+      onToastRemove: a.useCallback(() => f((E) => E - 1), []),
+      isFocusedToastEscapeKeyDownRef: b,
+      isClosePausedRef: w,
+      children: c
+    }
+  ) });
+};
+$o.displayName = Vo;
+var sn = "ToastViewport", mi = ["F8"], wt = "toast.viewportPause", yt = "toast.viewportResume", Ko = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: o,
+      hotkey: r = mi,
+      label: n = "Notifications ({hotkey})",
+      ...s
+    } = e, c = Ye(sn, o), l = di(o), u = a.useRef(null), d = a.useRef(null), f = a.useRef(null), b = a.useRef(null), w = K(t, b, c.onViewportChange), E = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), C = c.toastCount > 0;
+    a.useEffect(() => {
+      const m = (h) => {
+        var g;
+        r.length !== 0 && r.every((y) => h[y] || h.code === y) && ((g = b.current) == null || g.focus());
+      };
+      return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+    }, [r]), a.useEffect(() => {
+      const m = u.current, h = b.current;
+      if (C && m && h) {
+        const p = () => {
+          if (!c.isClosePausedRef.current) {
+            const P = new CustomEvent(wt);
+            h.dispatchEvent(P), c.isClosePausedRef.current = !0;
+          }
+        }, g = () => {
+          if (c.isClosePausedRef.current) {
+            const P = new CustomEvent(yt);
+            h.dispatchEvent(P), c.isClosePausedRef.current = !1;
+          }
+        }, y = (P) => {
+          !m.contains(P.relatedTarget) && g();
+        }, R = () => {
+          m.contains(document.activeElement) || g();
+        };
+        return m.addEventListener("focusin", p), m.addEventListener("focusout", y), m.addEventListener("pointermove", p), m.addEventListener("pointerleave", R), window.addEventListener("blur", p), window.addEventListener("focus", g), () => {
+          m.removeEventListener("focusin", p), m.removeEventListener("focusout", y), m.removeEventListener("pointermove", p), m.removeEventListener("pointerleave", R), window.removeEventListener("blur", p), window.removeEventListener("focus", g);
+        };
+      }
+    }, [C, c.isClosePausedRef]);
+    const v = a.useCallback(
+      ({ tabbingDirection: m }) => {
+        const p = l().map((g) => {
+          const y = g.ref.current, R = [y, ...Pi(y)];
+          return m === "forwards" ? R : R.reverse();
+        });
+        return (m === "forwards" ? p.reverse() : p).flat();
+      },
+      [l]
+    );
+    return a.useEffect(() => {
+      const m = b.current;
+      if (m) {
+        const h = (p) => {
+          var R, P, D;
+          const g = p.altKey || p.ctrlKey || p.metaKey;
+          if (p.key === "Tab" && !g) {
+            const F = document.activeElement, I = p.shiftKey;
+            if (p.target === m && I) {
+              (R = d.current) == null || R.focus();
+              return;
+            }
+            const x = v({ tabbingDirection: I ? "backwards" : "forwards" }), L = x.findIndex((M) => M === F);
+            ot(x.slice(L + 1)) ? p.preventDefault() : I ? (P = d.current) == null || P.focus() : (D = f.current) == null || D.focus();
+          }
+        };
+        return m.addEventListener("keydown", h), () => m.removeEventListener("keydown", h);
+      }
+    }, [l, v]), /* @__PURE__ */ Ie(
+      qn,
+      {
+        ref: u,
+        role: "region",
+        "aria-label": n.replace("{hotkey}", E),
+        tabIndex: -1,
+        style: { pointerEvents: C ? void 0 : "none" },
+        children: [
+          C && /* @__PURE__ */ i(
+            Et,
+            {
+              ref: d,
+              onFocusFromOutsideViewport: () => {
+                const m = v({
+                  tabbingDirection: "forwards"
+                });
+                ot(m);
+              }
+            }
+          ),
+          /* @__PURE__ */ i(Go.Slot, { scope: o, children: /* @__PURE__ */ i(O.ol, { tabIndex: -1, ...s, ref: w }) }),
+          C && /* @__PURE__ */ i(
+            Et,
+            {
+              ref: f,
+              onFocusFromOutsideViewport: () => {
+                const m = v({
+                  tabbingDirection: "backwards"
+                });
+                ot(m);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ko.displayName = sn;
+var cn = "ToastFocusProxy", Et = a.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, onFocusFromOutsideViewport: r, ...n } = e, s = Ye(cn, o);
+    return /* @__PURE__ */ i(
+      yr,
+      {
+        "aria-hidden": !0,
+        tabIndex: 0,
+        ...n,
+        ref: t,
+        style: { position: "fixed" },
+        onFocus: (c) => {
+          var d;
+          const l = c.relatedTarget;
+          !((d = s.viewport) != null && d.contains(l)) && r();
+        }
+      }
+    );
+  }
+);
+Et.displayName = cn;
+var Ne = "Toast", gi = "toast.swipeStart", bi = "toast.swipeMove", Ci = "toast.swipeCancel", hi = "toast.swipeEnd", Bo = a.forwardRef(
+  (e, t) => {
+    const { forceMount: o, open: r, defaultOpen: n, onOpenChange: s, ...c } = e, [l, u] = X({
+      prop: r,
+      defaultProp: n ?? !0,
+      onChange: s,
+      caller: Ne
+    });
+    return /* @__PURE__ */ i(Ce, { present: o || l, children: /* @__PURE__ */ i(
+      yi,
+      {
+        open: l,
+        ...c,
+        ref: t,
+        onClose: () => u(!1),
+        onPause: ee(e.onPause),
+        onResume: ee(e.onResume),
+        onSwipeStart: A(e.onSwipeStart, (d) => {
+          d.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: A(e.onSwipeMove, (d) => {
+          const { x: f, y: b } = d.detail.delta;
+          d.currentTarget.setAttribute("data-swipe", "move"), d.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${f}px`), d.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${b}px`);
+        }),
+        onSwipeCancel: A(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: A(e.onSwipeEnd, (d) => {
+          const { x: f, y: b } = 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", `${f}px`), d.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${b}px`), u(!1);
+        })
+      }
+    ) });
+  }
+);
+Bo.displayName = Ne;
+var [Ti, wi] = an(Ne, {
+  onClose() {
+  }
+}), yi = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: o,
+      type: r = "foreground",
+      duration: n,
+      open: s,
+      onClose: c,
+      onEscapeKeyDown: l,
+      onPause: u,
+      onResume: d,
+      onSwipeStart: f,
+      onSwipeMove: b,
+      onSwipeCancel: w,
+      onSwipeEnd: E,
+      ...C
+    } = e, v = Ye(Ne, o), [m, h] = a.useState(null), p = K(t, (M) => h(M)), g = a.useRef(null), y = a.useRef(null), R = n || v.duration, P = a.useRef(0), D = a.useRef(R), F = a.useRef(0), { onToastAdd: I, onToastRemove: T } = v, _ = ee(() => {
+      var k;
+      (m == null ? void 0 : m.contains(document.activeElement)) && ((k = v.viewport) == null || k.focus()), c();
+    }), x = a.useCallback(
+      (M) => {
+        !M || M === 1 / 0 || (window.clearTimeout(F.current), P.current = (/* @__PURE__ */ new Date()).getTime(), F.current = window.setTimeout(_, M));
+      },
+      [_]
+    );
+    a.useEffect(() => {
+      const M = v.viewport;
+      if (M) {
+        const k = () => {
+          x(D.current), d == null || d();
+        }, G = () => {
+          const Z = (/* @__PURE__ */ new Date()).getTime() - P.current;
+          D.current = D.current - Z, window.clearTimeout(F.current), u == null || u();
+        };
+        return M.addEventListener(wt, G), M.addEventListener(yt, k), () => {
+          M.removeEventListener(wt, G), M.removeEventListener(yt, k);
+        };
+      }
+    }, [v.viewport, R, u, d, x]), a.useEffect(() => {
+      s && !v.isClosePausedRef.current && x(R);
+    }, [s, R, v.isClosePausedRef, x]), a.useEffect(() => (I(), () => T()), [I, T]);
+    const L = a.useMemo(() => m ? fn(m) : null, [m]);
+    return v.viewport ? /* @__PURE__ */ Ie(_e, { children: [
+      L && /* @__PURE__ */ i(
+        Ei,
+        {
+          __scopeToast: o,
+          role: "status",
+          "aria-live": r === "foreground" ? "assertive" : "polite",
+          "aria-atomic": !0,
+          children: L
+        }
+      ),
+      /* @__PURE__ */ i(Ti, { scope: o, onClose: _, children: Jn.createPortal(
+        /* @__PURE__ */ i(Go.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+          Yn,
+          {
+            asChild: !0,
+            onEscapeKeyDown: A(l, () => {
+              v.isFocusedToastEscapeKeyDownRef.current || _(), v.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ i(
+              O.li,
+              {
+                role: "status",
+                "aria-live": "off",
+                "aria-atomic": !0,
+                tabIndex: 0,
+                "data-state": s ? "open" : "closed",
+                "data-swipe-direction": v.swipeDirection,
+                ...C,
+                ref: p,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: A(e.onKeyDown, (M) => {
+                  M.key === "Escape" && (l == null || l(M.nativeEvent), M.nativeEvent.defaultPrevented || (v.isFocusedToastEscapeKeyDownRef.current = !0, _()));
+                }),
+                onPointerDown: A(e.onPointerDown, (M) => {
+                  M.button === 0 && (g.current = { x: M.clientX, y: M.clientY });
+                }),
+                onPointerMove: A(e.onPointerMove, (M) => {
+                  if (!g.current) return;
+                  const k = M.clientX - g.current.x, G = M.clientY - g.current.y, Z = !!y.current, U = ["left", "right"].includes(v.swipeDirection), ne = ["left", "up"].includes(v.swipeDirection) ? Math.min : Math.max, Y = U ? ne(0, k) : 0, we = U ? 0 : ne(0, G), ce = M.pointerType === "touch" ? 10 : 2, W = { x: Y, y: we }, S = { originalEvent: M, delta: W };
+                  Z ? (y.current = W, Oe(bi, b, S, {
+                    discrete: !1
+                  })) : Cr(W, v.swipeDirection, ce) ? (y.current = W, Oe(gi, f, S, {
+                    discrete: !1
+                  }), M.target.setPointerCapture(M.pointerId)) : (Math.abs(k) > ce || Math.abs(G) > ce) && (g.current = null);
+                }),
+                onPointerUp: A(e.onPointerUp, (M) => {
+                  const k = y.current, G = M.target;
+                  if (G.hasPointerCapture(M.pointerId) && G.releasePointerCapture(M.pointerId), y.current = null, g.current = null, k) {
+                    const Z = M.currentTarget, U = { originalEvent: M, delta: k };
+                    Cr(k, v.swipeDirection, v.swipeThreshold) ? Oe(hi, E, U, {
+                      discrete: !0
+                    }) : Oe(
+                      Ci,
+                      w,
+                      U,
+                      {
+                        discrete: !0
+                      }
+                    ), Z.addEventListener("click", (ne) => ne.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        v.viewport
+      ) })
+    ] }) : null;
+  }
+), Ei = (e) => {
+  const { __scopeToast: t, children: o, ...r } = e, n = Ye(Ne, t), [s, c] = a.useState(!1), [l, u] = a.useState(!1);
+  return Ii(() => c(!0)), a.useEffect(() => {
+    const d = window.setTimeout(() => u(!0), 1e3);
+    return () => window.clearTimeout(d);
+  }, []), l ? null : /* @__PURE__ */ i(Xn, { asChild: !0, children: /* @__PURE__ */ i(yr, { ...r, children: s && /* @__PURE__ */ Ie(_e, { children: [
+    n.label,
+    " ",
+    o
+  ] }) }) });
+}, Ri = "ToastTitle", Ho = a.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, ...r } = e;
+    return /* @__PURE__ */ i(O.div, { ...r, ref: t });
+  }
+);
+Ho.displayName = Ri;
+var _i = "ToastDescription", jo = a.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, ...r } = e;
+    return /* @__PURE__ */ i(O.div, { ...r, ref: t });
+  }
+);
+jo.displayName = _i;
+var ln = "ToastAction", zo = a.forwardRef(
+  (e, t) => {
+    const { altText: o, ...r } = e;
+    return o.trim() ? /* @__PURE__ */ i(dn, { altText: o, asChild: !0, children: /* @__PURE__ */ i(Xe, { ...r, ref: t }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${ln}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+zo.displayName = ln;
+var un = "ToastClose", Xe = a.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, ...r } = e, n = wi(un, o);
+    return /* @__PURE__ */ i(dn, { asChild: !0, children: /* @__PURE__ */ i(
+      O.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: A(e.onClick, n.onClose)
+      }
+    ) });
+  }
+);
+Xe.displayName = un;
+var dn = a.forwardRef((e, t) => {
+  const { __scopeToast: o, altText: r, ...n } = e;
+  return /* @__PURE__ */ i(
+    O.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": r || void 0,
+      ...n,
+      ref: t
+    }
+  );
+});
+function fn(e) {
+  const t = [];
+  return Array.from(e.childNodes).forEach((r) => {
+    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), Mi(r)) {
+      const n = r.ariaHidden || r.hidden || r.style.display === "none", s = r.dataset.radixToastAnnounceExclude === "";
+      if (!n)
+        if (s) {
+          const c = r.dataset.radixToastAnnounceAlt;
+          c && t.push(c);
+        } else
+          t.push(...fn(r));
+    }
+  }), t;
+}
+function Oe(e, t, o, { discrete: r }) {
+  const n = o.originalEvent.currentTarget, s = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
+  t && n.addEventListener(e, t, { once: !0 }), r ? rt(n, s) : n.dispatchEvent(s);
+}
+var Cr = (e, t, o = 0) => {
+  const r = Math.abs(e.x), n = Math.abs(e.y), s = r > n;
+  return t === "left" || t === "right" ? s && r > o : !s && n > o;
+};
+function Ii(e = () => {
+}) {
+  const t = ee(e);
+  ge(() => {
+    let o = 0, r = 0;
+    return o = window.requestAnimationFrame(() => r = window.requestAnimationFrame(t)), () => {
+      window.cancelAnimationFrame(o), window.cancelAnimationFrame(r);
+    };
+  }, [t]);
+}
+function Mi(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function Pi(e) {
+  const t = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const n = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || n ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); ) t.push(o.currentNode);
+  return t;
+}
+function ot(e) {
+  const t = document.activeElement;
+  return e.some((o) => o === t ? !0 : (o.focus(), document.activeElement !== t));
+}
+var xi = $o, Si = Ko, Ai = Bo, Ni = Ho, Fi = jo, Oi = zo, Di = Xe;
+const fc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Action: Oi,
+  Close: Di,
+  Description: Fi,
+  Provider: xi,
+  Root: Ai,
+  Title: Ni,
+  Toast: Bo,
+  ToastAction: zo,
+  ToastClose: Xe,
+  ToastDescription: jo,
+  ToastProvider: $o,
+  ToastTitle: Ho,
+  ToastViewport: Ko,
+  Viewport: Si,
+  createToastScope: pi
+}, Symbol.toStringTag, { value: "Module" }));
+var pn = "Toggle", Ze = a.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: r, onPressedChange: n, ...s } = e, [c, l] = X({
+    prop: o,
+    onChange: n,
+    defaultProp: r ?? !1,
+    caller: pn
+  });
+  return /* @__PURE__ */ i(
+    O.button,
+    {
+      type: "button",
+      "aria-pressed": c,
+      "data-state": c ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...s,
+      ref: t,
+      onClick: A(e.onClick, () => {
+        e.disabled || l(!c);
+      })
+    }
+  );
+});
+Ze.displayName = pn;
+var Li = Ze;
+const pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Root: Li,
+  Toggle: Ze
+}, Symbol.toStringTag, { value: "Module" }));
+var fe = "ToggleGroup", [vn, Uo] = oe(fe, [
+  ue
+]), mn = ue(), Je = V.forwardRef((e, t) => {
+  const { type: o, ...r } = e;
+  if (o === "single")
+    return /* @__PURE__ */ i(ki, { ...r, ref: t });
+  if (o === "multiple")
+    return /* @__PURE__ */ i(Vi, { ...r, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${fe}\``);
+});
+Je.displayName = fe;
+var [gn, bn] = vn(fe), ki = V.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: r,
+    onValueChange: n = () => {
+    },
+    ...s
+  } = e, [c, l] = X({
+    prop: o,
+    defaultProp: r ?? "",
+    onChange: n,
+    caller: fe
+  });
+  return /* @__PURE__ */ i(
+    gn,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: V.useMemo(() => c ? [c] : [], [c]),
+      onItemActivate: l,
+      onItemDeactivate: V.useCallback(() => l(""), [l]),
+      children: /* @__PURE__ */ i(Cn, { ...s, ref: t })
+    }
+  );
+}), Vi = V.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: r,
+    onValueChange: n = () => {
+    },
+    ...s
+  } = e, [c, l] = X({
+    prop: o,
+    defaultProp: r ?? [],
+    onChange: n,
+    caller: fe
+  }), u = V.useCallback(
+    (f) => l((b = []) => [...b, f]),
+    [l]
+  ), d = V.useCallback(
+    (f) => l((b = []) => b.filter((w) => w !== f)),
+    [l]
+  );
+  return /* @__PURE__ */ i(
+    gn,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: c,
+      onItemActivate: u,
+      onItemDeactivate: d,
+      children: /* @__PURE__ */ i(Cn, { ...s, ref: t })
+    }
+  );
+});
+Je.displayName = fe;
+var [Gi, $i] = vn(fe), Cn = V.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToggleGroup: o,
+      disabled: r = !1,
+      rovingFocus: n = !0,
+      orientation: s,
+      dir: c,
+      loop: l = !0,
+      ...u
+    } = e, d = mn(o), f = he(c), b = { role: "group", dir: f, ...u };
+    return /* @__PURE__ */ i(Gi, { scope: o, rovingFocus: n, disabled: r, children: n ? /* @__PURE__ */ i(
+      Be,
+      {
+        asChild: !0,
+        ...d,
+        orientation: s,
+        dir: f,
+        loop: l,
+        children: /* @__PURE__ */ i(O.div, { ...b, ref: t })
+      }
+    ) : /* @__PURE__ */ i(O.div, { ...b, ref: t }) });
+  }
+), Ke = "ToggleGroupItem", Wo = V.forwardRef(
+  (e, t) => {
+    const o = bn(Ke, e.__scopeToggleGroup), r = $i(Ke, e.__scopeToggleGroup), n = mn(e.__scopeToggleGroup), s = o.value.includes(e.value), c = r.disabled || e.disabled, l = { ...e, pressed: s, disabled: c }, u = V.useRef(null);
+    return r.rovingFocus ? /* @__PURE__ */ i(
+      xe,
+      {
+        asChild: !0,
+        ...n,
+        focusable: !c,
+        active: s,
+        ref: u,
+        children: /* @__PURE__ */ i(hr, { ...l, ref: t })
+      }
+    ) : /* @__PURE__ */ i(hr, { ...l, ref: t });
+  }
+);
+Wo.displayName = Ke;
+var hr = V.forwardRef(
+  (e, t) => {
+    const { __scopeToggleGroup: o, value: r, ...n } = e, s = bn(Ke, o), c = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = s.type === "single" ? c : void 0;
+    return /* @__PURE__ */ i(
+      Ze,
+      {
+        ...l,
+        ...n,
+        ref: t,
+        onPressedChange: (u) => {
+          u ? s.onItemActivate(r) : s.onItemDeactivate(r);
+        }
+      }
+    );
+  }
+), hn = Je, Tn = Wo;
+const vc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Item: Tn,
+  Root: hn,
+  ToggleGroup: Je,
+  ToggleGroupItem: Wo,
+  createToggleGroupScope: Uo
+}, Symbol.toStringTag, { value: "Module" }));
+var qo = "Toolbar", [Ki, Bi] = oe(qo, [
+  ue,
+  Uo
+]), Yo = ue(), wn = Uo(), [Hi, yn] = Ki(qo), Xo = a.forwardRef(
+  (e, t) => {
+    const { __scopeToolbar: o, orientation: r = "horizontal", dir: n, loop: s = !0, ...c } = e, l = Yo(o), u = he(n);
+    return /* @__PURE__ */ i(Hi, { scope: o, orientation: r, dir: u, children: /* @__PURE__ */ i(
+      Be,
+      {
+        asChild: !0,
+        ...l,
+        orientation: r,
+        dir: u,
+        loop: s,
+        children: /* @__PURE__ */ i(
+          O.div,
+          {
+            role: "toolbar",
+            "aria-orientation": r,
+            dir: u,
+            ...c,
+            ref: t
+          }
+        )
+      }
+    ) });
+  }
+);
+Xo.displayName = qo;
+var En = "ToolbarSeparator", Zo = a.forwardRef(
+  (e, t) => {
+    const { __scopeToolbar: o, ...r } = e, n = yn(En, o);
+    return /* @__PURE__ */ i(
+      Zn,
+      {
+        orientation: n.orientation === "horizontal" ? "vertical" : "horizontal",
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+Zo.displayName = En;
+var ji = "ToolbarButton", Qe = a.forwardRef(
+  (e, t) => {
+    const { __scopeToolbar: o, ...r } = e, n = Yo(o);
+    return /* @__PURE__ */ i(xe, { asChild: !0, ...n, focusable: !e.disabled, children: /* @__PURE__ */ i(O.button, { type: "button", ...r, ref: t }) });
+  }
+);
+Qe.displayName = ji;
+var zi = "ToolbarLink", Jo = a.forwardRef(
+  (e, t) => {
+    const { __scopeToolbar: o, ...r } = e, n = Yo(o);
+    return /* @__PURE__ */ i(xe, { asChild: !0, ...n, focusable: !0, children: /* @__PURE__ */ i(
+      O.a,
+      {
+        ...r,
+        ref: t,
+        onKeyDown: A(e.onKeyDown, (s) => {
+          s.key === " " && s.currentTarget.click();
+        })
+      }
+    ) });
+  }
+);
+Jo.displayName = zi;
+var Rn = "ToolbarToggleGroup", Qo = a.forwardRef(
+  (e, t) => {
+    const { __scopeToolbar: o, ...r } = e, n = yn(Rn, o), s = wn(o);
+    return /* @__PURE__ */ i(
+      hn,
+      {
+        "data-orientation": n.orientation,
+        dir: n.dir,
+        ...s,
+        ...r,
+        ref: t,
+        rovingFocus: !1
+      }
+    );
+  }
+);
+Qo.displayName = Rn;
+var Ui = "ToolbarToggleItem", er = a.forwardRef(
+  (e, t) => {
+    const { __scopeToolbar: o, ...r } = e, n = wn(o), s = { __scopeToolbar: e.__scopeToolbar };
+    return /* @__PURE__ */ i(Qe, { asChild: !0, ...s, children: /* @__PURE__ */ i(Tn, { ...n, ...r, ref: t }) });
+  }
+);
+er.displayName = Ui;
+var Wi = Xo, qi = Zo, Yi = Qe, Xi = Jo, Zi = Qo, Ji = er;
+const mc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Button: Yi,
+  Link: Xi,
+  Root: Wi,
+  Separator: qi,
+  ToggleGroup: Zi,
+  ToggleItem: Ji,
+  Toolbar: Xo,
+  ToolbarButton: Qe,
+  ToolbarLink: Jo,
+  ToolbarSeparator: Zo,
+  ToolbarToggleGroup: Qo,
+  ToolbarToggleItem: er,
+  createToolbarScope: Bi
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Cc as AccessibleIcon,
+  nc as Accordion,
+  hc as AlertDialog,
+  Tc as AspectRatio,
+  wc as Avatar,
+  yc as Checkbox,
+  rc as Collapsible,
+  Ec as ContextMenu,
+  Rc as Dialog,
+  _c as Direction,
+  Ic as DropdownMenu,
+  sc as Form,
+  Mc as HoverCard,
+  ac as Label,
+  ic as Menubar,
+  cc as NavigationMenu,
+  Pc as Popover,
+  xc as Portal,
+  dc as Progress,
+  Sc as RadioGroup,
+  Ac as ScrollArea,
+  Nc as Select,
+  Fc as Separator,
+  Oc as Slider,
+  Dc as Slot,
+  Lc as Switch,
+  kc as Tabs,
+  fc as Toast,
+  pc as Toggle,
+  vc as ToggleGroup,
+  mc as Toolbar,
+  Vc as Tooltip,
+  Gc as VisuallyHidden,
+  lc as unstable_OneTimePasswordField,
+  uc as unstable_PasswordToggleField
+};