vxui-react 0.1.0

package/dist/index.js

@@ -0,0 +1,3818 @@
+import { jsx as a, jsxs as g, Fragment as ue } from "react/jsx-runtime";
+import * as l from "react";
+import q, { forwardRef as ae, createElement as He, useRef as $, useEffect as U, useState as W, useMemo as Ne, useContext as St, createContext as Rt, useCallback as Z } from "react";
+import * as kt from "react-dom";
+import Xn from "react-dom";
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Zn = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
+), ct = (e) => {
+  const t = Zn(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, Pt = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), Qn = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Jn = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const er = ae(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: r,
+    className: o = "",
+    children: s,
+    iconNode: c,
+    ...i
+  }, d) => He(
+    "svg",
+    {
+      ref: d,
+      ...Jn,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+      className: Pt("lucide", o),
+      ...!s && !Qn(i) && { "aria-hidden": "true" },
+      ...i
+    },
+    [
+      ...c.map(([u, v]) => He(u, v)),
+      ...Array.isArray(s) ? s : [s]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Re = (e, t) => {
+  const n = ae(
+    ({ className: r, ...o }, s) => He(er, {
+      ref: s,
+      iconNode: t,
+      className: Pt(
+        `lucide-${qn(ct(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...o
+    })
+  );
+  return n.displayName = ct(e), n;
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], nr = Re("chevron-right", tr);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rr = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
+], lt = Re("panel-left-close", rr);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const or = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
+], ut = Re("panel-left-open", or);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ar = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], It = Re("x", ar);
+function E(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const dt = ae(function({ className: t, variant: n = "solid", size: r = "md", fullWidth: o = !1, type: s = "button", ...c }, i) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: i,
+      type: s,
+      className: E(
+        "vx-button",
+        `vx-button--${n}`,
+        `vx-button--${r}`,
+        o && "vx-button--full-width",
+        t
+      ),
+      ...c
+    }
+  );
+});
+function ns({
+  brand: e = "VXUI",
+  brandCaption: t,
+  brandIcon: n,
+  breadcrumb: r,
+  title: o,
+  description: s,
+  navItems: c,
+  navSections: i,
+  sidebarCollapsed: d = !1,
+  mobileNavOpen: u = !1,
+  onSidebarToggle: v,
+  onMobileNavToggle: h,
+  menuButtonLabel: p = "Open navigation",
+  sidebarCollapseLabel: y = "Collapse",
+  sidebarExpandLabel: N = "Expand",
+  sidebarCloseLabel: f = "Close sidebar",
+  headerActions: m,
+  sidebarFooter: b,
+  children: w
+}) {
+  const x = i ?? (c ? [{ items: c }] : []), _ = $(null), S = $(null), C = $(null), T = $(null);
+  return U(() => {
+    const L = [
+      { host: _.current, scroll: S.current },
+      { host: C.current, scroll: T.current }
+    ].flatMap(({ host: k, scroll: A }) => {
+      if (!k || !A)
+        return [];
+      let O;
+      const V = () => {
+        const j = A.scrollHeight > A.clientHeight + 1;
+        if (k.dataset.scrollable = j ? "true" : "false", !j) {
+          k.dataset.scrollbarState = "hidden", k.style.setProperty("--vx-scrollbar-thumb-height", "0px"), k.style.setProperty("--vx-scrollbar-thumb-offset", "0px");
+          return;
+        }
+        const G = Math.max(k.clientHeight - 16, 0), X = Math.max(A.clientHeight / A.scrollHeight * G, 36), me = A.scrollHeight - A.clientHeight, De = Math.max(G - X, 0), ce = me > 0 ? A.scrollTop / me * De : 0;
+        k.style.setProperty("--vx-scrollbar-thumb-height", `${X}px`), k.style.setProperty("--vx-scrollbar-thumb-offset", `${ce}px`), k.dataset.scrollbarState !== "active" && (k.dataset.scrollbarState = "hidden");
+      }, P = () => {
+        k.dataset.scrollable === "true" && (k.dataset.scrollbarState = "active", O !== void 0 && window.clearTimeout(O), O = window.setTimeout(() => {
+          k.dataset.scrollbarState = "hidden";
+        }, 640));
+      }, F = () => {
+        V(), P();
+      };
+      V(), A.addEventListener("scroll", F, { passive: !0 });
+      const D = new ResizeObserver(() => {
+        V();
+      });
+      return D.observe(k), D.observe(A), [() => {
+        A.removeEventListener("scroll", F), D.disconnect(), O !== void 0 && window.clearTimeout(O);
+      }];
+    });
+    return () => {
+      L.forEach((k) => k());
+    };
+  }, []), /* @__PURE__ */ g("div", { className: "vx-shell", "data-collapsed": d, "data-nav-open": u, children: [
+    /* @__PURE__ */ g(
+      "aside",
+      {
+        ref: _,
+        className: "vx-sidebar vx-scroll-host",
+        "data-scrollable": "false",
+        "data-scrollbar-state": "hidden",
+        children: [
+          /* @__PURE__ */ g("div", { ref: S, className: "vx-sidebar__scroll vx-scroll-area", children: [
+            /* @__PURE__ */ a("div", { className: "vx-sidebar__header", children: /* @__PURE__ */ g("div", { className: "vx-sidebar__brand", children: [
+              n ? /* @__PURE__ */ a("span", { className: "vx-sidebar__brand-icon", children: n }) : null,
+              /* @__PURE__ */ g("div", { className: "vx-sidebar__brand-copy", children: [
+                /* @__PURE__ */ a("span", { className: "vx-sidebar__brand-text", children: e }),
+                t ? /* @__PURE__ */ a("span", { className: "vx-sidebar__brand-caption", children: t }) : null
+              ] })
+            ] }) }),
+            /* @__PURE__ */ a("nav", { className: "vx-sidebar__nav", "aria-label": "Primary navigation", children: x.map((R, L) => /* @__PURE__ */ g(
+              "div",
+              {
+                className: "vx-nav-section-block",
+                children: [
+                  R.title ? /* @__PURE__ */ a("div", { className: "vx-nav-section-block__title", children: R.title }) : null,
+                  /* @__PURE__ */ a("div", { className: "vx-nav-section-block__items", children: R.items.map((k) => /* @__PURE__ */ g(
+                    "button",
+                    {
+                      type: "button",
+                      className: E("vx-nav-item", k.active && "vx-nav-item--active"),
+                      onClick: k.onSelect,
+                      children: [
+                        k.icon ? /* @__PURE__ */ a("span", { className: "vx-nav-item__icon", children: k.icon }) : null,
+                        /* @__PURE__ */ a("span", { className: "vx-nav-item__label", children: k.label }),
+                        k.badge ? /* @__PURE__ */ a("span", { className: "vx-nav-item__badge", children: k.badge }) : null,
+                        k.trailing ? /* @__PURE__ */ a("span", { className: "vx-nav-item__trailing", children: k.trailing }) : null
+                      ]
+                    },
+                    k.key
+                  )) })
+                ]
+              },
+              R.key ?? R.title ?? L
+            )) }),
+            /* @__PURE__ */ g("div", { className: "vx-sidebar__footer", children: [
+              b ? /* @__PURE__ */ a("div", { className: "vx-sidebar__footer-content", children: b }) : null,
+              v ? /* @__PURE__ */ g(
+                dt,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "vx-sidebar__toggle",
+                  onClick: v,
+                  "aria-label": d ? N : y,
+                  children: [
+                    d ? /* @__PURE__ */ a(ut, { size: 16 }) : /* @__PURE__ */ a(lt, { size: 16 }),
+                    /* @__PURE__ */ a("span", { className: "vx-sidebar__toggle-label", children: d ? N : y })
+                  ]
+                }
+              ) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ a("span", { className: "vx-overlay-scrollbar", "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: "vx-overlay-scrollbar__thumb" }) })
+        ]
+      }
+    ),
+    h ? /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "vx-shell__overlay",
+        "aria-label": f,
+        onClick: h
+      }
+    ) : null,
+    /* @__PURE__ */ g("div", { className: "vx-shell__main", children: [
+      /* @__PURE__ */ g("header", { className: "vx-topbar", children: [
+        h ? /* @__PURE__ */ a(
+          dt,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "vx-topbar__menu",
+            "aria-label": p,
+            onClick: h,
+            children: u ? /* @__PURE__ */ a(lt, { size: 16 }) : /* @__PURE__ */ a(ut, { size: 16 })
+          }
+        ) : null,
+        /* @__PURE__ */ a("div", { className: "vx-topbar__title-group", children: r || /* @__PURE__ */ g("div", { children: [
+          o ? /* @__PURE__ */ a("h1", { className: "vx-topbar__title", children: o }) : null,
+          s ? /* @__PURE__ */ a("p", { className: "vx-topbar__description", children: s }) : null
+        ] }) }),
+        m ? /* @__PURE__ */ a("div", { className: "vx-topbar__actions", children: m }) : null
+      ] }),
+      /* @__PURE__ */ g(
+        "div",
+        {
+          ref: C,
+          className: "vx-shell__content-wrap vx-scroll-host",
+          "data-scrollable": "false",
+          "data-scrollbar-state": "hidden",
+          children: [
+            /* @__PURE__ */ a("main", { ref: T, className: "vx-shell__content vx-scroll-area", children: w }),
+            /* @__PURE__ */ a("span", { className: "vx-overlay-scrollbar", "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: "vx-overlay-scrollbar__thumb" }) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function rs({ className: e, variant: t = "neutral", ...n }) {
+  return /* @__PURE__ */ a("span", { className: E("vx-badge", `vx-badge--${t}`, e), ...n });
+}
+function os({ className: e, ...t }) {
+  return /* @__PURE__ */ a("section", { className: E("vx-card", e), ...t });
+}
+function as({ className: e, ...t }) {
+  return /* @__PURE__ */ a("header", { className: E("vx-card__header", e), ...t });
+}
+function ss({ className: e, ...t }) {
+  return /* @__PURE__ */ a("h2", { className: E("vx-card__title", e), ...t });
+}
+function is({ className: e, ...t }) {
+  return /* @__PURE__ */ a("p", { className: E("vx-card__description", e), ...t });
+}
+function cs({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", { className: E("vx-card__content", e), ...t });
+}
+function I(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+function ft(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function At(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const s = ft(o, t);
+      return !n && typeof s == "function" && (n = !0), s;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const s = r[o];
+          typeof s == "function" ? s() : ft(e[o], null);
+        }
+      };
+  };
+}
+function B(...e) {
+  return l.useCallback(At(...e), e);
+}
+function sr(e, t) {
+  const n = l.createContext(t), r = (s) => {
+    const { children: c, ...i } = s, d = l.useMemo(() => i, Object.values(i));
+    return /* @__PURE__ */ a(n.Provider, { value: d, children: c });
+  };
+  r.displayName = e + "Provider";
+  function o(s) {
+    const c = l.useContext(n);
+    if (c) return c;
+    if (t !== void 0) return t;
+    throw new Error(`\`${s}\` must be used within \`${e}\``);
+  }
+  return [r, o];
+}
+function se(e, t = []) {
+  let n = [];
+  function r(s, c) {
+    const i = l.createContext(c), d = n.length;
+    n = [...n, c];
+    const u = (h) => {
+      var b;
+      const { scope: p, children: y, ...N } = h, f = ((b = p == null ? void 0 : p[e]) == null ? void 0 : b[d]) || i, m = l.useMemo(() => N, Object.values(N));
+      return /* @__PURE__ */ a(f.Provider, { value: m, children: y });
+    };
+    u.displayName = s + "Provider";
+    function v(h, p) {
+      var f;
+      const y = ((f = p == null ? void 0 : p[e]) == null ? void 0 : f[d]) || i, N = l.useContext(y);
+      if (N) return N;
+      if (c !== void 0) return c;
+      throw new Error(`\`${h}\` must be used within \`${s}\``);
+    }
+    return [u, v];
+  }
+  const o = () => {
+    const s = n.map((c) => l.createContext(c));
+    return function(i) {
+      const d = (i == null ? void 0 : i[e]) || s;
+      return l.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: d } }),
+        [i, d]
+      );
+    };
+  };
+  return o.scopeName = e, [r, ir(o, ...t)];
+}
+function ir(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(s) {
+      const c = r.reduce((i, { useScope: d, scopeName: u }) => {
+        const h = d(s)[`__scope${u}`];
+        return { ...i, ...h };
+      }, {});
+      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var Q = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
+}, cr = l[" useId ".trim().toString()] || (() => {
+}), lr = 0;
+function le(e) {
+  const [t, n] = l.useState(cr());
+  return Q(() => {
+    n((r) => r ?? String(lr++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+var ur = l[" useInsertionEffect ".trim().toString()] || Q;
+function de({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [o, s, c] = dr({
+    defaultProp: t,
+    onChange: n
+  }), i = e !== void 0, d = i ? e : o;
+  {
+    const v = l.useRef(e !== void 0);
+    l.useEffect(() => {
+      const h = v.current;
+      h !== i && console.warn(
+        `${r} is changing from ${h ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), v.current = i;
+    }, [i, r]);
+  }
+  const u = l.useCallback(
+    (v) => {
+      var h;
+      if (i) {
+        const p = fr(v) ? v(e) : v;
+        p !== e && ((h = c.current) == null || h.call(c, p));
+      } else
+        s(v);
+    },
+    [i, e, s, c]
+  );
+  return [d, u];
+}
+function dr({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = l.useState(e), o = l.useRef(n), s = l.useRef(t);
+  return ur(() => {
+    s.current = t;
+  }, [t]), l.useEffect(() => {
+    var c;
+    o.current !== n && ((c = s.current) == null || c.call(s, n), o.current = n);
+  }, [n, o]), [n, r, s];
+}
+function fr(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function Te(e) {
+  const t = /* @__PURE__ */ vr(e), n = l.forwardRef((r, o) => {
+    const { children: s, ...c } = r, i = l.Children.toArray(s), d = i.find(hr);
+    if (d) {
+      const u = d.props.children, v = i.map((h) => h === d ? l.Children.count(u) > 1 ? l.Children.only(null) : l.isValidElement(u) ? u.props.children : null : h);
+      return /* @__PURE__ */ a(t, { ...c, ref: o, children: l.isValidElement(u) ? l.cloneElement(u, void 0, v) : null });
+    }
+    return /* @__PURE__ */ a(t, { ...c, ref: o, children: s });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function vr(e) {
+  const t = l.forwardRef((n, r) => {
+    const { children: o, ...s } = n;
+    if (l.isValidElement(o)) {
+      const c = br(o), i = pr(s, o.props);
+      return o.type !== l.Fragment && (i.ref = r ? At(r, c) : c), l.cloneElement(o, i);
+    }
+    return l.Children.count(o) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var mr = Symbol("radix.slottable");
+function hr(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === mr;
+}
+function pr(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], s = t[r];
+    /^on[A-Z]/.test(r) ? o && s ? n[r] = (...i) => {
+      const d = s(...i);
+      return o(...i), d;
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...s } : r === "className" && (n[r] = [o, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function br(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var xr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], M = xr.reduce((e, t) => {
+  const n = /* @__PURE__ */ Te(`Primitive.${t}`), r = l.forwardRef((o, s) => {
+    const { asChild: c, ...i } = o, d = c ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(d, { ...i, ref: s });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function Mt(e, t) {
+  e && kt.flushSync(() => e.dispatchEvent(t));
+}
+function z(e) {
+  const t = l.useRef(e);
+  return l.useEffect(() => {
+    t.current = e;
+  }), l.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+function gr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = z(e);
+  l.useEffect(() => {
+    const r = (o) => {
+      o.key === "Escape" && n(o);
+    };
+    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, t]);
+}
+var yr = "DismissableLayer", ze = "dismissableLayer.update", _r = "dismissableLayer.pointerDownOutside", wr = "dismissableLayer.focusOutside", vt, Dt = l.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Ze = l.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: o,
+      onFocusOutside: s,
+      onInteractOutside: c,
+      onDismiss: i,
+      ...d
+    } = e, u = l.useContext(Dt), [v, h] = l.useState(null), p = (v == null ? void 0 : v.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = l.useState({}), N = B(t, (T) => h(T)), f = Array.from(u.layers), [m] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), b = f.indexOf(m), w = v ? f.indexOf(v) : -1, x = u.layersWithOutsidePointerEventsDisabled.size > 0, _ = w >= b, S = Er((T) => {
+      const R = T.target, L = [...u.branches].some((k) => k.contains(R));
+      !_ || L || (o == null || o(T), c == null || c(T), T.defaultPrevented || i == null || i());
+    }, p), C = Cr((T) => {
+      const R = T.target;
+      [...u.branches].some((k) => k.contains(R)) || (s == null || s(T), c == null || c(T), T.defaultPrevented || i == null || i());
+    }, p);
+    return gr((T) => {
+      w === u.layers.size - 1 && (r == null || r(T), !T.defaultPrevented && i && (T.preventDefault(), i()));
+    }, p), l.useEffect(() => {
+      if (v)
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (vt = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(v)), u.layers.add(v), mt(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = vt);
+        };
+    }, [v, p, n, u]), l.useEffect(() => () => {
+      v && (u.layers.delete(v), u.layersWithOutsidePointerEventsDisabled.delete(v), mt());
+    }, [v, u]), l.useEffect(() => {
+      const T = () => y({});
+      return document.addEventListener(ze, T), () => document.removeEventListener(ze, T);
+    }, []), /* @__PURE__ */ a(
+      M.div,
+      {
+        ...d,
+        ref: N,
+        style: {
+          pointerEvents: x ? _ ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: I(e.onFocusCapture, C.onFocusCapture),
+        onBlurCapture: I(e.onBlurCapture, C.onBlurCapture),
+        onPointerDownCapture: I(
+          e.onPointerDownCapture,
+          S.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Ze.displayName = yr;
+var Nr = "DismissableLayerBranch", Lt = l.forwardRef((e, t) => {
+  const n = l.useContext(Dt), r = l.useRef(null), o = B(t, r);
+  return l.useEffect(() => {
+    const s = r.current;
+    if (s)
+      return n.branches.add(s), () => {
+        n.branches.delete(s);
+      };
+  }, [n.branches]), /* @__PURE__ */ a(M.div, { ...e, ref: o });
+});
+Lt.displayName = Nr;
+function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = z(e), r = l.useRef(!1), o = l.useRef(() => {
+  });
+  return l.useEffect(() => {
+    const s = (i) => {
+      if (i.target && !r.current) {
+        let d = function() {
+          Ot(
+            _r,
+            n,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: i };
+        i.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = d, t.addEventListener("click", o.current, { once: !0 })) : d();
+      } else
+        t.removeEventListener("click", o.current);
+      r.current = !1;
+    }, c = window.setTimeout(() => {
+      t.addEventListener("pointerdown", s);
+    }, 0);
+    return () => {
+      window.clearTimeout(c), t.removeEventListener("pointerdown", s), t.removeEventListener("click", o.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Cr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = z(e), r = l.useRef(!1);
+  return l.useEffect(() => {
+    const o = (s) => {
+      s.target && !r.current && Ot(wr, n, { originalEvent: s }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function mt() {
+  const e = new CustomEvent(ze);
+  document.dispatchEvent(e);
+}
+function Ot(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? Mt(o, s) : o.dispatchEvent(s);
+}
+var Tr = Ze, Sr = Lt, Le = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", ht = { bubbles: !1, cancelable: !0 }, Rr = "FocusScope", Ft = l.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: o,
+    onUnmountAutoFocus: s,
+    ...c
+  } = e, [i, d] = l.useState(null), u = z(o), v = z(s), h = l.useRef(null), p = B(t, (f) => d(f)), y = l.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  l.useEffect(() => {
+    if (r) {
+      let f = function(x) {
+        if (y.paused || !i) return;
+        const _ = x.target;
+        i.contains(_) ? h.current = _ : Y(h.current, { select: !0 });
+      }, m = function(x) {
+        if (y.paused || !i) return;
+        const _ = x.relatedTarget;
+        _ !== null && (i.contains(_) || Y(h.current, { select: !0 }));
+      }, b = function(x) {
+        if (document.activeElement === document.body)
+          for (const S of x)
+            S.removedNodes.length > 0 && Y(i);
+      };
+      document.addEventListener("focusin", f), document.addEventListener("focusout", m);
+      const w = new MutationObserver(b);
+      return i && w.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", f), document.removeEventListener("focusout", m), w.disconnect();
+      };
+    }
+  }, [r, i, y.paused]), l.useEffect(() => {
+    if (i) {
+      bt.add(y);
+      const f = document.activeElement;
+      if (!i.contains(f)) {
+        const b = new CustomEvent(Le, ht);
+        i.addEventListener(Le, u), i.dispatchEvent(b), b.defaultPrevented || (kr(Dr($t(i)), { select: !0 }), document.activeElement === f && Y(i));
+      }
+      return () => {
+        i.removeEventListener(Le, u), setTimeout(() => {
+          const b = new CustomEvent(Oe, ht);
+          i.addEventListener(Oe, v), i.dispatchEvent(b), b.defaultPrevented || Y(f ?? document.body, { select: !0 }), i.removeEventListener(Oe, v), bt.remove(y);
+        }, 0);
+      };
+    }
+  }, [i, u, v, y]);
+  const N = l.useCallback(
+    (f) => {
+      if (!n && !r || y.paused) return;
+      const m = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, b = document.activeElement;
+      if (m && b) {
+        const w = f.currentTarget, [x, _] = Pr(w);
+        x && _ ? !f.shiftKey && b === _ ? (f.preventDefault(), n && Y(x, { select: !0 })) : f.shiftKey && b === x && (f.preventDefault(), n && Y(_, { select: !0 })) : b === w && f.preventDefault();
+      }
+    },
+    [n, r, y.paused]
+  );
+  return /* @__PURE__ */ a(M.div, { tabIndex: -1, ...c, ref: p, onKeyDown: N });
+});
+Ft.displayName = Rr;
+function kr(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (Y(r, { select: t }), document.activeElement !== n) return;
+}
+function Pr(e) {
+  const t = $t(e), n = pt(t, e), r = pt(t.reverse(), e);
+  return [n, r];
+}
+function $t(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const o = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function pt(e, t) {
+  for (const n of e)
+    if (!Ir(n, { upTo: t })) return n;
+}
+function Ir(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Ar(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function Y(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && Ar(e) && t && e.select();
+  }
+}
+var bt = Mr();
+function Mr() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && (n == null || n.pause()), e = xt(e, t), e.unshift(t);
+    },
+    remove(t) {
+      var n;
+      e = xt(e, t), (n = e[0]) == null || n.resume();
+    }
+  };
+}
+function xt(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function Dr(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var Lr = "Portal", Qe = l.forwardRef((e, t) => {
+  var i;
+  const { container: n, ...r } = e, [o, s] = l.useState(!1);
+  Q(() => s(!0), []);
+  const c = n || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
+  return c ? Xn.createPortal(/* @__PURE__ */ a(M.div, { ...r, ref: t }), c) : null;
+});
+Qe.displayName = Lr;
+function Or(e, t) {
+  return l.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var ie = (e) => {
+  const { present: t, children: n } = e, r = Fr(t), o = typeof n == "function" ? n({ present: r.isPresent }) : l.Children.only(n), s = B(r.ref, $r(o));
+  return typeof n == "function" || r.isPresent ? l.cloneElement(o, { ref: s }) : null;
+};
+ie.displayName = "Presence";
+function Fr(e) {
+  const [t, n] = l.useState(), r = l.useRef(null), o = l.useRef(e), s = l.useRef("none"), c = e ? "mounted" : "unmounted", [i, d] = Or(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return l.useEffect(() => {
+    const u = pe(r.current);
+    s.current = i === "mounted" ? u : "none";
+  }, [i]), Q(() => {
+    const u = r.current, v = o.current;
+    if (v !== e) {
+      const p = s.current, y = pe(u);
+      e ? d("MOUNT") : y === "none" || (u == null ? void 0 : u.display) === "none" ? d("UNMOUNT") : d(v && p !== y ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, d]), Q(() => {
+    if (t) {
+      let u;
+      const v = t.ownerDocument.defaultView ?? window, h = (y) => {
+        const f = pe(r.current).includes(CSS.escape(y.animationName));
+        if (y.target === t && f && (d("ANIMATION_END"), !o.current)) {
+          const m = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", u = v.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = m);
+          });
+        }
+      }, p = (y) => {
+        y.target === t && (s.current = pe(r.current));
+      };
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", h), t.addEventListener("animationend", h), () => {
+        v.clearTimeout(u), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", h), t.removeEventListener("animationend", h);
+      };
+    } else
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(i),
+    ref: l.useCallback((u) => {
+      r.current = u ? getComputedStyle(u) : null, n(u);
+    }, [])
+  };
+}
+function pe(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function $r(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Fe = 0;
+function Wr() {
+  l.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? gt()), document.body.insertAdjacentElement("beforeend", e[1] ?? gt()), Fe++, () => {
+      Fe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Fe--;
+    };
+  }, []);
+}
+function gt() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var H = function() {
+  return H = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
+    }
+    return t;
+  }, H.apply(this, arguments);
+};
+function Wt(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
+      t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
+  return n;
+}
+function Br(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, s; r < o; r++)
+    (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
+  return e.concat(s || Array.prototype.slice.call(t));
+}
+var Ee = "right-scroll-bar-position", Ce = "width-before-scroll-bar", Ur = "with-scroll-bars-hidden", Kr = "--removed-body-scroll-bar-size";
+function $e(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function Vr(e, t) {
+  var n = W(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var o = n.value;
+          o !== r && (n.value = r, n.callback(r, o));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var Hr = typeof window < "u" ? l.useLayoutEffect : l.useEffect, yt = /* @__PURE__ */ new WeakMap();
+function zr(e, t) {
+  var n = Vr(null, function(r) {
+    return e.forEach(function(o) {
+      return $e(o, r);
+    });
+  });
+  return Hr(function() {
+    var r = yt.get(n);
+    if (r) {
+      var o = new Set(r), s = new Set(e), c = n.current;
+      o.forEach(function(i) {
+        s.has(i) || $e(i, null);
+      }), s.forEach(function(i) {
+        o.has(i) || $e(i, c);
+      });
+    }
+    yt.set(n, e);
+  }, [e]), n;
+}
+function jr(e) {
+  return e;
+}
+function Gr(e, t) {
+  t === void 0 && (t = jr);
+  var n = [], r = !1, o = {
+    read: function() {
+      if (r)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(s) {
+      var c = t(s, r);
+      return n.push(c), function() {
+        n = n.filter(function(i) {
+          return i !== c;
+        });
+      };
+    },
+    assignSyncMedium: function(s) {
+      for (r = !0; n.length; ) {
+        var c = n;
+        n = [], c.forEach(s);
+      }
+      n = {
+        push: function(i) {
+          return s(i);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(s) {
+      r = !0;
+      var c = [];
+      if (n.length) {
+        var i = n;
+        n = [], i.forEach(s), c = n;
+      }
+      var d = function() {
+        var v = c;
+        c = [], v.forEach(s);
+      }, u = function() {
+        return Promise.resolve().then(d);
+      };
+      u(), n = {
+        push: function(v) {
+          c.push(v), u();
+        },
+        filter: function(v) {
+          return c = c.filter(v), n;
+        }
+      };
+    }
+  };
+  return o;
+}
+function Yr(e) {
+  e === void 0 && (e = {});
+  var t = Gr(null);
+  return t.options = H({ async: !0, ssr: !1 }, e), t;
+}
+var Bt = function(e) {
+  var t = e.sideCar, n = Wt(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return l.createElement(r, H({}, n));
+};
+Bt.isSideCarExport = !0;
+function Xr(e, t) {
+  return e.useMedium(t), Bt;
+}
+var Ut = Yr(), We = function() {
+}, ke = l.forwardRef(function(e, t) {
+  var n = l.useRef(null), r = l.useState({
+    onScrollCapture: We,
+    onWheelCapture: We,
+    onTouchMoveCapture: We
+  }), o = r[0], s = r[1], c = e.forwardProps, i = e.children, d = e.className, u = e.removeScrollBar, v = e.enabled, h = e.shards, p = e.sideCar, y = e.noRelative, N = e.noIsolation, f = e.inert, m = e.allowPinchZoom, b = e.as, w = b === void 0 ? "div" : b, x = e.gapMode, _ = Wt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = p, C = zr([n, t]), T = H(H({}, _), o);
+  return l.createElement(
+    l.Fragment,
+    null,
+    v && l.createElement(S, { sideCar: Ut, removeScrollBar: u, shards: h, noRelative: y, noIsolation: N, inert: f, setCallbacks: s, allowPinchZoom: !!m, lockRef: n, gapMode: x }),
+    c ? l.cloneElement(l.Children.only(i), H(H({}, T), { ref: C })) : l.createElement(w, H({}, T, { className: d, ref: C }), i)
+  );
+});
+ke.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+ke.classNames = {
+  fullWidth: Ce,
+  zeroRight: Ee
+};
+var qr = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Zr() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = qr();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Qr(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function Jr(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var eo = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Zr()) && (Qr(t, n), Jr(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, to = function() {
+  var e = eo();
+  return function(t, n) {
+    l.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, Kt = function() {
+  var e = to(), t = function(n) {
+    var r = n.styles, o = n.dynamic;
+    return e(r, o), null;
+  };
+  return t;
+}, no = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Be = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, ro = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Be(n), Be(r), Be(o)];
+}, oo = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return no;
+  var t = ro(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, ao = Kt(), oe = "data-scroll-locked", so = function(e, t, n, r) {
+  var o = e.left, s = e.top, c = e.right, i = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(Ur, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(i, "px ").concat(r, `;
+  }
+  body[`).concat(oe, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(o, `px;
+    padding-top: `).concat(s, `px;
+    padding-right: `).concat(c, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(i, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(i, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Ee, ` {
+    right: `).concat(i, "px ").concat(r, `;
+  }
+  
+  .`).concat(Ce, ` {
+    margin-right: `).concat(i, "px ").concat(r, `;
+  }
+  
+  .`).concat(Ee, " .").concat(Ee, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(Ce, " .").concat(Ce, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(oe, `] {
+    `).concat(Kr, ": ").concat(i, `px;
+  }
+`);
+}, _t = function() {
+  var e = parseInt(document.body.getAttribute(oe) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, io = function() {
+  l.useEffect(function() {
+    return document.body.setAttribute(oe, (_t() + 1).toString()), function() {
+      var e = _t() - 1;
+      e <= 0 ? document.body.removeAttribute(oe) : document.body.setAttribute(oe, e.toString());
+    };
+  }, []);
+}, co = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
+  io();
+  var s = l.useMemo(function() {
+    return oo(o);
+  }, [o]);
+  return l.createElement(ao, { styles: so(s, !t, o, n ? "" : "!important") });
+}, je = !1;
+if (typeof window < "u")
+  try {
+    var be = Object.defineProperty({}, "passive", {
+      get: function() {
+        return je = !0, !0;
+      }
+    });
+    window.addEventListener("test", be, be), window.removeEventListener("test", be, be);
+  } catch {
+    je = !1;
+  }
+var ee = je ? { passive: !1 } : !1, lo = function(e) {
+  return e.tagName === "TEXTAREA";
+}, Vt = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !lo(e) && n[t] === "visible")
+  );
+}, uo = function(e) {
+  return Vt(e, "overflowY");
+}, fo = function(e) {
+  return Vt(e, "overflowX");
+}, wt = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var o = Ht(e, r);
+    if (o) {
+      var s = zt(e, r), c = s[1], i = s[2];
+      if (c > i)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, vo = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, mo = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, Ht = function(e, t) {
+  return e === "v" ? uo(t) : fo(t);
+}, zt = function(e, t) {
+  return e === "v" ? vo(t) : mo(t);
+}, ho = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, po = function(e, t, n, r, o) {
+  var s = ho(e, window.getComputedStyle(t).direction), c = s * r, i = n.target, d = t.contains(i), u = !1, v = c > 0, h = 0, p = 0;
+  do {
+    if (!i)
+      break;
+    var y = zt(e, i), N = y[0], f = y[1], m = y[2], b = f - m - s * N;
+    (N || b) && Ht(e, i) && (h += b, p += N);
+    var w = i.parentNode;
+    i = w && w.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? w.host : w;
+  } while (
+    // portaled content
+    !d && i !== document.body || // self content
+    d && (t.contains(i) || t === i)
+  );
+  return (v && Math.abs(h) < 1 || !v && Math.abs(p) < 1) && (u = !0), u;
+}, xe = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, Nt = function(e) {
+  return [e.deltaX, e.deltaY];
+}, Et = function(e) {
+  return e && "current" in e ? e.current : e;
+}, bo = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, xo = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, go = 0, te = [];
+function yo(e) {
+  var t = l.useRef([]), n = l.useRef([0, 0]), r = l.useRef(), o = l.useState(go++)[0], s = l.useState(Kt)[0], c = l.useRef(e);
+  l.useEffect(function() {
+    c.current = e;
+  }, [e]), l.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(o));
+      var f = Br([e.lockRef.current], (e.shards || []).map(Et), !0).filter(Boolean);
+      return f.forEach(function(m) {
+        return m.classList.add("allow-interactivity-".concat(o));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(o)), f.forEach(function(m) {
+          return m.classList.remove("allow-interactivity-".concat(o));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var i = l.useCallback(function(f, m) {
+    if ("touches" in f && f.touches.length === 2 || f.type === "wheel" && f.ctrlKey)
+      return !c.current.allowPinchZoom;
+    var b = xe(f), w = n.current, x = "deltaX" in f ? f.deltaX : w[0] - b[0], _ = "deltaY" in f ? f.deltaY : w[1] - b[1], S, C = f.target, T = Math.abs(x) > Math.abs(_) ? "h" : "v";
+    if ("touches" in f && T === "h" && C.type === "range")
+      return !1;
+    var R = window.getSelection(), L = R && R.anchorNode, k = L ? L === C || L.contains(C) : !1;
+    if (k)
+      return !1;
+    var A = wt(T, C);
+    if (!A)
+      return !0;
+    if (A ? S = T : (S = T === "v" ? "h" : "v", A = wt(T, C)), !A)
+      return !1;
+    if (!r.current && "changedTouches" in f && (x || _) && (r.current = S), !S)
+      return !0;
+    var O = r.current || S;
+    return po(O, m, f, O === "h" ? x : _);
+  }, []), d = l.useCallback(function(f) {
+    var m = f;
+    if (!(!te.length || te[te.length - 1] !== s)) {
+      var b = "deltaY" in m ? Nt(m) : xe(m), w = t.current.filter(function(S) {
+        return S.name === m.type && (S.target === m.target || m.target === S.shadowParent) && bo(S.delta, b);
+      })[0];
+      if (w && w.should) {
+        m.cancelable && m.preventDefault();
+        return;
+      }
+      if (!w) {
+        var x = (c.current.shards || []).map(Et).filter(Boolean).filter(function(S) {
+          return S.contains(m.target);
+        }), _ = x.length > 0 ? i(m, x[0]) : !c.current.noIsolation;
+        _ && m.cancelable && m.preventDefault();
+      }
+    }
+  }, []), u = l.useCallback(function(f, m, b, w) {
+    var x = { name: f, delta: m, target: b, should: w, shadowParent: _o(b) };
+    t.current.push(x), setTimeout(function() {
+      t.current = t.current.filter(function(_) {
+        return _ !== x;
+      });
+    }, 1);
+  }, []), v = l.useCallback(function(f) {
+    n.current = xe(f), r.current = void 0;
+  }, []), h = l.useCallback(function(f) {
+    u(f.type, Nt(f), f.target, i(f, e.lockRef.current));
+  }, []), p = l.useCallback(function(f) {
+    u(f.type, xe(f), f.target, i(f, e.lockRef.current));
+  }, []);
+  l.useEffect(function() {
+    return te.push(s), e.setCallbacks({
+      onScrollCapture: h,
+      onWheelCapture: h,
+      onTouchMoveCapture: p
+    }), document.addEventListener("wheel", d, ee), document.addEventListener("touchmove", d, ee), document.addEventListener("touchstart", v, ee), function() {
+      te = te.filter(function(f) {
+        return f !== s;
+      }), document.removeEventListener("wheel", d, ee), document.removeEventListener("touchmove", d, ee), document.removeEventListener("touchstart", v, ee);
+    };
+  }, []);
+  var y = e.removeScrollBar, N = e.inert;
+  return l.createElement(
+    l.Fragment,
+    null,
+    N ? l.createElement(s, { styles: xo(o) }) : null,
+    y ? l.createElement(co, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function _o(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const wo = Xr(Ut, yo);
+var jt = l.forwardRef(function(e, t) {
+  return l.createElement(ke, H({}, e, { ref: t, sideCar: wo }));
+});
+jt.classNames = ke.classNames;
+var No = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, ne = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), ye = {}, Ue = 0, Gt = function(e) {
+  return e && (e.host || Gt(e.parentNode));
+}, Eo = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = Gt(n);
+    return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, Co = function(e, t, n, r) {
+  var o = Eo(t, Array.isArray(e) ? e : [e]);
+  ye[n] || (ye[n] = /* @__PURE__ */ new WeakMap());
+  var s = ye[n], c = [], i = /* @__PURE__ */ new Set(), d = new Set(o), u = function(h) {
+    !h || i.has(h) || (i.add(h), u(h.parentNode));
+  };
+  o.forEach(u);
+  var v = function(h) {
+    !h || d.has(h) || Array.prototype.forEach.call(h.children, function(p) {
+      if (i.has(p))
+        v(p);
+      else
+        try {
+          var y = p.getAttribute(r), N = y !== null && y !== "false", f = (ne.get(p) || 0) + 1, m = (s.get(p) || 0) + 1;
+          ne.set(p, f), s.set(p, m), c.push(p), f === 1 && N && ge.set(p, !0), m === 1 && p.setAttribute(n, "true"), N || p.setAttribute(r, "true");
+        } catch (b) {
+          console.error("aria-hidden: cannot operate on ", p, b);
+        }
+    });
+  };
+  return v(t), i.clear(), Ue++, function() {
+    c.forEach(function(h) {
+      var p = ne.get(h) - 1, y = s.get(h) - 1;
+      ne.set(h, p), s.set(h, y), p || (ge.has(h) || h.removeAttribute(r), ge.delete(h)), y || h.removeAttribute(n);
+    }), Ue--, Ue || (ne = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), ye = {});
+  };
+}, To = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), o = No(e);
+  return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live], script"))), Co(r, o, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, Pe = "Dialog", [Yt] = se(Pe), [So, K] = Yt(Pe), Xt = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: r,
+    defaultOpen: o,
+    onOpenChange: s,
+    modal: c = !0
+  } = e, i = l.useRef(null), d = l.useRef(null), [u, v] = de({
+    prop: r,
+    defaultProp: o ?? !1,
+    onChange: s,
+    caller: Pe
+  });
+  return /* @__PURE__ */ a(
+    So,
+    {
+      scope: t,
+      triggerRef: i,
+      contentRef: d,
+      contentId: le(),
+      titleId: le(),
+      descriptionId: le(),
+      open: u,
+      onOpenChange: v,
+      onOpenToggle: l.useCallback(() => v((h) => !h), [v]),
+      modal: c,
+      children: n
+    }
+  );
+};
+Xt.displayName = Pe;
+var qt = "DialogTrigger", Zt = l.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = K(qt, n), s = B(t, o.triggerRef);
+    return /* @__PURE__ */ a(
+      M.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": tt(o.open),
+        ...r,
+        ref: s,
+        onClick: I(e.onClick, o.onOpenToggle)
+      }
+    );
+  }
+);
+Zt.displayName = qt;
+var Je = "DialogPortal", [Ro, Qt] = Yt(Je, {
+  forceMount: void 0
+}), Jt = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, s = K(Je, t);
+  return /* @__PURE__ */ a(Ro, { scope: t, forceMount: n, children: l.Children.map(r, (c) => /* @__PURE__ */ a(ie, { present: n || s.open, children: /* @__PURE__ */ a(Qe, { asChild: !0, container: o, children: c }) })) });
+};
+Jt.displayName = Je;
+var Se = "DialogOverlay", en = l.forwardRef(
+  (e, t) => {
+    const n = Qt(Se, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = K(Se, e.__scopeDialog);
+    return s.modal ? /* @__PURE__ */ a(ie, { present: r || s.open, children: /* @__PURE__ */ a(Po, { ...o, ref: t }) }) : null;
+  }
+);
+en.displayName = Se;
+var ko = /* @__PURE__ */ Te("DialogOverlay.RemoveScroll"), Po = l.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = K(Se, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ a(jt, { as: ko, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+        M.div,
+        {
+          "data-state": tt(o.open),
+          ...r,
+          ref: t,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), J = "DialogContent", tn = l.forwardRef(
+  (e, t) => {
+    const n = Qt(J, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = K(J, e.__scopeDialog);
+    return /* @__PURE__ */ a(ie, { present: r || s.open, children: s.modal ? /* @__PURE__ */ a(Io, { ...o, ref: t }) : /* @__PURE__ */ a(Ao, { ...o, ref: t }) });
+  }
+);
+tn.displayName = J;
+var Io = l.forwardRef(
+  (e, t) => {
+    const n = K(J, e.__scopeDialog), r = l.useRef(null), o = B(t, n.contentRef, r);
+    return l.useEffect(() => {
+      const s = r.current;
+      if (s) return To(s);
+    }, []), /* @__PURE__ */ a(
+      nn,
+      {
+        ...e,
+        ref: o,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: I(e.onCloseAutoFocus, (s) => {
+          var c;
+          s.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: I(e.onPointerDownOutside, (s) => {
+          const c = s.detail.originalEvent, i = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || i) && s.preventDefault();
+        }),
+        onFocusOutside: I(
+          e.onFocusOutside,
+          (s) => s.preventDefault()
+        )
+      }
+    );
+  }
+), Ao = l.forwardRef(
+  (e, t) => {
+    const n = K(J, e.__scopeDialog), r = l.useRef(!1), o = l.useRef(!1);
+    return /* @__PURE__ */ a(
+      nn,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (s) => {
+          var c, i;
+          (c = e.onCloseAutoFocus) == null || c.call(e, s), s.defaultPrevented || (r.current || (i = n.triggerRef.current) == null || i.focus(), s.preventDefault()), r.current = !1, o.current = !1;
+        },
+        onInteractOutside: (s) => {
+          var d, u;
+          (d = e.onInteractOutside) == null || d.call(e, s), s.defaultPrevented || (r.current = !0, s.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const c = s.target;
+          ((u = n.triggerRef.current) == null ? void 0 : u.contains(c)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && o.current && s.preventDefault();
+        }
+      }
+    );
+  }
+), nn = l.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = e, i = K(J, n), d = l.useRef(null), u = B(t, d);
+    return Wr(), /* @__PURE__ */ g(ue, { children: [
+      /* @__PURE__ */ a(
+        Ft,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: o,
+          onUnmountAutoFocus: s,
+          children: /* @__PURE__ */ a(
+            Ze,
+            {
+              role: "dialog",
+              id: i.contentId,
+              "aria-describedby": i.descriptionId,
+              "aria-labelledby": i.titleId,
+              "data-state": tt(i.open),
+              ...c,
+              ref: u,
+              onDismiss: () => i.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ g(ue, { children: [
+        /* @__PURE__ */ a(Mo, { titleId: i.titleId }),
+        /* @__PURE__ */ a(Lo, { contentRef: d, descriptionId: i.descriptionId })
+      ] })
+    ] });
+  }
+), et = "DialogTitle", rn = l.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = K(et, n);
+    return /* @__PURE__ */ a(M.h2, { id: o.titleId, ...r, ref: t });
+  }
+);
+rn.displayName = et;
+var on = "DialogDescription", an = l.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = K(on, n);
+    return /* @__PURE__ */ a(M.p, { id: o.descriptionId, ...r, ref: t });
+  }
+);
+an.displayName = on;
+var sn = "DialogClose", cn = l.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = K(sn, n);
+    return /* @__PURE__ */ a(
+      M.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: I(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+cn.displayName = sn;
+function tt(e) {
+  return e ? "open" : "closed";
+}
+var ln = "DialogTitleWarning", [ls, un] = sr(ln, {
+  contentName: J,
+  titleName: et,
+  docsSlug: "dialog"
+}), Mo = ({ titleId: e }) => {
+  const t = un(ln), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return l.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, Do = "DialogDescriptionWarning", Lo = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${un(Do).contentName}}.`;
+  return l.useEffect(() => {
+    var s;
+    const o = (s = e.current) == null ? void 0 : s.getAttribute("aria-describedby");
+    t && o && (document.getElementById(t) || console.warn(r));
+  }, [r, e, t]), null;
+}, Oo = Xt, Fo = Zt, $o = Jt, Wo = en, Bo = tn, Uo = rn, Ko = an, Vo = cn;
+function us({
+  trigger: e,
+  title: t,
+  description: n,
+  children: r,
+  footer: o,
+  className: s,
+  ...c
+}) {
+  return /* @__PURE__ */ g(Oo, { ...c, children: [
+    /* @__PURE__ */ a(Fo, { asChild: !0, children: e }),
+    /* @__PURE__ */ g($o, { children: [
+      /* @__PURE__ */ a(Wo, { className: "vx-dialog__overlay" }),
+      /* @__PURE__ */ g(Bo, { className: E("vx-dialog__content", s), children: [
+        /* @__PURE__ */ g("div", { className: "vx-dialog__header", children: [
+          /* @__PURE__ */ g("div", { children: [
+            /* @__PURE__ */ a(Uo, { className: "vx-dialog__title", children: t }),
+            n ? /* @__PURE__ */ a(Ko, { className: "vx-dialog__description", children: n }) : null
+          ] }),
+          /* @__PURE__ */ a(Vo, { className: "vx-dialog__close", "aria-label": "Close dialog", children: /* @__PURE__ */ a(It, { size: 16 }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "vx-dialog__body", children: r }),
+        o ? /* @__PURE__ */ a("div", { className: "vx-dialog__footer", children: o }) : null
+      ] })
+    ] })
+  ] });
+}
+function ds({ className: e, label: t, hint: n, prefix: r, suffix: o, error: s, ...c }) {
+  return /* @__PURE__ */ g("label", { className: "vx-field-group", children: [
+    t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
+    /* @__PURE__ */ g("span", { className: E("vx-input", s && "vx-input--invalid", e), children: [
+      r ? /* @__PURE__ */ a("span", { className: "vx-input__ornament", children: r }) : null,
+      /* @__PURE__ */ a("input", { className: "vx-input__field", "aria-invalid": s ? "true" : void 0, ...c }),
+      o ? /* @__PURE__ */ a("span", { className: "vx-input__ornament", children: o }) : null
+    ] }),
+    s ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: s }) : null,
+    !s && n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
+  ] });
+}
+function Ho(e) {
+  const t = l.useRef({ value: e, previous: e });
+  return l.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+function zo(e) {
+  const [t, n] = l.useState(void 0);
+  return Q(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const s = o[0];
+        let c, i;
+        if ("borderBoxSize" in s) {
+          const d = s.borderBoxSize, u = Array.isArray(d) ? d[0] : d;
+          c = u.inlineSize, i = u.blockSize;
+        } else
+          c = e.offsetWidth, i = e.offsetHeight;
+        n({ width: c, height: i });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+var Ie = "Switch", [jo] = se(Ie), [Go, Yo] = jo(Ie), dn = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSwitch: n,
+      name: r,
+      checked: o,
+      defaultChecked: s,
+      required: c,
+      disabled: i,
+      value: d = "on",
+      onCheckedChange: u,
+      form: v,
+      ...h
+    } = e, [p, y] = l.useState(null), N = B(t, (x) => y(x)), f = l.useRef(!1), m = p ? v || !!p.closest("form") : !0, [b, w] = de({
+      prop: o,
+      defaultProp: s ?? !1,
+      onChange: u,
+      caller: Ie
+    });
+    return /* @__PURE__ */ g(Go, { scope: n, checked: b, disabled: i, children: [
+      /* @__PURE__ */ a(
+        M.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": b,
+          "aria-required": c,
+          "data-state": hn(b),
+          "data-disabled": i ? "" : void 0,
+          disabled: i,
+          value: d,
+          ...h,
+          ref: N,
+          onClick: I(e.onClick, (x) => {
+            w((_) => !_), m && (f.current = x.isPropagationStopped(), f.current || x.stopPropagation());
+          })
+        }
+      ),
+      m && /* @__PURE__ */ a(
+        mn,
+        {
+          control: p,
+          bubbles: !f.current,
+          name: r,
+          value: d,
+          checked: b,
+          required: c,
+          disabled: i,
+          form: v,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+dn.displayName = Ie;
+var fn = "SwitchThumb", vn = l.forwardRef(
+  (e, t) => {
+    const { __scopeSwitch: n, ...r } = e, o = Yo(fn, n);
+    return /* @__PURE__ */ a(
+      M.span,
+      {
+        "data-state": hn(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+vn.displayName = fn;
+var Xo = "SwitchBubbleInput", mn = l.forwardRef(
+  ({
+    __scopeSwitch: e,
+    control: t,
+    checked: n,
+    bubbles: r = !0,
+    ...o
+  }, s) => {
+    const c = l.useRef(null), i = B(c, s), d = Ho(n), u = zo(t);
+    return l.useEffect(() => {
+      const v = c.current;
+      if (!v) return;
+      const h = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
+        h,
+        "checked"
+      ).set;
+      if (d !== n && y) {
+        const N = new Event("click", { bubbles: r });
+        y.call(v, n), v.dispatchEvent(N);
+      }
+    }, [d, n, r]), /* @__PURE__ */ a(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: n,
+        ...o,
+        tabIndex: -1,
+        ref: i,
+        style: {
+          ...o.style,
+          ...u,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+mn.displayName = Xo;
+function hn(e) {
+  return e ? "checked" : "unchecked";
+}
+var qo = dn, Zo = vn;
+function fs({ className: e, label: t, description: n, ...r }) {
+  return /* @__PURE__ */ g("label", { className: "vx-switch", children: [
+    /* @__PURE__ */ g("span", { className: "vx-switch__copy", children: [
+      /* @__PURE__ */ a("span", { className: "vx-switch__label", children: t }),
+      n ? /* @__PURE__ */ a("span", { className: "vx-switch__description", children: n }) : null
+    ] }),
+    /* @__PURE__ */ a(qo, { className: E("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(Zo, { className: "vx-switch__thumb" }) })
+  ] });
+}
+function pn(e) {
+  const t = e + "CollectionProvider", [n, r] = se(t), [o, s] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), c = (f) => {
+    const { scope: m, children: b } = f, w = q.useRef(null), x = q.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ a(o, { scope: m, itemMap: x, collectionRef: w, children: b });
+  };
+  c.displayName = t;
+  const i = e + "CollectionSlot", d = /* @__PURE__ */ Te(i), u = q.forwardRef(
+    (f, m) => {
+      const { scope: b, children: w } = f, x = s(i, b), _ = B(m, x.collectionRef);
+      return /* @__PURE__ */ a(d, { ref: _, children: w });
+    }
+  );
+  u.displayName = i;
+  const v = e + "CollectionItemSlot", h = "data-radix-collection-item", p = /* @__PURE__ */ Te(v), y = q.forwardRef(
+    (f, m) => {
+      const { scope: b, children: w, ...x } = f, _ = q.useRef(null), S = B(m, _), C = s(v, b);
+      return q.useEffect(() => (C.itemMap.set(_, { ref: _, ...x }), () => void C.itemMap.delete(_))), /* @__PURE__ */ a(p, { [h]: "", ref: S, children: w });
+    }
+  );
+  y.displayName = v;
+  function N(f) {
+    const m = s(e + "CollectionConsumer", f);
+    return q.useCallback(() => {
+      const w = m.collectionRef.current;
+      if (!w) return [];
+      const x = Array.from(w.querySelectorAll(`[${h}]`));
+      return Array.from(m.itemMap.values()).sort(
+        (C, T) => x.indexOf(C.ref.current) - x.indexOf(T.ref.current)
+      );
+    }, [m.collectionRef, m.itemMap]);
+  }
+  return [
+    { Provider: c, Slot: u, ItemSlot: y },
+    N,
+    r
+  ];
+}
+var Qo = l.createContext(void 0);
+function bn(e) {
+  const t = l.useContext(Qo);
+  return e || t || "ltr";
+}
+var Ke = "rovingFocusGroup.onEntryFocus", Jo = { bubbles: !1, cancelable: !0 }, fe = "RovingFocusGroup", [Ge, xn, ea] = pn(fe), [ta, gn] = se(
+  fe,
+  [ea]
+), [na, ra] = ta(fe), yn = l.forwardRef(
+  (e, t) => /* @__PURE__ */ a(Ge.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(Ge.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(oa, { ...e, ref: t }) }) })
+);
+yn.displayName = fe;
+var oa = l.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: n,
+    orientation: r,
+    loop: o = !1,
+    dir: s,
+    currentTabStopId: c,
+    defaultCurrentTabStopId: i,
+    onCurrentTabStopIdChange: d,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: v = !1,
+    ...h
+  } = e, p = l.useRef(null), y = B(t, p), N = bn(s), [f, m] = de({
+    prop: c,
+    defaultProp: i ?? null,
+    onChange: d,
+    caller: fe
+  }), [b, w] = l.useState(!1), x = z(u), _ = xn(n), S = l.useRef(!1), [C, T] = l.useState(0);
+  return l.useEffect(() => {
+    const R = p.current;
+    if (R)
+      return R.addEventListener(Ke, x), () => R.removeEventListener(Ke, x);
+  }, [x]), /* @__PURE__ */ a(
+    na,
+    {
+      scope: n,
+      orientation: r,
+      dir: N,
+      loop: o,
+      currentTabStopId: f,
+      onItemFocus: l.useCallback(
+        (R) => m(R),
+        [m]
+      ),
+      onItemShiftTab: l.useCallback(() => w(!0), []),
+      onFocusableItemAdd: l.useCallback(
+        () => T((R) => R + 1),
+        []
+      ),
+      onFocusableItemRemove: l.useCallback(
+        () => T((R) => R - 1),
+        []
+      ),
+      children: /* @__PURE__ */ a(
+        M.div,
+        {
+          tabIndex: b || C === 0 ? -1 : 0,
+          "data-orientation": r,
+          ...h,
+          ref: y,
+          style: { outline: "none", ...e.style },
+          onMouseDown: I(e.onMouseDown, () => {
+            S.current = !0;
+          }),
+          onFocus: I(e.onFocus, (R) => {
+            const L = !S.current;
+            if (R.target === R.currentTarget && L && !b) {
+              const k = new CustomEvent(Ke, Jo);
+              if (R.currentTarget.dispatchEvent(k), !k.defaultPrevented) {
+                const A = _().filter((D) => D.focusable), O = A.find((D) => D.active), V = A.find((D) => D.id === f), F = [O, V, ...A].filter(
+                  Boolean
+                ).map((D) => D.ref.current);
+                Nn(F, v);
+              }
+            }
+            S.current = !1;
+          }),
+          onBlur: I(e.onBlur, () => w(!1))
+        }
+      )
+    }
+  );
+}), _n = "RovingFocusGroupItem", wn = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: r = !0,
+      active: o = !1,
+      tabStopId: s,
+      children: c,
+      ...i
+    } = e, d = le(), u = s || d, v = ra(_n, n), h = v.currentTabStopId === u, p = xn(n), { onFocusableItemAdd: y, onFocusableItemRemove: N, currentTabStopId: f } = v;
+    return l.useEffect(() => {
+      if (r)
+        return y(), () => N();
+    }, [r, y, N]), /* @__PURE__ */ a(
+      Ge.ItemSlot,
+      {
+        scope: n,
+        id: u,
+        focusable: r,
+        active: o,
+        children: /* @__PURE__ */ a(
+          M.span,
+          {
+            tabIndex: h ? 0 : -1,
+            "data-orientation": v.orientation,
+            ...i,
+            ref: t,
+            onMouseDown: I(e.onMouseDown, (m) => {
+              r ? v.onItemFocus(u) : m.preventDefault();
+            }),
+            onFocus: I(e.onFocus, () => v.onItemFocus(u)),
+            onKeyDown: I(e.onKeyDown, (m) => {
+              if (m.key === "Tab" && m.shiftKey) {
+                v.onItemShiftTab();
+                return;
+              }
+              if (m.target !== m.currentTarget) return;
+              const b = ia(m, v.orientation, v.dir);
+              if (b !== void 0) {
+                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
+                m.preventDefault();
+                let x = p().filter((_) => _.focusable).map((_) => _.ref.current);
+                if (b === "last") x.reverse();
+                else if (b === "prev" || b === "next") {
+                  b === "prev" && x.reverse();
+                  const _ = x.indexOf(m.currentTarget);
+                  x = v.loop ? ca(x, _ + 1) : x.slice(_ + 1);
+                }
+                setTimeout(() => Nn(x));
+              }
+            }),
+            children: typeof c == "function" ? c({ isCurrentTabStop: h, hasTabStop: f != null }) : c
+          }
+        )
+      }
+    );
+  }
+);
+wn.displayName = _n;
+var aa = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function sa(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function ia(e, t, n) {
+  const r = sa(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
+    return aa[r];
+}
+function Nn(e, t = !1) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function ca(e, t) {
+  return e.map((n, r) => e[(t + r) % e.length]);
+}
+var la = yn, ua = wn, Ae = "Tabs", [da] = se(Ae, [
+  gn
+]), En = gn(), [fa, nt] = da(Ae), Cn = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTabs: n,
+      value: r,
+      onValueChange: o,
+      defaultValue: s,
+      orientation: c = "horizontal",
+      dir: i,
+      activationMode: d = "automatic",
+      ...u
+    } = e, v = bn(i), [h, p] = de({
+      prop: r,
+      onChange: o,
+      defaultProp: s ?? "",
+      caller: Ae
+    });
+    return /* @__PURE__ */ a(
+      fa,
+      {
+        scope: n,
+        baseId: le(),
+        value: h,
+        onValueChange: p,
+        orientation: c,
+        dir: v,
+        activationMode: d,
+        children: /* @__PURE__ */ a(
+          M.div,
+          {
+            dir: v,
+            "data-orientation": c,
+            ...u,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+Cn.displayName = Ae;
+var Tn = "TabsList", Sn = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: n, loop: r = !0, ...o } = e, s = nt(Tn, n), c = En(n);
+    return /* @__PURE__ */ a(
+      la,
+      {
+        asChild: !0,
+        ...c,
+        orientation: s.orientation,
+        dir: s.dir,
+        loop: r,
+        children: /* @__PURE__ */ a(
+          M.div,
+          {
+            role: "tablist",
+            "aria-orientation": s.orientation,
+            ...o,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+Sn.displayName = Tn;
+var Rn = "TabsTrigger", kn = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: n, value: r, disabled: o = !1, ...s } = e, c = nt(Rn, n), i = En(n), d = An(c.baseId, r), u = Mn(c.baseId, r), v = r === c.value;
+    return /* @__PURE__ */ a(
+      ua,
+      {
+        asChild: !0,
+        ...i,
+        focusable: !o,
+        active: v,
+        children: /* @__PURE__ */ a(
+          M.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": v,
+            "aria-controls": u,
+            "data-state": v ? "active" : "inactive",
+            "data-disabled": o ? "" : void 0,
+            disabled: o,
+            id: d,
+            ...s,
+            ref: t,
+            onMouseDown: I(e.onMouseDown, (h) => {
+              !o && h.button === 0 && h.ctrlKey === !1 ? c.onValueChange(r) : h.preventDefault();
+            }),
+            onKeyDown: I(e.onKeyDown, (h) => {
+              [" ", "Enter"].includes(h.key) && c.onValueChange(r);
+            }),
+            onFocus: I(e.onFocus, () => {
+              const h = c.activationMode !== "manual";
+              !v && !o && h && c.onValueChange(r);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+kn.displayName = Rn;
+var Pn = "TabsContent", In = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: n, value: r, forceMount: o, children: s, ...c } = e, i = nt(Pn, n), d = An(i.baseId, r), u = Mn(i.baseId, r), v = r === i.value, h = l.useRef(v);
+    return l.useEffect(() => {
+      const p = requestAnimationFrame(() => h.current = !1);
+      return () => cancelAnimationFrame(p);
+    }, []), /* @__PURE__ */ a(ie, { present: o || v, children: ({ present: p }) => /* @__PURE__ */ a(
+      M.div,
+      {
+        "data-state": v ? "active" : "inactive",
+        "data-orientation": i.orientation,
+        role: "tabpanel",
+        "aria-labelledby": d,
+        hidden: !p,
+        id: u,
+        tabIndex: 0,
+        ...c,
+        ref: t,
+        style: {
+          ...e.style,
+          animationDuration: h.current ? "0s" : void 0
+        },
+        children: p && s
+      }
+    ) });
+  }
+);
+In.displayName = Pn;
+function An(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function Mn(e, t) {
+  return `${e}-content-${t}`;
+}
+var va = Cn, ma = Sn, ha = kn, pa = In;
+const vs = va, ms = ae(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(ma, { ref: r, className: E("vx-tabs__list", t), ...n });
+}), hs = ae(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(ha, { ref: r, className: E("vx-tabs__trigger", t), ...n });
+}), ps = ae(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(pa, { ref: r, className: E("vx-tabs__content", t), ...n });
+}), Dn = {
+  light: {
+    label: "Light",
+    mode: "light"
+  },
+  dark: {
+    label: "Dark",
+    mode: "dark"
+  }
+};
+function re(e, t = {}) {
+  return {
+    label: t.label,
+    mode: e,
+    tokens: t.tokens
+  };
+}
+const bs = {
+  ...Dn,
+  sunset: re("light", {
+    label: "Sunset",
+    tokens: {
+      "--vx-primary": "#c2410c",
+      "--vx-primary-strong": "#9a3412",
+      "--vx-primary-soft": "rgba(194, 65, 12, 0.12)",
+      "--vx-secondary": "#9a3412",
+      "--vx-bg": "#fff7ed",
+      "--vx-bg-accent": "#ffedd5",
+      "--vx-surface-hover": "#fffaf5",
+      "--vx-border": "#fed7aa",
+      "--vx-border-strong": "#fdba74",
+      "--vx-text": "#431407",
+      "--vx-text-secondary": "#9a3412",
+      "--vx-text-muted": "#b45309",
+      "--vx-shadow-sm": "0 1px 2px rgba(124, 45, 18, 0.08)",
+      "--vx-shadow": "0 14px 32px rgba(124, 45, 18, 0.08)",
+      "--vx-shadow-lg": "0 28px 64px rgba(124, 45, 18, 0.12)"
+    }
+  }),
+  mint: re("light", {
+    label: "Mint",
+    tokens: {
+      "--vx-primary": "#0f766e",
+      "--vx-primary-strong": "#115e59",
+      "--vx-primary-soft": "rgba(15, 118, 110, 0.12)",
+      "--vx-secondary": "#0f766e",
+      "--vx-bg": "#f0fdfa",
+      "--vx-bg-accent": "#ccfbf1",
+      "--vx-surface-hover": "#f6fffd",
+      "--vx-border": "#99f6e4",
+      "--vx-border-strong": "#5eead4",
+      "--vx-text": "#042f2e",
+      "--vx-text-secondary": "#115e59",
+      "--vx-text-muted": "#0f766e",
+      "--vx-shadow-sm": "0 1px 2px rgba(4, 47, 46, 0.08)",
+      "--vx-shadow": "0 14px 32px rgba(4, 47, 46, 0.08)",
+      "--vx-shadow-lg": "0 28px 64px rgba(4, 47, 46, 0.12)"
+    }
+  }),
+  graphite: re("dark", {
+    label: "Graphite",
+    tokens: {
+      "--vx-primary": "#f59e0b",
+      "--vx-primary-strong": "#d97706",
+      "--vx-primary-soft": "rgba(245, 158, 11, 0.16)",
+      "--vx-bg": "#111111",
+      "--vx-bg-accent": "#191919",
+      "--vx-surface": "#18181b",
+      "--vx-surface-strong": "#111111",
+      "--vx-surface-hover": "#222225",
+      "--vx-border": "rgba(244, 244, 245, 0.10)",
+      "--vx-border-strong": "rgba(244, 244, 245, 0.18)",
+      "--vx-text": "#fafafa",
+      "--vx-text-secondary": "#d4d4d8",
+      "--vx-text-muted": "#a1a1aa",
+      "--vx-shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.34)",
+      "--vx-shadow": "0 20px 44px rgba(0, 0, 0, 0.28)",
+      "--vx-shadow-lg": "0 30px 72px rgba(0, 0, 0, 0.38)"
+    }
+  }),
+  "ivory-gold": re("light", {
+    label: "Ivory Gold",
+    tokens: {
+      "--vx-primary": "#a0742a",
+      "--vx-primary-strong": "#7d5a1e",
+      "--vx-primary-soft": "rgba(160, 116, 42, 0.12)",
+      "--vx-bg": "#faf6ee",
+      "--vx-bg-accent": "#f2ead8",
+      "--vx-surface": "#ffffff",
+      "--vx-surface-strong": "#faf6ee",
+      "--vx-surface-hover": "#f6f0e4",
+      "--vx-border": "rgba(160, 116, 42, 0.18)",
+      "--vx-border-strong": "rgba(160, 116, 42, 0.38)",
+      "--vx-text": "#1c1409",
+      "--vx-text-secondary": "#5a4320",
+      "--vx-text-muted": "#9a7c4a",
+      "--vx-shadow-sm": "0 1px 2px rgba(90, 67, 32, 0.08)",
+      "--vx-shadow": "0 12px 32px rgba(90, 67, 32, 0.10)",
+      "--vx-shadow-lg": "0 28px 64px rgba(90, 67, 32, 0.14)",
+      "--vx-success": "#1a9e6e",
+      "--vx-warning": "#c4820a",
+      "--vx-danger": "#d63b3b"
+    }
+  }),
+  "black-gold": re("dark", {
+    label: "Black Gold",
+    tokens: {
+      "--vx-primary": "#c8a97c",
+      "--vx-primary-strong": "#9a7545",
+      "--vx-primary-soft": "rgba(200, 169, 124, 0.16)",
+      "--vx-bg": "#05070b",
+      "--vx-bg-accent": "#0a0d14",
+      "--vx-surface": "rgba(15, 18, 25, 0.76)",
+      "--vx-surface-strong": "rgba(18, 21, 29, 0.9)",
+      "--vx-surface-hover": "rgba(245, 233, 215, 0.1)",
+      "--vx-border": "rgba(245, 233, 215, 0.12)",
+      "--vx-border-strong": "rgba(200, 169, 124, 0.42)",
+      "--vx-text": "#f5e9d7",
+      "--vx-text-secondary": "#d7c8b2",
+      "--vx-text-muted": "#928a81",
+      "--vx-shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.4)",
+      "--vx-shadow": "0 0 42px rgba(200, 169, 124, 0.16)",
+      "--vx-shadow-lg": "0 34px 120px rgba(0, 0, 0, 0.62)",
+      "--vx-success": "#32d49a",
+      "--vx-warning": "#e6ad64",
+      "--vx-danger": "#ef6a64"
+    }
+  }),
+  ocean: re("dark", {
+    label: "Ocean",
+    tokens: {
+      "--vx-primary": "#38bdf8",
+      "--vx-primary-strong": "#0ea5e9",
+      "--vx-primary-soft": "rgba(56, 189, 248, 0.16)",
+      "--vx-bg": "#06131f",
+      "--vx-bg-accent": "#0b1a2b",
+      "--vx-surface": "#0d2236",
+      "--vx-surface-strong": "#06131f",
+      "--vx-surface-hover": "#13314d",
+      "--vx-border": "rgba(125, 211, 252, 0.16)",
+      "--vx-border-strong": "rgba(56, 189, 248, 0.24)",
+      "--vx-text": "#e0f2fe",
+      "--vx-text-secondary": "#bae6fd",
+      "--vx-text-muted": "#7dd3fc",
+      "--vx-shadow-sm": "0 1px 2px rgba(2, 6, 23, 0.34)",
+      "--vx-shadow": "0 20px 44px rgba(2, 6, 23, 0.28)",
+      "--vx-shadow-lg": "0 30px 72px rgba(2, 6, 23, 0.4)"
+    }
+  })
+};
+function ba(e) {
+  return {
+    ...Dn,
+    ...e
+  };
+}
+function xa(e, t) {
+  if (e && t[e])
+    return e;
+  if (t.light)
+    return "light";
+  const [n] = Object.keys(t);
+  return n ?? "light";
+}
+function ga(e, t) {
+  const n = window.localStorage.getItem(e);
+  return n && t[n] ? n : null;
+}
+function ya(e, t, n) {
+  var o;
+  if (((o = e[n]) == null ? void 0 : o.mode) === t)
+    return n;
+  const r = Object.entries(e).find(([, s]) => s.mode === t);
+  return r == null ? void 0 : r[0];
+}
+const Ln = Rt(null);
+function xs({
+  children: e,
+  defaultTheme: t = "light",
+  storageKey: n = "vxui-react-theme",
+  themes: r
+}) {
+  const o = Ne(() => ba(r), [r]), s = Ne(() => xa(t, o), [t, o]), c = $([]), [i, d] = W(() => typeof window > "u" ? s : ga(n, o) ?? s), u = o[i] ? i : s, v = o[u];
+  U(() => {
+    i !== u && d(u);
+  }, [u, i]), U(() => {
+    const p = document.documentElement;
+    for (const N of c.current)
+      p.style.removeProperty(N);
+    p.dataset.theme = v.mode, p.dataset.themeName = u;
+    const y = Object.entries(v.tokens ?? {}).filter(
+      (N) => typeof N[1] == "string" && N[1].length > 0
+    );
+    for (const [N, f] of y)
+      p.style.setProperty(N, f);
+    c.current = y.map(([N]) => N), window.localStorage.setItem(n, u);
+  }, [v, u, n]);
+  const h = Ne(
+    () => ({
+      theme: u,
+      mode: v.mode,
+      themes: o,
+      setTheme: (p) => {
+        d(o[p] ? p : s);
+      },
+      toggleTheme: () => {
+        d((p) => {
+          const N = (o[p] ?? v).mode === "light" ? "dark" : "light";
+          return ya(o, N, N) ?? p;
+        });
+      }
+    }),
+    [v, s, o, u]
+  );
+  return /* @__PURE__ */ a(Ln.Provider, { value: h, children: e });
+}
+function gs() {
+  const e = St(Ln);
+  if (!e)
+    throw new Error("useTheme must be used within ThemeProvider.");
+  return e;
+}
+var _a = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), wa = "VisuallyHidden", rt = l.forwardRef(
+  (e, t) => /* @__PURE__ */ a(
+    M.span,
+    {
+      ...e,
+      ref: t,
+      style: { ..._a, ...e.style }
+    }
+  )
+);
+rt.displayName = wa;
+var ot = "ToastProvider", [at, Na, Ea] = pn("Toast"), [On] = se("Toast", [Ea]), [Ca, Me] = On(ot), Fn = (e) => {
+  const {
+    __scopeToast: t,
+    label: n = "Notification",
+    duration: r = 5e3,
+    swipeDirection: o = "right",
+    swipeThreshold: s = 50,
+    children: c
+  } = e, [i, d] = l.useState(null), [u, v] = l.useState(0), h = l.useRef(!1), p = l.useRef(!1);
+  return n.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${ot}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ a(at.Provider, { scope: t, children: /* @__PURE__ */ a(
+    Ca,
+    {
+      scope: t,
+      label: n,
+      duration: r,
+      swipeDirection: o,
+      swipeThreshold: s,
+      toastCount: u,
+      viewport: i,
+      onViewportChange: d,
+      onToastAdd: l.useCallback(() => v((y) => y + 1), []),
+      onToastRemove: l.useCallback(() => v((y) => y - 1), []),
+      isFocusedToastEscapeKeyDownRef: h,
+      isClosePausedRef: p,
+      children: c
+    }
+  ) });
+};
+Fn.displayName = ot;
+var $n = "ToastViewport", Ta = ["F8"], Ye = "toast.viewportPause", Xe = "toast.viewportResume", Wn = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: n,
+      hotkey: r = Ta,
+      label: o = "Notifications ({hotkey})",
+      ...s
+    } = e, c = Me($n, n), i = Na(n), d = l.useRef(null), u = l.useRef(null), v = l.useRef(null), h = l.useRef(null), p = B(t, h, c.onViewportChange), y = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), N = c.toastCount > 0;
+    l.useEffect(() => {
+      const m = (b) => {
+        var x;
+        r.length !== 0 && r.every((_) => b[_] || b.code === _) && ((x = h.current) == null || x.focus());
+      };
+      return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+    }, [r]), l.useEffect(() => {
+      const m = d.current, b = h.current;
+      if (N && m && b) {
+        const w = () => {
+          if (!c.isClosePausedRef.current) {
+            const C = new CustomEvent(Ye);
+            b.dispatchEvent(C), c.isClosePausedRef.current = !0;
+          }
+        }, x = () => {
+          if (c.isClosePausedRef.current) {
+            const C = new CustomEvent(Xe);
+            b.dispatchEvent(C), c.isClosePausedRef.current = !1;
+          }
+        }, _ = (C) => {
+          !m.contains(C.relatedTarget) && x();
+        }, S = () => {
+          m.contains(document.activeElement) || x();
+        };
+        return m.addEventListener("focusin", w), m.addEventListener("focusout", _), m.addEventListener("pointermove", w), m.addEventListener("pointerleave", S), window.addEventListener("blur", w), window.addEventListener("focus", x), () => {
+          m.removeEventListener("focusin", w), m.removeEventListener("focusout", _), m.removeEventListener("pointermove", w), m.removeEventListener("pointerleave", S), window.removeEventListener("blur", w), window.removeEventListener("focus", x);
+        };
+      }
+    }, [N, c.isClosePausedRef]);
+    const f = l.useCallback(
+      ({ tabbingDirection: m }) => {
+        const w = i().map((x) => {
+          const _ = x.ref.current, S = [_, ...Ba(_)];
+          return m === "forwards" ? S : S.reverse();
+        });
+        return (m === "forwards" ? w.reverse() : w).flat();
+      },
+      [i]
+    );
+    return l.useEffect(() => {
+      const m = h.current;
+      if (m) {
+        const b = (w) => {
+          var S, C, T;
+          const x = w.altKey || w.ctrlKey || w.metaKey;
+          if (w.key === "Tab" && !x) {
+            const R = document.activeElement, L = w.shiftKey;
+            if (w.target === m && L) {
+              (S = u.current) == null || S.focus();
+              return;
+            }
+            const O = f({ tabbingDirection: L ? "backwards" : "forwards" }), V = O.findIndex((P) => P === R);
+            Ve(O.slice(V + 1)) ? w.preventDefault() : L ? (C = u.current) == null || C.focus() : (T = v.current) == null || T.focus();
+          }
+        };
+        return m.addEventListener("keydown", b), () => m.removeEventListener("keydown", b);
+      }
+    }, [i, f]), /* @__PURE__ */ g(
+      Sr,
+      {
+        ref: d,
+        role: "region",
+        "aria-label": o.replace("{hotkey}", y),
+        tabIndex: -1,
+        style: { pointerEvents: N ? void 0 : "none" },
+        children: [
+          N && /* @__PURE__ */ a(
+            qe,
+            {
+              ref: u,
+              onFocusFromOutsideViewport: () => {
+                const m = f({
+                  tabbingDirection: "forwards"
+                });
+                Ve(m);
+              }
+            }
+          ),
+          /* @__PURE__ */ a(at.Slot, { scope: n, children: /* @__PURE__ */ a(M.ol, { tabIndex: -1, ...s, ref: p }) }),
+          N && /* @__PURE__ */ a(
+            qe,
+            {
+              ref: v,
+              onFocusFromOutsideViewport: () => {
+                const m = f({
+                  tabbingDirection: "backwards"
+                });
+                Ve(m);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Wn.displayName = $n;
+var Bn = "ToastFocusProxy", qe = l.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, onFocusFromOutsideViewport: r, ...o } = e, s = Me(Bn, n);
+    return /* @__PURE__ */ a(
+      rt,
+      {
+        tabIndex: 0,
+        ...o,
+        ref: t,
+        style: { position: "fixed" },
+        onFocus: (c) => {
+          var u;
+          const i = c.relatedTarget;
+          !((u = s.viewport) != null && u.contains(i)) && r();
+        }
+      }
+    );
+  }
+);
+qe.displayName = Bn;
+var ve = "Toast", Sa = "toast.swipeStart", Ra = "toast.swipeMove", ka = "toast.swipeCancel", Pa = "toast.swipeEnd", Un = l.forwardRef(
+  (e, t) => {
+    const { forceMount: n, open: r, defaultOpen: o, onOpenChange: s, ...c } = e, [i, d] = de({
+      prop: r,
+      defaultProp: o ?? !0,
+      onChange: s,
+      caller: ve
+    });
+    return /* @__PURE__ */ a(ie, { present: n || i, children: /* @__PURE__ */ a(
+      Ma,
+      {
+        open: i,
+        ...c,
+        ref: t,
+        onClose: () => d(!1),
+        onPause: z(e.onPause),
+        onResume: z(e.onResume),
+        onSwipeStart: I(e.onSwipeStart, (u) => {
+          u.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: I(e.onSwipeMove, (u) => {
+          const { x: v, y: h } = u.detail.delta;
+          u.currentTarget.setAttribute("data-swipe", "move"), u.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${v}px`), u.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${h}px`);
+        }),
+        onSwipeCancel: I(e.onSwipeCancel, (u) => {
+          u.currentTarget.setAttribute("data-swipe", "cancel"), u.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), u.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), u.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), u.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: I(e.onSwipeEnd, (u) => {
+          const { x: v, y: h } = u.detail.delta;
+          u.currentTarget.setAttribute("data-swipe", "end"), u.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), u.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), u.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${v}px`), u.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${h}px`), d(!1);
+        })
+      }
+    ) });
+  }
+);
+Un.displayName = ve;
+var [Ia, Aa] = On(ve, {
+  onClose() {
+  }
+}), Ma = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: n,
+      type: r = "foreground",
+      duration: o,
+      open: s,
+      onClose: c,
+      onEscapeKeyDown: i,
+      onPause: d,
+      onResume: u,
+      onSwipeStart: v,
+      onSwipeMove: h,
+      onSwipeCancel: p,
+      onSwipeEnd: y,
+      ...N
+    } = e, f = Me(ve, n), [m, b] = l.useState(null), w = B(t, (P) => b(P)), x = l.useRef(null), _ = l.useRef(null), S = o || f.duration, C = l.useRef(0), T = l.useRef(S), R = l.useRef(0), { onToastAdd: L, onToastRemove: k } = f, A = z(() => {
+      var F;
+      (m == null ? void 0 : m.contains(document.activeElement)) && ((F = f.viewport) == null || F.focus()), c();
+    }), O = l.useCallback(
+      (P) => {
+        !P || P === 1 / 0 || (window.clearTimeout(R.current), C.current = (/* @__PURE__ */ new Date()).getTime(), R.current = window.setTimeout(A, P));
+      },
+      [A]
+    );
+    l.useEffect(() => {
+      const P = f.viewport;
+      if (P) {
+        const F = () => {
+          O(T.current), u == null || u();
+        }, D = () => {
+          const j = (/* @__PURE__ */ new Date()).getTime() - C.current;
+          T.current = T.current - j, window.clearTimeout(R.current), d == null || d();
+        };
+        return P.addEventListener(Ye, D), P.addEventListener(Xe, F), () => {
+          P.removeEventListener(Ye, D), P.removeEventListener(Xe, F);
+        };
+      }
+    }, [f.viewport, S, d, u, O]), l.useEffect(() => {
+      s && !f.isClosePausedRef.current && O(S);
+    }, [s, S, f.isClosePausedRef, O]), l.useEffect(() => (L(), () => k()), [L, k]);
+    const V = l.useMemo(() => m ? Gn(m) : null, [m]);
+    return f.viewport ? /* @__PURE__ */ g(ue, { children: [
+      V && /* @__PURE__ */ a(
+        Da,
+        {
+          __scopeToast: n,
+          role: "status",
+          "aria-live": r === "foreground" ? "assertive" : "polite",
+          children: V
+        }
+      ),
+      /* @__PURE__ */ a(Ia, { scope: n, onClose: A, children: kt.createPortal(
+        /* @__PURE__ */ a(at.ItemSlot, { scope: n, children: /* @__PURE__ */ a(
+          Tr,
+          {
+            asChild: !0,
+            onEscapeKeyDown: I(i, () => {
+              f.isFocusedToastEscapeKeyDownRef.current || A(), f.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ a(
+              M.li,
+              {
+                tabIndex: 0,
+                "data-state": s ? "open" : "closed",
+                "data-swipe-direction": f.swipeDirection,
+                ...N,
+                ref: w,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: I(e.onKeyDown, (P) => {
+                  P.key === "Escape" && (i == null || i(P.nativeEvent), P.nativeEvent.defaultPrevented || (f.isFocusedToastEscapeKeyDownRef.current = !0, A()));
+                }),
+                onPointerDown: I(e.onPointerDown, (P) => {
+                  P.button === 0 && (x.current = { x: P.clientX, y: P.clientY });
+                }),
+                onPointerMove: I(e.onPointerMove, (P) => {
+                  if (!x.current) return;
+                  const F = P.clientX - x.current.x, D = P.clientY - x.current.y, j = !!_.current, G = ["left", "right"].includes(f.swipeDirection), X = ["left", "up"].includes(f.swipeDirection) ? Math.min : Math.max, me = G ? X(0, F) : 0, De = G ? 0 : X(0, D), ce = P.pointerType === "touch" ? 10 : 2, he = { x: me, y: De }, it = { originalEvent: P, delta: he };
+                  j ? (_.current = he, _e(Ra, h, it, {
+                    discrete: !1
+                  })) : Ct(he, f.swipeDirection, ce) ? (_.current = he, _e(Sa, v, it, {
+                    discrete: !1
+                  }), P.target.setPointerCapture(P.pointerId)) : (Math.abs(F) > ce || Math.abs(D) > ce) && (x.current = null);
+                }),
+                onPointerUp: I(e.onPointerUp, (P) => {
+                  const F = _.current, D = P.target;
+                  if (D.hasPointerCapture(P.pointerId) && D.releasePointerCapture(P.pointerId), _.current = null, x.current = null, F) {
+                    const j = P.currentTarget, G = { originalEvent: P, delta: F };
+                    Ct(F, f.swipeDirection, f.swipeThreshold) ? _e(Pa, y, G, {
+                      discrete: !0
+                    }) : _e(
+                      ka,
+                      p,
+                      G,
+                      {
+                        discrete: !0
+                      }
+                    ), j.addEventListener("click", (X) => X.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        f.viewport
+      ) })
+    ] }) : null;
+  }
+), Da = (e) => {
+  const { __scopeToast: t, children: n, ...r } = e, o = Me(ve, t), [s, c] = l.useState(!1), [i, d] = l.useState(!1);
+  return $a(() => c(!0)), l.useEffect(() => {
+    const u = window.setTimeout(() => d(!0), 1e3);
+    return () => window.clearTimeout(u);
+  }, []), i ? null : /* @__PURE__ */ a(Qe, { asChild: !0, children: /* @__PURE__ */ a(rt, { ...r, children: s && /* @__PURE__ */ g(ue, { children: [
+    o.label,
+    " ",
+    n
+  ] }) }) });
+}, La = "ToastTitle", Kn = l.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, ...r } = e;
+    return /* @__PURE__ */ a(M.div, { ...r, ref: t });
+  }
+);
+Kn.displayName = La;
+var Oa = "ToastDescription", Vn = l.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, ...r } = e;
+    return /* @__PURE__ */ a(M.div, { ...r, ref: t });
+  }
+);
+Vn.displayName = Oa;
+var Hn = "ToastAction", Fa = l.forwardRef(
+  (e, t) => {
+    const { altText: n, ...r } = e;
+    return n.trim() ? /* @__PURE__ */ a(jn, { altText: n, asChild: !0, children: /* @__PURE__ */ a(st, { ...r, ref: t }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${Hn}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+Fa.displayName = Hn;
+var zn = "ToastClose", st = l.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, ...r } = e, o = Aa(zn, n);
+    return /* @__PURE__ */ a(jn, { asChild: !0, children: /* @__PURE__ */ a(
+      M.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: I(e.onClick, o.onClose)
+      }
+    ) });
+  }
+);
+st.displayName = zn;
+var jn = l.forwardRef((e, t) => {
+  const { __scopeToast: n, altText: r, ...o } = e;
+  return /* @__PURE__ */ a(
+    M.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": r || void 0,
+      ...o,
+      ref: t
+    }
+  );
+});
+function Gn(e) {
+  const t = [];
+  return Array.from(e.childNodes).forEach((r) => {
+    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), Wa(r)) {
+      const o = r.ariaHidden || r.hidden || r.style.display === "none", s = r.dataset.radixToastAnnounceExclude === "";
+      if (!o)
+        if (s) {
+          const c = r.dataset.radixToastAnnounceAlt;
+          c && t.push(c);
+        } else
+          t.push(...Gn(r));
+    }
+  }), t;
+}
+function _e(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.currentTarget, s = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? Mt(o, s) : o.dispatchEvent(s);
+}
+var Ct = (e, t, n = 0) => {
+  const r = Math.abs(e.x), o = Math.abs(e.y), s = r > o;
+  return t === "left" || t === "right" ? s && r > n : !s && o > n;
+};
+function $a(e = () => {
+}) {
+  const t = z(e);
+  Q(() => {
+    let n = 0, r = 0;
+    return n = window.requestAnimationFrame(() => r = window.requestAnimationFrame(t)), () => {
+      window.cancelAnimationFrame(n), window.cancelAnimationFrame(r);
+    };
+  }, [t]);
+}
+function Wa(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function Ba(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const o = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function Ve(e) {
+  const t = document.activeElement;
+  return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
+}
+var Ua = Fn, Ka = Wn, Va = Un, Ha = Kn, za = Vn, ja = st;
+const Yn = Rt(null);
+let Ga = 1;
+function ys({ children: e }) {
+  const [t, n] = W([]), r = Ne(
+    () => ({
+      push: (o) => {
+        n((s) => [...s, { id: Ga += 1, tone: "info", ...o }]);
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ a(Yn.Provider, { value: r, children: /* @__PURE__ */ g(Ua, { swipeDirection: "right", children: [
+    e,
+    t.map((o) => /* @__PURE__ */ g(
+      Va,
+      {
+        className: E("vx-toast", `vx-toast--${o.tone ?? "info"}`),
+        duration: 4500,
+        open: !0,
+        onOpenChange: (s) => {
+          s || n((c) => c.filter((i) => i.id !== o.id));
+        },
+        children: [
+          /* @__PURE__ */ g("div", { className: "vx-toast__content", children: [
+            /* @__PURE__ */ a(Ha, { className: "vx-toast__title", children: o.title }),
+            o.description ? /* @__PURE__ */ a(za, { className: "vx-toast__description", children: o.description }) : null
+          ] }),
+          /* @__PURE__ */ a(ja, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(It, { size: 16 }) })
+        ]
+      },
+      o.id
+    )),
+    /* @__PURE__ */ a(Ka, { className: "vx-toast__viewport" })
+  ] }) });
+}
+function _s() {
+  const e = St(Yn);
+  if (!e)
+    throw new Error("useToast must be used within ToastProvider.");
+  return e;
+}
+function ws({
+  as: e = "p",
+  variant: t = "default",
+  size: n = "base",
+  weight: r = "normal",
+  truncate: o = !1,
+  className: s,
+  ...c
+}) {
+  return /* @__PURE__ */ a(
+    e,
+    {
+      className: E(
+        "vx-text-component",
+        `vx-text--${t}`,
+        `vx-text-size--${n}`,
+        `vx-text-weight--${r}`,
+        o && "vx-text--truncate",
+        s
+      ),
+      ...c
+    }
+  );
+}
+function Ns({
+  as: e,
+  level: t = 2,
+  variant: n = "default",
+  weight: r = "bold",
+  truncate: o = !1,
+  className: s,
+  ...c
+}) {
+  const i = e || `h${t}`;
+  return /* @__PURE__ */ a(
+    i,
+    {
+      className: E(
+        "vx-heading",
+        `vx-heading--h${t}`,
+        `vx-heading--${n}`,
+        `vx-heading-weight--${r}`,
+        o && "vx-text--truncate",
+        s
+      ),
+      ...c
+    }
+  );
+}
+function Es({ className: e, label: t, hint: n, placeholder: r, children: o, ...s }) {
+  return /* @__PURE__ */ g("label", { className: "vx-field-group", children: [
+    t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
+    /* @__PURE__ */ g("span", { className: E("vx-select", e), children: [
+      /* @__PURE__ */ g("select", { className: "vx-select__field", ...s, children: [
+        r ? /* @__PURE__ */ a("option", { value: "", disabled: !0, children: r }) : null,
+        o
+      ] }),
+      /* @__PURE__ */ a("span", { className: "vx-select__arrow", "aria-hidden": "true", children: /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ a("path", { d: "M2.5 4.5L6 8L9.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+    ] }),
+    n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
+  ] });
+}
+function Cs({ className: e, label: t, description: n, indeterminate: r, ...o }) {
+  return /* @__PURE__ */ g("label", { className: E("vx-checkbox", o.disabled && "vx-checkbox--disabled"), children: [
+    /* @__PURE__ */ g("span", { className: "vx-checkbox__control-wrap", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "checkbox",
+          className: E("vx-checkbox__input", e),
+          ref: (s) => {
+            s && (s.indeterminate = r ?? !1);
+          },
+          ...o
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "vx-checkbox__box", "aria-hidden": "true", children: r ? /* @__PURE__ */ a("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ a("path", { d: "M2 5h6", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" }) }) : /* @__PURE__ */ a("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ a("path", { d: "M2 5l2.5 2.5L8 3", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+    ] }),
+    t ? /* @__PURE__ */ g("span", { className: "vx-checkbox__copy", children: [
+      /* @__PURE__ */ a("span", { className: "vx-checkbox__label", children: t }),
+      n ? /* @__PURE__ */ a("span", { className: "vx-checkbox__description", children: n }) : null
+    ] }) : null
+  ] });
+}
+function Ts({ className: e, label: t, description: n, ...r }) {
+  return /* @__PURE__ */ g("label", { className: E("vx-radio", r.disabled && "vx-radio--disabled"), children: [
+    /* @__PURE__ */ g("span", { className: "vx-radio__control-wrap", children: [
+      /* @__PURE__ */ a("input", { type: "radio", className: E("vx-radio__input", e), ...r }),
+      /* @__PURE__ */ a("span", { className: "vx-radio__circle", "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: "vx-radio__dot" }) })
+    ] }),
+    t ? /* @__PURE__ */ g("span", { className: "vx-radio__copy", children: [
+      /* @__PURE__ */ a("span", { className: "vx-radio__label", children: t }),
+      n ? /* @__PURE__ */ a("span", { className: "vx-radio__description", children: n }) : null
+    ] }) : null
+  ] });
+}
+function Ss({ label: e, children: t, className: n }) {
+  return /* @__PURE__ */ g("fieldset", { className: E("vx-radio-group", n), children: [
+    e ? /* @__PURE__ */ a("legend", { className: "vx-field-group__label", children: e }) : null,
+    /* @__PURE__ */ a("div", { className: "vx-radio-group__items", children: t })
+  ] });
+}
+function Rs({ className: e, label: t, hint: n, resize: r = "vertical", style: o, ...s }) {
+  return /* @__PURE__ */ g("label", { className: "vx-field-group", children: [
+    t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
+    /* @__PURE__ */ a(
+      "textarea",
+      {
+        className: E("vx-textarea", e),
+        style: { resize: r, ...o },
+        ...s
+      }
+    ),
+    n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
+  ] });
+}
+function ks({ className: e, label: t, showValue: n = !1, hint: r, value: o, defaultValue: s, ...c }) {
+  return /* @__PURE__ */ g("label", { className: "vx-field-group", children: [
+    t || n ? /* @__PURE__ */ g("span", { className: "vx-slider__header", children: [
+      t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label vx-slider__label", children: t }) : null,
+      n ? /* @__PURE__ */ a("span", { className: "vx-slider__value", children: o ?? s ?? "" }) : null
+    ] }) : null,
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "range",
+        className: E("vx-slider", e),
+        value: o,
+        defaultValue: s,
+        ...c
+      }
+    ),
+    r ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: r }) : null
+  ] });
+}
+const Ya = { sm: 16, md: 24, lg: 36 };
+function Ps({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
+  const o = Ya[t];
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      role: "status",
+      "aria-label": n,
+      className: E("vx-spinner", `vx-spinner--${t}`, e),
+      ...r,
+      children: /* @__PURE__ */ a(
+        "svg",
+        {
+          width: o,
+          height: o,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ a(
+            "circle",
+            {
+              cx: "12",
+              cy: "12",
+              r: "9",
+              stroke: "currentColor",
+              strokeWidth: "2.5",
+              strokeLinecap: "round",
+              strokeDasharray: "42 14"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Is({
+  className: e,
+  value: t = 0,
+  max: n = 100,
+  label: r,
+  showLabel: o = !1,
+  size: s = "md",
+  variant: c = "default",
+  indeterminate: i = !1,
+  ...d
+}) {
+  const u = i ? void 0 : Math.min(100, Math.max(0, t / n * 100));
+  return /* @__PURE__ */ g("div", { className: E("vx-progress-wrap", e), ...d, children: [
+    r || o ? /* @__PURE__ */ g("div", { className: "vx-progress__header", children: [
+      r ? /* @__PURE__ */ a("span", { className: "vx-progress__label", children: r }) : null,
+      o && !i ? /* @__PURE__ */ g("span", { className: "vx-progress__value", children: [
+        Math.round(u),
+        "%"
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ a(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": i ? void 0 : t,
+        "aria-valuemin": 0,
+        "aria-valuemax": n,
+        "aria-label": r,
+        className: E(
+          "vx-progress",
+          `vx-progress--${s}`,
+          `vx-progress--${c}`,
+          i && "vx-progress--indeterminate"
+        ),
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            className: "vx-progress__bar",
+            style: i ? void 0 : { width: `${u}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+const Xa = {
+  info: /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ a("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ a("path", { d: "M8 7v4M8 5.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  success: /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ a("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ a("path", { d: "M5 8.5l2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
+  warning: /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ a("path", { d: "M8 2L14.5 13.5H1.5L8 2z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ a("path", { d: "M8 6.5v3M8 11v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  danger: /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ a("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ a("path", { d: "M10 6L6 10M6 6l4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] })
+};
+function As({
+  className: e,
+  variant: t = "info",
+  title: n,
+  icon: r,
+  onClose: o,
+  children: s,
+  ...c
+}) {
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      role: "alert",
+      className: E("vx-alert", `vx-alert--${t}`, e),
+      ...c,
+      children: [
+        /* @__PURE__ */ a("span", { className: "vx-alert__icon", children: r ?? Xa[t] }),
+        /* @__PURE__ */ g("div", { className: "vx-alert__body", children: [
+          n ? /* @__PURE__ */ a("p", { className: "vx-alert__title", children: n }) : null,
+          s ? /* @__PURE__ */ a("div", { className: "vx-alert__content", children: s }) : null
+        ] }),
+        o ? /* @__PURE__ */ a("button", { type: "button", className: "vx-alert__close", onClick: o, "aria-label": "关闭", children: /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M1 1l12 12M13 1L1 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) }) : null
+      ]
+    }
+  );
+}
+function Ms({
+  className: e,
+  width: t,
+  height: n,
+  variant: r = "rect",
+  lines: o = 1,
+  style: s,
+  ...c
+}) {
+  return r === "text" && o > 1 ? /* @__PURE__ */ a("span", { className: E("vx-skeleton-text", e), ...c, children: Array.from({ length: o }).map((i, d) => /* @__PURE__ */ a(
+    "span",
+    {
+      className: "vx-skeleton vx-skeleton--text",
+      style: d === o - 1 ? { width: "70%" } : void 0
+    },
+    d
+  )) }) : /* @__PURE__ */ a(
+    "span",
+    {
+      className: E(
+        "vx-skeleton",
+        `vx-skeleton--${r}`,
+        e
+      ),
+      style: {
+        width: typeof t == "number" ? `${t}px` : t,
+        height: typeof n == "number" ? `${n}px` : n,
+        ...s
+      },
+      ...c
+    }
+  );
+}
+function Ds({ content: e, placement: t = "top", delay: n = 600, children: r, className: o }) {
+  const [s, c] = W(!1), i = $(null), d = Z(() => {
+    i.current = setTimeout(() => c(!0), n);
+  }, [n]), u = Z(() => {
+    i.current && clearTimeout(i.current), c(!1);
+  }, []);
+  return U(() => () => {
+    i.current && clearTimeout(i.current);
+  }, []), /* @__PURE__ */ g("span", { className: E("vx-tooltip-wrap", o), onMouseEnter: d, onMouseLeave: u, onFocus: d, onBlur: u, children: [
+    r,
+    s ? /* @__PURE__ */ a("span", { role: "tooltip", className: E("vx-tooltip", `vx-tooltip--${t}`), children: e }) : null
+  ] });
+}
+function Ls({
+  content: e,
+  placement: t = "bottom",
+  trigger: n = "click",
+  children: r,
+  className: o,
+  open: s,
+  onOpenChange: c
+}) {
+  const [i, d] = W(!1), u = s !== void 0, v = u ? s : i, h = $(null), p = Z((f) => {
+    u || d(f), c == null || c(f);
+  }, [u, c]), y = Z(() => p(!v), [v, p]);
+  U(() => {
+    if (!v) return;
+    const f = (b) => {
+      b.key === "Escape" && p(!1);
+    }, m = (b) => {
+      h.current && !h.current.contains(b.target) && p(!1);
+    };
+    return document.addEventListener("keydown", f), document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("keydown", f), document.removeEventListener("mousedown", m);
+    };
+  }, [v, p]);
+  const N = n === "click" ? { onClick: y } : { onMouseEnter: () => p(!0), onMouseLeave: () => p(!1) };
+  return /* @__PURE__ */ g("div", { ref: h, className: E("vx-popover-wrap", o), ...N, children: [
+    r,
+    v ? /* @__PURE__ */ a("div", { className: E("vx-popover", `vx-popover--${t}`), role: "dialog", children: e }) : null
+  ] });
+}
+function Os({
+  trigger: e,
+  groups: t,
+  items: n,
+  align: r = "left",
+  className: o,
+  open: s,
+  onOpenChange: c
+}) {
+  const [i, d] = W(!1), u = s !== void 0, v = u ? s : i, h = $(null), p = Z((f) => {
+    u || d(f), c == null || c(f);
+  }, [u, c]), y = Z(() => p(!v), [v, p]);
+  U(() => {
+    if (!v) return;
+    const f = (b) => {
+      b.key === "Escape" && p(!1);
+    }, m = (b) => {
+      h.current && !h.current.contains(b.target) && p(!1);
+    };
+    return document.addEventListener("keydown", f), document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("keydown", f), document.removeEventListener("mousedown", m);
+    };
+  }, [v, p]);
+  const N = t ?? (n ? [{ items: n }] : []);
+  return /* @__PURE__ */ g("div", { ref: h, className: E("vx-dropdown", o), children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "vx-dropdown__trigger",
+        onClick: y,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (f) => {
+          (f.key === "Enter" || f.key === " ") && y();
+        },
+        children: e
+      }
+    ),
+    v ? /* @__PURE__ */ a("div", { className: E("vx-dropdown__menu", `vx-dropdown__menu--${r}`), role: "menu", children: N.map((f, m) => /* @__PURE__ */ g("div", { className: "vx-dropdown__group", children: [
+      f.label ? /* @__PURE__ */ a("div", { className: "vx-dropdown__group-label", children: f.label }) : null,
+      m > 0 && !f.label ? /* @__PURE__ */ a("div", { className: "vx-dropdown__separator", role: "separator" }) : null,
+      f.items.map((b, w) => /* @__PURE__ */ g(
+        "button",
+        {
+          role: "menuitem",
+          disabled: b.disabled,
+          className: E(
+            "vx-dropdown__item",
+            b.danger && "vx-dropdown__item--danger",
+            b.disabled && "vx-dropdown__item--disabled"
+          ),
+          onClick: () => {
+            var x;
+            b.disabled || ((x = b.onClick) == null || x.call(b), p(!1));
+          },
+          children: [
+            b.icon ? /* @__PURE__ */ a("span", { className: "vx-dropdown__item-icon", children: b.icon }) : null,
+            /* @__PURE__ */ a("span", { className: "vx-dropdown__item-label", children: b.label }),
+            b.shortcut ? /* @__PURE__ */ a("kbd", { className: "vx-dropdown__shortcut", children: b.shortcut }) : null
+          ]
+        },
+        w
+      ))
+    ] }, m)) }) : null
+  ] });
+}
+const qa = () => /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M4.5 2.5L7.5 6l-3 3.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+function Fs({ items: e, separator: t, className: n }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", className: E("vx-breadcrumb", n), children: /* @__PURE__ */ a("ol", { className: "vx-breadcrumb__list", children: e.map((r, o) => {
+    const s = o === e.length - 1;
+    return /* @__PURE__ */ g("li", { className: "vx-breadcrumb__item", children: [
+      s ? /* @__PURE__ */ a("span", { className: "vx-breadcrumb__current", "aria-current": "page", children: r.label }) : r.href ? /* @__PURE__ */ a("a", { href: r.href, className: "vx-breadcrumb__link", children: r.label }) : /* @__PURE__ */ a("button", { type: "button", className: "vx-breadcrumb__link", onClick: r.onClick, children: r.label }),
+      s ? null : /* @__PURE__ */ a("span", { className: "vx-breadcrumb__sep", "aria-hidden": "true", children: t ?? /* @__PURE__ */ a(qa, {}) })
+    ] }, o);
+  }) }) });
+}
+function we(e, t) {
+  return Array.from({ length: t - e + 1 }, (n, r) => e + r);
+}
+function $s({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange: o, className: s }) {
+  const c = Math.max(1, Math.ceil(t / n)), i = (() => {
+    const d = r * 2 + 5;
+    if (c <= d) return we(1, c);
+    const u = Math.max(e - r, 1), v = Math.min(e + r, c), h = u > 3, p = v < c - 2;
+    return !h && p ? [...we(1, 3 + r * 2), "…", c] : h && !p ? [1, "…", ...we(c - (2 + r * 2), c)] : [1, "…", ...we(u, v), "…", c];
+  })();
+  return /* @__PURE__ */ g("nav", { role: "navigation", "aria-label": "Pagination", className: E("vx-pagination", s), children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "vx-pagination__btn vx-pagination__btn--prev",
+        disabled: e <= 1,
+        onClick: () => o(e - 1),
+        "aria-label": "上一页",
+        children: /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M9 11L5 7l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+      }
+    ),
+    i.map(
+      (d, u) => d === "…" ? /* @__PURE__ */ a("span", { className: "vx-pagination__ellipsis", "aria-hidden": "true", children: "…" }, `e-${u}`) : /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-current": d === e ? "page" : void 0,
+          className: E("vx-pagination__btn", d === e && "vx-pagination__btn--active"),
+          onClick: () => o(d),
+          children: d
+        },
+        d
+      )
+    ),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "vx-pagination__btn vx-pagination__btn--next",
+        disabled: e >= c,
+        onClick: () => o(e + 1),
+        "aria-label": "下一页",
+        children: /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M5 11l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+      }
+    )
+  ] });
+}
+function Ws({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
+  const [o, s] = W(new Set(n));
+  function c(i) {
+    s((d) => {
+      const u = new Set(t ? d : []);
+      return d.has(i) ? u.delete(i) : u.add(i), u;
+    });
+  }
+  return /* @__PURE__ */ a("div", { className: E("vx-accordion", r), children: e.map((i) => {
+    const d = o.has(i.key);
+    return /* @__PURE__ */ g("div", { className: E("vx-accordion__item", d && "vx-accordion__item--open", i.disabled && "vx-accordion__item--disabled"), children: [
+      /* @__PURE__ */ g(
+        "button",
+        {
+          type: "button",
+          disabled: i.disabled,
+          "aria-expanded": d,
+          className: "vx-accordion__trigger",
+          onClick: () => !i.disabled && c(i.key),
+          children: [
+            /* @__PURE__ */ a("span", { className: "vx-accordion__title", children: i.title }),
+            /* @__PURE__ */ a("span", { className: "vx-accordion__chevron", "aria-hidden": "true", children: /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ a("path", { d: "M3 5l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+          ]
+        }
+      ),
+      d ? /* @__PURE__ */ a("div", { className: "vx-accordion__content", children: i.content }) : null
+    ] }, i.key);
+  }) });
+}
+function Bs({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
+  return /* @__PURE__ */ a(
+    "hr",
+    {
+      role: n ? "none" : "separator",
+      "aria-orientation": n ? void 0 : t,
+      className: E("vx-separator", `vx-separator--${t}`, e),
+      ...r
+    }
+  );
+}
+function Za(e) {
+  const t = e.trim().split(/\s+/);
+  return t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+const Tt = [0, 30, 60, 120, 160, 200, 240, 270, 300, 340];
+function Qa(e) {
+  let t = 0;
+  for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
+  return Tt[t % Tt.length];
+}
+function Us({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o, className: s, alt: c, ...i }) {
+  const [d, u] = W(!1), v = e && !d, h = t ?? c ?? "", p = h ? Qa(h) : 200;
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: E("vx-avatar", `vx-avatar--${n}`, `vx-avatar--${r}`, s),
+      "aria-label": h || void 0,
+      style: v ? void 0 : { "--vx-avatar-hue": p },
+      children: v ? /* @__PURE__ */ a(
+        "img",
+        {
+          src: e,
+          alt: c ?? t ?? "",
+          className: "vx-avatar__img",
+          onError: () => u(!0),
+          ...i
+        }
+      ) : o ? /* @__PURE__ */ a("span", { className: "vx-avatar__fallback", children: o }) : h ? /* @__PURE__ */ a("span", { className: "vx-avatar__initials", children: Za(h) }) : /* @__PURE__ */ g("svg", { className: "vx-avatar__placeholder", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ a("circle", { cx: "12", cy: "8", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ a("path", { d: "M4 20c0-4 3.58-7 8-7s8 3 8 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ] })
+    }
+  );
+}
+function Ks({
+  columns: e,
+  data: t,
+  striped: n = !1,
+  hoverable: r = !0,
+  bordered: o = !1,
+  compact: s = !1,
+  stickyHeader: c = !1,
+  caption: i,
+  emptyText: d = "暂无数据",
+  sortColumn: u,
+  sortDirection: v,
+  onSortChange: h,
+  className: p,
+  ...y
+}) {
+  const [N, f] = W(null), [m, b] = W(null), w = u !== void 0, x = w ? u : N, _ = w ? v ?? null : m, S = Z((C) => {
+    let T;
+    x !== C ? T = "asc" : _ === "asc" ? T = "desc" : _ === "desc" ? T = null : T = "asc", w || (f(T === null ? null : C), b(T)), h == null || h(C, T);
+  }, [x, _, w, h]);
+  return /* @__PURE__ */ a("div", { className: E("vx-table-wrap", p), ...y, children: /* @__PURE__ */ g(
+    "table",
+    {
+      className: E(
+        "vx-table",
+        n && "vx-table--striped",
+        r && "vx-table--hoverable",
+        o && "vx-table--bordered",
+        s && "vx-table--compact",
+        c && "vx-table--sticky"
+      ),
+      children: [
+        i ? /* @__PURE__ */ a("caption", { className: "vx-table__caption", children: i }) : null,
+        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((C) => /* @__PURE__ */ a(
+          "th",
+          {
+            className: E(
+              "vx-table__th",
+              C.sortable && "vx-table__th--sortable",
+              C.align && `vx-table__th--${C.align}`,
+              C.className
+            ),
+            style: { width: C.width },
+            onClick: C.sortable ? () => S(C.key) : void 0,
+            "aria-sort": x === C.key ? _ === "asc" ? "ascending" : _ === "desc" ? "descending" : "none" : void 0,
+            children: /* @__PURE__ */ g("span", { className: "vx-table__th-inner", children: [
+              C.header,
+              C.sortable ? /* @__PURE__ */ a("span", { className: "vx-table__sort-icon", "aria-hidden": "true", children: x === C.key && _ === "asc" ? "↑" : x === C.key && _ === "desc" ? "↓" : "↕" }) : null
+            ] })
+          },
+          C.key
+        )) }) }),
+        /* @__PURE__ */ a("tbody", { children: t.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length, className: "vx-table__empty", children: d }) }) : t.map((C, T) => /* @__PURE__ */ a("tr", { className: "vx-table__row", children: e.map((R) => /* @__PURE__ */ a(
+          "td",
+          {
+            className: E("vx-table__td", R.align && `vx-table__td--${R.align}`, R.className),
+            children: R.accessor(C)
+          },
+          R.key
+        )) }, T)) })
+      ]
+    }
+  ) });
+}
+function Vs({ topBar: e, bottomNav: t, children: n, className: r }) {
+  return /* @__PURE__ */ g("div", { className: E("vxm-shell", r), children: [
+    e && /* @__PURE__ */ a("div", { className: "vxm-shell__topbar", children: e }),
+    /* @__PURE__ */ a("main", { className: "vxm-shell__main", children: n }),
+    t && /* @__PURE__ */ a("div", { className: "vxm-shell__bottomnav", children: t })
+  ] });
+}
+function Hs({ title: e, leading: t, trailing: n, className: r }) {
+  return /* @__PURE__ */ g("div", { className: E("vxm-topbar", r), children: [
+    /* @__PURE__ */ a("div", { className: "vxm-topbar__leading", children: t }),
+    /* @__PURE__ */ a("div", { className: "vxm-topbar__title", children: e }),
+    /* @__PURE__ */ a("div", { className: "vxm-topbar__trailing", children: n })
+  ] });
+}
+function zs({ label: e, className: t, children: n, ...r }) {
+  return /* @__PURE__ */ a("button", { type: "button", className: E("vxm-icon-btn", t), "aria-label": e, ...r, children: n });
+}
+function js({ items: e, className: t }) {
+  return /* @__PURE__ */ a("nav", { className: E("vxm-bottomnav", t), "aria-label": "底部导航", children: e.map((n) => /* @__PURE__ */ g(
+    "button",
+    {
+      type: "button",
+      className: E("vxm-bottomnav__item", n.active && "vxm-bottomnav__item--active"),
+      onClick: n.onSelect,
+      "aria-current": n.active ? "page" : void 0,
+      children: [
+        /* @__PURE__ */ g("span", { className: "vxm-bottomnav__icon", children: [
+          n.icon,
+          n.badge != null && /* @__PURE__ */ a("span", { className: "vxm-bottomnav__badge", "aria-label": `${n.badge} 条未读`, children: n.badge })
+        ] }),
+        /* @__PURE__ */ a("span", { className: "vxm-bottomnav__label", children: n.label })
+      ]
+    },
+    n.key
+  )) });
+}
+function Gs({
+  open: e,
+  onClose: t,
+  title: n,
+  description: r,
+  children: o,
+  className: s
+}) {
+  const c = $(null), i = $(0), [d, u] = W(!1), [v, h] = W(0), p = $(0);
+  U(() => {
+    e || (h(0), p.current = 0);
+  }, [e]), U(() => {
+    if (!e) return;
+    const m = (b) => {
+      b.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [e, t]), U(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]);
+  const y = (m) => {
+    i.current = m.touches[0].clientY, p.current = 0, u(!0);
+  }, N = (m) => {
+    const b = m.touches[0].clientY - i.current;
+    b < 0 || (p.current = b, h(b));
+  }, f = () => {
+    u(!1);
+    const m = c.current;
+    if (!m) return;
+    const b = m.offsetHeight * 0.32;
+    p.current > b ? t() : h(0);
+  };
+  return e ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: "vxm-actionsheet__overlay",
+      onClick: t,
+      role: "presentation",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ g(
+        "div",
+        {
+          ref: c,
+          className: E("vxm-actionsheet", s),
+          style: {
+            transform: `translateY(${v}px)`,
+            transition: d ? "none" : "transform 280ms cubic-bezier(0.32, 0.72, 0, 1)"
+          },
+          onClick: (m) => m.stopPropagation(),
+          onTouchStart: y,
+          onTouchMove: N,
+          onTouchEnd: f,
+          role: "dialog",
+          "aria-modal": !0,
+          "aria-label": n ?? "Action sheet",
+          children: [
+            /* @__PURE__ */ a("div", { className: "vxm-actionsheet__handle", "aria-hidden": "true" }),
+            (n || r) && /* @__PURE__ */ g("div", { className: "vxm-actionsheet__header", children: [
+              n && /* @__PURE__ */ a("h3", { className: "vxm-actionsheet__title", children: n }),
+              r && /* @__PURE__ */ a("p", { className: "vxm-actionsheet__description", children: r })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "vxm-actionsheet__body", children: o })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function Ys({ icon: e, destructive: t, className: n, children: r, ...o }) {
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      type: "button",
+      className: E("vxm-actionsheet-item", t && "vxm-actionsheet-item--destructive", n),
+      ...o,
+      children: [
+        e && /* @__PURE__ */ a("span", { className: "vxm-actionsheet-item__icon", children: e }),
+        r
+      ]
+    }
+  );
+}
+function Xs({ className: e, ...t }) {
+  return /* @__PURE__ */ a("ul", { className: E("vxm-list", e), role: "list", ...t });
+}
+function qs({ title: e, className: t, children: n, ...r }) {
+  return /* @__PURE__ */ g("div", { className: E("vxm-list-section", t), ...r, children: [
+    e && /* @__PURE__ */ a("div", { className: "vxm-list-section__title", children: e }),
+    n
+  ] });
+}
+function Zs({
+  leading: e,
+  trailing: t,
+  label: n,
+  description: r,
+  chevron: o,
+  destructive: s,
+  disabled: c,
+  onClick: i,
+  className: d
+}) {
+  const u = /* @__PURE__ */ g(ue, { children: [
+    e && /* @__PURE__ */ a("span", { className: "vxm-list-item__leading", children: e }),
+    /* @__PURE__ */ g("span", { className: "vxm-list-item__content", children: [
+      /* @__PURE__ */ a("span", { className: "vxm-list-item__label", children: n }),
+      r && /* @__PURE__ */ a("span", { className: "vxm-list-item__description", children: r })
+    ] }),
+    t && /* @__PURE__ */ a("span", { className: "vxm-list-item__trailing", children: t }),
+    o && /* @__PURE__ */ a(nr, { size: 16, className: "vxm-list-item__chevron", "aria-hidden": "true" })
+  ] });
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      className: E(
+        "vxm-list-item",
+        s && "vxm-list-item--destructive",
+        c && "vxm-list-item--disabled",
+        !i && "vxm-list-item--static",
+        d
+      ),
+      children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "vxm-list-item__btn",
+          onClick: c ? void 0 : i,
+          disabled: c,
+          tabIndex: i ? 0 : -1,
+          children: u
+        }
+      )
+    }
+  );
+}
+function Qs({
+  open: e,
+  onClose: t,
+  width: n = 280,
+  header: r,
+  footer: o,
+  children: s,
+  className: c
+}) {
+  const i = $(null), d = $(0), u = $(0), [v, h] = W(!1), [p, y] = W(0);
+  U(() => {
+    e || (y(0), u.current = 0);
+  }, [e]), U(() => {
+    if (!e) return;
+    const x = (_) => {
+      _.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+  }, [e, t]), U(() => (document.body.style.overflow = e ? "hidden" : "", () => {
+    document.body.style.overflow = "";
+  }), [e]);
+  const N = (x) => {
+    d.current = x.touches[0].clientX, u.current = 0, h(!0);
+  }, f = (x) => {
+    const _ = x.touches[0].clientX - d.current;
+    _ > 0 || (u.current = _, y(_));
+  }, m = () => {
+    h(!1), Math.abs(u.current) > n * 0.3 ? t() : y(0);
+  };
+  if (!e) return null;
+  const w = 0.52 * Math.max(0, 1 + p / n);
+  return /* @__PURE__ */ g("div", { className: "vxm-drawer__overlay", style: { "--vxm-overlay-opacity": w }, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "vxm-drawer__scrim",
+        onClick: t,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ g(
+      "div",
+      {
+        ref: i,
+        className: E("vxm-drawer", c),
+        style: {
+          width: n,
+          transform: `translateX(${p}px)`,
+          transition: v ? "none" : "transform 280ms cubic-bezier(0.32, 0.72, 0, 1)"
+        },
+        onTouchStart: N,
+        onTouchMove: f,
+        onTouchEnd: m,
+        role: "dialog",
+        "aria-modal": !0,
+        "aria-label": "Navigation drawer",
+        children: [
+          r && /* @__PURE__ */ a("div", { className: "vxm-drawer__header", children: r }),
+          /* @__PURE__ */ a("div", { className: "vxm-drawer__body", children: s }),
+          o && /* @__PURE__ */ a("div", { className: "vxm-drawer__footer", children: o })
+        ]
+      }
+    )
+  ] });
+}
+function Js({ icon: e, label: t, badge: n, active: r, onClick: o }) {
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      type: "button",
+      className: E("vxm-drawer-item", r && "vxm-drawer-item--active"),
+      onClick: o,
+      "aria-current": r ? "page" : void 0,
+      children: [
+        e && /* @__PURE__ */ a("span", { className: "vxm-drawer-item__icon", children: e }),
+        /* @__PURE__ */ a("span", { className: "vxm-drawer-item__label", children: t }),
+        n != null && /* @__PURE__ */ a("span", { className: "vxm-drawer-item__badge", children: n })
+      ]
+    }
+  );
+}
+function ei({ title: e, children: t }) {
+  return /* @__PURE__ */ g("div", { className: "vxm-drawer-section", children: [
+    e && /* @__PURE__ */ a("div", { className: "vxm-drawer-section__title", children: e }),
+    /* @__PURE__ */ a("div", { className: "vxm-drawer-section__items", children: t })
+  ] });
+}
+export {
+  Ws as Accordion,
+  Gs as ActionSheet,
+  Ys as ActionSheetItem,
+  As as Alert,
+  ns as AppShell,
+  Us as Avatar,
+  rs as Badge,
+  js as BottomNav,
+  Fs as Breadcrumb,
+  dt as Button,
+  os as Card,
+  cs as CardContent,
+  is as CardDescription,
+  as as CardHeader,
+  ss as CardTitle,
+  Cs as Checkbox,
+  us as Dialog,
+  Js as DrawerNavItem,
+  ei as DrawerNavSection,
+  Os as DropdownMenu,
+  Ns as Heading,
+  ds as Input,
+  Qs as MobileDrawer,
+  zs as MobileIconButton,
+  Xs as MobileList,
+  Zs as MobileListItem,
+  qs as MobileListSection,
+  Vs as MobileShell,
+  Hs as MobileTopBar,
+  $s as Pagination,
+  Ls as Popover,
+  Is as Progress,
+  Ts as Radio,
+  Ss as RadioGroup,
+  Es as Select,
+  Bs as Separator,
+  Ms as Skeleton,
+  ks as Slider,
+  Ps as Spinner,
+  fs as Switch,
+  Ks as Table,
+  vs as Tabs,
+  ps as TabsContent,
+  ms as TabsList,
+  hs as TabsTrigger,
+  ws as Text,
+  Rs as Textarea,
+  xs as ThemeProvider,
+  ys as ToastProvider,
+  Ds as Tooltip,
+  re as createTheme,
+  bs as themePresets,
+  gs as useTheme,
+  _s as useToast
+};