vxui-react 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,25 +1,25 @@
 import { jsx as a, Fragment as q, jsxs as S } from "react/jsx-runtime";
 import * as b from "react";
-import ae, { useState as D, useEffect as O, useContext as ye, createContext as _e, forwardRef as re, createElement as it, useRef as L, useMemo as be, useCallback as U, useId as Ir } from "react";
-import * as sn from "react-dom";
-import Lr from "react-dom";
-const Mr = 767, Or = 1023;
-function It() {
+import ae, { useState as F, useEffect as O, useContext as ye, createContext as _e, forwardRef as re, createElement as it, useRef as L, useMemo as be, useCallback as U, useId as Mr } from "react";
+import * as on from "react-dom";
+import Or from "react-dom";
+const $r = 767, Br = 1023;
+function Lt() {
   if (typeof window > "u") return "desktop";
   const e = window.innerWidth;
-  return e <= Mr ? "phone" : e <= Or ? "tablet" : "desktop";
+  return e <= $r ? "phone" : e <= Br ? "tablet" : "desktop";
 }
-const on = _e({
+const ln = _e({
   viewport: "desktop",
   isPhone: !1,
   isTablet: !1,
   isDesktop: !0
 });
-function bi({ children: e }) {
-  const [t, n] = D(It);
+function yi({ children: e }) {
+  const [t, n] = F(Lt);
   O(() => {
     const s = () => {
-      const o = It();
+      const o = Lt();
       n((l) => l === o ? l : o);
     };
     return window.addEventListener("resize", s, { passive: !0 }), () => window.removeEventListener("resize", s);
@@ -30,13 +30,13 @@ function bi({ children: e }) {
     isTablet: t === "tablet",
     isDesktop: t === "desktop"
   };
-  return /* @__PURE__ */ a(on.Provider, { value: r, children: e });
+  return /* @__PURE__ */ a(ln.Provider, { value: r, children: e });
 }
-function ln() {
-  return ye(on);
+function vt() {
+  return ye(ln);
 }
-function xi({ desktop: e, mobile: t, tablet: n }) {
-  const { viewport: r } = ln();
+function _i({ desktop: e, mobile: t, tablet: n }) {
+  const { viewport: r } = vt();
   return r === "phone" ? /* @__PURE__ */ a(q, { children: t }) : r === "tablet" ? /* @__PURE__ */ a(q, { children: n ?? e }) : /* @__PURE__ */ a(q, { children: e });
 }
 /**
@@ -45,13 +45,13 @@ function xi({ desktop: e, mobile: t, tablet: n }) {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Br = (e) => e.replace(
+const zr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ur = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
-), Lt = (e) => {
-  const t = Br(e);
+), Mt = (e) => {
+  const t = Ur(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, cn = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), zr = (e) => {
+}, cn = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), Wr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -62,7 +62,7 @@ const $r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Br = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Ur = {
+var Hr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -79,7 +79,7 @@ var Ur = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wr = re(
+const Gr = re(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -93,13 +93,13 @@ const Wr = re(
     "svg",
     {
       ref: u,
-      ...Ur,
+      ...Hr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: r ? Number(n) * 24 / Number(t) : n,
       className: cn("lucide", s),
-      ...!o && !zr(i) && { "aria-hidden": "true" },
+      ...!o && !Wr(i) && { "aria-hidden": "true" },
       ...i
     },
     [
@@ -116,18 +116,18 @@ const Wr = re(
  */
 const X = (e, t) => {
   const n = re(
-    ({ className: r, ...s }, o) => it(Wr, {
+    ({ className: r, ...s }, o) => it(Gr, {
       ref: o,
       iconNode: t,
       className: cn(
-        `lucide-${$r(Lt(e))}`,
+        `lucide-${zr(Mt(e))}`,
         `lucide-${e}`,
         r
       ),
       ...s
     })
   );
-  return n.displayName = Lt(e), n;
+  return n.displayName = Mt(e), n;
 };
 /**
  * @license lucide-react v0.511.0 - ISC
@@ -135,102 +135,102 @@ const X = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], vt = X("check", Hr);
+const jr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ht = X("check", jr);
 /**
  * @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 Gr = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ht = X("chevron-down", Gr);
+const Kr = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], mt = X("chevron-down", Kr);
 /**
  * @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 jr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], un = X("chevron-left", jr);
+const Vr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], un = X("chevron-left", Vr);
 /**
  * @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 Kr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ue = X("chevron-right", Kr);
+const Yr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ue = X("chevron-right", Yr);
 /**
  * @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 Vr = [
+const qr = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-], Yr = X("copy", Vr);
+], Xr = X("copy", qr);
 /**
  * @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 qr = [
+const Zr = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
-], Xr = X("file", qr);
+], Qr = X("file", Zr);
 /**
  * @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 Zr = [
+const Jr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
-], Qr = X("globe", Zr);
+], ea = X("globe", Jr);
 /**
  * @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 Jr = [
+const ta = [
   ["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" }]
-], dn = X("panel-left-close", Jr);
+], dn = X("panel-left-close", ta);
 /**
  * @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 ea = [
+const na = [
   ["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" }]
-], pn = X("panel-left-open", ea);
+], pn = X("panel-left-open", na);
 /**
  * @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 ta = [
+const ra = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
-], na = X("upload", ta);
+], aa = X("upload", ra);
 /**
  * @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 ra = [
+const sa = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], ve = X("x", ra);
+], ve = X("x", sa);
 function T(...e) {
   return e.filter(Boolean).join(" ");
 }
@@ -280,8 +280,8 @@ function fn(e, t) {
     };
   }, []);
 }
-function aa({ collapsed: e = !1, mobileNavOpen: t = !1, density: n, className: r, children: s }) {
-  const { isTablet: o } = ln();
+function oa({ collapsed: e = !1, mobileNavOpen: t = !1, density: n, className: r, children: s }) {
+  const { isTablet: o } = vt();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -294,7 +294,7 @@ function aa({ collapsed: e = !1, mobileNavOpen: t = !1, density: n, className: r
     }
   );
 }
-function sa({
+function ia({
   brand: e = "VXUI",
   brandCaption: t,
   brandIcon: n,
@@ -355,16 +355,16 @@ function sa({
     }
   );
 }
-function oa({ label: e = "Primary navigation", children: t }) {
+function la({ label: e = "Primary navigation", children: t }) {
   return /* @__PURE__ */ a("nav", { className: "vx-sidebar__nav", "aria-label": e, children: t });
 }
-function ia({ title: e, children: t }) {
+function ca({ title: e, children: t }) {
   return /* @__PURE__ */ S("div", { className: "vx-nav-section-block", children: [
     e ? /* @__PURE__ */ a("div", { className: "vx-nav-section-block__title", children: e }) : null,
     /* @__PURE__ */ a("div", { className: "vx-nav-section-block__items", children: t })
   ] });
 }
-function la({ label: e, icon: t, badge: n, trailing: r, active: s, onSelect: o }) {
+function ua({ label: e, icon: t, badge: n, trailing: r, active: s, onSelect: o }) {
   return /* @__PURE__ */ S(
     "button",
     {
@@ -380,7 +380,7 @@ function la({ label: e, icon: t, badge: n, trailing: r, active: s, onSelect: o }
     }
   );
 }
-function ca({ onClose: e, closeLabel: t = "Close sidebar" }) {
+function da({ onClose: e, closeLabel: t = "Close sidebar" }) {
   return /* @__PURE__ */ a(
     "button",
     {
@@ -391,10 +391,10 @@ function ca({ onClose: e, closeLabel: t = "Close sidebar" }) {
     }
   );
 }
-function ua({ children: e }) {
+function pa({ children: e }) {
   return /* @__PURE__ */ a("div", { className: "vx-shell__main", children: e });
 }
-const da = re(function({
+const fa = re(function({
   title: t,
   description: n,
   breadcrumb: r,
@@ -422,7 +422,7 @@ const da = re(function({
     s ? /* @__PURE__ */ a("div", { className: "vx-topbar__actions", children: s }) : null
   ] });
 });
-function pa({ children: e }) {
+function va({ children: e }) {
   const t = L(null), n = L(null);
   return fn(t, n), /* @__PURE__ */ S(
     "div",
@@ -442,7 +442,7 @@ function pa({ children: e }) {
     }
   );
 }
-function yi({
+function wi({
   brand: e = "VXUI",
   brandCaption: t,
   brandIcon: n,
@@ -465,9 +465,9 @@ function yi({
   sidebarFooter: v,
   children: f
 }) {
-  return /* @__PURE__ */ S(aa, { collapsed: c, mobileNavOpen: d, density: w, children: [
+  return /* @__PURE__ */ S(oa, { collapsed: c, mobileNavOpen: d, density: w, children: [
     /* @__PURE__ */ a(
-      sa,
+      ia,
       {
         brand: e,
         brandCaption: t,
@@ -477,13 +477,13 @@ function yi({
         onToggle: p,
         collapseLabel: E,
         expandLabel: g,
-        children: /* @__PURE__ */ a(oa, { children: (u ?? (i ? [{ items: i }] : [])).map((_, N) => /* @__PURE__ */ a(ia, { title: _.title, children: _.items.map(({ key: C, onSelect: A, ...P }) => /* @__PURE__ */ a(la, { onSelect: A, ...P }, C)) }, _.key ?? _.title ?? N)) })
+        children: /* @__PURE__ */ a(la, { children: (u ?? (i ? [{ items: i }] : [])).map((_, N) => /* @__PURE__ */ a(ca, { title: _.title, children: _.items.map(({ key: C, onSelect: A, ...P }) => /* @__PURE__ */ a(ua, { onSelect: A, ...P }, C)) }, _.key ?? _.title ?? N)) })
       }
     ),
-    x ? /* @__PURE__ */ a(ca, { onClose: x, closeLabel: m }) : null,
-    /* @__PURE__ */ S(ua, { children: [
+    x ? /* @__PURE__ */ a(da, { onClose: x, closeLabel: m }) : null,
+    /* @__PURE__ */ S(pa, { children: [
       /* @__PURE__ */ a(
-        da,
+        fa,
         {
           ref: r,
           breadcrumb: s,
@@ -495,26 +495,26 @@ function yi({
           menuButtonLabel: k
         }
       ),
-      /* @__PURE__ */ a(pa, { children: f })
+      /* @__PURE__ */ a(va, { children: f })
     ] })
   ] });
 }
-function _i({ className: e, variant: t = "neutral", ...n }) {
+function ki({ className: e, variant: t = "neutral", ...n }) {
   return /* @__PURE__ */ a("span", { className: T("vx-badge", `vx-badge--${t}`, e), ...n });
 }
-function wi({ className: e, ...t }) {
+function Ni({ className: e, ...t }) {
   return /* @__PURE__ */ a("section", { className: T("vx-card", e), ...t });
 }
-function ki({ className: e, ...t }) {
+function Si({ className: e, ...t }) {
   return /* @__PURE__ */ a("header", { className: T("vx-card__header", e), ...t });
 }
-function Ni({ className: e, ...t }) {
+function Ei({ className: e, ...t }) {
   return /* @__PURE__ */ a("h2", { className: T("vx-card__title", e), ...t });
 }
-function Si({ className: e, ...t }) {
+function Ti({ className: e, ...t }) {
   return /* @__PURE__ */ a("p", { className: T("vx-card__description", e), ...t });
 }
-function Ei({ className: e, ...t }) {
+function Ci({ className: e, ...t }) {
   return /* @__PURE__ */ a("div", { className: T("vx-card__content", e), ...t });
 }
 function M(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
@@ -523,7 +523,7 @@ function M(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(s);
   };
 }
-function Mt(e, t) {
+function Ot(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -532,14 +532,14 @@ function vn(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((s) => {
-      const o = Mt(s, t);
+      const o = Ot(s, t);
       return !n && typeof o == "function" && (n = !0), o;
     });
     if (n)
       return () => {
         for (let s = 0; s < r.length; s++) {
           const o = r[s];
-          typeof o == "function" ? o() : Mt(e[s], null);
+          typeof o == "function" ? o() : Ot(e[s], null);
         }
       };
   };
@@ -547,7 +547,7 @@ function vn(...e) {
 function K(...e) {
   return b.useCallback(vn(...e), e);
 }
-function fa(e, t) {
+function ha(e, t) {
   const n = b.createContext(t), r = (o) => {
     const { children: l, ...i } = o, u = b.useMemo(() => i, Object.values(i));
     return /* @__PURE__ */ a(n.Provider, { value: u, children: l });
@@ -591,9 +591,9 @@ function he(e, t = []) {
       );
     };
   };
-  return s.scopeName = e, [r, va(s, ...t)];
+  return s.scopeName = e, [r, ma(s, ...t)];
 }
-function va(...e) {
+function ma(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -612,15 +612,15 @@ function va(...e) {
   return n.scopeName = t.scopeName, n;
 }
 var se = globalThis != null && globalThis.document ? b.useLayoutEffect : () => {
-}, ha = b[" useId ".trim().toString()] || (() => {
-}), ma = 0;
+}, ga = b[" useId ".trim().toString()] || (() => {
+}), ba = 0;
 function xe(e) {
-  const [t, n] = b.useState(ha());
+  const [t, n] = b.useState(ga());
   return se(() => {
-    n((r) => r ?? String(ma++));
+    n((r) => r ?? String(ba++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var ga = b[" useInsertionEffect ".trim().toString()] || se;
+var xa = b[" useInsertionEffect ".trim().toString()] || se;
 function we({
   prop: e,
   defaultProp: t,
@@ -628,7 +628,7 @@ function we({
   },
   caller: r
 }) {
-  const [s, o, l] = ba({
+  const [s, o, l] = ya({
     defaultProp: t,
     onChange: n
   }), i = e !== void 0, u = i ? e : s;
@@ -645,7 +645,7 @@ function we({
     (d) => {
       var p;
       if (i) {
-        const x = xa(d) ? d(e) : d;
+        const x = _a(d) ? d(e) : d;
         x !== e && ((p = l.current) == null || p.call(l, x));
       } else
         o(d);
@@ -654,25 +654,25 @@ function we({
   );
   return [u, c];
 }
-function ba({
+function ya({
   defaultProp: e,
   onChange: t
 }) {
   const [n, r] = b.useState(e), s = b.useRef(n), o = b.useRef(t);
-  return ga(() => {
+  return xa(() => {
     o.current = t;
   }, [t]), b.useEffect(() => {
     var l;
     s.current !== n && ((l = o.current) == null || l.call(o, n), s.current = n);
   }, [n, s]), [n, r, o];
 }
-function xa(e) {
+function _a(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
 function $e(e) {
-  const t = /* @__PURE__ */ ya(e), n = b.forwardRef((r, s) => {
-    const { children: o, ...l } = r, i = b.Children.toArray(o), u = i.find(wa);
+  const t = /* @__PURE__ */ wa(e), n = b.forwardRef((r, s) => {
+    const { children: o, ...l } = r, i = b.Children.toArray(o), u = i.find(Na);
     if (u) {
       const c = u.props.children, d = i.map((p) => p === u ? b.Children.count(c) > 1 ? b.Children.only(null) : b.isValidElement(c) ? c.props.children : null : p);
       return /* @__PURE__ */ a(t, { ...l, ref: s, children: b.isValidElement(c) ? b.cloneElement(c, void 0, d) : null });
@@ -682,22 +682,22 @@ function $e(e) {
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function ya(e) {
+function wa(e) {
   const t = b.forwardRef((n, r) => {
     const { children: s, ...o } = n;
     if (b.isValidElement(s)) {
-      const l = Na(s), i = ka(o, s.props);
+      const l = Ea(s), i = Sa(o, s.props);
       return s.type !== b.Fragment && (i.ref = r ? vn(r, l) : l), b.cloneElement(s, i);
     }
     return b.Children.count(s) > 1 ? b.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var _a = Symbol("radix.slottable");
-function wa(e) {
-  return b.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === _a;
+var ka = Symbol("radix.slottable");
+function Na(e) {
+  return b.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ka;
 }
-function ka(e, t) {
+function Sa(e, t) {
   const n = { ...t };
   for (const r in t) {
     const s = e[r], o = t[r];
@@ -708,12 +708,12 @@ function ka(e, t) {
   }
   return { ...e, ...n };
 }
-function Na(e) {
+function Ea(e) {
   var r, s;
   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 = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Sa = [
+var Ta = [
   "a",
   "button",
   "div",
@@ -731,7 +731,7 @@ var Sa = [
   "span",
   "svg",
   "ul"
-], B = Sa.reduce((e, t) => {
+], B = Ta.reduce((e, t) => {
   const n = /* @__PURE__ */ $e(`Primitive.${t}`), r = b.forwardRef((s, o) => {
     const { asChild: l, ...i } = s, u = l ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(u, { ...i, ref: o });
@@ -739,7 +739,7 @@ var Sa = [
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
 function hn(e, t) {
-  e && sn.flushSync(() => e.dispatchEvent(t));
+  e && on.flushSync(() => e.dispatchEvent(t));
 }
 function J(e) {
   const t = b.useRef(e);
@@ -750,7 +750,7 @@ function J(e) {
     return (r = t.current) == null ? void 0 : r.call(t, ...n);
   }, []);
 }
-function Ea(e, t = globalThis == null ? void 0 : globalThis.document) {
+function Ca(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = J(e);
   b.useEffect(() => {
     const r = (s) => {
@@ -759,11 +759,11 @@ function Ea(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var Ta = "DismissableLayer", lt = "dismissableLayer.update", Ca = "dismissableLayer.pointerDownOutside", Aa = "dismissableLayer.focusOutside", Ot, mn = b.createContext({
+var Aa = "DismissableLayer", lt = "dismissableLayer.update", Pa = "dismissableLayer.pointerDownOutside", Da = "dismissableLayer.focusOutside", $t, mn = b.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), mt = b.forwardRef(
+}), gt = b.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -773,22 +773,22 @@ var Ta = "DismissableLayer", lt = "dismissableLayer.update", Ca = "dismissableLa
       onInteractOutside: l,
       onDismiss: i,
       ...u
-    } = e, c = b.useContext(mn), [d, p] = b.useState(null), x = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, k] = b.useState({}), E = K(t, (N) => p(N)), g = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), w = g.indexOf(m), h = d ? g.indexOf(d) : -1, v = c.layersWithOutsidePointerEventsDisabled.size > 0, f = h >= w, y = Ra((N) => {
+    } = e, c = b.useContext(mn), [d, p] = b.useState(null), x = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, k] = b.useState({}), E = K(t, (N) => p(N)), g = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), w = g.indexOf(m), h = d ? g.indexOf(d) : -1, v = c.layersWithOutsidePointerEventsDisabled.size > 0, f = h >= w, y = Fa((N) => {
       const C = N.target, A = [...c.branches].some((P) => P.contains(C));
       !f || A || (s == null || s(N), l == null || l(N), N.defaultPrevented || i == null || i());
-    }, x), _ = Fa((N) => {
+    }, x), _ = Ia((N) => {
       const C = N.target;
       [...c.branches].some((P) => P.contains(C)) || (o == null || o(N), l == null || l(N), N.defaultPrevented || i == null || i());
     }, x);
-    return Ea((N) => {
+    return Ca((N) => {
       h === c.layers.size - 1 && (r == null || r(N), !N.defaultPrevented && i && (N.preventDefault(), i()));
     }, x), b.useEffect(() => {
       if (d)
-        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Ot = x.body.style.pointerEvents, x.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), $t(), () => {
-          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (x.body.style.pointerEvents = Ot);
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && ($t = x.body.style.pointerEvents, x.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), Bt(), () => {
+          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (x.body.style.pointerEvents = $t);
         };
     }, [d, x, n, c]), b.useEffect(() => () => {
-      d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), $t());
+      d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Bt());
     }, [d, c]), b.useEffect(() => {
       const N = () => k({});
       return document.addEventListener(lt, N), () => document.removeEventListener(lt, N);
@@ -811,8 +811,8 @@ var Ta = "DismissableLayer", lt = "dismissableLayer.update", Ca = "dismissableLa
     );
   }
 );
-mt.displayName = Ta;
-var Pa = "DismissableLayerBranch", gn = b.forwardRef((e, t) => {
+gt.displayName = Aa;
+var Ra = "DismissableLayerBranch", gn = b.forwardRef((e, t) => {
   const n = b.useContext(mn), r = b.useRef(null), s = K(t, r);
   return b.useEffect(() => {
     const o = r.current;
@@ -822,8 +822,8 @@ var Pa = "DismissableLayerBranch", gn = b.forwardRef((e, t) => {
       };
   }, [n.branches]), /* @__PURE__ */ a(B.div, { ...e, ref: s });
 });
-gn.displayName = Pa;
-function Ra(e, t = globalThis == null ? void 0 : globalThis.document) {
+gn.displayName = Ra;
+function Fa(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = J(e), r = b.useRef(!1), s = b.useRef(() => {
   });
   return b.useEffect(() => {
@@ -831,7 +831,7 @@ function Ra(e, t = globalThis == null ? void 0 : globalThis.document) {
       if (i.target && !r.current) {
         let u = function() {
           bn(
-            Ca,
+            Pa,
             n,
             c,
             { discrete: !0 }
@@ -853,11 +853,11 @@ function Ra(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => r.current = !0
   };
 }
-function Fa(e, t = globalThis == null ? void 0 : globalThis.document) {
+function Ia(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = J(e), r = b.useRef(!1);
   return b.useEffect(() => {
     const s = (o) => {
-      o.target && !r.current && bn(Aa, n, { originalEvent: o }, {
+      o.target && !r.current && bn(Da, n, { originalEvent: o }, {
         discrete: !1
       });
     };
@@ -867,7 +867,7 @@ function Fa(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => r.current = !1
   };
 }
-function $t() {
+function Bt() {
   const e = new CustomEvent(lt);
   document.dispatchEvent(e);
 }
@@ -875,7 +875,7 @@ function bn(e, t, n, { discrete: r }) {
   const s = n.originalEvent.target, o = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && s.addEventListener(e, t, { once: !0 }), r ? hn(s, o) : s.dispatchEvent(o);
 }
-var Da = mt, Ia = gn, Xe = "focusScope.autoFocusOnMount", Ze = "focusScope.autoFocusOnUnmount", Bt = { bubbles: !1, cancelable: !0 }, La = "FocusScope", xn = b.forwardRef((e, t) => {
+var La = gt, Ma = gn, Xe = "focusScope.autoFocusOnMount", Ze = "focusScope.autoFocusOnUnmount", zt = { bubbles: !1, cancelable: !0 }, Oa = "FocusScope", xn = b.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
@@ -914,16 +914,16 @@ var Da = mt, Ia = gn, Xe = "focusScope.autoFocusOnMount", Ze = "focusScope.autoF
     }
   }, [r, i, k.paused]), b.useEffect(() => {
     if (i) {
-      Ut.add(k);
+      Wt.add(k);
       const g = document.activeElement;
       if (!i.contains(g)) {
-        const w = new CustomEvent(Xe, Bt);
-        i.addEventListener(Xe, c), i.dispatchEvent(w), w.defaultPrevented || (Ma(Ua(yn(i)), { select: !0 }), document.activeElement === g && ne(i));
+        const w = new CustomEvent(Xe, zt);
+        i.addEventListener(Xe, c), i.dispatchEvent(w), w.defaultPrevented || ($a(Ha(yn(i)), { select: !0 }), document.activeElement === g && ne(i));
       }
       return () => {
         i.removeEventListener(Xe, c), setTimeout(() => {
-          const w = new CustomEvent(Ze, Bt);
-          i.addEventListener(Ze, d), i.dispatchEvent(w), w.defaultPrevented || ne(g ?? document.body, { select: !0 }), i.removeEventListener(Ze, d), Ut.remove(k);
+          const w = new CustomEvent(Ze, zt);
+          i.addEventListener(Ze, d), i.dispatchEvent(w), w.defaultPrevented || ne(g ?? document.body, { select: !0 }), i.removeEventListener(Ze, d), Wt.remove(k);
         }, 0);
       };
     }
@@ -933,7 +933,7 @@ var Da = mt, Ia = gn, Xe = "focusScope.autoFocusOnMount", Ze = "focusScope.autoF
       if (!n && !r || k.paused) return;
       const m = g.key === "Tab" && !g.altKey && !g.ctrlKey && !g.metaKey, w = document.activeElement;
       if (m && w) {
-        const h = g.currentTarget, [v, f] = Oa(h);
+        const h = g.currentTarget, [v, f] = Ba(h);
         v && f ? !g.shiftKey && w === f ? (g.preventDefault(), n && ne(v, { select: !0 })) : g.shiftKey && w === v && (g.preventDefault(), n && ne(f, { select: !0 })) : w === h && g.preventDefault();
       }
     },
@@ -941,14 +941,14 @@ var Da = mt, Ia = gn, Xe = "focusScope.autoFocusOnMount", Ze = "focusScope.autoF
   );
   return /* @__PURE__ */ a(B.div, { tabIndex: -1, ...l, ref: x, onKeyDown: E });
 });
-xn.displayName = La;
-function Ma(e, { select: t = !1 } = {}) {
+xn.displayName = Oa;
+function $a(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
     if (ne(r, { select: t }), document.activeElement !== n) return;
 }
-function Oa(e) {
-  const t = yn(e), n = zt(t, e), r = zt(t.reverse(), e);
+function Ba(e) {
+  const t = yn(e), n = Ut(t, e), r = Ut(t.reverse(), e);
   return [n, r];
 }
 function yn(e) {
@@ -961,11 +961,11 @@ function yn(e) {
   for (; n.nextNode(); ) t.push(n.currentNode);
   return t;
 }
-function zt(e, t) {
+function Ut(e, t) {
   for (const n of e)
-    if (!$a(n, { upTo: t })) return n;
+    if (!za(n, { upTo: t })) return n;
 }
-function $a(e, { upTo: t }) {
+function za(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -974,54 +974,54 @@ function $a(e, { upTo: t }) {
   }
   return !1;
 }
-function Ba(e) {
+function Ua(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function ne(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && Ba(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== n && Ua(e) && t && e.select();
   }
 }
-var Ut = za();
-function za() {
+var Wt = Wa();
+function Wa() {
   let e = [];
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = Wt(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = Ht(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = Wt(e, t), (n = e[0]) == null || n.resume();
+      e = Ht(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function Wt(e, t) {
+function Ht(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
-function Ua(e) {
+function Ha(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Wa = "Portal", gt = b.forwardRef((e, t) => {
+var Ga = "Portal", bt = b.forwardRef((e, t) => {
   var i;
   const { container: n, ...r } = e, [s, o] = b.useState(!1);
   se(() => o(!0), []);
   const l = n || s && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return l ? Lr.createPortal(/* @__PURE__ */ a(B.div, { ...r, ref: t }), l) : null;
+  return l ? Or.createPortal(/* @__PURE__ */ a(B.div, { ...r, ref: t }), l) : null;
 });
-gt.displayName = Wa;
-function Ha(e, t) {
+bt.displayName = Ga;
+function ja(e, t) {
   return b.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var me = (e) => {
-  const { present: t, children: n } = e, r = Ga(t), s = typeof n == "function" ? n({ present: r.isPresent }) : b.Children.only(n), o = K(r.ref, ja(s));
+  const { present: t, children: n } = e, r = Ka(t), s = typeof n == "function" ? n({ present: r.isPresent }) : b.Children.only(n), o = K(r.ref, Va(s));
   return typeof n == "function" || r.isPresent ? b.cloneElement(s, { ref: o }) : null;
 };
 me.displayName = "Presence";
-function Ga(e) {
-  const [t, n] = b.useState(), r = b.useRef(null), s = b.useRef(e), o = b.useRef("none"), l = e ? "mounted" : "unmounted", [i, u] = Ha(l, {
+function Ka(e) {
+  const [t, n] = b.useState(), r = b.useRef(null), s = b.useRef(e), o = b.useRef("none"), l = e ? "mounted" : "unmounted", [i, u] = ja(l, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -1072,21 +1072,21 @@ function Ga(e) {
 function Ce(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function ja(e) {
+function Va(e) {
   var r, s;
   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 = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 var Qe = 0;
-function Ka() {
+function Ya() {
   b.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Ht()), document.body.insertAdjacentElement("beforeend", e[1] ?? Ht()), Qe++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Gt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Gt()), Qe++, () => {
       Qe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Qe--;
     };
   }, []);
 }
-function Ht() {
+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;
 }
@@ -1107,17 +1107,17 @@ function _n(e, t) {
       t.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[s]) && (n[r[s]] = e[r[s]]);
   return n;
 }
-function Va(e, t, n) {
+function qa(e, t, n) {
   if (n || arguments.length === 2) for (var r = 0, s = t.length, o; r < s; r++)
     (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
   return e.concat(o || Array.prototype.slice.call(t));
 }
-var Me = "right-scroll-bar-position", Oe = "width-before-scroll-bar", Ya = "with-scroll-bars-hidden", qa = "--removed-body-scroll-bar-size";
+var Me = "right-scroll-bar-position", Oe = "width-before-scroll-bar", Xa = "with-scroll-bars-hidden", Za = "--removed-body-scroll-bar-size";
 function Je(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function Xa(e, t) {
-  var n = D(function() {
+function Qa(e, t) {
+  var n = F(function() {
     return {
       // value
       value: e,
@@ -1137,15 +1137,15 @@ function Xa(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var Za = typeof window < "u" ? b.useLayoutEffect : b.useEffect, Gt = /* @__PURE__ */ new WeakMap();
-function Qa(e, t) {
-  var n = Xa(null, function(r) {
+var Ja = typeof window < "u" ? b.useLayoutEffect : b.useEffect, jt = /* @__PURE__ */ new WeakMap();
+function es(e, t) {
+  var n = Qa(null, function(r) {
     return e.forEach(function(s) {
       return Je(s, r);
     });
   });
-  return Za(function() {
-    var r = Gt.get(n);
+  return Ja(function() {
+    var r = jt.get(n);
     if (r) {
       var s = new Set(r), o = new Set(e), l = n.current;
       s.forEach(function(i) {
@@ -1154,14 +1154,14 @@ function Qa(e, t) {
         s.has(i) || Je(i, l);
       });
     }
-    Gt.set(n, e);
+    jt.set(n, e);
   }, [e]), n;
 }
-function Ja(e) {
+function ts(e) {
   return e;
 }
-function es(e, t) {
-  t === void 0 && (t = Ja);
+function ns(e, t) {
+  t === void 0 && (t = ts);
   var n = [], r = !1, s = {
     read: function() {
       if (r)
@@ -1215,9 +1215,9 @@ function es(e, t) {
   };
   return s;
 }
-function ts(e) {
+function rs(e) {
   e === void 0 && (e = {});
-  var t = es(null);
+  var t = ns(null);
   return t.options = Q({ async: !0, ssr: !1 }, e), t;
 }
 var wn = function(e) {
@@ -1230,16 +1230,16 @@ var wn = function(e) {
   return b.createElement(r, Q({}, n));
 };
 wn.isSideCarExport = !0;
-function ns(e, t) {
+function as(e, t) {
   return e.useMedium(t), wn;
 }
-var kn = ts(), et = function() {
+var kn = rs(), et = function() {
 }, We = b.forwardRef(function(e, t) {
   var n = b.useRef(null), r = b.useState({
     onScrollCapture: et,
     onWheelCapture: et,
     onTouchMoveCapture: et
-  }), s = r[0], o = r[1], l = e.forwardProps, i = e.children, u = e.className, c = e.removeScrollBar, d = e.enabled, p = e.shards, x = e.sideCar, k = e.noRelative, E = e.noIsolation, g = e.inert, m = e.allowPinchZoom, w = e.as, h = w === void 0 ? "div" : w, v = e.gapMode, f = _n(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = x, _ = Qa([n, t]), N = Q(Q({}, f), s);
+  }), s = r[0], o = r[1], l = e.forwardProps, i = e.children, u = e.className, c = e.removeScrollBar, d = e.enabled, p = e.shards, x = e.sideCar, k = e.noRelative, E = e.noIsolation, g = e.inert, m = e.allowPinchZoom, w = e.as, h = w === void 0 ? "div" : w, v = e.gapMode, f = _n(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = x, _ = es([n, t]), N = Q(Q({}, f), s);
   return b.createElement(
     b.Fragment,
     null,
@@ -1256,37 +1256,37 @@ We.classNames = {
   fullWidth: Oe,
   zeroRight: Me
 };
-var rs = function() {
+var ss = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function as() {
+function os() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var t = rs();
+  var t = ss();
   return t && e.setAttribute("nonce", t), e;
 }
-function ss(e, t) {
+function is(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function os(e) {
+function ls(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
-var is = function() {
+var cs = function() {
   var e = 0, t = null;
   return {
     add: function(n) {
-      e == 0 && (t = as()) && (ss(t, n), os(t)), e++;
+      e == 0 && (t = os()) && (is(t, n), ls(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, ls = function() {
-  var e = is();
+}, us = function() {
+  var e = cs();
   return function(t, n) {
     b.useEffect(function() {
       return e.add(t), function() {
@@ -1295,35 +1295,35 @@ var is = function() {
     }, [t && n]);
   };
 }, Nn = function() {
-  var e = ls(), t = function(n) {
+  var e = us(), t = function(n) {
     var r = n.styles, s = n.dynamic;
     return e(r, s), null;
   };
   return t;
-}, cs = {
+}, ds = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, tt = function(e) {
   return parseInt(e || "", 10) || 0;
-}, us = function(e) {
+}, ps = function(e) {
   var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], s = t[e === "padding" ? "paddingRight" : "marginRight"];
   return [tt(n), tt(r), tt(s)];
-}, ds = function(e) {
+}, fs = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return cs;
-  var t = us(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+    return ds;
+  var t = ps(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])
   };
-}, ps = Nn(), pe = "data-scroll-locked", fs = function(e, t, n, r) {
+}, vs = Nn(), pe = "data-scroll-locked", hs = function(e, t, n, r) {
   var s = e.left, o = e.top, l = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
-  .`.concat(Ya, ` {
+  .`.concat(Xa, ` {
    overflow: hidden `).concat(r, `;
    padding-right: `).concat(i, "px ").concat(r, `;
   }
@@ -1361,26 +1361,26 @@ var is = function() {
   }
   
   body[`).concat(pe, `] {
-    `).concat(qa, ": ").concat(i, `px;
+    `).concat(Za, ": ").concat(i, `px;
   }
 `);
-}, jt = function() {
+}, Kt = function() {
   var e = parseInt(document.body.getAttribute(pe) || "0", 10);
   return isFinite(e) ? e : 0;
-}, vs = function() {
+}, ms = function() {
   b.useEffect(function() {
-    return document.body.setAttribute(pe, (jt() + 1).toString()), function() {
-      var e = jt() - 1;
+    return document.body.setAttribute(pe, (Kt() + 1).toString()), function() {
+      var e = Kt() - 1;
       e <= 0 ? document.body.removeAttribute(pe) : document.body.setAttribute(pe, e.toString());
     };
   }, []);
-}, hs = function(e) {
+}, gs = function(e) {
   var t = e.noRelative, n = e.noImportant, r = e.gapMode, s = r === void 0 ? "margin" : r;
-  vs();
+  ms();
   var o = b.useMemo(function() {
-    return ds(s);
+    return fs(s);
   }, [s]);
-  return b.createElement(ps, { styles: fs(o, !t, s, n ? "" : "!important") });
+  return b.createElement(vs, { styles: hs(o, !t, s, n ? "" : "!important") });
 }, ct = !1;
 if (typeof window < "u")
   try {
@@ -1393,7 +1393,7 @@ if (typeof window < "u")
   } catch {
     ct = !1;
   }
-var ce = ct ? { passive: !1 } : !1, ms = function(e) {
+var ce = ct ? { passive: !1 } : !1, bs = function(e) {
   return e.tagName === "TEXTAREA";
 }, Sn = function(e, t) {
   if (!(e instanceof Element))
@@ -1402,13 +1402,13 @@ var ce = ct ? { passive: !1 } : !1, ms = function(e) {
   return (
     // not-not-scrollable
     n[t] !== "hidden" && // contains scroll inside self
-    !(n.overflowY === n.overflowX && !ms(e) && n[t] === "visible")
+    !(n.overflowY === n.overflowX && !bs(e) && n[t] === "visible")
   );
-}, gs = function(e) {
+}, xs = function(e) {
   return Sn(e, "overflowY");
-}, bs = function(e) {
+}, ys = function(e) {
   return Sn(e, "overflowX");
-}, Kt = function(e, t) {
+}, Vt = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
@@ -1421,14 +1421,14 @@ var ce = ct ? { passive: !1 } : !1, ms = function(e) {
     r = r.parentNode;
   } while (r && r !== n.body);
   return !1;
-}, xs = function(e) {
+}, _s = function(e) {
   var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
   return [
     t,
     n,
     r
   ];
-}, ys = function(e) {
+}, ws = function(e) {
   var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
   return [
     t,
@@ -1436,13 +1436,13 @@ var ce = ct ? { passive: !1 } : !1, ms = function(e) {
     r
   ];
 }, En = function(e, t) {
-  return e === "v" ? gs(t) : bs(t);
-}, Tn = function(e, t) {
   return e === "v" ? xs(t) : ys(t);
-}, _s = function(e, t) {
+}, Tn = function(e, t) {
+  return e === "v" ? _s(t) : ws(t);
+}, ks = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, ws = function(e, t, n, r, s) {
-  var o = _s(e, window.getComputedStyle(t).direction), l = o * r, i = n.target, u = t.contains(i), c = !1, d = l > 0, p = 0, x = 0;
+}, Ns = function(e, t, n, r, s) {
+  var o = ks(e, window.getComputedStyle(t).direction), l = o * r, i = n.target, u = t.contains(i), c = !1, d = l > 0, p = 0, x = 0;
   do {
     if (!i)
       break;
@@ -1458,26 +1458,26 @@ var ce = ct ? { passive: !1 } : !1, ms = function(e) {
   return (d && Math.abs(p) < 1 || !d && Math.abs(x) < 1) && (c = !0), c;
 }, Pe = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Vt = function(e) {
-  return [e.deltaX, e.deltaY];
 }, Yt = function(e) {
+  return [e.deltaX, e.deltaY];
+}, qt = function(e) {
   return e && "current" in e ? e.current : e;
-}, ks = function(e, t) {
+}, Ss = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, Ns = function(e) {
+}, Es = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Ss = 0, ue = [];
-function Es(e) {
-  var t = b.useRef([]), n = b.useRef([0, 0]), r = b.useRef(), s = b.useState(Ss++)[0], o = b.useState(Nn)[0], l = b.useRef(e);
+}, Ts = 0, ue = [];
+function Cs(e) {
+  var t = b.useRef([]), n = b.useRef([0, 0]), r = b.useRef(), s = b.useState(Ts++)[0], o = b.useState(Nn)[0], l = b.useRef(e);
   b.useEffect(function() {
     l.current = e;
   }, [e]), b.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(s));
-      var g = Va([e.lockRef.current], (e.shards || []).map(Yt), !0).filter(Boolean);
+      var g = qa([e.lockRef.current], (e.shards || []).map(qt), !0).filter(Boolean);
       return g.forEach(function(m) {
         return m.classList.add("allow-interactivity-".concat(s));
       }), function() {
@@ -1496,34 +1496,34 @@ function Es(e) {
     var C = window.getSelection(), A = C && C.anchorNode, P = A ? A === _ || A.contains(_) : !1;
     if (P)
       return !1;
-    var F = Kt(N, _);
-    if (!F)
+    var R = Vt(N, _);
+    if (!R)
       return !0;
-    if (F ? y = N : (y = N === "v" ? "h" : "v", F = Kt(N, _)), !F)
+    if (R ? y = N : (y = N === "v" ? "h" : "v", R = Vt(N, _)), !R)
       return !1;
     if (!r.current && "changedTouches" in g && (v || f) && (r.current = y), !y)
       return !0;
-    var R = r.current || y;
-    return ws(R, m, g, R === "h" ? v : f);
+    var D = r.current || y;
+    return Ns(D, m, g, D === "h" ? v : f);
   }, []), u = b.useCallback(function(g) {
     var m = g;
     if (!(!ue.length || ue[ue.length - 1] !== o)) {
-      var w = "deltaY" in m ? Vt(m) : Pe(m), h = t.current.filter(function(y) {
-        return y.name === m.type && (y.target === m.target || m.target === y.shadowParent) && ks(y.delta, w);
+      var w = "deltaY" in m ? Yt(m) : Pe(m), h = t.current.filter(function(y) {
+        return y.name === m.type && (y.target === m.target || m.target === y.shadowParent) && Ss(y.delta, w);
       })[0];
       if (h && h.should) {
         m.cancelable && m.preventDefault();
         return;
       }
       if (!h) {
-        var v = (l.current.shards || []).map(Yt).filter(Boolean).filter(function(y) {
+        var v = (l.current.shards || []).map(qt).filter(Boolean).filter(function(y) {
           return y.contains(m.target);
         }), f = v.length > 0 ? i(m, v[0]) : !l.current.noIsolation;
         f && m.cancelable && m.preventDefault();
       }
     }
   }, []), c = b.useCallback(function(g, m, w, h) {
-    var v = { name: g, delta: m, target: w, should: h, shadowParent: Ts(w) };
+    var v = { name: g, delta: m, target: w, should: h, shadowParent: As(w) };
     t.current.push(v), setTimeout(function() {
       t.current = t.current.filter(function(f) {
         return f !== v;
@@ -1532,7 +1532,7 @@ function Es(e) {
   }, []), d = b.useCallback(function(g) {
     n.current = Pe(g), r.current = void 0;
   }, []), p = b.useCallback(function(g) {
-    c(g.type, Vt(g), g.target, i(g, e.lockRef.current));
+    c(g.type, Yt(g), g.target, i(g, e.lockRef.current));
   }, []), x = b.useCallback(function(g) {
     c(g.type, Pe(g), g.target, i(g, e.lockRef.current));
   }, []);
@@ -1551,28 +1551,28 @@ function Es(e) {
   return b.createElement(
     b.Fragment,
     null,
-    E ? b.createElement(o, { styles: Ns(s) }) : null,
-    k ? b.createElement(hs, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+    E ? b.createElement(o, { styles: Es(s) }) : null,
+    k ? b.createElement(gs, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
-function Ts(e) {
+function As(e) {
   for (var t = null; e !== null; )
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const Cs = ns(kn, Es);
+const Ps = as(kn, Cs);
 var Cn = b.forwardRef(function(e, t) {
-  return b.createElement(We, Q({}, e, { ref: t, sideCar: Cs }));
+  return b.createElement(We, Q({}, e, { ref: t, sideCar: Ps }));
 });
 Cn.classNames = We.classNames;
-var As = function(e) {
+var Ds = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, de = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), Fe = {}, nt = 0, An = function(e) {
+}, de = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), Re = {}, nt = 0, An = function(e) {
   return e && (e.host || An(e.parentNode));
-}, Ps = function(e, t) {
+}, Rs = function(e, t) {
   return t.map(function(n) {
     if (e.contains(n))
       return n;
@@ -1581,10 +1581,10 @@ var As = function(e) {
   }).filter(function(n) {
     return !!n;
   });
-}, Rs = function(e, t, n, r) {
-  var s = Ps(t, Array.isArray(e) ? e : [e]);
-  Fe[n] || (Fe[n] = /* @__PURE__ */ new WeakMap());
-  var o = Fe[n], l = [], i = /* @__PURE__ */ new Set(), u = new Set(s), c = function(p) {
+}, Fs = function(e, t, n, r) {
+  var s = Rs(t, Array.isArray(e) ? e : [e]);
+  Re[n] || (Re[n] = /* @__PURE__ */ new WeakMap());
+  var o = Re[n], l = [], i = /* @__PURE__ */ new Set(), u = new Set(s), c = function(p) {
     !p || i.has(p) || (i.add(p), c(p.parentNode));
   };
   s.forEach(c);
@@ -1595,7 +1595,7 @@ var As = function(e) {
       else
         try {
           var k = x.getAttribute(r), E = k !== null && k !== "false", g = (de.get(x) || 0) + 1, m = (o.get(x) || 0) + 1;
-          de.set(x, g), o.set(x, m), l.push(x), g === 1 && E && Re.set(x, !0), m === 1 && x.setAttribute(n, "true"), E || x.setAttribute(r, "true");
+          de.set(x, g), o.set(x, m), l.push(x), g === 1 && E && De.set(x, !0), m === 1 && x.setAttribute(n, "true"), E || x.setAttribute(r, "true");
         } catch (w) {
           console.error("aria-hidden: cannot operate on ", x, w);
         }
@@ -1604,16 +1604,16 @@ var As = function(e) {
   return d(t), i.clear(), nt++, function() {
     l.forEach(function(p) {
       var x = de.get(p) - 1, k = o.get(p) - 1;
-      de.set(p, x), o.set(p, k), x || (Re.has(p) || p.removeAttribute(r), Re.delete(p)), k || p.removeAttribute(n);
-    }), nt--, nt || (de = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), Fe = {});
+      de.set(p, x), o.set(p, k), x || (De.has(p) || p.removeAttribute(r), De.delete(p)), k || p.removeAttribute(n);
+    }), nt--, nt || (de = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), Re = {});
   };
-}, Fs = function(e, t, n) {
+}, Is = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
-  var r = Array.from(Array.isArray(e) ? e : [e]), s = As(e);
-  return s ? (r.push.apply(r, Array.from(s.querySelectorAll("[aria-live], script"))), Rs(r, s, n, "aria-hidden")) : function() {
+  var r = Array.from(Array.isArray(e) ? e : [e]), s = Ds(e);
+  return s ? (r.push.apply(r, Array.from(s.querySelectorAll("[aria-live], script"))), Fs(r, s, n, "aria-hidden")) : function() {
     return null;
   };
-}, He = "Dialog", [Pn] = he(He), [Ds, Z] = Pn(He), Rn = (e) => {
+}, He = "Dialog", [Pn] = he(He), [Ls, Z] = Pn(He), Dn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -1628,7 +1628,7 @@ var As = function(e) {
     caller: He
   });
   return /* @__PURE__ */ a(
-    Ds,
+    Ls,
     {
       scope: t,
       triggerRef: i,
@@ -1644,10 +1644,10 @@ var As = function(e) {
     }
   );
 };
-Rn.displayName = He;
-var Fn = "DialogTrigger", Dn = b.forwardRef(
+Dn.displayName = He;
+var Rn = "DialogTrigger", Fn = b.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, s = Z(Fn, n), o = K(t, s.triggerRef);
+    const { __scopeDialog: n, ...r } = e, s = Z(Rn, n), o = K(t, s.triggerRef);
     return /* @__PURE__ */ a(
       B.button,
       {
@@ -1655,7 +1655,7 @@ var Fn = "DialogTrigger", Dn = b.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": s.open,
         "aria-controls": s.contentId,
-        "data-state": yt(s.open),
+        "data-state": _t(s.open),
         ...r,
         ref: o,
         onClick: M(e.onClick, s.onOpenToggle)
@@ -1663,31 +1663,31 @@ var Fn = "DialogTrigger", Dn = b.forwardRef(
     );
   }
 );
-Dn.displayName = Fn;
-var bt = "DialogPortal", [Is, In] = Pn(bt, {
+Fn.displayName = Rn;
+var xt = "DialogPortal", [Ms, In] = Pn(xt, {
   forceMount: void 0
 }), Ln = (e) => {
-  const { __scopeDialog: t, forceMount: n, children: r, container: s } = e, o = Z(bt, t);
-  return /* @__PURE__ */ a(Is, { scope: t, forceMount: n, children: b.Children.map(r, (l) => /* @__PURE__ */ a(me, { present: n || o.open, children: /* @__PURE__ */ a(gt, { asChild: !0, container: s, children: l }) })) });
+  const { __scopeDialog: t, forceMount: n, children: r, container: s } = e, o = Z(xt, t);
+  return /* @__PURE__ */ a(Ms, { scope: t, forceMount: n, children: b.Children.map(r, (l) => /* @__PURE__ */ a(me, { present: n || o.open, children: /* @__PURE__ */ a(bt, { asChild: !0, container: s, children: l }) })) });
 };
-Ln.displayName = bt;
+Ln.displayName = xt;
 var Be = "DialogOverlay", Mn = b.forwardRef(
   (e, t) => {
     const n = In(Be, e.__scopeDialog), { forceMount: r = n.forceMount, ...s } = e, o = Z(Be, e.__scopeDialog);
-    return o.modal ? /* @__PURE__ */ a(me, { present: r || o.open, children: /* @__PURE__ */ a(Ms, { ...s, ref: t }) }) : null;
+    return o.modal ? /* @__PURE__ */ a(me, { present: r || o.open, children: /* @__PURE__ */ a($s, { ...s, ref: t }) }) : null;
   }
 );
 Mn.displayName = Be;
-var Ls = /* @__PURE__ */ $e("DialogOverlay.RemoveScroll"), Ms = b.forwardRef(
+var Os = /* @__PURE__ */ $e("DialogOverlay.RemoveScroll"), $s = b.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, s = Z(Be, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(Cn, { as: Ls, allowPinchZoom: !0, shards: [s.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(Cn, { as: Os, allowPinchZoom: !0, shards: [s.contentRef], children: /* @__PURE__ */ a(
         B.div,
         {
-          "data-state": yt(s.open),
+          "data-state": _t(s.open),
           ...r,
           ref: t,
           style: { pointerEvents: "auto", ...r.style }
@@ -1698,16 +1698,16 @@ var Ls = /* @__PURE__ */ $e("DialogOverlay.RemoveScroll"), Ms = b.forwardRef(
 ), oe = "DialogContent", On = b.forwardRef(
   (e, t) => {
     const n = In(oe, e.__scopeDialog), { forceMount: r = n.forceMount, ...s } = e, o = Z(oe, e.__scopeDialog);
-    return /* @__PURE__ */ a(me, { present: r || o.open, children: o.modal ? /* @__PURE__ */ a(Os, { ...s, ref: t }) : /* @__PURE__ */ a($s, { ...s, ref: t }) });
+    return /* @__PURE__ */ a(me, { present: r || o.open, children: o.modal ? /* @__PURE__ */ a(Bs, { ...s, ref: t }) : /* @__PURE__ */ a(zs, { ...s, ref: t }) });
   }
 );
 On.displayName = oe;
-var Os = b.forwardRef(
+var Bs = b.forwardRef(
   (e, t) => {
     const n = Z(oe, e.__scopeDialog), r = b.useRef(null), s = K(t, n.contentRef, r);
     return b.useEffect(() => {
       const o = r.current;
-      if (o) return Fs(o);
+      if (o) return Is(o);
     }, []), /* @__PURE__ */ a(
       $n,
       {
@@ -1730,7 +1730,7 @@ var Os = b.forwardRef(
       }
     );
   }
-), $s = b.forwardRef(
+), zs = b.forwardRef(
   (e, t) => {
     const n = Z(oe, e.__scopeDialog), r = b.useRef(!1), s = b.useRef(!1);
     return /* @__PURE__ */ a(
@@ -1756,7 +1756,7 @@ var Os = b.forwardRef(
 ), $n = b.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: s, onCloseAutoFocus: o, ...l } = e, i = Z(oe, n), u = b.useRef(null), c = K(t, u);
-    return Ka(), /* @__PURE__ */ S(q, { children: [
+    return Ya(), /* @__PURE__ */ S(q, { children: [
       /* @__PURE__ */ a(
         xn,
         {
@@ -1766,13 +1766,13 @@ var Os = b.forwardRef(
           onMountAutoFocus: s,
           onUnmountAutoFocus: o,
           children: /* @__PURE__ */ a(
-            mt,
+            gt,
             {
               role: "dialog",
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": yt(i.open),
+              "data-state": _t(i.open),
               ...l,
               ref: c,
               onDismiss: () => i.onOpenChange(!1)
@@ -1781,18 +1781,18 @@ var Os = b.forwardRef(
         }
       ),
       /* @__PURE__ */ S(q, { children: [
-        /* @__PURE__ */ a(Bs, { titleId: i.titleId }),
-        /* @__PURE__ */ a(Us, { contentRef: u, descriptionId: i.descriptionId })
+        /* @__PURE__ */ a(Us, { titleId: i.titleId }),
+        /* @__PURE__ */ a(Hs, { contentRef: u, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), xt = "DialogTitle", Bn = b.forwardRef(
+), yt = "DialogTitle", Bn = b.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, s = Z(xt, n);
+    const { __scopeDialog: n, ...r } = e, s = Z(yt, n);
     return /* @__PURE__ */ a(B.h2, { id: s.titleId, ...r, ref: t });
   }
 );
-Bn.displayName = xt;
+Bn.displayName = yt;
 var zn = "DialogDescription", Un = b.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, s = Z(zn, n);
@@ -1815,14 +1815,14 @@ var Wn = "DialogClose", Hn = b.forwardRef(
   }
 );
 Hn.displayName = Wn;
-function yt(e) {
+function _t(e) {
   return e ? "open" : "closed";
 }
-var Gn = "DialogTitleWarning", [Ti, jn] = fa(Gn, {
+var Gn = "DialogTitleWarning", [Ai, jn] = ha(Gn, {
   contentName: oe,
-  titleName: xt,
+  titleName: yt,
   docsSlug: "dialog"
-}), Bs = ({ titleId: e }) => {
+}), Us = ({ titleId: e }) => {
   const t = jn(Gn), 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.
@@ -1831,15 +1831,46 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return b.useEffect(() => {
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
-}, zs = "DialogDescriptionWarning", Us = ({ contentRef: e, descriptionId: t }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${jn(zs).contentName}}.`;
+}, Ws = "DialogDescriptionWarning", Hs = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${jn(Ws).contentName}}.`;
   return b.useEffect(() => {
     var o;
     const s = (o = e.current) == null ? void 0 : o.getAttribute("aria-describedby");
     t && s && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
-}, _t = Rn, wt = Dn, kt = Ln, Nt = Mn, St = On, Et = Bn, Tt = Un, ze = Hn;
-function Ci({
+}, wt = Dn, kt = Fn, Nt = Ln, St = Mn, Et = On, Tt = Bn, Ct = Un, ze = Hn;
+function Kn() {
+  return vt().isPhone;
+}
+function Vn({
+  trigger: e,
+  title: t,
+  description: n,
+  side: r = "right",
+  children: s,
+  footer: o,
+  className: l,
+  ...i
+}) {
+  return /* @__PURE__ */ S(wt, { ...i, children: [
+    e ? /* @__PURE__ */ a(kt, { asChild: !0, children: e }) : null,
+    /* @__PURE__ */ S(Nt, { children: [
+      /* @__PURE__ */ a(St, { className: "vx-sheet__overlay" }),
+      /* @__PURE__ */ S(Et, { className: T("vx-sheet", `vx-sheet--${r}`, l), children: [
+        /* @__PURE__ */ S("div", { className: "vx-sheet__header", children: [
+          /* @__PURE__ */ S("div", { children: [
+            t ? /* @__PURE__ */ a(Tt, { className: "vx-sheet__title", children: t }) : null,
+            n ? /* @__PURE__ */ a(Ct, { className: "vx-sheet__description", children: n }) : null
+          ] }),
+          /* @__PURE__ */ a(ze, { className: "vx-dialog__close", "aria-label": "Close", children: /* @__PURE__ */ a(ve, { size: 16 }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "vx-sheet__body", children: s }),
+        o ? /* @__PURE__ */ a("div", { className: "vx-sheet__footer", children: o }) : null
+      ] })
+    ] })
+  ] });
+}
+function Pi({
   trigger: e,
   title: t,
   description: n,
@@ -1848,15 +1879,27 @@ function Ci({
   className: o,
   ...l
 }) {
-  return /* @__PURE__ */ S(_t, { ...l, children: [
-    /* @__PURE__ */ a(wt, { asChild: !0, children: e }),
-    /* @__PURE__ */ S(kt, { children: [
-      /* @__PURE__ */ a(Nt, { className: "vx-dialog__overlay" }),
-      /* @__PURE__ */ S(St, { className: T("vx-dialog__content", o), children: [
+  return Kn() ? /* @__PURE__ */ a(
+    Vn,
+    {
+      trigger: e,
+      title: t,
+      description: n,
+      side: "bottom",
+      footer: s,
+      className: T("vx-dialog--mobile-sheet", o),
+      ...l,
+      children: r
+    }
+  ) : /* @__PURE__ */ S(wt, { ...l, children: [
+    /* @__PURE__ */ a(kt, { asChild: !0, children: e }),
+    /* @__PURE__ */ S(Nt, { children: [
+      /* @__PURE__ */ a(St, { className: "vx-dialog__overlay" }),
+      /* @__PURE__ */ S(Et, { className: T("vx-dialog__content", o), children: [
         /* @__PURE__ */ S("div", { className: "vx-dialog__header", children: [
           /* @__PURE__ */ S("div", { children: [
-            /* @__PURE__ */ a(Et, { className: "vx-dialog__title", children: t }),
-            n ? /* @__PURE__ */ a(Tt, { className: "vx-dialog__description", children: n }) : null
+            /* @__PURE__ */ a(Tt, { className: "vx-dialog__title", children: t }),
+            n ? /* @__PURE__ */ a(Ct, { className: "vx-dialog__description", children: n }) : null
           ] }),
           /* @__PURE__ */ a(ze, { className: "vx-dialog__close", "aria-label": "Close dialog", children: /* @__PURE__ */ a(ve, { size: 16 }) })
         ] }),
@@ -1866,7 +1909,7 @@ function Ci({
     ] })
   ] });
 }
-function Ai({ className: e, label: t, hint: n, prefix: r, suffix: s, error: o, ...l }) {
+function Di({ className: e, label: t, hint: n, prefix: r, suffix: s, error: o, ...l }) {
   return /* @__PURE__ */ S("label", { className: "vx-field-group", children: [
     t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
     /* @__PURE__ */ S("span", { className: T("vx-input", o && "vx-input--invalid", e), children: [
@@ -1878,11 +1921,11 @@ function Ai({ className: e, label: t, hint: n, prefix: r, suffix: s, error: o, .
     !o && n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function Ws(e) {
+function Gs(e) {
   const t = b.useRef({ value: e, previous: e });
   return b.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-function Hs(e) {
+function js(e) {
   const [t, n] = b.useState(void 0);
   return se(() => {
     if (e) {
@@ -1904,7 +1947,7 @@ function Hs(e) {
       n(void 0);
   }, [e]), t;
 }
-var Ge = "Switch", [Gs] = he(Ge), [js, Ks] = Gs(Ge), Kn = b.forwardRef(
+var Ge = "Switch", [Ks] = he(Ge), [Vs, Ys] = Ks(Ge), Yn = b.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: n,
@@ -1923,7 +1966,7 @@ var Ge = "Switch", [Gs] = he(Ge), [js, Ks] = Gs(Ge), Kn = b.forwardRef(
       onChange: c,
       caller: Ge
     });
-    return /* @__PURE__ */ S(js, { scope: n, checked: w, disabled: i, children: [
+    return /* @__PURE__ */ S(Vs, { scope: n, checked: w, disabled: i, children: [
       /* @__PURE__ */ a(
         B.button,
         {
@@ -1931,7 +1974,7 @@ var Ge = "Switch", [Gs] = he(Ge), [js, Ks] = Gs(Ge), Kn = b.forwardRef(
           role: "switch",
           "aria-checked": w,
           "aria-required": l,
-          "data-state": Xn(w),
+          "data-state": Qn(w),
           "data-disabled": i ? "" : void 0,
           disabled: i,
           value: u,
@@ -1943,7 +1986,7 @@ var Ge = "Switch", [Gs] = he(Ge), [js, Ks] = Gs(Ge), Kn = b.forwardRef(
         }
       ),
       m && /* @__PURE__ */ a(
-        qn,
+        Zn,
         {
           control: x,
           bubbles: !g.current,
@@ -1959,14 +2002,14 @@ var Ge = "Switch", [Gs] = he(Ge), [js, Ks] = Gs(Ge), Kn = b.forwardRef(
     ] });
   }
 );
-Kn.displayName = Ge;
-var Vn = "SwitchThumb", Yn = b.forwardRef(
+Yn.displayName = Ge;
+var qn = "SwitchThumb", Xn = b.forwardRef(
   (e, t) => {
-    const { __scopeSwitch: n, ...r } = e, s = Ks(Vn, n);
+    const { __scopeSwitch: n, ...r } = e, s = Ys(qn, n);
     return /* @__PURE__ */ a(
       B.span,
       {
-        "data-state": Xn(s.checked),
+        "data-state": Qn(s.checked),
         "data-disabled": s.disabled ? "" : void 0,
         ...r,
         ref: t
@@ -1974,8 +2017,8 @@ var Vn = "SwitchThumb", Yn = b.forwardRef(
     );
   }
 );
-Yn.displayName = Vn;
-var Vs = "SwitchBubbleInput", qn = b.forwardRef(
+Xn.displayName = qn;
+var qs = "SwitchBubbleInput", Zn = b.forwardRef(
   ({
     __scopeSwitch: e,
     control: t,
@@ -1983,7 +2026,7 @@ var Vs = "SwitchBubbleInput", qn = b.forwardRef(
     bubbles: r = !0,
     ...s
   }, o) => {
-    const l = b.useRef(null), i = K(l, o), u = Ws(n), c = Hs(t);
+    const l = b.useRef(null), i = K(l, o), u = Gs(n), c = js(t);
     return b.useEffect(() => {
       const d = l.current;
       if (!d) return;
@@ -2016,21 +2059,21 @@ var Vs = "SwitchBubbleInput", qn = b.forwardRef(
     );
   }
 );
-qn.displayName = Vs;
-function Xn(e) {
+Zn.displayName = qs;
+function Qn(e) {
   return e ? "checked" : "unchecked";
 }
-var Ys = Kn, qs = Yn;
-function Pi({ className: e, label: t, description: n, ...r }) {
+var Xs = Yn, Zs = Xn;
+function Ri({ className: e, label: t, description: n, ...r }) {
   return /* @__PURE__ */ S("label", { className: "vx-switch", children: [
     /* @__PURE__ */ S("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(Ys, { className: T("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(qs, { className: "vx-switch__thumb" }) })
+    /* @__PURE__ */ a(Xs, { className: T("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(Zs, { className: "vx-switch__thumb" }) })
   ] });
 }
-function Zn(e) {
+function Jn(e) {
   const t = e + "CollectionProvider", [n, r] = he(t), [s, o] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -2070,19 +2113,19 @@ function Zn(e) {
     r
   ];
 }
-var Xs = b.createContext(void 0);
-function Qn(e) {
-  const t = b.useContext(Xs);
+var Qs = b.createContext(void 0);
+function er(e) {
+  const t = b.useContext(Qs);
   return e || t || "ltr";
 }
-var rt = "rovingFocusGroup.onEntryFocus", Zs = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [ut, Jn, Qs] = Zn(ke), [Js, er] = he(
+var rt = "rovingFocusGroup.onEntryFocus", Js = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [ut, tr, eo] = Jn(ke), [to, nr] = he(
   ke,
-  [Qs]
-), [eo, to] = Js(ke), tr = b.forwardRef(
-  (e, t) => /* @__PURE__ */ a(ut.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(ut.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(no, { ...e, ref: t }) }) })
+  [eo]
+), [no, ro] = to(ke), rr = b.forwardRef(
+  (e, t) => /* @__PURE__ */ a(ut.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(ut.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(ao, { ...e, ref: t }) }) })
 );
-tr.displayName = ke;
-var no = b.forwardRef((e, t) => {
+rr.displayName = ke;
+var ao = b.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: r,
@@ -2094,18 +2137,18 @@ var no = b.forwardRef((e, t) => {
     onEntryFocus: c,
     preventScrollOnEntryFocus: d = !1,
     ...p
-  } = e, x = b.useRef(null), k = K(t, x), E = Qn(o), [g, m] = we({
+  } = e, x = b.useRef(null), k = K(t, x), E = er(o), [g, m] = we({
     prop: l,
     defaultProp: i ?? null,
     onChange: u,
     caller: ke
-  }), [w, h] = b.useState(!1), v = J(c), f = Jn(n), y = b.useRef(!1), [_, N] = b.useState(0);
+  }), [w, h] = b.useState(!1), v = J(c), f = tr(n), y = b.useRef(!1), [_, N] = b.useState(0);
   return b.useEffect(() => {
     const C = x.current;
     if (C)
       return C.addEventListener(rt, v), () => C.removeEventListener(rt, v);
   }, [v]), /* @__PURE__ */ a(
-    eo,
+    no,
     {
       scope: n,
       orientation: r,
@@ -2139,12 +2182,12 @@ var no = b.forwardRef((e, t) => {
           onFocus: M(e.onFocus, (C) => {
             const A = !y.current;
             if (C.target === C.currentTarget && A && !w) {
-              const P = new CustomEvent(rt, Zs);
+              const P = new CustomEvent(rt, Js);
               if (C.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
-                const F = f().filter((H) => H.focusable), R = F.find((H) => H.active), $ = F.find((H) => H.id === g), W = [R, $, ...F].filter(
+                const R = f().filter((H) => H.focusable), D = R.find((H) => H.active), $ = R.find((H) => H.id === g), W = [D, $, ...R].filter(
                   Boolean
                 ).map((H) => H.ref.current);
-                ar(W, d);
+                or(W, d);
               }
             }
             y.current = !1;
@@ -2154,7 +2197,7 @@ var no = b.forwardRef((e, t) => {
       )
     }
   );
-}), nr = "RovingFocusGroupItem", rr = b.forwardRef(
+}), ar = "RovingFocusGroupItem", sr = b.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: n,
@@ -2163,7 +2206,7 @@ var no = b.forwardRef((e, t) => {
       tabStopId: o,
       children: l,
       ...i
-    } = e, u = xe(), c = o || u, d = to(nr, n), p = d.currentTabStopId === c, x = Jn(n), { onFocusableItemAdd: k, onFocusableItemRemove: E, currentTabStopId: g } = d;
+    } = e, u = xe(), c = o || u, d = ro(ar, n), p = d.currentTabStopId === c, x = tr(n), { onFocusableItemAdd: k, onFocusableItemRemove: E, currentTabStopId: g } = d;
     return b.useEffect(() => {
       if (r)
         return k(), () => E();
@@ -2191,7 +2234,7 @@ var no = b.forwardRef((e, t) => {
                 return;
               }
               if (m.target !== m.currentTarget) return;
-              const w = so(m, d.orientation, d.dir);
+              const w = io(m, d.orientation, d.dir);
               if (w !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
@@ -2200,9 +2243,9 @@ var no = b.forwardRef((e, t) => {
                 else if (w === "prev" || w === "next") {
                   w === "prev" && v.reverse();
                   const f = v.indexOf(m.currentTarget);
-                  v = d.loop ? oo(v, f + 1) : v.slice(f + 1);
+                  v = d.loop ? lo(v, f + 1) : v.slice(f + 1);
                 }
-                setTimeout(() => ar(v));
+                setTimeout(() => or(v));
               }
             }),
             children: typeof l == "function" ? l({ isCurrentTabStop: p, hasTabStop: g != null }) : l
@@ -2212,8 +2255,8 @@ var no = b.forwardRef((e, t) => {
     );
   }
 );
-rr.displayName = nr;
-var ro = {
+sr.displayName = ar;
+var so = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -2223,25 +2266,25 @@ var ro = {
   PageDown: "last",
   End: "last"
 };
-function ao(e, t) {
+function oo(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function so(e, t, n) {
-  const r = ao(e.key, n);
+function io(e, t, n) {
+  const r = oo(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return ro[r];
+    return so[r];
 }
-function ar(e, t = !1) {
+function or(e, t = !1) {
   const n = document.activeElement;
   for (const r of e)
     if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function oo(e, t) {
+function lo(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var io = tr, lo = rr, je = "Tabs", [co] = he(je, [
-  er
-]), sr = er(), [uo, Ct] = co(je), or = b.forwardRef(
+var co = rr, uo = sr, je = "Tabs", [po] = he(je, [
+  nr
+]), ir = nr(), [fo, At] = po(je), lr = b.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
@@ -2252,14 +2295,14 @@ var io = tr, lo = rr, je = "Tabs", [co] = he(je, [
       dir: i,
       activationMode: u = "automatic",
       ...c
-    } = e, d = Qn(i), [p, x] = we({
+    } = e, d = er(i), [p, x] = we({
       prop: r,
       onChange: s,
       defaultProp: o ?? "",
       caller: je
     });
     return /* @__PURE__ */ a(
-      uo,
+      fo,
       {
         scope: n,
         baseId: xe(),
@@ -2281,12 +2324,12 @@ var io = tr, lo = rr, je = "Tabs", [co] = he(je, [
     );
   }
 );
-or.displayName = je;
-var ir = "TabsList", lr = b.forwardRef(
+lr.displayName = je;
+var cr = "TabsList", ur = b.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, loop: r = !0, ...s } = e, o = Ct(ir, n), l = sr(n);
+    const { __scopeTabs: n, loop: r = !0, ...s } = e, o = At(cr, n), l = ir(n);
     return /* @__PURE__ */ a(
-      io,
+      co,
       {
         asChild: !0,
         ...l,
@@ -2306,12 +2349,12 @@ var ir = "TabsList", lr = b.forwardRef(
     );
   }
 );
-lr.displayName = ir;
-var cr = "TabsTrigger", ur = b.forwardRef(
+ur.displayName = cr;
+var dr = "TabsTrigger", pr = b.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: r, disabled: s = !1, ...o } = e, l = Ct(cr, n), i = sr(n), u = fr(l.baseId, r), c = vr(l.baseId, r), d = r === l.value;
+    const { __scopeTabs: n, value: r, disabled: s = !1, ...o } = e, l = At(dr, n), i = ir(n), u = hr(l.baseId, r), c = mr(l.baseId, r), d = r === l.value;
     return /* @__PURE__ */ a(
-      lo,
+      uo,
       {
         asChild: !0,
         ...i,
@@ -2346,10 +2389,10 @@ var cr = "TabsTrigger", ur = b.forwardRef(
     );
   }
 );
-ur.displayName = cr;
-var dr = "TabsContent", pr = b.forwardRef(
+pr.displayName = dr;
+var fr = "TabsContent", vr = b.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: r, forceMount: s, children: o, ...l } = e, i = Ct(dr, n), u = fr(i.baseId, r), c = vr(i.baseId, r), d = r === i.value, p = b.useRef(d);
+    const { __scopeTabs: n, value: r, forceMount: s, children: o, ...l } = e, i = At(fr, n), u = hr(i.baseId, r), c = mr(i.baseId, r), d = r === i.value, p = b.useRef(d);
     return b.useEffect(() => {
       const x = requestAnimationFrame(() => p.current = !1);
       return () => cancelAnimationFrame(x);
@@ -2374,21 +2417,21 @@ var dr = "TabsContent", pr = b.forwardRef(
     ) });
   }
 );
-pr.displayName = dr;
-function fr(e, t) {
+vr.displayName = fr;
+function hr(e, t) {
   return `${e}-trigger-${t}`;
 }
-function vr(e, t) {
+function mr(e, t) {
   return `${e}-content-${t}`;
 }
-var po = or, fo = lr, vo = ur, ho = pr;
-const Ri = po, Fi = re(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(fo, { ref: r, className: T("vx-tabs__list", t), ...n });
-}), Di = re(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(vo, { ref: r, className: T("vx-tabs__trigger", t), ...n });
-}), Ii = re(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(ho, { ref: r, className: T("vx-tabs__content", t), ...n });
-}), hr = {
+var vo = lr, ho = ur, mo = pr, go = vr;
+const Fi = vo, Ii = re(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(ho, { ref: r, className: T("vx-tabs__list", t), ...n });
+}), Li = re(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(mo, { ref: r, className: T("vx-tabs__trigger", t), ...n });
+}), Mi = re(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(go, { ref: r, className: T("vx-tabs__content", t), ...n });
+}), gr = {
   light: {
     label: "Light",
     mode: "light"
@@ -2405,8 +2448,8 @@ function Y(e, t = {}) {
     tokens: t.tokens
   };
 }
-const Li = {
-  ...hr,
+const Oi = {
+  ...gr,
   sunset: Y("light", {
     label: "Sunset",
     tokens: {
@@ -2714,13 +2757,13 @@ const Li = {
     }
   })
 };
-function mo(e) {
+function bo(e) {
   return {
-    ...hr,
+    ...gr,
     ...e
   };
 }
-function go(e, t) {
+function xo(e, t) {
   if (e && t[e])
     return e;
   if (t.light)
@@ -2728,25 +2771,25 @@ function go(e, t) {
   const [n] = Object.keys(t);
   return n ?? "light";
 }
-function bo(e, t) {
+function yo(e, t) {
   const n = window.localStorage.getItem(e);
   return n && t[n] ? n : null;
 }
-function xo(e, t, n) {
+function _o(e, t, n) {
   var s;
   if (((s = e[n]) == null ? void 0 : s.mode) === t)
     return n;
   const r = Object.entries(e).find(([, o]) => o.mode === t);
   return r == null ? void 0 : r[0];
 }
-const mr = _e(null);
-function Mi({
+const br = _e(null);
+function $i({
   children: e,
   defaultTheme: t = "light",
   storageKey: n = "vxui-react-theme",
   themes: r
 }) {
-  const s = be(() => mo(r), [r]), o = be(() => go(t, s), [t, s]), l = L([]), [i, u] = D(() => typeof window > "u" ? o : bo(n, s) ?? o), c = s[i] ? i : o, d = s[c];
+  const s = be(() => bo(r), [r]), o = be(() => xo(t, s), [t, s]), l = L([]), [i, u] = F(() => typeof window > "u" ? o : yo(n, s) ?? o), c = s[i] ? i : o, d = s[c];
   O(() => {
     i !== c && u(c);
   }, [c, i]), O(() => {
@@ -2772,21 +2815,21 @@ function Mi({
       toggleTheme: () => {
         u((x) => {
           const E = (s[x] ?? d).mode === "light" ? "dark" : "light";
-          return xo(s, E, E) ?? x;
+          return _o(s, E, E) ?? x;
         });
       }
     }),
     [d, o, s, c]
   );
-  return /* @__PURE__ */ a(mr.Provider, { value: p, children: e });
+  return /* @__PURE__ */ a(br.Provider, { value: p, children: e });
 }
-function Oi() {
-  const e = ye(mr);
+function Bi() {
+  const e = ye(br);
   if (!e)
     throw new Error("useTheme must be used within ThemeProvider.");
   return e;
 }
-var yo = Object.freeze({
+var wo = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -2798,18 +2841,18 @@ var yo = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), _o = "VisuallyHidden", At = b.forwardRef(
+}), ko = "VisuallyHidden", Pt = b.forwardRef(
   (e, t) => /* @__PURE__ */ a(
     B.span,
     {
       ...e,
       ref: t,
-      style: { ...yo, ...e.style }
+      style: { ...wo, ...e.style }
     }
   )
 );
-At.displayName = _o;
-var Pt = "ToastProvider", [Rt, wo, ko] = Zn("Toast"), [gr] = he("Toast", [ko]), [No, Ke] = gr(Pt), br = (e) => {
+Pt.displayName = ko;
+var Dt = "ToastProvider", [Rt, No, So] = Jn("Toast"), [xr] = he("Toast", [So]), [Eo, Ke] = xr(Dt), yr = (e) => {
   const {
     __scopeToast: t,
     label: n = "Notification",
@@ -2819,9 +2862,9 @@ var Pt = "ToastProvider", [Rt, wo, ko] = Zn("Toast"), [gr] = he("Toast", [ko]),
     children: l
   } = e, [i, u] = b.useState(null), [c, d] = b.useState(0), p = b.useRef(!1), x = b.useRef(!1);
   return n.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${Pt}\`. Expected non-empty \`string\`.`
+    `Invalid prop \`label\` supplied to \`${Dt}\`. Expected non-empty \`string\`.`
   ), /* @__PURE__ */ a(Rt.Provider, { scope: t, children: /* @__PURE__ */ a(
-    No,
+    Eo,
     {
       scope: t,
       label: n,
@@ -2839,15 +2882,15 @@ var Pt = "ToastProvider", [Rt, wo, ko] = Zn("Toast"), [gr] = he("Toast", [ko]),
     }
   ) });
 };
-br.displayName = Pt;
-var xr = "ToastViewport", So = ["F8"], dt = "toast.viewportPause", pt = "toast.viewportResume", yr = b.forwardRef(
+yr.displayName = Dt;
+var _r = "ToastViewport", To = ["F8"], dt = "toast.viewportPause", pt = "toast.viewportResume", wr = b.forwardRef(
   (e, t) => {
     const {
       __scopeToast: n,
-      hotkey: r = So,
+      hotkey: r = To,
       label: s = "Notifications ({hotkey})",
       ...o
-    } = e, l = Ke(xr, n), i = wo(n), u = b.useRef(null), c = b.useRef(null), d = b.useRef(null), p = b.useRef(null), x = K(t, p, l.onViewportChange), k = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), E = l.toastCount > 0;
+    } = e, l = Ke(_r, n), i = No(n), u = b.useRef(null), c = b.useRef(null), d = b.useRef(null), p = b.useRef(null), x = K(t, p, l.onViewportChange), k = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), E = l.toastCount > 0;
     b.useEffect(() => {
       const m = (w) => {
         var v;
@@ -2880,7 +2923,7 @@ var xr = "ToastViewport", So = ["F8"], dt = "toast.viewportPause", pt = "toast.v
     const g = b.useCallback(
       ({ tabbingDirection: m }) => {
         const h = i().map((v) => {
-          const f = v.ref.current, y = [f, ...Bo(f)];
+          const f = v.ref.current, y = [f, ...Uo(f)];
           return m === "forwards" ? y : y.reverse();
         });
         return (m === "forwards" ? h.reverse() : h).flat();
@@ -2899,14 +2942,14 @@ var xr = "ToastViewport", So = ["F8"], dt = "toast.viewportPause", pt = "toast.v
               (y = c.current) == null || y.focus();
               return;
             }
-            const R = g({ tabbingDirection: A ? "backwards" : "forwards" }), $ = R.findIndex((I) => I === C);
-            at(R.slice($ + 1)) ? h.preventDefault() : A ? (_ = c.current) == null || _.focus() : (N = d.current) == null || N.focus();
+            const D = g({ tabbingDirection: A ? "backwards" : "forwards" }), $ = D.findIndex((I) => I === C);
+            at(D.slice($ + 1)) ? h.preventDefault() : A ? (_ = c.current) == null || _.focus() : (N = d.current) == null || N.focus();
           }
         };
         return m.addEventListener("keydown", w), () => m.removeEventListener("keydown", w);
       }
     }, [i, g]), /* @__PURE__ */ S(
-      Ia,
+      Ma,
       {
         ref: u,
         role: "region",
@@ -2944,12 +2987,12 @@ var xr = "ToastViewport", So = ["F8"], dt = "toast.viewportPause", pt = "toast.v
     );
   }
 );
-yr.displayName = xr;
-var _r = "ToastFocusProxy", ft = b.forwardRef(
+wr.displayName = _r;
+var kr = "ToastFocusProxy", ft = b.forwardRef(
   (e, t) => {
-    const { __scopeToast: n, onFocusFromOutsideViewport: r, ...s } = e, o = Ke(_r, n);
+    const { __scopeToast: n, onFocusFromOutsideViewport: r, ...s } = e, o = Ke(kr, n);
     return /* @__PURE__ */ a(
-      At,
+      Pt,
       {
         tabIndex: 0,
         ...s,
@@ -2964,8 +3007,8 @@ var _r = "ToastFocusProxy", ft = b.forwardRef(
     );
   }
 );
-ft.displayName = _r;
-var Ne = "Toast", Eo = "toast.swipeStart", To = "toast.swipeMove", Co = "toast.swipeCancel", Ao = "toast.swipeEnd", wr = b.forwardRef(
+ft.displayName = kr;
+var Ne = "Toast", Co = "toast.swipeStart", Ao = "toast.swipeMove", Po = "toast.swipeCancel", Do = "toast.swipeEnd", Nr = b.forwardRef(
   (e, t) => {
     const { forceMount: n, open: r, defaultOpen: s, onOpenChange: o, ...l } = e, [i, u] = we({
       prop: r,
@@ -2974,7 +3017,7 @@ var Ne = "Toast", Eo = "toast.swipeStart", To = "toast.swipeMove", Co = "toast.s
       caller: Ne
     });
     return /* @__PURE__ */ a(me, { present: n || i, children: /* @__PURE__ */ a(
-      Fo,
+      Io,
       {
         open: i,
         ...l,
@@ -3000,11 +3043,11 @@ var Ne = "Toast", Eo = "toast.swipeStart", To = "toast.swipeMove", Co = "toast.s
     ) });
   }
 );
-wr.displayName = Ne;
-var [Po, Ro] = gr(Ne, {
+Nr.displayName = Ne;
+var [Ro, Fo] = xr(Ne, {
   onClose() {
   }
-}), Fo = b.forwardRef(
+}), Io = b.forwardRef(
   (e, t) => {
     const {
       __scopeToast: n,
@@ -3020,20 +3063,20 @@ var [Po, Ro] = gr(Ne, {
       onSwipeCancel: x,
       onSwipeEnd: k,
       ...E
-    } = e, g = Ke(Ne, n), [m, w] = b.useState(null), h = K(t, (I) => w(I)), v = b.useRef(null), f = b.useRef(null), y = s || g.duration, _ = b.useRef(0), N = b.useRef(y), C = b.useRef(0), { onToastAdd: A, onToastRemove: P } = g, F = J(() => {
+    } = e, g = Ke(Ne, n), [m, w] = b.useState(null), h = K(t, (I) => w(I)), v = b.useRef(null), f = b.useRef(null), y = s || g.duration, _ = b.useRef(0), N = b.useRef(y), C = b.useRef(0), { onToastAdd: A, onToastRemove: P } = g, R = J(() => {
       var W;
       (m == null ? void 0 : m.contains(document.activeElement)) && ((W = g.viewport) == null || W.focus()), l();
-    }), R = b.useCallback(
+    }), D = b.useCallback(
       (I) => {
-        !I || I === 1 / 0 || (window.clearTimeout(C.current), _.current = (/* @__PURE__ */ new Date()).getTime(), C.current = window.setTimeout(F, I));
+        !I || I === 1 / 0 || (window.clearTimeout(C.current), _.current = (/* @__PURE__ */ new Date()).getTime(), C.current = window.setTimeout(R, I));
       },
-      [F]
+      [R]
     );
     b.useEffect(() => {
       const I = g.viewport;
       if (I) {
         const W = () => {
-          R(N.current), c == null || c();
+          D(N.current), c == null || c();
         }, H = () => {
           const ee = (/* @__PURE__ */ new Date()).getTime() - _.current;
           N.current = N.current - ee, window.clearTimeout(C.current), u == null || u();
@@ -3042,13 +3085,13 @@ var [Po, Ro] = gr(Ne, {
           I.removeEventListener(dt, H), I.removeEventListener(pt, W);
         };
       }
-    }, [g.viewport, y, u, c, R]), b.useEffect(() => {
-      o && !g.isClosePausedRef.current && R(y);
-    }, [o, y, g.isClosePausedRef, R]), b.useEffect(() => (A(), () => P()), [A, P]);
-    const $ = b.useMemo(() => m ? Cr(m) : null, [m]);
+    }, [g.viewport, y, u, c, D]), b.useEffect(() => {
+      o && !g.isClosePausedRef.current && D(y);
+    }, [o, y, g.isClosePausedRef, D]), b.useEffect(() => (A(), () => P()), [A, P]);
+    const $ = b.useMemo(() => m ? Pr(m) : null, [m]);
     return g.viewport ? /* @__PURE__ */ S(q, { children: [
       $ && /* @__PURE__ */ a(
-        Do,
+        Lo,
         {
           __scopeToast: n,
           role: "status",
@@ -3056,13 +3099,13 @@ var [Po, Ro] = gr(Ne, {
           children: $
         }
       ),
-      /* @__PURE__ */ a(Po, { scope: n, onClose: F, children: sn.createPortal(
+      /* @__PURE__ */ a(Ro, { scope: n, onClose: R, children: on.createPortal(
         /* @__PURE__ */ a(Rt.ItemSlot, { scope: n, children: /* @__PURE__ */ a(
-          Da,
+          La,
           {
             asChild: !0,
             onEscapeKeyDown: M(i, () => {
-              g.isFocusedToastEscapeKeyDownRef.current || F(), g.isFocusedToastEscapeKeyDownRef.current = !1;
+              g.isFocusedToastEscapeKeyDownRef.current || R(), g.isFocusedToastEscapeKeyDownRef.current = !1;
             }),
             children: /* @__PURE__ */ a(
               B.li,
@@ -3074,7 +3117,7 @@ var [Po, Ro] = gr(Ne, {
                 ref: h,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
                 onKeyDown: M(e.onKeyDown, (I) => {
-                  I.key === "Escape" && (i == null || i(I.nativeEvent), I.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, F()));
+                  I.key === "Escape" && (i == null || i(I.nativeEvent), I.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, R()));
                 }),
                 onPointerDown: M(e.onPointerDown, (I) => {
                   I.button === 0 && (v.current = { x: I.clientX, y: I.clientY });
@@ -3082,9 +3125,9 @@ var [Po, Ro] = gr(Ne, {
                 onPointerMove: M(e.onPointerMove, (I) => {
                   if (!v.current) return;
                   const W = I.clientX - v.current.x, H = I.clientY - v.current.y, ee = !!f.current, z = ["left", "right"].includes(g.swipeDirection), G = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, te = z ? G(0, W) : 0, ie = z ? 0 : G(0, H), j = I.pointerType === "touch" ? 10 : 2, le = { x: te, y: ie }, V = { originalEvent: I, delta: le };
-                  ee ? (f.current = le, De(To, p, V, {
+                  ee ? (f.current = le, Fe(Ao, p, V, {
                     discrete: !1
-                  })) : qt(le, g.swipeDirection, j) ? (f.current = le, De(Eo, d, V, {
+                  })) : Xt(le, g.swipeDirection, j) ? (f.current = le, Fe(Co, d, V, {
                     discrete: !1
                   }), I.target.setPointerCapture(I.pointerId)) : (Math.abs(W) > j || Math.abs(H) > j) && (v.current = null);
                 }),
@@ -3092,10 +3135,10 @@ var [Po, Ro] = gr(Ne, {
                   const W = f.current, H = I.target;
                   if (H.hasPointerCapture(I.pointerId) && H.releasePointerCapture(I.pointerId), f.current = null, v.current = null, W) {
                     const ee = I.currentTarget, z = { originalEvent: I, delta: W };
-                    qt(W, g.swipeDirection, g.swipeThreshold) ? De(Ao, k, z, {
+                    Xt(W, g.swipeDirection, g.swipeThreshold) ? Fe(Do, k, z, {
                       discrete: !0
-                    }) : De(
-                      Co,
+                    }) : Fe(
+                      Po,
                       x,
                       z,
                       {
@@ -3114,43 +3157,43 @@ var [Po, Ro] = gr(Ne, {
       ) })
     ] }) : null;
   }
-), Do = (e) => {
+), Lo = (e) => {
   const { __scopeToast: t, children: n, ...r } = e, s = Ke(Ne, t), [o, l] = b.useState(!1), [i, u] = b.useState(!1);
-  return Oo(() => l(!0)), b.useEffect(() => {
+  return Bo(() => l(!0)), b.useEffect(() => {
     const c = window.setTimeout(() => u(!0), 1e3);
     return () => window.clearTimeout(c);
-  }, []), i ? null : /* @__PURE__ */ a(gt, { asChild: !0, children: /* @__PURE__ */ a(At, { ...r, children: o && /* @__PURE__ */ S(q, { children: [
+  }, []), i ? null : /* @__PURE__ */ a(bt, { asChild: !0, children: /* @__PURE__ */ a(Pt, { ...r, children: o && /* @__PURE__ */ S(q, { children: [
     s.label,
     " ",
     n
   ] }) }) });
-}, Io = "ToastTitle", kr = b.forwardRef(
+}, Mo = "ToastTitle", Sr = b.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e;
     return /* @__PURE__ */ a(B.div, { ...r, ref: t });
   }
 );
-kr.displayName = Io;
-var Lo = "ToastDescription", Nr = b.forwardRef(
+Sr.displayName = Mo;
+var Oo = "ToastDescription", Er = b.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e;
     return /* @__PURE__ */ a(B.div, { ...r, ref: t });
   }
 );
-Nr.displayName = Lo;
-var Sr = "ToastAction", Mo = b.forwardRef(
+Er.displayName = Oo;
+var Tr = "ToastAction", $o = b.forwardRef(
   (e, t) => {
     const { altText: n, ...r } = e;
-    return n.trim() ? /* @__PURE__ */ a(Tr, { altText: n, asChild: !0, children: /* @__PURE__ */ a(Ft, { ...r, ref: t }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${Sr}\`. Expected non-empty \`string\`.`
+    return n.trim() ? /* @__PURE__ */ a(Ar, { altText: n, asChild: !0, children: /* @__PURE__ */ a(Ft, { ...r, ref: t }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${Tr}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
-Mo.displayName = Sr;
-var Er = "ToastClose", Ft = b.forwardRef(
+$o.displayName = Tr;
+var Cr = "ToastClose", Ft = b.forwardRef(
   (e, t) => {
-    const { __scopeToast: n, ...r } = e, s = Ro(Er, n);
-    return /* @__PURE__ */ a(Tr, { asChild: !0, children: /* @__PURE__ */ a(
+    const { __scopeToast: n, ...r } = e, s = Fo(Cr, n);
+    return /* @__PURE__ */ a(Ar, { asChild: !0, children: /* @__PURE__ */ a(
       B.button,
       {
         type: "button",
@@ -3161,8 +3204,8 @@ var Er = "ToastClose", Ft = b.forwardRef(
     ) });
   }
 );
-Ft.displayName = Er;
-var Tr = b.forwardRef((e, t) => {
+Ft.displayName = Cr;
+var Ar = b.forwardRef((e, t) => {
   const { __scopeToast: n, altText: r, ...s } = e;
   return /* @__PURE__ */ a(
     B.div,
@@ -3174,29 +3217,29 @@ var Tr = b.forwardRef((e, t) => {
     }
   );
 });
-function Cr(e) {
+function Pr(e) {
   const t = [];
   return Array.from(e.childNodes).forEach((r) => {
-    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), $o(r)) {
+    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), zo(r)) {
       const s = r.ariaHidden || r.hidden || r.style.display === "none", o = r.dataset.radixToastAnnounceExclude === "";
       if (!s)
         if (o) {
           const l = r.dataset.radixToastAnnounceAlt;
           l && t.push(l);
         } else
-          t.push(...Cr(r));
+          t.push(...Pr(r));
     }
   }), t;
 }
-function De(e, t, n, { discrete: r }) {
+function Fe(e, t, n, { discrete: r }) {
   const s = n.originalEvent.currentTarget, o = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: n });
   t && s.addEventListener(e, t, { once: !0 }), r ? hn(s, o) : s.dispatchEvent(o);
 }
-var qt = (e, t, n = 0) => {
+var Xt = (e, t, n = 0) => {
   const r = Math.abs(e.x), s = Math.abs(e.y), o = r > s;
   return t === "left" || t === "right" ? o && r > n : !o && s > n;
 };
-function Oo(e = () => {
+function Bo(e = () => {
 }) {
   const t = J(e);
   se(() => {
@@ -3206,10 +3249,10 @@ function Oo(e = () => {
     };
   }, [t]);
 }
-function $o(e) {
+function zo(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
-function Bo(e) {
+function Uo(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const s = r.tagName === "INPUT" && r.type === "hidden";
@@ -3223,22 +3266,22 @@ function at(e) {
   const t = document.activeElement;
   return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
 }
-var zo = br, Uo = yr, Wo = wr, Ho = kr, Go = Nr, jo = Ft;
-const Ar = _e(null);
-let Ko = 1;
-function $i({ children: e }) {
-  const [t, n] = D([]), r = be(
+var Wo = yr, Ho = wr, Go = Nr, jo = Sr, Ko = Er, Vo = Ft;
+const Dr = _e(null);
+let Yo = 1;
+function zi({ children: e }) {
+  const [t, n] = F([]), r = be(
     () => ({
       push: (s) => {
-        n((o) => [...o, { id: Ko += 1, tone: "info", ...s }]);
+        n((o) => [...o, { id: Yo += 1, tone: "info", ...s }]);
       }
     }),
     []
   );
-  return /* @__PURE__ */ a(Ar.Provider, { value: r, children: /* @__PURE__ */ S(zo, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ a(Dr.Provider, { value: r, children: /* @__PURE__ */ S(Wo, { swipeDirection: "right", children: [
     e,
     t.map((s) => /* @__PURE__ */ S(
-      Wo,
+      Go,
       {
         className: T("vx-toast", `vx-toast--${s.tone ?? "info"}`),
         duration: 4500,
@@ -3248,24 +3291,24 @@ function $i({ children: e }) {
         },
         children: [
           /* @__PURE__ */ S("div", { className: "vx-toast__content", children: [
-            /* @__PURE__ */ a(Ho, { className: "vx-toast__title", children: s.title }),
-            s.description ? /* @__PURE__ */ a(Go, { className: "vx-toast__description", children: s.description }) : null
+            /* @__PURE__ */ a(jo, { className: "vx-toast__title", children: s.title }),
+            s.description ? /* @__PURE__ */ a(Ko, { className: "vx-toast__description", children: s.description }) : null
           ] }),
-          /* @__PURE__ */ a(jo, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(ve, { size: 16 }) })
+          /* @__PURE__ */ a(Vo, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(ve, { size: 16 }) })
         ]
       },
       s.id
     )),
-    /* @__PURE__ */ a(Uo, { className: "vx-toast__viewport" })
+    /* @__PURE__ */ a(Ho, { className: "vx-toast__viewport" })
   ] }) });
 }
-function Bi() {
-  const e = ye(Ar);
+function Ui() {
+  const e = ye(Dr);
   if (!e)
     throw new Error("useToast must be used within ToastProvider.");
   return e;
 }
-function zi({
+function Wi({
   as: e = "p",
   variant: t = "default",
   size: n = "base",
@@ -3289,7 +3332,7 @@ function zi({
     }
   );
 }
-function Ui({
+function Hi({
   as: e,
   level: t = 2,
   variant: n = "default",
@@ -3314,7 +3357,7 @@ function Ui({
     }
   );
 }
-function Wi({ className: e, label: t, hint: n, placeholder: r, children: s, ...o }) {
+function Gi({ className: e, label: t, hint: n, placeholder: r, children: s, ...o }) {
   return /* @__PURE__ */ S("label", { className: "vx-field-group", children: [
     t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
     /* @__PURE__ */ S("span", { className: T("vx-select", e), children: [
@@ -3327,7 +3370,7 @@ function Wi({ className: e, label: t, hint: n, placeholder: r, children: s, ...o
     n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function Hi({ className: e, label: t, description: n, indeterminate: r, ...s }) {
+function ji({ className: e, label: t, description: n, indeterminate: r, ...s }) {
   return /* @__PURE__ */ S("label", { className: T("vx-checkbox", s.disabled && "vx-checkbox--disabled"), children: [
     /* @__PURE__ */ S("span", { className: "vx-checkbox__control-wrap", children: [
       /* @__PURE__ */ a(
@@ -3349,7 +3392,7 @@ function Hi({ className: e, label: t, description: n, indeterminate: r, ...s })
     ] }) : null
   ] });
 }
-function Gi({ className: e, label: t, description: n, ...r }) {
+function Ki({ className: e, label: t, description: n, ...r }) {
   return /* @__PURE__ */ S("label", { className: T("vx-radio", r.disabled && "vx-radio--disabled"), children: [
     /* @__PURE__ */ S("span", { className: "vx-radio__control-wrap", children: [
       /* @__PURE__ */ a("input", { type: "radio", className: T("vx-radio__input", e), ...r }),
@@ -3361,13 +3404,13 @@ function Gi({ className: e, label: t, description: n, ...r }) {
     ] }) : null
   ] });
 }
-function ji({ label: e, children: t, className: n }) {
+function Vi({ label: e, children: t, className: n }) {
   return /* @__PURE__ */ S("fieldset", { className: T("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 Ki({ className: e, label: t, hint: n, resize: r = "vertical", style: s, ...o }) {
+function Yi({ className: e, label: t, hint: n, resize: r = "vertical", style: s, ...o }) {
   return /* @__PURE__ */ S("label", { className: "vx-field-group", children: [
     t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
     /* @__PURE__ */ a(
@@ -3381,7 +3424,7 @@ function Ki({ className: e, label: t, hint: n, resize: r = "vertical", style: s,
     n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function Vi({ className: e, label: t, showValue: n = !1, hint: r, value: s, defaultValue: o, ...l }) {
+function qi({ className: e, label: t, showValue: n = !1, hint: r, value: s, defaultValue: o, ...l }) {
   return /* @__PURE__ */ S("label", { className: "vx-field-group", children: [
     t || n ? /* @__PURE__ */ S("span", { className: "vx-slider__header", children: [
       t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label vx-slider__label", children: t }) : null,
@@ -3400,9 +3443,9 @@ function Vi({ className: e, label: t, showValue: n = !1, hint: r, value: s, defa
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: r }) : null
   ] });
 }
-const Vo = { sm: 16, md: 24, lg: 36 };
-function Yi({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
-  const s = Vo[t];
+const qo = { sm: 16, md: 24, lg: 36 };
+function Xi({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
+  const s = qo[t];
   return /* @__PURE__ */ a(
     "span",
     {
@@ -3435,7 +3478,7 @@ function Yi({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
     }
   );
 }
-function qi({
+function Zi({
   className: e,
   value: t = 0,
   max: n = 100,
@@ -3480,7 +3523,7 @@ function qi({
     )
   ] });
 }
-const Yo = {
+const Xo = {
   info: /* @__PURE__ */ S("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" })
@@ -3498,7 +3541,7 @@ const Yo = {
     /* @__PURE__ */ a("path", { d: "M10 6L6 10M6 6l4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] })
 };
-function Xi({
+function Qi({
   className: e,
   variant: t = "info",
   title: n,
@@ -3514,7 +3557,7 @@ function Xi({
       className: T("vx-alert", `vx-alert--${t}`, e),
       ...l,
       children: [
-        /* @__PURE__ */ a("span", { className: "vx-alert__icon", children: r ?? Yo[t] }),
+        /* @__PURE__ */ a("span", { className: "vx-alert__icon", children: r ?? Xo[t] }),
         /* @__PURE__ */ S("div", { className: "vx-alert__body", children: [
           n ? /* @__PURE__ */ a("p", { className: "vx-alert__title", children: n }) : null,
           o ? /* @__PURE__ */ a("div", { className: "vx-alert__content", children: o }) : null
@@ -3524,7 +3567,7 @@ function Xi({
     }
   );
 }
-function Zi({
+function Ji({
   className: e,
   width: t,
   height: n,
@@ -3557,8 +3600,8 @@ function Zi({
     }
   );
 }
-function Qi({ content: e, placement: t = "top", delay: n = 600, children: r, className: s }) {
-  const [o, l] = D(!1), i = L(null), u = U(() => {
+function el({ content: e, placement: t = "top", delay: n = 600, children: r, className: s }) {
+  const [o, l] = F(!1), i = L(null), u = U(() => {
     i.current = setTimeout(() => l(!0), n);
   }, [n]), c = U(() => {
     i.current && clearTimeout(i.current), l(!1);
@@ -3570,7 +3613,7 @@ function Qi({ content: e, placement: t = "top", delay: n = 600, children: r, cla
     o ? /* @__PURE__ */ a("span", { role: "tooltip", className: T("vx-tooltip", `vx-tooltip--${t}`), children: e }) : null
   ] });
 }
-function Ji({
+function tl({
   content: e,
   placement: t = "bottom",
   trigger: n = "click",
@@ -3579,7 +3622,7 @@ function Ji({
   open: o,
   onOpenChange: l
 }) {
-  const [i, u] = D(!1), c = o !== void 0, d = c ? o : i, p = L(null), x = U((g) => {
+  const [i, u] = F(!1), c = o !== void 0, d = c ? o : i, p = L(null), x = U((g) => {
     c || u(g), l == null || l(g);
   }, [c, l]), k = U(() => x(!d), [d, x]);
   O(() => {
@@ -3599,7 +3642,7 @@ function Ji({
     d ? /* @__PURE__ */ a("div", { className: T("vx-popover", `vx-popover--${t}`), role: "dialog", children: e }) : null
   ] });
 }
-function el({
+function nl({
   trigger: e,
   groups: t,
   items: n,
@@ -3608,7 +3651,7 @@ function el({
   open: o,
   onOpenChange: l
 }) {
-  const [i, u] = D(!1), c = o !== void 0, d = c ? o : i, p = L(null), x = U((g) => {
+  const [i, u] = F(!1), c = o !== void 0, d = c ? o : i, p = L(null), x = U((g) => {
     c || u(g), l == null || l(g);
   }, [c, l]), k = U(() => x(!d), [d, x]);
   O(() => {
@@ -3665,20 +3708,20 @@ function el({
     ] }, m)) }) : null
   ] });
 }
-const qo = () => /* @__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 tl({ items: e, separator: t, className: n }) {
+const Zo = () => /* @__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 rl({ items: e, separator: t, className: n }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", className: T("vx-breadcrumb", n), children: /* @__PURE__ */ a("ol", { className: "vx-breadcrumb__list", children: e.map((r, s) => {
     const o = s === e.length - 1;
     return /* @__PURE__ */ S("li", { className: "vx-breadcrumb__item", children: [
       o ? /* @__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 }),
-      o ? null : /* @__PURE__ */ a("span", { className: "vx-breadcrumb__sep", "aria-hidden": "true", children: t ?? /* @__PURE__ */ a(qo, {}) })
+      o ? null : /* @__PURE__ */ a("span", { className: "vx-breadcrumb__sep", "aria-hidden": "true", children: t ?? /* @__PURE__ */ a(Zo, {}) })
     ] }, s);
   }) }) });
 }
 function Ie(e, t) {
   return Array.from({ length: t - e + 1 }, (n, r) => e + r);
 }
-function nl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange: s, className: o }) {
+function al({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange: s, className: o }) {
   const l = Math.max(1, Math.ceil(t / n)), i = (() => {
     const u = r * 2 + 5;
     if (l <= u) return Ie(1, l);
@@ -3723,8 +3766,8 @@ function nl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange
     )
   ] });
 }
-function rl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
-  const [s, o] = D(new Set(n));
+function sl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
+  const [s, o] = F(new Set(n));
   function l(i) {
     o((u) => {
       const c = new Set(t ? u : []);
@@ -3752,7 +3795,7 @@ function rl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
     ] }, i.key);
   }) });
 }
-function al({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
+function ol({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
   return /* @__PURE__ */ a(
     "hr",
     {
@@ -3763,18 +3806,18 @@ function al({ className: e, orientation: t = "horizontal", decorative: n = !0, .
     }
   );
 }
-function Xo(e) {
+function Qo(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 Xt = [0, 30, 60, 120, 160, 200, 240, 270, 300, 340];
-function Zo(e) {
+const Zt = [0, 30, 60, 120, 160, 200, 240, 270, 300, 340];
+function Jo(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
-  return Xt[t % Xt.length];
+  return Zt[t % Zt.length];
 }
-function sl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: s, className: o, alt: l, ...i }) {
-  const [u, c] = D(!1), d = e && !u, p = t ?? l ?? "", x = p ? Zo(p) : 200;
+function il({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: s, className: o, alt: l, ...i }) {
+  const [u, c] = F(!1), d = e && !u, p = t ?? l ?? "", x = p ? Jo(p) : 200;
   return /* @__PURE__ */ a(
     "span",
     {
@@ -3790,14 +3833,14 @@ function sl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: s,
           onError: () => c(!0),
           ...i
         }
-      ) : s ? /* @__PURE__ */ a("span", { className: "vx-avatar__fallback", children: s }) : p ? /* @__PURE__ */ a("span", { className: "vx-avatar__initials", children: Xo(p) }) : /* @__PURE__ */ S("svg", { className: "vx-avatar__placeholder", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+      ) : s ? /* @__PURE__ */ a("span", { className: "vx-avatar__fallback", children: s }) : p ? /* @__PURE__ */ a("span", { className: "vx-avatar__initials", children: Qo(p) }) : /* @__PURE__ */ S("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 ol({
+function ll({
   columns: e,
   data: t,
   striped: n = !1,
@@ -3813,7 +3856,7 @@ function ol({
   className: x,
   ...k
 }) {
-  const [E, g] = D(null), [m, w] = D(null), h = c !== void 0, v = h ? c : E, f = h ? d ?? null : m, y = U((_) => {
+  const [E, g] = F(null), [m, w] = F(null), h = c !== void 0, v = h ? c : E, f = h ? d ?? null : m, y = U((_) => {
     let N;
     v !== _ ? N = "asc" : f === "asc" ? N = "desc" : f === "desc" ? N = null : N = "asc", h || (g(N === null ? null : _), w(N)), p == null || p(_, N);
   }, [v, f, h, p]);
@@ -3861,24 +3904,24 @@ function ol({
     }
   ) });
 }
-function il({ topBar: e, bottomNav: t, children: n, className: r }) {
+function cl({ topBar: e, bottomNav: t, children: n, className: r }) {
   return /* @__PURE__ */ S("div", { className: T("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 ll({ title: e, leading: t, trailing: n, className: r }) {
+function ul({ title: e, leading: t, trailing: n, className: r }) {
   return /* @__PURE__ */ S("div", { className: T("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 cl({ label: e, className: t, children: n, ...r }) {
+function dl({ label: e, className: t, children: n, ...r }) {
   return /* @__PURE__ */ a("button", { type: "button", className: T("vxm-icon-btn", t), "aria-label": e, ...r, children: n });
 }
-function ul({ items: e, className: t }) {
+function pl({ items: e, className: t }) {
   return /* @__PURE__ */ a("nav", { className: T("vxm-bottomnav", t), "aria-label": "底部导航", children: e.map((n) => /* @__PURE__ */ S(
     "button",
     {
@@ -3897,7 +3940,7 @@ function ul({ items: e, className: t }) {
     n.key
   )) });
 }
-function dl({
+function fl({
   open: e,
   onClose: t,
   title: n,
@@ -3905,7 +3948,7 @@ function dl({
   children: s,
   className: o
 }) {
-  const l = L(null), i = L(0), [u, c] = D(!1), [d, p] = D(0), x = L(0);
+  const l = L(null), i = L(0), [u, c] = F(!1), [d, p] = F(0), x = L(0);
   O(() => {
     e || (p(0), x.current = 0);
   }, [e]), O(() => {
@@ -3965,7 +4008,7 @@ function dl({
     }
   ) : null;
 }
-function pl({ icon: e, destructive: t, className: n, children: r, ...s }) {
+function vl({ icon: e, destructive: t, className: n, children: r, ...s }) {
   return /* @__PURE__ */ S(
     "button",
     {
@@ -3979,16 +4022,16 @@ function pl({ icon: e, destructive: t, className: n, children: r, ...s }) {
     }
   );
 }
-function fl({ className: e, ...t }) {
+function hl({ className: e, ...t }) {
   return /* @__PURE__ */ a("ul", { className: T("vxm-list", e), role: "list", ...t });
 }
-function vl({ title: e, className: t, children: n, ...r }) {
+function ml({ title: e, className: t, children: n, ...r }) {
   return /* @__PURE__ */ S("div", { className: T("vxm-list-section", t), ...r, children: [
     e && /* @__PURE__ */ a("div", { className: "vxm-list-section__title", children: e }),
     n
   ] });
 }
-function hl({
+function gl({
   leading: e,
   trailing: t,
   label: n,
@@ -4032,7 +4075,7 @@ function hl({
     }
   );
 }
-function ml({
+function bl({
   open: e,
   onClose: t,
   width: n = 280,
@@ -4041,7 +4084,7 @@ function ml({
   children: o,
   className: l
 }) {
-  const i = L(null), u = L(0), c = L(0), [d, p] = D(!1), [x, k] = D(0);
+  const i = L(null), u = L(0), c = L(0), [d, p] = F(!1), [x, k] = F(0);
   O(() => {
     e || (k(0), c.current = 0);
   }, [e]), O(() => {
@@ -4097,7 +4140,7 @@ function ml({
     )
   ] });
 }
-function gl({ icon: e, label: t, badge: n, active: r, onClick: s }) {
+function xl({ icon: e, label: t, badge: n, active: r, onClick: s }) {
   return /* @__PURE__ */ S(
     "button",
     {
@@ -4113,41 +4156,41 @@ function gl({ icon: e, label: t, badge: n, active: r, onClick: s }) {
     }
   );
 }
-function bl({ title: e, children: t }) {
+function yl({ title: e, children: t }) {
   return /* @__PURE__ */ S("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 })
   ] });
 }
-const xl = re(function({ className: t, required: n, children: r, ...s }, o) {
+const _l = re(function({ className: t, required: n, children: r, ...s }, o) {
   return /* @__PURE__ */ S("label", { ref: o, className: T("vx-label", t), ...s, children: [
     r,
     n ? /* @__PURE__ */ a("span", { className: "vx-label__required", "aria-hidden": "true", children: " *" }) : null
   ] });
-}), Pr = _e({});
-function Qo() {
-  return ye(Pr);
+}), Rr = _e({});
+function ei() {
+  return ye(Rr);
 }
-function yl({ className: e, ...t }) {
+function wl({ className: e, ...t }) {
   return /* @__PURE__ */ a("form", { noValidate: !0, className: T("vx-form", e), ...t });
 }
-function _l({ error: e, children: t, className: n }) {
-  return /* @__PURE__ */ a(Pr.Provider, { value: { error: e }, children: /* @__PURE__ */ a("div", { className: T("vx-form-field", e && "vx-form-field--invalid", n), children: t }) });
+function kl({ error: e, children: t, className: n }) {
+  return /* @__PURE__ */ a(Rr.Provider, { value: { error: e }, children: /* @__PURE__ */ a("div", { className: T("vx-form-field", e && "vx-form-field--invalid", n), children: t }) });
 }
-function wl({ className: e, required: t, children: n, ...r }) {
+function Nl({ className: e, required: t, children: n, ...r }) {
   return /* @__PURE__ */ S("label", { className: T("vx-form-label", e), ...r, children: [
     n,
     t ? /* @__PURE__ */ a("span", { className: "vx-form-label__required", "aria-hidden": "true", children: " *" }) : null
   ] });
 }
-function kl({ className: e, children: t, ...n }) {
+function Sl({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("p", { className: T("vx-form-description", e), ...n, children: t });
 }
-function Nl({ className: e, children: t, ...n }) {
-  const { error: r } = Qo(), s = r ?? t;
+function El({ className: e, children: t, ...n }) {
+  const { error: r } = ei(), s = r ?? t;
   return s ? /* @__PURE__ */ a("p", { className: T("vx-form-message", r && "vx-form-message--error", e), ...n, children: s }) : null;
 }
-function Sl({
+function Tl({
   trigger: e,
   title: t,
   description: n,
@@ -4159,30 +4202,43 @@ function Sl({
   className: u,
   ...c
 }) {
-  return /* @__PURE__ */ S(_t, { ...c, children: [
-    /* @__PURE__ */ a(wt, { asChild: !0, children: e }),
-    /* @__PURE__ */ S(kt, { children: [
-      /* @__PURE__ */ a(Nt, { className: "vx-dialog__overlay" }),
+  const d = Kn(), p = /* @__PURE__ */ S("div", { className: "vx-alert-dialog__footer", children: [
+    /* @__PURE__ */ a(ze, { asChild: !0, children: /* @__PURE__ */ a(fe, { variant: "secondary", onClick: l, children: s }) }),
+    /* @__PURE__ */ a(ze, { asChild: !0, children: /* @__PURE__ */ a(fe, { variant: i === "danger" ? "danger" : "solid", onClick: o, children: r }) })
+  ] });
+  return d ? /* @__PURE__ */ a(
+    Vn,
+    {
+      trigger: e,
+      title: t,
+      description: n,
+      side: "bottom",
+      footer: p,
+      className: T("vx-dialog--mobile-sheet", u),
+      ...c,
+      children: null
+    }
+  ) : /* @__PURE__ */ S(wt, { ...c, children: [
+    /* @__PURE__ */ a(kt, { asChild: !0, children: e }),
+    /* @__PURE__ */ S(Nt, { children: [
+      /* @__PURE__ */ a(St, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ S(
-        St,
+        Et,
         {
           className: T("vx-alert-dialog__content", u),
           role: "alertdialog",
           "aria-modal": "true",
           children: [
-            /* @__PURE__ */ a(Et, { className: "vx-alert-dialog__title", children: t }),
-            n ? /* @__PURE__ */ a(Tt, { className: "vx-alert-dialog__description", children: n }) : null,
-            /* @__PURE__ */ S("div", { className: "vx-alert-dialog__footer", children: [
-              /* @__PURE__ */ a(ze, { asChild: !0, children: /* @__PURE__ */ a(fe, { variant: "secondary", onClick: l, children: s }) }),
-              /* @__PURE__ */ a(ze, { asChild: !0, children: /* @__PURE__ */ a(fe, { variant: i === "danger" ? "danger" : "solid", onClick: o, children: r }) })
-            ] })
+            /* @__PURE__ */ a(Tt, { className: "vx-alert-dialog__title", children: t }),
+            n ? /* @__PURE__ */ a(Ct, { className: "vx-alert-dialog__description", children: n }) : null,
+            p
           ]
         }
       )
     ] })
   ] });
 }
-function El({
+function Cl({
   className: e,
   label: t,
   hint: n,
@@ -4275,16 +4331,16 @@ function El({
     !r && n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function Jo(e, t) {
+function ti(e, t) {
   return new Date(e, t + 1, 0).getDate();
 }
-function ei(e, t) {
+function ni(e, t) {
   return new Date(e, t, 1).getDay();
 }
-function Zt(e, t) {
+function Qt(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function ti({
+function ri({
   value: e,
   defaultValue: t,
   onChange: n,
@@ -4293,31 +4349,31 @@ function ti({
   className: o,
   weekStartsOnMonday: l = !1
 }) {
-  const i = /* @__PURE__ */ new Date(), u = e !== void 0, [c, d] = D(t), p = u ? e : c, [x, k] = D((p ?? i).getFullYear()), [E, g] = D((p ?? i).getMonth()), m = Jo(x, E), w = ei(x, E), h = l ? w === 0 ? 6 : w - 1 : w, v = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], f = () => {
+  const i = /* @__PURE__ */ new Date(), u = e !== void 0, [c, d] = F(t), p = u ? e : c, [x, k] = F((p ?? i).getFullYear()), [E, g] = F((p ?? i).getMonth()), m = ti(x, E), w = ni(x, E), h = l ? w === 0 ? 6 : w - 1 : w, v = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], f = () => {
     E === 0 ? (k((P) => P - 1), g(11)) : g((P) => P - 1);
   }, y = () => {
     E === 11 ? (k((P) => P + 1), g(0)) : g((P) => P + 1);
   }, _ = U(
     (P) => {
-      const F = new Date(x, E, P);
+      const R = new Date(x, E, P);
       if (r) {
-        const R = new Date(r.getFullYear(), r.getMonth(), r.getDate());
-        if (F < R) return !0;
+        const D = new Date(r.getFullYear(), r.getMonth(), r.getDate());
+        if (R < D) return !0;
       }
       if (s) {
-        const R = new Date(s.getFullYear(), s.getMonth(), s.getDate());
-        if (F > R) return !0;
+        const D = new Date(s.getFullYear(), s.getMonth(), s.getDate());
+        if (R > D) return !0;
       }
       return !1;
     },
     [x, E, r, s]
   ), N = (P) => {
     if (_(P)) return;
-    const F = new Date(x, E, P);
-    u || d(F), n == null || n(F);
+    const R = new Date(x, E, P);
+    u || d(R), n == null || n(R);
   }, C = new Date(x, E).toLocaleString("default", { month: "long" }), A = [
     ...Array(h).fill(null),
-    ...Array.from({ length: m }, (P, F) => F + 1)
+    ...Array.from({ length: m }, (P, R) => R + 1)
   ];
   for (; A.length % 7 !== 0; ) A.push(null);
   return /* @__PURE__ */ S("div", { className: T("vx-calendar", o), children: [
@@ -4350,10 +4406,10 @@ function ti({
     ] }),
     /* @__PURE__ */ S("div", { className: "vx-calendar__grid", role: "grid", "aria-label": `${C} ${x}`, children: [
       v.map((P) => /* @__PURE__ */ a("div", { className: "vx-calendar__weekday", role: "columnheader", children: P }, P)),
-      A.map((P, F) => {
+      A.map((P, R) => {
         if (P === null)
-          return /* @__PURE__ */ a("div", { className: "vx-calendar__cell vx-calendar__cell--empty" }, `e-${F}`);
-        const R = new Date(x, E, P), $ = Zt(R, i), I = p ? Zt(R, p) : !1, W = _(P);
+          return /* @__PURE__ */ a("div", { className: "vx-calendar__cell vx-calendar__cell--empty" }, `e-${R}`);
+        const D = new Date(x, E, P), $ = Qt(D, i), I = p ? Qt(D, p) : !1, W = _(P);
         return /* @__PURE__ */ a(
           "button",
           {
@@ -4367,7 +4423,7 @@ function ti({
             ),
             onClick: () => N(P),
             disabled: W,
-            "aria-label": R.toLocaleDateString(),
+            "aria-label": D.toLocaleDateString(),
             "aria-selected": I,
             children: P
           },
@@ -4377,17 +4433,17 @@ function ti({
     ] })
   ] });
 }
-function ni(e) {
+function ai(e) {
   return e.toLocaleDateString();
 }
-function ri() {
+function si() {
   return /* @__PURE__ */ S("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ a("rect", { x: "1", y: "3", width: "13", height: "11", rx: "2", stroke: "currentColor", strokeWidth: "1.2" }),
     /* @__PURE__ */ a("path", { d: "M1 6.5h13", stroke: "currentColor", strokeWidth: "1.2" }),
     /* @__PURE__ */ a("path", { d: "M5 1v3M10 1v3", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" })
   ] });
 }
-function Tl({
+function Al({
   value: e,
   defaultValue: t,
   onChange: n,
@@ -4401,7 +4457,7 @@ function Tl({
   weekStartsOnMonday: d,
   className: p
 }) {
-  const x = e !== void 0, [k, E] = D(t), g = x ? e : k, [m, w] = D(!1), h = L(null);
+  const x = e !== void 0, [k, E] = F(t), g = x ? e : k, [m, w] = F(!1), h = L(null);
   O(() => {
     if (!m) return;
     const f = (_) => {
@@ -4432,15 +4488,15 @@ function Tl({
         "aria-haspopup": "dialog",
         "aria-expanded": m,
         children: [
-          /* @__PURE__ */ a(ri, {}),
-          /* @__PURE__ */ a("span", { className: T("vx-datepicker__value", !g && "vx-datepicker__value--placeholder"), children: g ? ni(g) : r })
+          /* @__PURE__ */ a(si, {}),
+          /* @__PURE__ */ a("span", { className: T("vx-datepicker__value", !g && "vx-datepicker__value--placeholder"), children: g ? ai(g) : r })
         ]
       }
     ),
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: l }) : null,
     !l && o ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: o }) : null,
     m ? /* @__PURE__ */ a("div", { className: "vx-datepicker__popover", role: "dialog", "aria-label": "Date picker", children: /* @__PURE__ */ a(
-      ti,
+      ri,
       {
         value: g,
         onChange: v,
@@ -4451,7 +4507,7 @@ function Tl({
     ) }) : null
   ] });
 }
-function Cl({
+function Pl({
   options: e,
   value: t,
   defaultValue: n,
@@ -4466,34 +4522,34 @@ function Cl({
   emptyText: p = "No results",
   className: x
 }) {
-  const k = t !== void 0, [E, g] = D(n), m = k ? t : E, [w, h] = D(!1), [v, f] = D(""), y = L(null), _ = L(null), N = Ir(), C = e.find((R) => R.value === m), A = e.filter(
-    (R) => R.label.toLowerCase().includes(v.toLowerCase())
+  const k = t !== void 0, [E, g] = F(n), m = k ? t : E, [w, h] = F(!1), [v, f] = F(""), y = L(null), _ = L(null), N = Mr(), C = e.find((D) => D.value === m), A = e.filter(
+    (D) => D.label.toLowerCase().includes(v.toLowerCase())
   );
   O(() => {
     if (!w) {
       f("");
       return;
     }
-    const R = setTimeout(() => {
+    const D = setTimeout(() => {
       var $;
       return ($ = _.current) == null ? void 0 : $.focus();
     }, 0);
-    return () => clearTimeout(R);
+    return () => clearTimeout(D);
   }, [w]), O(() => {
     if (!w) return;
-    const R = (I) => {
+    const D = (I) => {
       y.current && !y.current.contains(I.target) && h(!1);
     }, $ = (I) => {
       I.key === "Escape" && h(!1);
     };
-    return document.addEventListener("mousedown", R), document.addEventListener("keydown", $), () => {
-      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", $);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", $), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", $);
     };
   }, [w]);
-  const P = (R) => {
-    R.disabled || (k || g(R.value), r == null || r(R.value), h(!1));
-  }, F = (R) => {
-    R.stopPropagation(), k || g(void 0), r == null || r(void 0);
+  const P = (D) => {
+    D.disabled || (k || g(D.value), r == null || r(D.value), h(!1));
+  }, R = (D) => {
+    D.stopPropagation(), k || g(void 0), r == null || r(void 0);
   };
   return /* @__PURE__ */ S("div", { ref: y, className: T("vx-combobox", x), children: [
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
@@ -4506,7 +4562,7 @@ function Cl({
           u && "vx-combobox__trigger--invalid",
           c && "vx-combobox__trigger--disabled"
         ),
-        onClick: () => !c && h((R) => !R),
+        onClick: () => !c && h((D) => !D),
         disabled: c,
         "aria-haspopup": "listbox",
         "aria-expanded": w,
@@ -4518,14 +4574,14 @@ function Cl({
               "span",
               {
                 className: "vx-combobox__clear",
-                onClick: F,
+                onClick: R,
                 role: "button",
                 "aria-label": "Clear selection",
                 children: /* @__PURE__ */ a(ve, { size: 14 })
               }
             ),
             /* @__PURE__ */ a(
-              ht,
+              mt,
               {
                 size: 14,
                 className: T("vx-combobox__chevron", w && "vx-combobox__chevron--open")
@@ -4546,33 +4602,33 @@ function Cl({
           className: "vx-combobox__search",
           placeholder: o,
           value: v,
-          onChange: (R) => f(R.target.value),
+          onChange: (D) => f(D.target.value),
           "aria-label": o
         }
       ) }),
-      /* @__PURE__ */ a("ul", { id: N, className: "vx-combobox__list", role: "listbox", "aria-label": l ?? "Options", children: A.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-combobox__empty", children: p }) : A.map((R) => /* @__PURE__ */ S(
+      /* @__PURE__ */ a("ul", { id: N, className: "vx-combobox__list", role: "listbox", "aria-label": l ?? "Options", children: A.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-combobox__empty", children: p }) : A.map((D) => /* @__PURE__ */ S(
         "li",
         {
           className: T(
             "vx-combobox__option",
-            R.value === m && "vx-combobox__option--selected",
-            R.disabled && "vx-combobox__option--disabled"
+            D.value === m && "vx-combobox__option--selected",
+            D.disabled && "vx-combobox__option--disabled"
           ),
           role: "option",
-          "aria-selected": R.value === m,
-          "aria-disabled": R.disabled,
-          onClick: () => P(R),
+          "aria-selected": D.value === m,
+          "aria-disabled": D.disabled,
+          onClick: () => P(D),
           children: [
-            /* @__PURE__ */ a("span", { children: R.label }),
-            R.value === m ? /* @__PURE__ */ a(vt, { size: 14 }) : null
+            /* @__PURE__ */ a("span", { children: D.label }),
+            D.value === m ? /* @__PURE__ */ a(ht, { size: 14 }) : null
           ]
         },
-        R.value
+        D.value
       )) })
     ] })
   ] });
 }
-function Al({
+function Dl({
   label: e,
   hint: t,
   error: n,
@@ -4583,7 +4639,7 @@ function Al({
   onFiles: i,
   className: u
 }) {
-  const [c, d] = D(!1), [p, x] = D([]), [k, E] = D(), g = L(null), m = U(
+  const [c, d] = F(!1), [p, x] = F([]), [k, E] = F(), g = L(null), m = U(
     (y) => {
       if (!y) return;
       const _ = Array.from(y);
@@ -4633,7 +4689,7 @@ function Al({
         },
         "aria-label": "Upload files, click or drag and drop",
         children: [
-          /* @__PURE__ */ a(na, { size: 24, className: "vx-file-upload__icon" }),
+          /* @__PURE__ */ a(aa, { size: 24, className: "vx-file-upload__icon" }),
           /* @__PURE__ */ S("p", { className: "vx-file-upload__text", children: [
             /* @__PURE__ */ a("span", { className: "vx-file-upload__link", children: "Click to upload" }),
             " or drag and drop"
@@ -4658,7 +4714,7 @@ function Al({
     ),
     f ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: f }) : null,
     p.length > 0 && /* @__PURE__ */ a("ul", { className: "vx-file-upload__list", children: p.map(({ id: y, file: _ }) => /* @__PURE__ */ S("li", { className: "vx-file-upload__file", children: [
-      /* @__PURE__ */ a(Xr, { size: 14, className: "vx-file-upload__file-icon" }),
+      /* @__PURE__ */ a(Qr, { size: 14, className: "vx-file-upload__file-icon" }),
       /* @__PURE__ */ a("span", { className: "vx-file-upload__file-name", children: _.name }),
       /* @__PURE__ */ S("span", { className: "vx-file-upload__file-size", children: [
         (_.size / 1024).toFixed(0),
@@ -4677,34 +4733,6 @@ function Al({
     ] }, y)) })
   ] });
 }
-function Pl({
-  trigger: e,
-  title: t,
-  description: n,
-  side: r = "right",
-  children: s,
-  footer: o,
-  className: l,
-  ...i
-}) {
-  return /* @__PURE__ */ S(_t, { ...i, children: [
-    e ? /* @__PURE__ */ a(wt, { asChild: !0, children: e }) : null,
-    /* @__PURE__ */ S(kt, { children: [
-      /* @__PURE__ */ a(Nt, { className: "vx-sheet__overlay" }),
-      /* @__PURE__ */ S(St, { className: T("vx-sheet", `vx-sheet--${r}`, l), children: [
-        /* @__PURE__ */ S("div", { className: "vx-sheet__header", children: [
-          /* @__PURE__ */ S("div", { children: [
-            t ? /* @__PURE__ */ a(Et, { className: "vx-sheet__title", children: t }) : null,
-            n ? /* @__PURE__ */ a(Tt, { className: "vx-sheet__description", children: n }) : null
-          ] }),
-          /* @__PURE__ */ a(ze, { className: "vx-dialog__close", "aria-label": "Close", children: /* @__PURE__ */ a(ve, { size: 16 }) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "vx-sheet__body", children: s }),
-        o ? /* @__PURE__ */ a("div", { className: "vx-sheet__footer", children: o }) : null
-      ] })
-    ] })
-  ] });
-}
 function Rl({
   maxHeight: e,
   maxWidth: t,
@@ -4737,7 +4765,7 @@ function Fl({
   onClick: l,
   ...i
 }) {
-  const [u, c] = D(t), d = e !== void 0, p = d ? e : u, x = (k) => {
+  const [u, c] = F(t), d = e !== void 0, p = d ? e : u, x = (k) => {
     d || c((E) => !E), n == null || n(!p), l == null || l(k);
   };
   return /* @__PURE__ */ a(
@@ -4752,7 +4780,7 @@ function Fl({
     }
   );
 }
-function Dl({
+function Il({
   items: e,
   value: t,
   defaultValue: n,
@@ -4761,7 +4789,7 @@ function Dl({
   size: o = "md",
   className: l
 }) {
-  const [i, u] = D(
+  const [i, u] = F(
     n ?? (s === "multiple" ? [] : "")
   ), c = t !== void 0, d = c ? t : i, p = (k) => Array.isArray(d) ? d.includes(k) : d === k, x = (k) => {
     let E;
@@ -4790,8 +4818,8 @@ function Dl({
     k.value
   )) });
 }
-function Il({ groups: e, items: t, children: n, className: r }) {
-  const [s, o] = D(null), l = L(null), i = e ?? (t ? [{ items: t }] : []);
+function Ll({ groups: e, items: t, children: n, className: r }) {
+  const [s, o] = F(null), l = L(null), i = e ?? (t ? [{ items: t }] : []);
   O(() => {
     if (!s) return;
     const c = (p) => {
@@ -4846,14 +4874,14 @@ function Il({ groups: e, items: t, children: n, className: r }) {
     )
   ] });
 }
-function Ll({
+function Ml({
   content: e,
   placement: t = "bottom",
   delay: n = 400,
   children: r,
   className: s
 }) {
-  const [o, l] = D(!1), i = L(null), u = U(() => {
+  const [o, l] = F(!1), i = L(null), u = U(() => {
     i.current = setTimeout(() => l(!0), n);
   }, [n]), c = U(() => {
     i.current && clearTimeout(i.current), l(!1);
@@ -4873,8 +4901,8 @@ function Ll({
     }
   );
 }
-function Ml({ menus: e, className: t }) {
-  const [n, r] = D(null), s = L(null);
+function Ol({ menus: e, className: t }) {
+  const [n, r] = F(null), s = L(null);
   return O(() => {
     if (n === null) return;
     const o = (i) => {
@@ -4934,8 +4962,8 @@ function Ml({ menus: e, className: t }) {
     ] }, l);
   }) });
 }
-function Ol({ items: e, className: t }) {
-  const [n, r] = D(null), s = L(null);
+function $l({ items: e, className: t }) {
+  const [n, r] = F(null), s = L(null);
   return O(() => {
     if (n === null) return;
     const o = (i) => {
@@ -4964,7 +4992,7 @@ function Ol({ items: e, className: t }) {
           children: [
             o.label,
             /* @__PURE__ */ a(
-              ht,
+              mt,
               {
                 size: 14,
                 className: T(
@@ -5009,7 +5037,7 @@ function Ol({ items: e, className: t }) {
     ] }, l);
   }) }) });
 }
-function $l({
+function Bl({
   steps: e,
   currentStep: t = 0,
   orientation: n = "horizontal",
@@ -5023,7 +5051,7 @@ function $l({
       children: e.map((s, o) => {
         const l = s.status ?? (o < t ? "completed" : o === t ? "active" : "pending");
         return /* @__PURE__ */ S("li", { className: T("vx-stepper__step", `vx-stepper__step--${l}`), children: [
-          /* @__PURE__ */ a("div", { className: "vx-stepper__indicator", "aria-hidden": "true", children: l === "completed" ? /* @__PURE__ */ a(vt, { size: 14 }) : /* @__PURE__ */ a("span", { children: o + 1 }) }),
+          /* @__PURE__ */ a("div", { className: "vx-stepper__indicator", "aria-hidden": "true", children: l === "completed" ? /* @__PURE__ */ a(ht, { size: 14 }) : /* @__PURE__ */ a("span", { children: o + 1 }) }),
           /* @__PURE__ */ S("div", { className: "vx-stepper__content", children: [
             /* @__PURE__ */ a("span", { className: "vx-stepper__label", children: s.label }),
             s.description && /* @__PURE__ */ a("span", { className: "vx-stepper__description", children: s.description })
@@ -5034,7 +5062,7 @@ function $l({
     }
   );
 }
-function Bl({ items: e, className: t }) {
+function zl({ items: e, className: t }) {
   return /* @__PURE__ */ a("ol", { className: T("vx-timeline", t), "aria-label": "Timeline", children: e.map((n, r) => /* @__PURE__ */ S(
     "li",
     {
@@ -5056,7 +5084,7 @@ function Bl({ items: e, className: t }) {
     r
   )) });
 }
-function zl({ icon: e, title: t, description: n, action: r, className: s }) {
+function Ul({ icon: e, title: t, description: n, action: r, className: s }) {
   return /* @__PURE__ */ S("div", { className: T("vx-empty-state", s), role: "status", "aria-live": "polite", children: [
     e && /* @__PURE__ */ a("div", { className: "vx-empty-state__icon", "aria-hidden": "true", children: e }),
     /* @__PURE__ */ a("p", { className: "vx-empty-state__title", children: t }),
@@ -5064,7 +5092,7 @@ function zl({ icon: e, title: t, description: n, action: r, className: s }) {
     r && /* @__PURE__ */ a("div", { className: "vx-empty-state__action", children: r })
   ] });
 }
-function Ul({
+function Wl({
   items: e,
   defaultIndex: t = 0,
   index: n,
@@ -5076,7 +5104,7 @@ function Ul({
   showArrows: u = !0,
   className: c
 }) {
-  const d = n !== void 0, [p, x] = D(t), k = d ? n : p, E = e.length, g = L(null), m = U(
+  const d = n !== void 0, [p, x] = F(t), k = d ? n : p, E = e.length, g = L(null), m = U(
     (v) => {
       let f = v;
       l ? f = (v % E + E) % E : f = Math.max(0, Math.min(v, E - 1)), d || x(f), r == null || r(f);
@@ -5157,7 +5185,7 @@ function Ul({
     }
   );
 }
-function ai({ filled: e, half: t }) {
+function oi({ filled: e, half: t }) {
   return /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: t ? /* @__PURE__ */ S(q, { children: [
     /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ S("linearGradient", { id: "vx-star-half", children: [
       /* @__PURE__ */ a("stop", { offset: "50%", stopColor: "currentColor" }),
@@ -5184,7 +5212,7 @@ function ai({ filled: e, half: t }) {
     }
   ) });
 }
-function Wl({
+function Hl({
   value: e,
   defaultValue: t = 0,
   onChange: n,
@@ -5196,7 +5224,7 @@ function Wl({
   className: u,
   size: c = "md"
 }) {
-  const d = e !== void 0, [p, x] = D(t), k = d ? e : p, [E, g] = D(null), m = E ?? k, w = (f, y) => {
+  const d = e !== void 0, [p, x] = F(t), k = d ? e : p, [E, g] = F(null), m = E ?? k, w = (f, y) => {
     if (!s) return f;
     const _ = y.currentTarget.getBoundingClientRect();
     return y.clientX - _.left < _.width / 2 ? f - 0.5 : f;
@@ -5230,7 +5258,7 @@ function Wl({
             "aria-label": `${_} star${_ !== 1 ? "s" : ""}`,
             "aria-pressed": k >= _,
             tabIndex: l || o ? -1 : 0,
-            children: /* @__PURE__ */ a(ai, { filled: N, half: C })
+            children: /* @__PURE__ */ a(oi, { filled: N, half: C })
           },
           y
         );
@@ -5238,7 +5266,7 @@ function Wl({
     }
   );
 }
-function Rr({ node: e, depth: t, selected: n, expanded: r, onSelect: s, onToggle: o }) {
+function Fr({ node: e, depth: t, selected: n, expanded: r, onSelect: s, onToggle: o }) {
   const l = e.children && e.children.length > 0, i = r.has(e.id), u = n === e.id, c = (d) => {
     (d.key === "Enter" || d.key === " ") && (d.preventDefault(), e.disabled || s(e.id, e)), d.key === "ArrowRight" && l && !i && (d.preventDefault(), o(e.id)), d.key === "ArrowLeft" && i && (d.preventDefault(), o(e.id));
   };
@@ -5273,7 +5301,7 @@ function Rr({ node: e, depth: t, selected: n, expanded: r, onSelect: s, onToggle
       }
     ),
     l && i && /* @__PURE__ */ a("ul", { role: "group", className: "vx-tree__children", children: e.children.map((d) => /* @__PURE__ */ a(
-      Rr,
+      Fr,
       {
         node: d,
         depth: t + 1,
@@ -5286,7 +5314,7 @@ function Rr({ node: e, depth: t, selected: n, expanded: r, onSelect: s, onToggle
     )) })
   ] });
 }
-function Hl({
+function Gl({
   nodes: e,
   selected: t,
   defaultSelected: n,
@@ -5296,7 +5324,7 @@ function Hl({
   onExpandedChange: l,
   className: i
 }) {
-  const u = t !== void 0, [c, d] = D(n), p = u ? t : c, x = o !== void 0, [k, E] = D(
+  const u = t !== void 0, [c, d] = F(n), p = u ? t : c, x = o !== void 0, [k, E] = F(
     new Set(s)
   ), g = x ? new Set(o) : k, m = U(
     (h, v) => {
@@ -5317,7 +5345,7 @@ function Hl({
       role: "tree",
       "aria-multiselectable": "false",
       children: e.map((h) => /* @__PURE__ */ a(
-        Rr,
+        Fr,
         {
           node: h,
           depth: 0,
@@ -5331,7 +5359,7 @@ function Hl({
     }
   );
 }
-function Gl({
+function jl({
   value: e,
   defaultValue: t = [],
   onChange: n,
@@ -5346,12 +5374,12 @@ function Gl({
   className: p,
   ...x
 }) {
-  const k = e !== void 0, [E, g] = D(t), m = k ? e : E, [w, h] = D(""), [v, f] = D(), y = L(null), _ = (F) => {
-    k || g(F), n == null || n(F);
-  }, N = (F) => {
-    const R = F.trim();
-    if (R) {
-      if (m.includes(R)) {
+  const k = e !== void 0, [E, g] = F(t), m = k ? e : E, [w, h] = F(""), [v, f] = F(), y = L(null), _ = (R) => {
+    k || g(R), n == null || n(R);
+  }, N = (R) => {
+    const D = R.trim();
+    if (D) {
+      if (m.includes(D)) {
         f("Tag already exists");
         return;
       }
@@ -5360,7 +5388,7 @@ function Gl({
         return;
       }
       if (c) {
-        const $ = c(R);
+        const $ = c(D);
         if ($ === !1) {
           f("Invalid tag");
           return;
@@ -5370,12 +5398,12 @@ function Gl({
           return;
         }
       }
-      f(void 0), _([...m, R]), h("");
+      f(void 0), _([...m, D]), h("");
     }
-  }, C = (F) => {
-    _(m.filter((R, $) => $ !== F));
-  }, A = (F) => {
-    i.includes(F.key) ? (F.preventDefault(), N(w)) : F.key === "Backspace" && !w && m.length > 0 && C(m.length - 1);
+  }, C = (R) => {
+    _(m.filter((D, $) => $ !== R));
+  }, A = (R) => {
+    i.includes(R.key) ? (R.preventDefault(), N(w)) : R.key === "Backspace" && !w && m.length > 0 && C(m.length - 1);
   }, P = o ?? v;
   return /* @__PURE__ */ S("div", { className: T("vx-tag-input", p), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
@@ -5388,25 +5416,25 @@ function Gl({
           d && "vx-tag-input__wrap--disabled"
         ),
         onClick: () => {
-          var F;
-          return (F = y.current) == null ? void 0 : F.focus();
+          var R;
+          return (R = y.current) == null ? void 0 : R.focus();
         },
         children: [
-          m.map((F, R) => /* @__PURE__ */ S("span", { className: "vx-tag-input__tag", children: [
-            F,
+          m.map((R, D) => /* @__PURE__ */ S("span", { className: "vx-tag-input__tag", children: [
+            R,
             !d && /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 className: "vx-tag-input__remove",
                 onClick: ($) => {
-                  $.stopPropagation(), C(R);
+                  $.stopPropagation(), C(D);
                 },
-                "aria-label": `Remove tag ${F}`,
+                "aria-label": `Remove tag ${R}`,
                 children: /* @__PURE__ */ a(ve, { size: 11 })
               }
             )
-          ] }, R)),
+          ] }, D)),
           /* @__PURE__ */ a(
             "input",
             {
@@ -5416,8 +5444,8 @@ function Gl({
               placeholder: m.length === 0 ? l : "",
               disabled: d,
               onKeyDown: A,
-              onChange: (F) => {
-                h(F.target.value), f(void 0);
+              onChange: (R) => {
+                h(R.target.value), f(void 0);
               },
               onBlur: () => {
                 w.trim() && N(w);
@@ -5433,7 +5461,7 @@ function Gl({
     !P && s ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: s }) : null
   ] });
 }
-function si(e) {
+function ii(e) {
   const t = parseInt(e.slice(1, 3), 16) / 255, n = parseInt(e.slice(3, 5), 16) / 255, r = parseInt(e.slice(5, 7), 16) / 255, s = Math.max(t, n, r), o = Math.min(t, n, r), l = (s + o) / 2;
   let i = 0, u = 0;
   if (s !== o) {
@@ -5467,10 +5495,10 @@ function st(e, t, n) {
   const d = (p) => Math.round(p * 255).toString(16).padStart(2, "0");
   return `#${d(i)}${d(u)}${d(c)}`;
 }
-function Qt(e) {
+function Jt(e) {
   return /^#[0-9a-f]{6}$/i.test(e);
 }
-const oi = [
+const li = [
   "#ef4444",
   "#f97316",
   "#eab308",
@@ -5484,7 +5512,7 @@ const oi = [
   "#ffffff",
   "#f8fafc"
 ];
-function jl({
+function Kl({
   value: e,
   defaultValue: t = "#3b82f6",
   onChange: n,
@@ -5492,18 +5520,18 @@ function jl({
   hint: s,
   error: o,
   disabled: l,
-  presets: i = oi,
+  presets: i = li,
   showPresets: u = !0,
   className: c
 }) {
-  const d = e !== void 0, [p, x] = D(t), k = d ? e : p, [E, g] = D(k), [m, w] = D(!1), [h, v, f] = Qt(k) ? si(k) : [0, 0, 50], y = U(
+  const d = e !== void 0, [p, x] = F(t), k = d ? e : p, [E, g] = F(k), [m, w] = F(!1), [h, v, f] = Jt(k) ? ii(k) : [0, 0, 50], y = U(
     (N) => {
       d || x(N), g(N), n == null || n(N);
     },
     [d, n]
   ), _ = (N) => {
     const C = N.startsWith("#") ? N : `#${N}`;
-    g(C), Qt(C) && y(C);
+    g(C), Jt(C) && y(C);
   };
   return /* @__PURE__ */ S("div", { className: T("vx-colorpicker", c), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
@@ -5607,7 +5635,7 @@ function jl({
     ] })
   ] });
 }
-function Kl({
+function Vl({
   direction: e = "horizontal",
   children: t,
   className: n
@@ -5624,7 +5652,7 @@ function Kl({
     }
   );
 }
-function Vl({
+function Yl({
   children: e,
   defaultSize: t = 50,
   minSize: n = 10,
@@ -5643,11 +5671,11 @@ function Vl({
     }
   );
 }
-function Yl({
+function ql({
   className: e,
   direction: t = "horizontal"
 }) {
-  const n = L(!1), [r, s] = D(!1), o = U(
+  const n = L(!1), [r, s] = F(!1), o = U(
     (l) => {
       const i = l.currentTarget, u = i.previousElementSibling, c = i.nextElementSibling;
       if (!u || !c) return;
@@ -5681,7 +5709,7 @@ function Yl({
     }
   );
 }
-function Jt(e, t) {
+function en(e, t) {
   if (!t) return e;
   const n = e.toLowerCase().indexOf(t.toLowerCase());
   return n === -1 ? e : /* @__PURE__ */ S(q, { children: [
@@ -5690,11 +5718,11 @@ function Jt(e, t) {
     e.slice(n + t.length)
   ] });
 }
-function ii(e, t) {
+function ci(e, t) {
   const n = t.toLowerCase(), r = e.title.toLowerCase(), s = e.section.toLowerCase(), o = e.description.toLowerCase(), l = (e.keywords ?? []).join(" ").toLowerCase();
   return r === n ? 100 : r.startsWith(n) ? 80 : r.includes(n) ? 60 : s.includes(n) ? 40 : l.includes(n) ? 35 : o.includes(n) ? 20 : 0;
 }
-function ql({
+function Xl({
   entries: e,
   open: t,
   onClose: n,
@@ -5706,7 +5734,7 @@ function ql({
   labelGo: u = "Go",
   labelClose: c = "Close"
 }) {
-  const [d, p] = D(""), [x, k] = D(0), E = L(null), g = L(null), m = d.trim() ? e.map((f) => ({ entry: f, s: ii(f, d.trim()) })).filter((f) => f.s > 0).sort((f, y) => y.s - f.s).map((f) => f.entry) : e;
+  const [d, p] = F(""), [x, k] = F(0), E = L(null), g = L(null), m = d.trim() ? e.map((f) => ({ entry: f, s: ci(f, d.trim()) })).filter((f) => f.s > 0).sort((f, y) => y.s - f.s).map((f) => f.entry) : e;
   O(() => {
     t && (p(""), k(0), setTimeout(() => {
       var f;
@@ -5780,8 +5808,8 @@ function ql({
                 children: [
                   y.icon ? /* @__PURE__ */ a("span", { className: "vx-cmd__item-icon", children: y.icon }) : /* @__PURE__ */ a("span", { className: "vx-cmd__item-icon vx-cmd__item-icon--section", children: y.section.slice(0, 1) }),
                   /* @__PURE__ */ S("span", { className: "vx-cmd__item-body", children: [
-                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-title", children: Jt(y.title, d) }),
-                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-sub", children: Jt(y.section, d) })
+                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-title", children: en(y.title, d) }),
+                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-sub", children: en(y.section, d) })
                   ] }),
                   C && /* @__PURE__ */ a("kbd", { className: "vx-cmd__enter", children: "↵" })
                 ]
@@ -5811,13 +5839,13 @@ function ql({
     }
   ) });
 }
-var en = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function li(e) {
+var tn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ui(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ot = { exports: {} }, tn;
-function ci() {
-  return tn || (tn = 1, (function(e) {
+var ot = { exports: {} }, nn;
+function di() {
+  return nn || (nn = 1, (function(e) {
     var t = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
     /**
      * Prism: Lightweight, robust, elegant syntax highlighting
@@ -6172,8 +6200,8 @@ function ci() {
                 f.hasOwnProperty(C) || (N[C] = _[C]);
               }
             var P = y[h];
-            return y[h] = N, i.languages.DFS(i.languages, function(F, R) {
-              R === P && F != h && (this[F] = N);
+            return y[h] = N, i.languages.DFS(i.languages, function(R, D) {
+              D === P && R != h && (this[R] = N);
             }), N;
           },
           // Traverse a language definition with Depth First Search
@@ -6268,8 +6296,8 @@ function ci() {
             grammar: _,
             code: C
           };
-          function P(R) {
-            A.highlightedCode = R, i.hooks.run("before-insert", A), A.element.innerHTML = A.highlightedCode, i.hooks.run("after-highlight", A), i.hooks.run("complete", A), f && f.call(A.element);
+          function P(D) {
+            A.highlightedCode = D, i.hooks.run("before-insert", A), A.element.innerHTML = A.highlightedCode, i.hooks.run("after-highlight", A), i.hooks.run("complete", A), f && f.call(A.element);
           }
           if (i.hooks.run("before-sanity-check", A), N = A.element.parentElement, N && N.nodeName.toLowerCase() === "pre" && !N.hasAttribute("tabindex") && N.setAttribute("tabindex", "0"), !A.code) {
             i.hooks.run("complete", A), f && f.call(A.element);
@@ -6280,10 +6308,10 @@ function ci() {
             return;
           }
           if (v && r.Worker) {
-            var F = new Worker(i.filename);
-            F.onmessage = function(R) {
-              P(R.data);
-            }, F.postMessage(JSON.stringify({
+            var R = new Worker(i.filename);
+            R.onmessage = function(D) {
+              P(D.data);
+            }, R.postMessage(JSON.stringify({
               language: A.language,
               code: A.code,
               immediateClose: !0
@@ -6440,12 +6468,12 @@ function ci() {
             for (var P = 0; P < A.length; ++P) {
               if (N && N.cause == C + "," + P)
                 return;
-              var F = A[P], R = F.inside, $ = !!F.lookbehind, I = !!F.greedy, W = F.alias;
-              if (I && !F.pattern.global) {
-                var H = F.pattern.toString().match(/[imsuy]*$/)[0];
-                F.pattern = RegExp(F.pattern.source, H + "g");
+              var R = A[P], D = R.inside, $ = !!R.lookbehind, I = !!R.greedy, W = R.alias;
+              if (I && !R.pattern.global) {
+                var H = R.pattern.toString().match(/[imsuy]*$/)[0];
+                R.pattern = RegExp(R.pattern.source, H + "g");
               }
-              for (var ee = F.pattern || F, z = y.next, G = _; z !== v.tail && !(N && G >= N.reach); G += z.value.length, z = z.next) {
+              for (var ee = R.pattern || R, z = y.next, G = _; z !== v.tail && !(N && G >= N.reach); G += z.value.length, z = z.next) {
                 var te = z.value;
                 if (v.length > h.length)
                   return;
@@ -6464,12 +6492,12 @@ function ci() {
                     ie--, te = h.slice(G, V), j.index -= G;
                   } else if (j = c(ee, 0, te, $), !j)
                     continue;
-                  var Se = j.index, Ee = j[0], Ve = te.slice(0, Se), Dt = te.slice(Se + Ee.length), Ye = G + te.length;
+                  var Se = j.index, Ee = j[0], Ve = te.slice(0, Se), It = te.slice(Se + Ee.length), Ye = G + te.length;
                   N && Ye > N.reach && (N.reach = Ye);
                   var Te = z.prev;
                   Ve && (Te = x(v, Te, Ve), G += Ve.length), k(v, Te, ie);
-                  var Dr = new u(C, R ? i.tokenize(Ee, R) : Ee, W, Ee);
-                  if (z = x(v, Te, Dr), Dt && x(v, z, Dt), ie > 1) {
+                  var Lr = new u(C, D ? i.tokenize(Ee, D) : Ee, W, Ee);
+                  if (z = x(v, Te, Lr), It && x(v, z, It), ie > 1) {
                     var qe = {
                       cause: C + "," + P,
                       reach: Ye
@@ -6515,7 +6543,7 @@ function ci() {
       }
       return i;
     })(t);
-    e.exports && (e.exports = n), typeof en < "u" && (en.Prism = n), n.languages.markup = {
+    e.exports && (e.exports = n), typeof tn < "u" && (tn.Prism = n), n.languages.markup = {
       comment: {
         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
         greedy: !0
@@ -6974,8 +7002,8 @@ function ci() {
     })();
   })(ot)), ot.exports;
 }
-var ui = ci();
-const Le = /* @__PURE__ */ li(ui);
+var pi = di();
+const Le = /* @__PURE__ */ ui(pi);
 Prism.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -7368,9 +7396,9 @@ Prism.languages.js = Prism.languages.javascript;
     u.language !== "jsx" && u.language !== "tsx" || i(u.tokens);
   });
 })(Prism);
-var nn = {}, rn;
-function di() {
-  return rn || (rn = 1, (function(e) {
+var rn = {}, an;
+function fi() {
+  return an || (an = 1, (function(e) {
     e.languages.typescript = e.languages.extend("javascript", {
       "class-name": {
         pattern: /(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
@@ -7414,9 +7442,9 @@ function di() {
         }
       }
     }), e.languages.ts = e.languages.typescript;
-  })(Prism)), nn;
+  })(Prism)), rn;
 }
-di();
+fi();
 (function(e) {
   var t = e.util.clone(e.languages.typescript);
   e.languages.tsx = e.languages.extend("jsx", t), delete e.languages.tsx.parameter, delete e.languages.tsx["literal-property"];
@@ -7667,14 +7695,14 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-function Xl({
+function Zl({
   code: e,
   language: t = "tsx",
   copyLabel: n,
   copiedLabel: r,
   onCopy: s
 }) {
-  const [o, l] = D(!1), i = L(null), u = be(() => {
+  const [o, l] = F(!1), i = L(null), u = be(() => {
     const d = Le.languages[t] ?? Le.languages.tsx ?? Le.languages.typescript;
     return d ? Le.highlight(e, d, t) : e;
   }, [e, t]);
@@ -7696,7 +7724,7 @@ function Xl({
         className: o ? "vx-code-block__copy vx-code-block__copy--copied" : "vx-code-block__copy",
         onClick: () => void c(),
         children: [
-          o ? /* @__PURE__ */ a(vt, { size: 14 }) : /* @__PURE__ */ a(Yr, { size: 14 }),
+          o ? /* @__PURE__ */ a(ht, { size: 14 }) : /* @__PURE__ */ a(Xr, { size: 14 }),
           o ? r : n
         ]
       }
@@ -7710,7 +7738,7 @@ function Xl({
     ) })
   ] });
 }
-const Fr = {
+const Ir = {
   locale: "en",
   label: "English",
   searchPlaceholder: "Search components, pages, keywords…",
@@ -8030,9 +8058,11 @@ const Fr = {
     overlays: {
       section: "Components",
       title: "Overlays",
-      description: "Tooltip, Popover, and DropdownMenu layer transient content above the page without navigating away.",
+      description: "Dialog, AlertDialog, Sheet, Popover, and DropdownMenu layer transient content above the page without navigating away.",
       guidance: [
-        "Tooltips are for supplementary text only — never interactive content.",
+        "Dialog is for rich confirmations with custom body and footer actions.",
+        "AlertDialog is for destructive or irreversible actions that require explicit confirmation.",
+        "Sheet slides in from an edge — use it for settings panels or contextual detail views.",
         "Popovers can contain forms and rich content; they require explicit close triggers.",
         "DropdownMenus should group related actions and support keyboard navigation."
       ]
@@ -8168,7 +8198,7 @@ const Fr = {
       ]
     }
   }
-}, pi = {
+}, vi = {
   locale: "zh",
   label: "中文",
   searchPlaceholder: "搜索组件、页面、关键词…",
@@ -8488,9 +8518,11 @@ const Fr = {
     overlays: {
       section: "组件",
       title: "浮层",
-      description: "Tooltip、Popover 和 DropdownMenu 在页面上方叠加临时内容，无需跳转。",
+      description: "Dialog、AlertDialog、Sheet、Popover 和 DropdownMenu 在页面上方叠加临时内容，无需跳转。",
       guidance: [
-        "Tooltip 仅用于补充文本，绝不放置可交互内容。",
+        "Dialog 适用于包含自定义内容与操作按钮的富确认场景。",
+        "AlertDialog 适用于破坏性或不可撤销操作，需要用户明确确认。",
+        "Sheet 从页面边缘滑入，适合设置面板或上下文详情视图。",
         "Popover 可包含表单和富内容；需要明确的关闭触发器。",
         "DropdownMenu 应对相关操作分组，并支持键盘导航。"
       ]
@@ -8626,17 +8658,17 @@ const Fr = {
       ]
     }
   }
-}, an = { en: Fr, zh: pi }, fi = _e({
-  t: Fr,
+}, sn = { en: Ir, zh: vi }, hi = _e({
+  t: Ir,
   locale: "en",
   setLocale: () => {
   }
 });
-function vi() {
-  return ye(fi);
+function mi() {
+  return ye(hi);
 }
-function Zl({ variant: e = "inline", className: t }) {
-  const { locale: n, setLocale: r } = vi(), s = Object.entries(an), o = an[n], [l, i] = D(!1), u = L(null);
+function Ql({ variant: e = "inline", className: t }) {
+  const { locale: n, setLocale: r } = mi(), s = Object.entries(sn), o = sn[n], [l, i] = F(!1), u = L(null);
   return O(() => {
     if (!l) return;
     const d = (p) => {
@@ -8672,9 +8704,9 @@ function Zl({ variant: e = "inline", className: t }) {
             className: "vx-lang-drop__trigger-btn",
             style: { height: "36px" },
             children: [
-              /* @__PURE__ */ a(Qr, { size: 14, "aria-hidden": "true" }),
+              /* @__PURE__ */ a(ea, { size: 14, "aria-hidden": "true" }),
               (o == null ? void 0 : o.label) ?? n,
-              /* @__PURE__ */ a(ht, { size: 14, className: "vx-lang-drop__chevron", "aria-hidden": "true" })
+              /* @__PURE__ */ a(mt, { size: 14, className: "vx-lang-drop__chevron", "aria-hidden": "true" })
             ]
           }
         ),
@@ -8697,105 +8729,105 @@ function Zl({ variant: e = "inline", className: t }) {
   );
 }
 export {
-  rl as Accordion,
-  dl as ActionSheet,
-  pl as ActionSheetItem,
-  Xi as Alert,
-  Sl as AlertDialog,
-  yi as AppShell,
-  sl as Avatar,
-  _i as Badge,
-  ul as BottomNav,
-  tl as Breadcrumb,
+  sl as Accordion,
+  fl as ActionSheet,
+  vl as ActionSheetItem,
+  Qi as Alert,
+  Tl as AlertDialog,
+  wi as AppShell,
+  il as Avatar,
+  ki as Badge,
+  pl as BottomNav,
+  rl as Breadcrumb,
   fe as Button,
-  ti as Calendar,
-  wi as Card,
-  Ei as CardContent,
-  Si as CardDescription,
-  ki as CardHeader,
-  Ni as CardTitle,
-  Ul as Carousel,
-  Hi as Checkbox,
-  Xl as CodeBlock,
-  jl as ColorPicker,
-  Cl as Combobox,
-  ql as CommandPalette,
-  Il as ContextMenu,
-  Tl as DatePicker,
-  Ci as Dialog,
-  gl as DrawerNavItem,
-  bl as DrawerNavSection,
-  el as DropdownMenu,
-  zl as EmptyState,
-  Al as FileUpload,
-  yl as Form,
-  kl as FormDescription,
-  _l as FormField,
-  wl as FormLabel,
-  Nl as FormMessage,
-  Ui as Heading,
-  Ll as HoverCard,
-  Ai as Input,
-  xl as Label,
-  Zl as LanguageSwitcher,
-  Ml as Menubar,
-  ml as MobileDrawer,
-  cl as MobileIconButton,
-  fl as MobileList,
-  hl as MobileListItem,
-  vl as MobileListSection,
-  il as MobileShell,
-  ll as MobileTopBar,
-  Ol as NavigationMenu,
-  El as NumberInput,
-  nl as Pagination,
-  Ji as Popover,
-  qi as Progress,
-  Gi as Radio,
-  ji as RadioGroup,
-  Wl as Rating,
-  Yl as ResizableHandle,
-  Vl as ResizablePanel,
-  Kl as ResizablePanelGroup,
-  xi as Responsive,
+  ri as Calendar,
+  Ni as Card,
+  Ci as CardContent,
+  Ti as CardDescription,
+  Si as CardHeader,
+  Ei as CardTitle,
+  Wl as Carousel,
+  ji as Checkbox,
+  Zl as CodeBlock,
+  Kl as ColorPicker,
+  Pl as Combobox,
+  Xl as CommandPalette,
+  Ll as ContextMenu,
+  Al as DatePicker,
+  Pi as Dialog,
+  xl as DrawerNavItem,
+  yl as DrawerNavSection,
+  nl as DropdownMenu,
+  Ul as EmptyState,
+  Dl as FileUpload,
+  wl as Form,
+  Sl as FormDescription,
+  kl as FormField,
+  Nl as FormLabel,
+  El as FormMessage,
+  Hi as Heading,
+  Ml as HoverCard,
+  Di as Input,
+  _l as Label,
+  Ql as LanguageSwitcher,
+  Ol as Menubar,
+  bl as MobileDrawer,
+  dl as MobileIconButton,
+  hl as MobileList,
+  gl as MobileListItem,
+  ml as MobileListSection,
+  cl as MobileShell,
+  ul as MobileTopBar,
+  $l as NavigationMenu,
+  Cl as NumberInput,
+  al as Pagination,
+  tl as Popover,
+  Zi as Progress,
+  Ki as Radio,
+  Vi as RadioGroup,
+  Hl as Rating,
+  ql as ResizableHandle,
+  Yl as ResizablePanel,
+  Vl as ResizablePanelGroup,
+  _i as Responsive,
   Rl as ScrollArea,
-  Wi as Select,
-  al as Separator,
-  Pl as Sheet,
-  aa as Shell,
-  pa as ShellContent,
-  ua as ShellMain,
-  oa as ShellNav,
-  la as ShellNavItem,
-  ia as ShellNavSection,
-  ca as ShellOverlay,
-  sa as ShellSidebar,
-  da as ShellTopbar,
-  Zi as Skeleton,
-  Vi as Slider,
-  Yi as Spinner,
-  $l as Stepper,
-  Pi as Switch,
-  ol as Table,
-  Ri as Tabs,
-  Ii as TabsContent,
-  Fi as TabsList,
-  Di as TabsTrigger,
-  Gl as TagInput,
-  zi as Text,
-  Ki as Textarea,
-  Mi as ThemeProvider,
-  Bl as Timeline,
-  $i as ToastProvider,
+  Gi as Select,
+  ol as Separator,
+  Vn as Sheet,
+  oa as Shell,
+  va as ShellContent,
+  pa as ShellMain,
+  la as ShellNav,
+  ua as ShellNavItem,
+  ca as ShellNavSection,
+  da as ShellOverlay,
+  ia as ShellSidebar,
+  fa as ShellTopbar,
+  Ji as Skeleton,
+  qi as Slider,
+  Xi as Spinner,
+  Bl as Stepper,
+  Ri as Switch,
+  ll as Table,
+  Fi as Tabs,
+  Mi as TabsContent,
+  Ii as TabsList,
+  Li as TabsTrigger,
+  jl as TagInput,
+  Wi as Text,
+  Yi as Textarea,
+  $i as ThemeProvider,
+  zl as Timeline,
+  zi as ToastProvider,
   Fl as Toggle,
-  Dl as ToggleGroup,
-  Qi as Tooltip,
-  Hl as TreeView,
-  bi as ViewportProvider,
+  Il as ToggleGroup,
+  el as Tooltip,
+  Gl as TreeView,
+  yi as ViewportProvider,
   Y as createTheme,
-  Li as themePresets,
-  Qo as useFormField,
-  Oi as useTheme,
-  Bi as useToast,
-  ln as useViewport
+  Oi as themePresets,
+  ei as useFormField,
+  Bi as useTheme,
+  Ui as useToast,
+  vt as useViewport
 };