vxui-react 1.2.7 → 1.2.8

package/dist/index.js

@@ -1,31 +1,31 @@
 import { jsx as a, Fragment as ee, jsxs as k } from "react/jsx-runtime";
 import * as _ from "react";
-import ue, { useState as I, useEffect as z, useContext as ye, createContext as _e, forwardRef as ce, createElement as pt, useRef as B, useMemo as Ne, useId as fn, useLayoutEffect as mn, useCallback as Y } from "react";
-import * as hn from "react-dom";
+import ue, { useState as I, useEffect as z, useContext as ye, createContext as _e, forwardRef as ce, createElement as pt, useRef as B, useMemo as Ne, useId as mn, useLayoutEffect as hn, useCallback as Y } from "react";
+import * as gn from "react-dom";
 import jr, { createPortal as yt } from "react-dom";
 const Kr = 767, Vr = 1023;
-function Bt() {
+function zt() {
   if (typeof window > "u") return "desktop";
   const e = window.innerWidth;
   return e <= Kr ? "phone" : e <= Vr ? "tablet" : "desktop";
 }
-const gn = _e({
+const bn = _e({
   viewport: "desktop",
   isPhone: !1,
   isTablet: !1,
   isTabletPortrait: !1,
   isDesktop: !0
 });
-function zt() {
+function Ut() {
   return typeof window > "u" ? !1 : window.innerHeight > window.innerWidth;
 }
-function Wi({ children: e }) {
-  const [t, n] = I(Bt), [r, o] = I(zt);
+function Hi({ children: e }) {
+  const [t, n] = I(zt), [r, o] = I(Ut);
   z(() => {
     const i = () => {
-      const d = Bt();
+      const d = zt();
       n((u) => u === d ? u : d);
-      const c = zt();
+      const c = Ut();
       o((u) => u === c ? u : c);
     };
     return window.addEventListener("resize", i, { passive: !0 }), () => window.removeEventListener("resize", i);
@@ -37,13 +37,13 @@ function Wi({ children: e }) {
     isTabletPortrait: s && r,
     isDesktop: t === "desktop"
   };
-  return /* @__PURE__ */ a(gn.Provider, { value: l, children: e });
+  return /* @__PURE__ */ a(bn.Provider, { value: l, children: e });
 }
-function bn() {
-  return ye(gn);
+function xn() {
+  return ye(bn);
 }
-function Hi({ desktop: e, mobile: t, tablet: n }) {
-  const { viewport: r } = bn();
+function Gi({ desktop: e, mobile: t, tablet: n }) {
+  const { viewport: r } = xn();
   return r === "phone" ? /* @__PURE__ */ a(ee, { children: t }) : r === "tablet" ? /* @__PURE__ */ a(ee, { children: n ?? e }) : /* @__PURE__ */ a(ee, { children: e });
 }
 /**
@@ -55,10 +55,10 @@ function Hi({ desktop: e, mobile: t, tablet: n }) {
 const qr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Yr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
-), Ut = (e) => {
+), Wt = (e) => {
   const t = Yr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, xn = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), Xr = (e) => {
+}, yn = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), Xr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -105,7 +105,7 @@ const Qr = ce(
       height: t,
       stroke: e,
       strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-      className: xn("lucide", o),
+      className: yn("lucide", o),
       ...!s && !Xr(i) && { "aria-hidden": "true" },
       ...i
     },
@@ -126,15 +126,15 @@ const J = (e, t) => {
     ({ className: r, ...o }, s) => pt(Qr, {
       ref: s,
       iconNode: t,
-      className: xn(
-        `lucide-${qr(Ut(e))}`,
+      className: yn(
+        `lucide-${qr(Wt(e))}`,
         `lucide-${e}`,
         r
       ),
       ...o
     })
   );
-  return n.displayName = Ut(e), n;
+  return n.displayName = Wt(e), n;
 };
 /**
  * @license lucide-react v0.511.0 - ISC
@@ -149,21 +149,21 @@ const Jr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Ke = J("check",
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ea = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ee = J("chevron-down", ea);
+const ea = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Te = J("chevron-down", ea);
 /**
  * @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 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], yn = J("chevron-left", ta);
+const ta = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], _n = J("chevron-left", 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 na = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Te = J("chevron-right", na);
+const na = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ce = J("chevron-right", na);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -237,7 +237,7 @@ const ma = [
   ["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" }]
-], _n = J("panel-left-close", ma);
+], wn = J("panel-left-close", ma);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -248,7 +248,7 @@ const ha = [
   ["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" }]
-], wn = J("panel-left-open", ha);
+], kn = J("panel-left-open", ha);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -287,6 +287,37 @@ const _a = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], le = J("x", _a);
+function _t(e, t, n = !0) {
+  z(() => {
+    const r = e.current, o = t.current;
+    if (!r) return;
+    if (!n || !o) {
+      r.dataset.scrollable = "false", r.dataset.scrollbarState = "hidden", r.style.setProperty("--vx-scrollbar-thumb-height", "0px"), r.style.setProperty("--vx-scrollbar-thumb-offset", "0px");
+      return;
+    }
+    let s;
+    const l = () => {
+      const u = o.scrollHeight > o.clientHeight + 1;
+      if (r.dataset.scrollable = u ? "true" : "false", !u) {
+        r.dataset.scrollbarState = "hidden", r.style.setProperty("--vx-scrollbar-thumb-height", "0px"), r.style.setProperty("--vx-scrollbar-thumb-offset", "0px");
+        return;
+      }
+      const p = Math.max(r.clientHeight - 16, 0), b = Math.max(o.clientHeight / o.scrollHeight * p, 36), w = o.scrollHeight - o.clientHeight, S = Math.max(p - b, 0), g = w > 0 ? o.scrollTop / w * S : 0;
+      r.style.setProperty("--vx-scrollbar-thumb-height", `${b}px`), r.style.setProperty("--vx-scrollbar-thumb-offset", `${g}px`), r.dataset.scrollbarState !== "active" && (r.dataset.scrollbarState = "hidden");
+    }, i = () => {
+      r.dataset.scrollable === "true" && (r.dataset.scrollbarState = "active", s !== void 0 && window.clearTimeout(s), s = window.setTimeout(() => {
+        r.dataset.scrollbarState = "hidden";
+      }, 640));
+    }, d = () => {
+      l(), i();
+    };
+    l(), o.addEventListener("scroll", d, { passive: !0 });
+    const c = new ResizeObserver(() => l());
+    return c.observe(r), c.observe(o), () => {
+      o.removeEventListener("scroll", d), c.disconnect(), s !== void 0 && window.clearTimeout(s);
+    };
+  }, [n, e, t]);
+}
 function T(...e) {
   return e.filter(Boolean).join(" ");
 }
@@ -331,35 +362,8 @@ const xe = ce(function({
     }
   );
 }), vt = _e(!1);
-function kn(e, t) {
-  z(() => {
-    const n = e.current, r = t.current;
-    if (!n || !r) return;
-    let o;
-    const s = () => {
-      const c = r.scrollHeight > r.clientHeight + 1;
-      if (n.dataset.scrollable = c ? "true" : "false", !c) {
-        n.dataset.scrollbarState = "hidden", n.style.setProperty("--vx-scrollbar-thumb-height", "0px"), n.style.setProperty("--vx-scrollbar-thumb-offset", "0px");
-        return;
-      }
-      const u = Math.max(n.clientHeight - 16, 0), p = Math.max(r.clientHeight / r.scrollHeight * u, 36), b = r.scrollHeight - r.clientHeight, w = Math.max(u - p, 0), S = b > 0 ? r.scrollTop / b * w : 0;
-      n.style.setProperty("--vx-scrollbar-thumb-height", `${p}px`), n.style.setProperty("--vx-scrollbar-thumb-offset", `${S}px`), n.dataset.scrollbarState !== "active" && (n.dataset.scrollbarState = "hidden");
-    }, l = () => {
-      n.dataset.scrollable === "true" && (n.dataset.scrollbarState = "active", o !== void 0 && window.clearTimeout(o), o = window.setTimeout(() => {
-        n.dataset.scrollbarState = "hidden";
-      }, 640));
-    }, i = () => {
-      s(), l();
-    };
-    s(), r.addEventListener("scroll", i, { passive: !0 });
-    const d = new ResizeObserver(() => s());
-    return d.observe(n), d.observe(r), () => {
-      r.removeEventListener("scroll", i), d.disconnect(), o !== void 0 && window.clearTimeout(o);
-    };
-  }, []);
-}
 function wa({ collapsed: e = !1, mobileNavOpen: t = !1, density: n, sidebarWidth: r, className: o, children: s }) {
-  const { isTablet: l, isTabletPortrait: i } = bn(), d = r ? { "--vx-sidebar-width": typeof r == "number" ? `${r}px` : r } : void 0;
+  const { isTablet: l, isTabletPortrait: i } = xn(), d = r ? { "--vx-sidebar-width": typeof r == "number" ? `${r}px` : r } : void 0;
   return /* @__PURE__ */ a(vt.Provider, { value: e, children: /* @__PURE__ */ a(
     "div",
     {
@@ -387,7 +391,7 @@ function ka({
   children: c
 }) {
   const u = B(null), p = B(null);
-  return kn(u, p), /* @__PURE__ */ k(
+  return _t(u, p), /* @__PURE__ */ k(
     "aside",
     {
       ref: u,
@@ -423,7 +427,7 @@ function ka({
                     onClick: s,
                     "aria-label": r ? i : l,
                     children: [
-                      r ? /* @__PURE__ */ a(wn, { size: 16 }) : /* @__PURE__ */ a(_n, { size: 16 }),
+                      r ? /* @__PURE__ */ a(kn, { size: 16 }) : /* @__PURE__ */ a(wn, { size: 16 }),
                       /* @__PURE__ */ a("span", { className: "vx-sidebar__toggle-label", children: r ? i : l })
                     ]
                   }
@@ -474,7 +478,7 @@ function Ea({ label: e, icon: t, badge: n, trailing: r, active: o, onSelect: s,
         t ? /* @__PURE__ */ a("span", { className: "vx-nav-item__icon", children: t }) : null,
         /* @__PURE__ */ a("span", { className: "vx-nav-item__label", children: e }),
         n ? /* @__PURE__ */ a("span", { className: "vx-nav-item__badge", children: n }) : null,
-        y ? /* @__PURE__ */ a(Te, { size: 14, className: T("vx-nav-item__chevron", d && "vx-nav-item__chevron--open") }) : r ? /* @__PURE__ */ a("span", { className: "vx-nav-item__trailing", children: r }) : null
+        y ? /* @__PURE__ */ a(Ce, { size: 14, className: T("vx-nav-item__chevron", d && "vx-nav-item__chevron--open") }) : r ? /* @__PURE__ */ a("span", { className: "vx-nav-item__trailing", children: r }) : null
       ]
     }
   );
@@ -541,7 +545,7 @@ const Aa = ce(function({
         className: "vx-topbar__menu",
         "aria-label": i,
         onClick: s,
-        children: l ? /* @__PURE__ */ a(_n, { size: 16 }) : /* @__PURE__ */ a(wn, { size: 16 })
+        children: l ? /* @__PURE__ */ a(wn, { size: 16 }) : /* @__PURE__ */ a(kn, { size: 16 })
       }
     ) : null,
     /* @__PURE__ */ a("div", { className: "vx-topbar__title-group", children: r || /* @__PURE__ */ k("div", { children: [
@@ -553,7 +557,7 @@ const Aa = ce(function({
 });
 function Pa({ children: e }) {
   const t = B(null), n = B(null);
-  return kn(t, n), /* @__PURE__ */ k(
+  return _t(t, n), /* @__PURE__ */ k(
     "div",
     {
       ref: (r) => {
@@ -571,7 +575,7 @@ function Pa({ children: e }) {
     }
   );
 }
-function Gi({
+function ji({
   brand: e = "VXUI",
   brandCaption: t,
   brandIcon: n,
@@ -645,10 +649,10 @@ function Gi({
     ] })
   ] });
 }
-function ji({ 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 Ki({ className: e, variant: t = "default", padding: n, hoverable: r = !1, ...o }) {
+function Vi({ className: e, variant: t = "default", padding: n, hoverable: r = !1, ...o }) {
   return /* @__PURE__ */ a(
     "section",
     {
@@ -663,16 +667,16 @@ function Ki({ className: e, variant: t = "default", padding: n, hoverable: r = !
     }
   );
 }
-function Vi({ className: e, ...t }) {
+function qi({ className: e, ...t }) {
   return /* @__PURE__ */ a("header", { className: T("vx-card__header", e), ...t });
 }
-function qi({ className: e, ...t }) {
+function Yi({ className: e, ...t }) {
   return /* @__PURE__ */ a("h2", { className: T("vx-card__title", e), ...t });
 }
-function Yi({ className: e, ...t }) {
+function Xi({ className: e, ...t }) {
   return /* @__PURE__ */ a("p", { className: T("vx-card__description", e), ...t });
 }
-function Xi({ className: e, ...t }) {
+function Zi({ className: e, ...t }) {
   return /* @__PURE__ */ a("div", { className: T("vx-card__content", e), ...t });
 }
 function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
@@ -681,7 +685,7 @@ function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(o);
   };
 }
-function Wt(e, t) {
+function Ht(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -690,14 +694,14 @@ function Nn(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
-      const s = Wt(o, t);
+      const s = Ht(o, t);
       return !n && typeof s == "function" && (n = !0), s;
     });
     if (n)
       return () => {
         for (let o = 0; o < r.length; o++) {
           const s = r[o];
-          typeof s == "function" ? s() : Wt(e[o], null);
+          typeof s == "function" ? s() : Ht(e[o], null);
         }
       };
   };
@@ -779,7 +783,7 @@ function Se(e) {
   }, [e]), e || (t ? `radix-${t}` : "");
 }
 var Ia = _[" useInsertionEffect ".trim().toString()] || pe;
-function Ce({
+function Ae({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
@@ -828,7 +832,7 @@ function $a(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
-function We(e) {
+function He(e) {
   const t = /* @__PURE__ */ Oa(e), n = _.forwardRef((r, o) => {
     const { children: s, ...l } = r, i = _.Children.toArray(s), d = i.find(za);
     if (d) {
@@ -890,14 +894,14 @@ var Ha = [
   "svg",
   "ul"
 ], V = Ha.reduce((e, t) => {
-  const n = /* @__PURE__ */ We(`Primitive.${t}`), r = _.forwardRef((o, s) => {
+  const n = /* @__PURE__ */ He(`Primitive.${t}`), r = _.forwardRef((o, s) => {
     const { asChild: l, ...i } = o, d = l ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(d, { ...i, ref: s });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
 function Sn(e, t) {
-  e && hn.flushSync(() => e.dispatchEvent(t));
+  e && gn.flushSync(() => e.dispatchEvent(t));
 }
 function oe(e) {
   const t = _.useRef(e);
@@ -917,11 +921,11 @@ function Ga(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLayer.pointerDownOutside", Va = "dismissableLayer.focusOutside", Ht, En = _.createContext({
+var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLayer.pointerDownOutside", Va = "dismissableLayer.focusOutside", Gt, En = _.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), _t = _.forwardRef(
+}), wt = _.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -942,11 +946,11 @@ var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLa
       v === c.layers.size - 1 && (r == null || r(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
     }, b), _.useEffect(() => {
       if (u)
-        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Ht = b.body.style.pointerEvents, b.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), Gt(), () => {
-          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (b.body.style.pointerEvents = Ht);
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Gt = b.body.style.pointerEvents, b.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), jt(), () => {
+          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (b.body.style.pointerEvents = Gt);
         };
     }, [u, b, n, c]), _.useEffect(() => () => {
-      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), Gt());
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), jt());
     }, [u, c]), _.useEffect(() => {
       const E = () => w({});
       return document.addEventListener(ft, E), () => document.removeEventListener(ft, E);
@@ -969,7 +973,7 @@ var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLa
     );
   }
 );
-_t.displayName = ja;
+wt.displayName = ja;
 var qa = "DismissableLayerBranch", Tn = _.forwardRef((e, t) => {
   const n = _.useContext(En), r = _.useRef(null), o = te(t, r);
   return _.useEffect(() => {
@@ -1025,7 +1029,7 @@ function Xa(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => r.current = !1
   };
 }
-function Gt() {
+function jt() {
   const e = new CustomEvent(ft);
   document.dispatchEvent(e);
 }
@@ -1033,7 +1037,7 @@ function Cn(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? Sn(o, s) : o.dispatchEvent(s);
 }
-var Za = _t, Qa = Tn, et = "focusScope.autoFocusOnMount", tt = "focusScope.autoFocusOnUnmount", jt = { bubbles: !1, cancelable: !0 }, Ja = "FocusScope", An = _.forwardRef((e, t) => {
+var Za = wt, Qa = Tn, et = "focusScope.autoFocusOnMount", tt = "focusScope.autoFocusOnUnmount", Kt = { bubbles: !1, cancelable: !0 }, Ja = "FocusScope", An = _.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
@@ -1072,16 +1076,16 @@ var Za = _t, Qa = Tn, et = "focusScope.autoFocusOnMount", tt = "focusScope.autoF
     }
   }, [r, i, w.paused]), _.useEffect(() => {
     if (i) {
-      Vt.add(w);
+      qt.add(w);
       const g = document.activeElement;
       if (!i.contains(g)) {
-        const y = new CustomEvent(et, jt);
+        const y = new CustomEvent(et, Kt);
         i.addEventListener(et, c), i.dispatchEvent(y), y.defaultPrevented || (eo(oo(Pn(i)), { select: !0 }), document.activeElement === g && ie(i));
       }
       return () => {
         i.removeEventListener(et, c), setTimeout(() => {
-          const y = new CustomEvent(tt, jt);
-          i.addEventListener(tt, u), i.dispatchEvent(y), y.defaultPrevented || ie(g ?? document.body, { select: !0 }), i.removeEventListener(tt, u), Vt.remove(w);
+          const y = new CustomEvent(tt, Kt);
+          i.addEventListener(tt, u), i.dispatchEvent(y), y.defaultPrevented || ie(g ?? document.body, { select: !0 }), i.removeEventListener(tt, u), qt.remove(w);
         }, 0);
       };
     }
@@ -1106,7 +1110,7 @@ function eo(e, { select: t = !1 } = {}) {
     if (ie(r, { select: t }), document.activeElement !== n) return;
 }
 function to(e) {
-  const t = Pn(e), n = Kt(t, e), r = Kt(t.reverse(), e);
+  const t = Pn(e), n = Vt(t, e), r = Vt(t.reverse(), e);
   return [n, r];
 }
 function Pn(e) {
@@ -1119,7 +1123,7 @@ function Pn(e) {
   for (; n.nextNode(); ) t.push(n.currentNode);
   return t;
 }
-function Kt(e, t) {
+function Vt(e, t) {
   for (const n of e)
     if (!no(n, { upTo: t })) return n;
 }
@@ -1141,35 +1145,35 @@ function ie(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== n && ro(e) && t && e.select();
   }
 }
-var Vt = ao();
+var qt = ao();
 function ao() {
   let e = [];
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = qt(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = Yt(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = qt(e, t), (n = e[0]) == null || n.resume();
+      e = Yt(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function qt(e, t) {
+function Yt(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
 function oo(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var so = "Portal", wt = _.forwardRef((e, t) => {
+var so = "Portal", kt = _.forwardRef((e, t) => {
   var i;
   const { container: n, ...r } = e, [o, s] = _.useState(!1);
   pe(() => s(!0), []);
   const l = n || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
   return l ? jr.createPortal(/* @__PURE__ */ a(V.div, { ...r, ref: t }), l) : null;
 });
-wt.displayName = so;
+kt.displayName = so;
 function io(e, t) {
   return _.useReducer((n, r) => t[n][r] ?? n, e);
 }
@@ -1193,19 +1197,19 @@ function lo(e) {
     }
   });
   return _.useEffect(() => {
-    const c = De(r.current);
+    const c = Fe(r.current);
     s.current = i === "mounted" ? c : "none";
   }, [i]), pe(() => {
     const c = r.current, u = o.current;
     if (u !== e) {
-      const b = s.current, w = De(c);
+      const b = s.current, w = Fe(c);
       e ? d("MOUNT") : w === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(u && b !== w ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, d]), pe(() => {
     if (t) {
       let c;
       const u = t.ownerDocument.defaultView ?? window, p = (w) => {
-        const g = De(r.current).includes(CSS.escape(w.animationName));
+        const g = Fe(r.current).includes(CSS.escape(w.animationName));
         if (w.target === t && g && (d("ANIMATION_END"), !o.current)) {
           const h = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", c = u.setTimeout(() => {
@@ -1213,7 +1217,7 @@ function lo(e) {
           });
         }
       }, b = (w) => {
-        w.target === t && (s.current = De(r.current));
+        w.target === t && (s.current = Fe(r.current));
       };
       return t.addEventListener("animationstart", b), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
         u.clearTimeout(c), t.removeEventListener("animationstart", b), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
@@ -1227,7 +1231,7 @@ function lo(e) {
     }, [])
   };
 }
-function De(e) {
+function Fe(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function co(e) {
@@ -1239,12 +1243,12 @@ var nt = 0;
 function uo() {
   _.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Yt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Yt()), nt++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Xt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Xt()), nt++, () => {
       nt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), nt--;
     };
   }, []);
 }
-function Yt() {
+function Xt() {
   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;
 }
@@ -1270,7 +1274,7 @@ function po(e, t, n) {
     (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
   return e.concat(s || Array.prototype.slice.call(t));
 }
-var ze = "right-scroll-bar-position", Ue = "width-before-scroll-bar", vo = "with-scroll-bars-hidden", fo = "--removed-body-scroll-bar-size";
+var Ue = "right-scroll-bar-position", We = "width-before-scroll-bar", vo = "with-scroll-bars-hidden", fo = "--removed-body-scroll-bar-size";
 function rt(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
@@ -1295,7 +1299,7 @@ function mo(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var ho = typeof window < "u" ? _.useLayoutEffect : _.useEffect, Xt = /* @__PURE__ */ new WeakMap();
+var ho = typeof window < "u" ? _.useLayoutEffect : _.useEffect, Zt = /* @__PURE__ */ new WeakMap();
 function go(e, t) {
   var n = mo(null, function(r) {
     return e.forEach(function(o) {
@@ -1303,7 +1307,7 @@ function go(e, t) {
     });
   });
   return ho(function() {
-    var r = Xt.get(n);
+    var r = Zt.get(n);
     if (r) {
       var o = new Set(r), s = new Set(e), l = n.current;
       o.forEach(function(i) {
@@ -1312,7 +1316,7 @@ function go(e, t) {
         o.has(i) || rt(i, l);
       });
     }
-    Xt.set(n, e);
+    Zt.set(n, e);
   }, [e]), n;
 }
 function bo(e) {
@@ -1411,8 +1415,8 @@ Ve.defaultProps = {
   inert: !1
 };
 Ve.classNames = {
-  fullWidth: Ue,
-  zeroRight: ze
+  fullWidth: We,
+  zeroRight: Ue
 };
 var wo = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -1502,19 +1506,19 @@ var Eo = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(ze, ` {
+  .`).concat(Ue, ` {
     right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(Ue, ` {
+  .`).concat(We, ` {
     margin-right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(ze, " .").concat(ze, ` {
+  .`).concat(Ue, " .").concat(Ue, ` {
     right: 0 `).concat(r, `;
   }
   
-  .`).concat(Ue, " .").concat(Ue, ` {
+  .`).concat(We, " .").concat(We, ` {
     margin-right: 0 `).concat(r, `;
   }
   
@@ -1522,13 +1526,13 @@ var Eo = function() {
     `).concat(fo, ": ").concat(i, `px;
   }
 `);
-}, Zt = function() {
+}, Qt = function() {
   var e = parseInt(document.body.getAttribute(be) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Fo = function() {
   _.useEffect(function() {
-    return document.body.setAttribute(be, (Zt() + 1).toString()), function() {
-      var e = Zt() - 1;
+    return document.body.setAttribute(be, (Qt() + 1).toString()), function() {
+      var e = Qt() - 1;
       e <= 0 ? document.body.removeAttribute(be) : document.body.setAttribute(be, e.toString());
     };
   }, []);
@@ -1542,12 +1546,12 @@ var Eo = function() {
 }, mt = !1;
 if (typeof window < "u")
   try {
-    var Fe = Object.defineProperty({}, "passive", {
+    var Le = Object.defineProperty({}, "passive", {
       get: function() {
         return mt = !0, !0;
       }
     });
-    window.addEventListener("test", Fe, Fe), window.removeEventListener("test", Fe, Fe);
+    window.addEventListener("test", Le, Le), window.removeEventListener("test", Le, Le);
   } catch {
     mt = !1;
   }
@@ -1566,7 +1570,7 @@ var me = mt ? { passive: !1 } : !1, Io = function(e) {
   return In(e, "overflowY");
 }, $o = function(e) {
   return In(e, "overflowX");
-}, Qt = function(e, t) {
+}, Jt = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
@@ -1614,11 +1618,11 @@ var me = mt ? { passive: !1 } : !1, Io = function(e) {
     d && (t.contains(i) || t === i)
   );
   return (u && Math.abs(p) < 1 || !u && Math.abs(b) < 1) && (c = !0), c;
-}, Le = function(e) {
+}, Ie = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Jt = function(e) {
-  return [e.deltaX, e.deltaY];
 }, en = function(e) {
+  return [e.deltaX, e.deltaY];
+}, tn = function(e) {
   return e && "current" in e ? e.current : e;
 }, Wo = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
@@ -1635,7 +1639,7 @@ function jo(e) {
   }, [e]), _.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(o));
-      var g = po([e.lockRef.current], (e.shards || []).map(en), !0).filter(Boolean);
+      var g = po([e.lockRef.current], (e.shards || []).map(tn), !0).filter(Boolean);
       return g.forEach(function(h) {
         return h.classList.add("allow-interactivity-".concat(o));
       }), function() {
@@ -1648,16 +1652,16 @@ function jo(e) {
   var i = _.useCallback(function(g, h) {
     if ("touches" in g && g.touches.length === 2 || g.type === "wheel" && g.ctrlKey)
       return !l.current.allowPinchZoom;
-    var y = Le(g), v = n.current, f = "deltaX" in g ? g.deltaX : v[0] - y[0], m = "deltaY" in g ? g.deltaY : v[1] - y[1], x, N = g.target, E = Math.abs(f) > Math.abs(m) ? "h" : "v";
+    var y = Ie(g), v = n.current, f = "deltaX" in g ? g.deltaX : v[0] - y[0], m = "deltaY" in g ? g.deltaY : v[1] - y[1], x, N = g.target, E = Math.abs(f) > Math.abs(m) ? "h" : "v";
     if ("touches" in g && E === "h" && N.type === "range")
       return !1;
     var C = window.getSelection(), A = C && C.anchorNode, R = A ? A === N || A.contains(N) : !1;
     if (R)
       return !1;
-    var P = Qt(E, N);
+    var P = Jt(E, N);
     if (!P)
       return !0;
-    if (P ? x = E : (x = E === "v" ? "h" : "v", P = Qt(E, N)), !P)
+    if (P ? x = E : (x = E === "v" ? "h" : "v", P = Jt(E, N)), !P)
       return !1;
     if (!r.current && "changedTouches" in g && (f || m) && (r.current = x), !x)
       return !0;
@@ -1666,7 +1670,7 @@ function jo(e) {
   }, []), d = _.useCallback(function(g) {
     var h = g;
     if (!(!he.length || he[he.length - 1] !== s)) {
-      var y = "deltaY" in h ? Jt(h) : Le(h), v = t.current.filter(function(x) {
+      var y = "deltaY" in h ? en(h) : Ie(h), v = t.current.filter(function(x) {
         return x.name === h.type && (x.target === h.target || h.target === x.shadowParent) && Wo(x.delta, y);
       })[0];
       if (v && v.should) {
@@ -1674,7 +1678,7 @@ function jo(e) {
         return;
       }
       if (!v) {
-        var f = (l.current.shards || []).map(en).filter(Boolean).filter(function(x) {
+        var f = (l.current.shards || []).map(tn).filter(Boolean).filter(function(x) {
           return x.contains(h.target);
         }), m = f.length > 0 ? i(h, f[0]) : !l.current.noIsolation;
         m && h.cancelable && h.preventDefault();
@@ -1688,11 +1692,11 @@ function jo(e) {
       });
     }, 1);
   }, []), u = _.useCallback(function(g) {
-    n.current = Le(g), r.current = void 0;
+    n.current = Ie(g), r.current = void 0;
   }, []), p = _.useCallback(function(g) {
-    c(g.type, Jt(g), g.target, i(g, e.lockRef.current));
+    c(g.type, en(g), g.target, i(g, e.lockRef.current));
   }, []), b = _.useCallback(function(g) {
-    c(g.type, Le(g), g.target, i(g, e.lockRef.current));
+    c(g.type, Ie(g), g.target, i(g, e.lockRef.current));
   }, []);
   _.useEffect(function() {
     return he.push(s), e.setCallbacks({
@@ -1728,7 +1732,7 @@ var qo = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, ge = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), Me = {}, st = 0, Bn = function(e) {
+}, ge = /* @__PURE__ */ new WeakMap(), Me = /* @__PURE__ */ new WeakMap(), $e = {}, st = 0, Bn = function(e) {
   return e && (e.host || Bn(e.parentNode));
 }, Yo = function(e, t) {
   return t.map(function(n) {
@@ -1741,8 +1745,8 @@ var qo = function(e) {
   });
 }, Xo = function(e, t, n, r) {
   var o = Yo(t, Array.isArray(e) ? e : [e]);
-  Me[n] || (Me[n] = /* @__PURE__ */ new WeakMap());
-  var s = Me[n], l = [], i = /* @__PURE__ */ new Set(), d = new Set(o), c = function(p) {
+  $e[n] || ($e[n] = /* @__PURE__ */ new WeakMap());
+  var s = $e[n], l = [], i = /* @__PURE__ */ new Set(), d = new Set(o), c = function(p) {
     !p || i.has(p) || (i.add(p), c(p.parentNode));
   };
   o.forEach(c);
@@ -1753,7 +1757,7 @@ var qo = function(e) {
       else
         try {
           var w = b.getAttribute(r), S = w !== null && w !== "false", g = (ge.get(b) || 0) + 1, h = (s.get(b) || 0) + 1;
-          ge.set(b, g), s.set(b, h), l.push(b), g === 1 && S && Ie.set(b, !0), h === 1 && b.setAttribute(n, "true"), S || b.setAttribute(r, "true");
+          ge.set(b, g), s.set(b, h), l.push(b), g === 1 && S && Me.set(b, !0), h === 1 && b.setAttribute(n, "true"), S || b.setAttribute(r, "true");
         } catch (y) {
           console.error("aria-hidden: cannot operate on ", b, y);
         }
@@ -1762,8 +1766,8 @@ var qo = function(e) {
   return u(t), i.clear(), st++, function() {
     l.forEach(function(p) {
       var b = ge.get(p) - 1, w = s.get(p) - 1;
-      ge.set(p, b), s.set(p, w), b || (Ie.has(p) || p.removeAttribute(r), Ie.delete(p)), w || p.removeAttribute(n);
-    }), st--, st || (ge = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), Me = {});
+      ge.set(p, b), s.set(p, w), b || (Me.has(p) || p.removeAttribute(r), Me.delete(p)), w || p.removeAttribute(n);
+    }), st--, st || (ge = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), Me = /* @__PURE__ */ new WeakMap(), $e = {});
   };
 }, Zo = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -1779,7 +1783,7 @@ var qo = function(e) {
     defaultOpen: o,
     onOpenChange: s,
     modal: l = !0
-  } = e, i = _.useRef(null), d = _.useRef(null), [c, u] = Ce({
+  } = e, i = _.useRef(null), d = _.useRef(null), [c, u] = Ae({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
@@ -1813,7 +1817,7 @@ var Wn = "DialogTrigger", Hn = _.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
         "aria-controls": o.contentId,
-        "data-state": St(o.open),
+        "data-state": Et(o.open),
         ...r,
         ref: s,
         onClick: G(e.onClick, o.onOpenToggle)
@@ -1822,30 +1826,30 @@ var Wn = "DialogTrigger", Hn = _.forwardRef(
   }
 );
 Hn.displayName = Wn;
-var kt = "DialogPortal", [Jo, Gn] = zn(kt, {
+var Nt = "DialogPortal", [Jo, Gn] = zn(Nt, {
   forceMount: void 0
 }), jn = (e) => {
-  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, s = re(kt, t);
-  return /* @__PURE__ */ a(Jo, { scope: t, forceMount: n, children: _.Children.map(r, (l) => /* @__PURE__ */ a(ke, { present: n || s.open, children: /* @__PURE__ */ a(wt, { asChild: !0, container: o, children: l }) })) });
+  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, s = re(Nt, t);
+  return /* @__PURE__ */ a(Jo, { scope: t, forceMount: n, children: _.Children.map(r, (l) => /* @__PURE__ */ a(ke, { present: n || s.open, children: /* @__PURE__ */ a(kt, { asChild: !0, container: o, children: l }) })) });
 };
-jn.displayName = kt;
-var He = "DialogOverlay", Kn = _.forwardRef(
+jn.displayName = Nt;
+var Ge = "DialogOverlay", Kn = _.forwardRef(
   (e, t) => {
-    const n = Gn(He, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = re(He, e.__scopeDialog);
+    const n = Gn(Ge, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = re(Ge, e.__scopeDialog);
     return s.modal ? /* @__PURE__ */ a(ke, { present: r || s.open, children: /* @__PURE__ */ a(ts, { ...o, ref: t }) }) : null;
   }
 );
-Kn.displayName = He;
-var es = /* @__PURE__ */ We("DialogOverlay.RemoveScroll"), ts = _.forwardRef(
+Kn.displayName = Ge;
+var es = /* @__PURE__ */ He("DialogOverlay.RemoveScroll"), ts = _.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = re(He, n);
+    const { __scopeDialog: n, ...r } = e, o = re(Ge, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ a(On, { as: es, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
         V.div,
         {
-          "data-state": St(o.open),
+          "data-state": Et(o.open),
           ...r,
           ref: t,
           style: { pointerEvents: "auto", ...r.style }
@@ -1924,13 +1928,13 @@ var ns = _.forwardRef(
           onMountAutoFocus: o,
           onUnmountAutoFocus: s,
           children: /* @__PURE__ */ a(
-            _t,
+            wt,
             {
               role: "dialog",
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": St(i.open),
+              "data-state": Et(i.open),
               ...l,
               ref: c,
               onDismiss: () => i.onOpenChange(!1)
@@ -1944,13 +1948,13 @@ var ns = _.forwardRef(
       ] })
     ] });
   }
-), Nt = "DialogTitle", Yn = _.forwardRef(
+), St = "DialogTitle", Yn = _.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = re(Nt, n);
+    const { __scopeDialog: n, ...r } = e, o = re(St, n);
     return /* @__PURE__ */ a(V.h2, { id: o.titleId, ...r, ref: t });
   }
 );
-Yn.displayName = Nt;
+Yn.displayName = St;
 var Xn = "DialogDescription", Zn = _.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = re(Xn, n);
@@ -1973,12 +1977,12 @@ var Qn = "DialogClose", Jn = _.forwardRef(
   }
 );
 Jn.displayName = Qn;
-function St(e) {
+function Et(e) {
   return e ? "open" : "closed";
 }
-var er = "DialogTitleWarning", [Zi, tr] = Ra(er, {
+var er = "DialogTitleWarning", [Qi, tr] = Ra(er, {
   contentName: ve,
-  titleName: Nt,
+  titleName: St,
   docsSlug: "dialog"
 }), as = ({ titleId: e }) => {
   const t = tr(er), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
@@ -1996,8 +2000,24 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const o = (s = e.current) == null ? void 0 : s.getAttribute("aria-describedby");
     t && o && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
-}, Et = Un, Tt = Hn, Ct = jn, At = Kn, Pt = Vn, Rt = Yn, Dt = Zn, Ge = Jn;
-function Qi({
+}, Tt = Un, Ct = Hn, At = jn, Pt = Kn, Rt = Vn, Dt = Yn, Ft = Zn, Ee = Jn;
+function is({ children: e, scrollable: t }) {
+  const n = B(null), r = B(null);
+  return _t(n, r, t), /* @__PURE__ */ k(
+    "div",
+    {
+      ref: n,
+      className: "vx-dialog__body-wrap vx-scroll-host",
+      "data-scrollable": "false",
+      "data-scrollbar-state": "hidden",
+      children: [
+        /* @__PURE__ */ a("div", { ref: r, className: T("vx-dialog__body", t && "vx-scroll-hide-native"), children: e }),
+        t ? /* @__PURE__ */ a("span", { className: "vx-overlay-scrollbar", "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: "vx-overlay-scrollbar__thumb" }) }) : null
+      ]
+    }
+  );
+}
+function Ji({
   trigger: e,
   title: t,
   description: n,
@@ -2006,47 +2026,49 @@ function Qi({
   className: s,
   size: l = "md",
   padding: i,
-  scrollable: d = !1,
-  closable: c = !0,
-  ...u
+  placement: d = "center",
+  scrollable: c = !0,
+  closable: u = !0,
+  ...p
 }) {
-  const p = B(null);
-  return /* @__PURE__ */ k(Et, { ...u, children: [
-    /* @__PURE__ */ a(Tt, { asChild: !0, children: e }),
-    /* @__PURE__ */ k(Ct, { children: [
-      /* @__PURE__ */ a(At, { className: "vx-dialog__overlay" }),
+  const b = B(null);
+  return /* @__PURE__ */ k(Tt, { ...p, children: [
+    /* @__PURE__ */ a(Ct, { asChild: !0, children: e }),
+    /* @__PURE__ */ k(At, { children: [
+      /* @__PURE__ */ a(Pt, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ k(
-        Pt,
+        Rt,
         {
-          ref: p,
+          ref: b,
           className: T(
             "vx-dialog__content",
             l !== "md" && `vx-dialog__content--${l}`,
+            d !== "center" && `vx-dialog__content--${d}`,
             i && `vx-dialog__content--pad-${i}`,
-            d && "vx-dialog__content--scrollable",
+            c && "vx-dialog__content--scrollable",
             s
           ),
-          onEscapeKeyDown: (b) => {
-            const w = p.current;
-            if (!w) return;
-            const S = !!w.querySelector(
+          onEscapeKeyDown: (w) => {
+            const S = b.current;
+            if (!S) return;
+            const g = !!S.querySelector(
               ".vx-select__dropdown, .vx-multiselect__dropdown, .vx-datepicker__popover, .vx-timepicker__popover, .vx-colorpicker__panel"
-            ), g = w.dataset.hasOpenPortal === "1";
-            (S || g) && b.preventDefault();
+            ), h = S.dataset.hasOpenPortal === "1";
+            (g || h) && w.preventDefault();
           },
-          onPointerDownOutside: (b) => {
-            const w = p.current;
-            (w == null ? void 0 : w.dataset.hasOpenPortal) === "1" && b.preventDefault();
+          onPointerDownOutside: (w) => {
+            const S = b.current;
+            (S == null ? void 0 : S.dataset.hasOpenPortal) === "1" && w.preventDefault();
           },
           children: [
             /* @__PURE__ */ k("div", { className: "vx-dialog__header", children: [
               /* @__PURE__ */ k("div", { children: [
-                /* @__PURE__ */ a(Rt, { className: "vx-dialog__title", children: t }),
-                n ? /* @__PURE__ */ a(Dt, { className: "vx-dialog__description", children: n }) : null
+                /* @__PURE__ */ a(Dt, { className: "vx-dialog__title", children: t }),
+                n ? /* @__PURE__ */ a(Ft, { className: "vx-dialog__description", children: n }) : null
               ] }),
-              c ? /* @__PURE__ */ a(Ge, { className: "vx-dialog__close", "aria-label": "Close dialog", children: /* @__PURE__ */ a(le, { size: 16 }) }) : null
+              u ? /* @__PURE__ */ a(Ee, { className: "vx-dialog__close", "aria-label": "Close dialog", children: /* @__PURE__ */ a(le, { size: 16 }) }) : null
             ] }),
-            /* @__PURE__ */ a("div", { className: "vx-dialog__body", children: r }),
+            /* @__PURE__ */ a(is, { scrollable: c, children: r }),
             o ? /* @__PURE__ */ a("div", { className: "vx-dialog__footer", children: o }) : null
           ]
         }
@@ -2054,7 +2076,8 @@ function Qi({
     ] })
   ] });
 }
-function Ji({
+const el = Ee;
+function tl({
   className: e,
   label: t,
   hint: n,
@@ -2084,11 +2107,11 @@ function Ji({
     !s && n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function is(e) {
+function ls(e) {
   const t = _.useRef({ value: e, previous: e });
   return _.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-function ls(e) {
+function cs(e) {
   const [t, n] = _.useState(void 0);
   return pe(() => {
     if (e) {
@@ -2110,7 +2133,7 @@ function ls(e) {
       n(void 0);
   }, [e]), t;
 }
-var Ye = "Switch", [cs] = we(Ye), [ds, us] = cs(Ye), nr = _.forwardRef(
+var Ye = "Switch", [ds] = we(Ye), [us, ps] = ds(Ye), nr = _.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: n,
@@ -2123,13 +2146,13 @@ var Ye = "Switch", [cs] = we(Ye), [ds, us] = cs(Ye), nr = _.forwardRef(
       onCheckedChange: c,
       form: u,
       ...p
-    } = e, [b, w] = _.useState(null), S = te(t, (f) => w(f)), g = _.useRef(!1), h = b ? u || !!b.closest("form") : !0, [y, v] = Ce({
+    } = e, [b, w] = _.useState(null), S = te(t, (f) => w(f)), g = _.useRef(!1), h = b ? u || !!b.closest("form") : !0, [y, v] = Ae({
       prop: o,
       defaultProp: s ?? !1,
       onChange: c,
       caller: Ye
     });
-    return /* @__PURE__ */ k(ds, { scope: n, checked: y, disabled: i, children: [
+    return /* @__PURE__ */ k(us, { scope: n, checked: y, disabled: i, children: [
       /* @__PURE__ */ a(
         V.button,
         {
@@ -2168,7 +2191,7 @@ var Ye = "Switch", [cs] = we(Ye), [ds, us] = cs(Ye), nr = _.forwardRef(
 nr.displayName = Ye;
 var rr = "SwitchThumb", ar = _.forwardRef(
   (e, t) => {
-    const { __scopeSwitch: n, ...r } = e, o = us(rr, n);
+    const { __scopeSwitch: n, ...r } = e, o = ps(rr, n);
     return /* @__PURE__ */ a(
       V.span,
       {
@@ -2181,7 +2204,7 @@ var rr = "SwitchThumb", ar = _.forwardRef(
   }
 );
 ar.displayName = rr;
-var ps = "SwitchBubbleInput", or = _.forwardRef(
+var vs = "SwitchBubbleInput", or = _.forwardRef(
   ({
     __scopeSwitch: e,
     control: t,
@@ -2189,7 +2212,7 @@ var ps = "SwitchBubbleInput", or = _.forwardRef(
     bubbles: r = !0,
     ...o
   }, s) => {
-    const l = _.useRef(null), i = te(l, s), d = is(n), c = ls(t);
+    const l = _.useRef(null), i = te(l, s), d = ls(n), c = cs(t);
     return _.useEffect(() => {
       const u = l.current;
       if (!u) return;
@@ -2222,18 +2245,18 @@ var ps = "SwitchBubbleInput", or = _.forwardRef(
     );
   }
 );
-or.displayName = ps;
+or.displayName = vs;
 function sr(e) {
   return e ? "checked" : "unchecked";
 }
-var vs = nr, fs = ar;
-function el({ className: e, label: t, description: n, ...r }) {
+var fs = nr, ms = ar;
+function nl({ className: e, label: t, description: n, ...r }) {
   return /* @__PURE__ */ k("label", { className: "vx-switch", children: [
     /* @__PURE__ */ k("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(vs, { className: T("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(fs, { className: "vx-switch__thumb" }) })
+    /* @__PURE__ */ a(fs, { className: T("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(ms, { className: "vx-switch__thumb" }) })
   ] });
 }
 function ir(e) {
@@ -2245,14 +2268,14 @@ function ir(e) {
     return /* @__PURE__ */ a(o, { scope: h, itemMap: f, collectionRef: v, children: y });
   };
   l.displayName = t;
-  const i = e + "CollectionSlot", d = /* @__PURE__ */ We(i), c = ue.forwardRef(
+  const i = e + "CollectionSlot", d = /* @__PURE__ */ He(i), c = ue.forwardRef(
     (g, h) => {
       const { scope: y, children: v } = g, f = s(i, y), m = te(h, f.collectionRef);
       return /* @__PURE__ */ a(d, { ref: m, children: v });
     }
   );
   c.displayName = i;
-  const u = e + "CollectionItemSlot", p = "data-radix-collection-item", b = /* @__PURE__ */ We(u), w = ue.forwardRef(
+  const u = e + "CollectionItemSlot", p = "data-radix-collection-item", b = /* @__PURE__ */ He(u), w = ue.forwardRef(
     (g, h) => {
       const { scope: y, children: v, ...f } = g, m = ue.useRef(null), x = te(h, m), N = s(u, y);
       return ue.useEffect(() => (N.itemMap.set(m, { ref: m, ...f }), () => void N.itemMap.delete(m))), /* @__PURE__ */ a(b, { [p]: "", ref: x, children: v });
@@ -2276,19 +2299,19 @@ function ir(e) {
     r
   ];
 }
-var ms = _.createContext(void 0);
+var hs = _.createContext(void 0);
 function lr(e) {
-  const t = _.useContext(ms);
+  const t = _.useContext(hs);
   return e || t || "ltr";
 }
-var it = "rovingFocusGroup.onEntryFocus", hs = { bubbles: !1, cancelable: !0 }, Ae = "RovingFocusGroup", [ht, cr, gs] = ir(Ae), [bs, dr] = we(
-  Ae,
-  [gs]
-), [xs, ys] = bs(Ae), ur = _.forwardRef(
-  (e, t) => /* @__PURE__ */ a(ht.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(ht.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(_s, { ...e, ref: t }) }) })
+var it = "rovingFocusGroup.onEntryFocus", gs = { bubbles: !1, cancelable: !0 }, Pe = "RovingFocusGroup", [ht, cr, bs] = ir(Pe), [xs, dr] = we(
+  Pe,
+  [bs]
+), [ys, _s] = xs(Pe), ur = _.forwardRef(
+  (e, t) => /* @__PURE__ */ a(ht.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(ht.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(ws, { ...e, ref: t }) }) })
 );
-ur.displayName = Ae;
-var _s = _.forwardRef((e, t) => {
+ur.displayName = Pe;
+var ws = _.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: r,
@@ -2300,18 +2323,18 @@ var _s = _.forwardRef((e, t) => {
     onEntryFocus: c,
     preventScrollOnEntryFocus: u = !1,
     ...p
-  } = e, b = _.useRef(null), w = te(t, b), S = lr(s), [g, h] = Ce({
+  } = e, b = _.useRef(null), w = te(t, b), S = lr(s), [g, h] = Ae({
     prop: l,
     defaultProp: i ?? null,
     onChange: d,
-    caller: Ae
+    caller: Pe
   }), [y, v] = _.useState(!1), f = oe(c), m = cr(n), x = _.useRef(!1), [N, E] = _.useState(0);
   return _.useEffect(() => {
     const C = b.current;
     if (C)
       return C.addEventListener(it, f), () => C.removeEventListener(it, f);
   }, [f]), /* @__PURE__ */ a(
-    xs,
+    ys,
     {
       scope: n,
       orientation: r,
@@ -2345,7 +2368,7 @@ var _s = _.forwardRef((e, t) => {
           onFocus: G(e.onFocus, (C) => {
             const A = !x.current;
             if (C.target === C.currentTarget && A && !y) {
-              const R = new CustomEvent(it, hs);
+              const R = new CustomEvent(it, gs);
               if (C.currentTarget.dispatchEvent(R), !R.defaultPrevented) {
                 const P = m().filter((H) => H.focusable), L = P.find((H) => H.active), $ = P.find((H) => H.id === g), U = [L, $, ...P].filter(
                   Boolean
@@ -2369,7 +2392,7 @@ var _s = _.forwardRef((e, t) => {
       tabStopId: s,
       children: l,
       ...i
-    } = e, d = Se(), c = s || d, u = ys(pr, n), p = u.currentTabStopId === c, b = cr(n), { onFocusableItemAdd: w, onFocusableItemRemove: S, currentTabStopId: g } = u;
+    } = e, d = Se(), c = s || d, u = _s(pr, n), p = u.currentTabStopId === c, b = cr(n), { onFocusableItemAdd: w, onFocusableItemRemove: S, currentTabStopId: g } = u;
     return _.useEffect(() => {
       if (r)
         return w(), () => S();
@@ -2397,7 +2420,7 @@ var _s = _.forwardRef((e, t) => {
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const y = Ns(h, u.orientation, u.dir);
+              const y = Ss(h, u.orientation, u.dir);
               if (y !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
@@ -2406,7 +2429,7 @@ var _s = _.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && f.reverse();
                   const m = f.indexOf(h.currentTarget);
-                  f = u.loop ? Ss(f, m + 1) : f.slice(m + 1);
+                  f = u.loop ? Es(f, m + 1) : f.slice(m + 1);
                 }
                 setTimeout(() => fr(f));
               }
@@ -2419,7 +2442,7 @@ var _s = _.forwardRef((e, t) => {
   }
 );
 vr.displayName = pr;
-var ws = {
+var ks = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -2429,25 +2452,25 @@ var ws = {
   PageDown: "last",
   End: "last"
 };
-function ks(e, t) {
+function Ns(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Ns(e, t, n) {
-  const r = ks(e.key, n);
+function Ss(e, t, n) {
+  const r = Ns(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return ws[r];
+    return ks[r];
 }
 function fr(e, t = !1) {
   const n = document.activeElement;
   for (const r of e)
     if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function Ss(e, t) {
+function Es(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Es = ur, Ts = vr, Xe = "Tabs", [Cs] = we(Xe, [
+var Ts = ur, Cs = vr, Xe = "Tabs", [As] = we(Xe, [
   dr
-]), mr = dr(), [As, Ft] = Cs(Xe), hr = _.forwardRef(
+]), mr = dr(), [Ps, Lt] = As(Xe), hr = _.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
@@ -2458,14 +2481,14 @@ var Es = ur, Ts = vr, Xe = "Tabs", [Cs] = we(Xe, [
       dir: i,
       activationMode: d = "automatic",
       ...c
-    } = e, u = lr(i), [p, b] = Ce({
+    } = e, u = lr(i), [p, b] = Ae({
       prop: r,
       onChange: o,
       defaultProp: s ?? "",
       caller: Xe
     });
     return /* @__PURE__ */ a(
-      As,
+      Ps,
       {
         scope: n,
         baseId: Se(),
@@ -2490,9 +2513,9 @@ var Es = ur, Ts = vr, Xe = "Tabs", [Cs] = we(Xe, [
 hr.displayName = Xe;
 var gr = "TabsList", br = _.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, loop: r = !0, ...o } = e, s = Ft(gr, n), l = mr(n);
+    const { __scopeTabs: n, loop: r = !0, ...o } = e, s = Lt(gr, n), l = mr(n);
     return /* @__PURE__ */ a(
-      Es,
+      Ts,
       {
         asChild: !0,
         ...l,
@@ -2515,9 +2538,9 @@ var gr = "TabsList", br = _.forwardRef(
 br.displayName = gr;
 var xr = "TabsTrigger", yr = _.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: r, disabled: o = !1, ...s } = e, l = Ft(xr, n), i = mr(n), d = kr(l.baseId, r), c = Nr(l.baseId, r), u = r === l.value;
+    const { __scopeTabs: n, value: r, disabled: o = !1, ...s } = e, l = Lt(xr, n), i = mr(n), d = kr(l.baseId, r), c = Nr(l.baseId, r), u = r === l.value;
     return /* @__PURE__ */ a(
-      Ts,
+      Cs,
       {
         asChild: !0,
         ...i,
@@ -2555,7 +2578,7 @@ var xr = "TabsTrigger", yr = _.forwardRef(
 yr.displayName = xr;
 var _r = "TabsContent", wr = _.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: r, forceMount: o, children: s, ...l } = e, i = Ft(_r, n), d = kr(i.baseId, r), c = Nr(i.baseId, r), u = r === i.value, p = _.useRef(u);
+    const { __scopeTabs: n, value: r, forceMount: o, children: s, ...l } = e, i = Lt(_r, n), d = kr(i.baseId, r), c = Nr(i.baseId, r), u = r === i.value, p = _.useRef(u);
     return _.useEffect(() => {
       const b = requestAnimationFrame(() => p.current = !1);
       return () => cancelAnimationFrame(b);
@@ -2587,13 +2610,13 @@ function kr(e, t) {
 function Nr(e, t) {
   return `${e}-content-${t}`;
 }
-var Ps = hr, Rs = br, Ds = yr, Fs = wr;
-const tl = Ps, nl = ce(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(Rs, { ref: r, className: T("vx-tabs__list", t), ...n });
-}), rl = ce(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(Ds, { ref: r, className: T("vx-tabs__trigger", t), ...n });
-}), al = ce(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(Fs, { ref: r, className: T("vx-tabs__content", t), ...n });
+var Rs = hr, Ds = br, Fs = yr, Ls = wr;
+const rl = Rs, al = ce(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(Ds, { ref: r, className: T("vx-tabs__list", t), ...n });
+}), ol = ce(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(Fs, { ref: r, className: T("vx-tabs__trigger", t), ...n });
+}), sl = ce(function({ className: t, ...n }, r) {
+  return /* @__PURE__ */ a(Ls, { ref: r, className: T("vx-tabs__content", t), ...n });
 }), Sr = {
   light: {
     label: "Light",
@@ -2611,7 +2634,7 @@ function ne(e, t = {}) {
     tokens: t.tokens
   };
 }
-const ol = {
+const il = {
   ...Sr,
   sunset: ne("light", {
     label: "Sunset",
@@ -2920,13 +2943,13 @@ const ol = {
     }
   })
 };
-function Ls(e) {
+function Is(e) {
   return {
     ...Sr,
     ...e
   };
 }
-function Is(e, t) {
+function Ms(e, t) {
   if (e && t[e])
     return e;
   if (t.light)
@@ -2934,11 +2957,11 @@ function Is(e, t) {
   const [n] = Object.keys(t);
   return n ?? "light";
 }
-function Ms(e, t) {
+function $s(e, t) {
   const n = window.localStorage.getItem(e);
   return n && t[n] ? n : null;
 }
-function $s(e, t, n) {
+function Os(e, t, n) {
   var o;
   if (((o = e[n]) == null ? void 0 : o.mode) === t)
     return n;
@@ -2946,13 +2969,13 @@ function $s(e, t, n) {
   return r == null ? void 0 : r[0];
 }
 const Er = _e(null);
-function sl({
+function ll({
   children: e,
   defaultTheme: t = "light",
   storageKey: n = "vxui-react-theme",
   themes: r
 }) {
-  const o = Ne(() => Ls(r), [r]), s = Ne(() => Is(t, o), [t, o]), l = B([]), [i, d] = I(() => typeof window > "u" ? s : Ms(n, o) ?? s), c = o[i] ? i : s, u = o[c];
+  const o = Ne(() => Is(r), [r]), s = Ne(() => Ms(t, o), [t, o]), l = B([]), [i, d] = I(() => typeof window > "u" ? s : $s(n, o) ?? s), c = o[i] ? i : s, u = o[c];
   z(() => {
     i !== c && d(c);
   }, [c, i]), z(() => {
@@ -2978,7 +3001,7 @@ function sl({
       toggleTheme: () => {
         d((b) => {
           const S = (o[b] ?? u).mode === "light" ? "dark" : "light";
-          return $s(o, S, S) ?? b;
+          return Os(o, S, S) ?? b;
         });
       }
     }),
@@ -2986,13 +3009,13 @@ function sl({
   );
   return /* @__PURE__ */ a(Er.Provider, { value: p, children: e });
 }
-function il() {
+function cl() {
   const e = ye(Er);
   if (!e)
     throw new Error("useTheme must be used within ThemeProvider.");
   return e;
 }
-var Os = Object.freeze({
+var Bs = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -3004,18 +3027,18 @@ var Os = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), Bs = "VisuallyHidden", Lt = _.forwardRef(
+}), zs = "VisuallyHidden", It = _.forwardRef(
   (e, t) => /* @__PURE__ */ a(
     V.span,
     {
       ...e,
       ref: t,
-      style: { ...Os, ...e.style }
+      style: { ...Bs, ...e.style }
     }
   )
 );
-Lt.displayName = Bs;
-var It = "ToastProvider", [Mt, zs, Us] = ir("Toast"), [Tr] = we("Toast", [Us]), [Ws, Ze] = Tr(It), Cr = (e) => {
+It.displayName = zs;
+var Mt = "ToastProvider", [$t, Us, Ws] = ir("Toast"), [Tr] = we("Toast", [Ws]), [Hs, Ze] = Tr(Mt), Cr = (e) => {
   const {
     __scopeToast: t,
     label: n = "Notification",
@@ -3025,9 +3048,9 @@ var It = "ToastProvider", [Mt, zs, Us] = ir("Toast"), [Tr] = we("Toast", [Us]),
     children: l
   } = e, [i, d] = _.useState(null), [c, u] = _.useState(0), p = _.useRef(!1), b = _.useRef(!1);
   return n.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${It}\`. Expected non-empty \`string\`.`
-  ), /* @__PURE__ */ a(Mt.Provider, { scope: t, children: /* @__PURE__ */ a(
-    Ws,
+    `Invalid prop \`label\` supplied to \`${Mt}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ a($t.Provider, { scope: t, children: /* @__PURE__ */ a(
+    Hs,
     {
       scope: t,
       label: n,
@@ -3045,15 +3068,15 @@ var It = "ToastProvider", [Mt, zs, Us] = ir("Toast"), [Tr] = we("Toast", [Us]),
     }
   ) });
 };
-Cr.displayName = It;
-var Ar = "ToastViewport", Hs = ["F8"], gt = "toast.viewportPause", bt = "toast.viewportResume", Pr = _.forwardRef(
+Cr.displayName = Mt;
+var Ar = "ToastViewport", Gs = ["F8"], gt = "toast.viewportPause", bt = "toast.viewportResume", Pr = _.forwardRef(
   (e, t) => {
     const {
       __scopeToast: n,
-      hotkey: r = Hs,
+      hotkey: r = Gs,
       label: o = "Notifications ({hotkey})",
       ...s
-    } = e, l = Ze(Ar, n), i = zs(n), d = _.useRef(null), c = _.useRef(null), u = _.useRef(null), p = _.useRef(null), b = te(t, p, l.onViewportChange), w = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = l.toastCount > 0;
+    } = e, l = Ze(Ar, n), i = Us(n), d = _.useRef(null), c = _.useRef(null), u = _.useRef(null), p = _.useRef(null), b = te(t, p, l.onViewportChange), w = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = l.toastCount > 0;
     _.useEffect(() => {
       const h = (y) => {
         var f;
@@ -3086,7 +3109,7 @@ var Ar = "ToastViewport", Hs = ["F8"], gt = "toast.viewportPause", bt = "toast.v
     const g = _.useCallback(
       ({ tabbingDirection: h }) => {
         const v = i().map((f) => {
-          const m = f.ref.current, x = [m, ...ri(m)];
+          const m = f.ref.current, x = [m, ...ai(m)];
           return h === "forwards" ? x : x.reverse();
         });
         return (h === "forwards" ? v.reverse() : v).flat();
@@ -3132,7 +3155,7 @@ var Ar = "ToastViewport", Hs = ["F8"], gt = "toast.viewportPause", bt = "toast.v
               }
             }
           ),
-          /* @__PURE__ */ a(Mt.Slot, { scope: n, children: /* @__PURE__ */ a(V.ol, { tabIndex: -1, ...s, ref: b }) }),
+          /* @__PURE__ */ a($t.Slot, { scope: n, children: /* @__PURE__ */ a(V.ol, { tabIndex: -1, ...s, ref: b }) }),
           S && /* @__PURE__ */ a(
             xt,
             {
@@ -3155,7 +3178,7 @@ var Rr = "ToastFocusProxy", xt = _.forwardRef(
   (e, t) => {
     const { __scopeToast: n, onFocusFromOutsideViewport: r, ...o } = e, s = Ze(Rr, n);
     return /* @__PURE__ */ a(
-      Lt,
+      It,
       {
         tabIndex: 0,
         ...o,
@@ -3171,16 +3194,16 @@ var Rr = "ToastFocusProxy", xt = _.forwardRef(
   }
 );
 xt.displayName = Rr;
-var Pe = "Toast", Gs = "toast.swipeStart", js = "toast.swipeMove", Ks = "toast.swipeCancel", Vs = "toast.swipeEnd", Dr = _.forwardRef(
+var Re = "Toast", js = "toast.swipeStart", Ks = "toast.swipeMove", Vs = "toast.swipeCancel", qs = "toast.swipeEnd", Dr = _.forwardRef(
   (e, t) => {
-    const { forceMount: n, open: r, defaultOpen: o, onOpenChange: s, ...l } = e, [i, d] = Ce({
+    const { forceMount: n, open: r, defaultOpen: o, onOpenChange: s, ...l } = e, [i, d] = Ae({
       prop: r,
       defaultProp: o ?? !0,
       onChange: s,
-      caller: Pe
+      caller: Re
     });
     return /* @__PURE__ */ a(ke, { present: n || i, children: /* @__PURE__ */ a(
-      Xs,
+      Zs,
       {
         open: i,
         ...l,
@@ -3206,11 +3229,11 @@ var Pe = "Toast", Gs = "toast.swipeStart", js = "toast.swipeMove", Ks = "toast.s
     ) });
   }
 );
-Dr.displayName = Pe;
-var [qs, Ys] = Tr(Pe, {
+Dr.displayName = Re;
+var [Ys, Xs] = Tr(Re, {
   onClose() {
   }
-}), Xs = _.forwardRef(
+}), Zs = _.forwardRef(
   (e, t) => {
     const {
       __scopeToast: n,
@@ -3226,7 +3249,7 @@ var [qs, Ys] = Tr(Pe, {
       onSwipeCancel: b,
       onSwipeEnd: w,
       ...S
-    } = e, g = Ze(Pe, n), [h, y] = _.useState(null), v = te(t, (D) => y(D)), f = _.useRef(null), m = _.useRef(null), x = o || g.duration, N = _.useRef(0), E = _.useRef(x), C = _.useRef(0), { onToastAdd: A, onToastRemove: R } = g, P = oe(() => {
+    } = e, g = Ze(Re, n), [h, y] = _.useState(null), v = te(t, (D) => y(D)), f = _.useRef(null), m = _.useRef(null), x = o || g.duration, N = _.useRef(0), E = _.useRef(x), C = _.useRef(0), { onToastAdd: A, onToastRemove: R } = g, P = oe(() => {
       var U;
       (h == null ? void 0 : h.contains(document.activeElement)) && ((U = g.viewport) == null || U.focus()), l();
     }), L = _.useCallback(
@@ -3254,7 +3277,7 @@ var [qs, Ys] = Tr(Pe, {
     const $ = _.useMemo(() => h ? Or(h) : null, [h]);
     return g.viewport ? /* @__PURE__ */ k(ee, { children: [
       $ && /* @__PURE__ */ a(
-        Zs,
+        Qs,
         {
           __scopeToast: n,
           role: "status",
@@ -3262,8 +3285,8 @@ var [qs, Ys] = Tr(Pe, {
           children: $
         }
       ),
-      /* @__PURE__ */ a(qs, { scope: n, onClose: P, children: hn.createPortal(
-        /* @__PURE__ */ a(Mt.ItemSlot, { scope: n, children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(Ys, { scope: n, onClose: P, children: gn.createPortal(
+        /* @__PURE__ */ a($t.ItemSlot, { scope: n, children: /* @__PURE__ */ a(
           Za,
           {
             asChild: !0,
@@ -3288,9 +3311,9 @@ var [qs, Ys] = Tr(Pe, {
                 onPointerMove: G(e.onPointerMove, (D) => {
                   if (!f.current) return;
                   const U = D.clientX - f.current.x, H = D.clientY - f.current.y, Z = !!m.current, j = ["left", "right"].includes(g.swipeDirection), X = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, M = j ? X(0, U) : 0, q = j ? 0 : X(0, H), F = D.pointerType === "touch" ? 10 : 2, O = { x: M, y: q }, W = { originalEvent: D, delta: O };
-                  Z ? (m.current = O, $e(js, p, W, {
+                  Z ? (m.current = O, Oe(Ks, p, W, {
                     discrete: !1
-                  })) : tn(O, g.swipeDirection, F) ? (m.current = O, $e(Gs, u, W, {
+                  })) : nn(O, g.swipeDirection, F) ? (m.current = O, Oe(js, u, W, {
                     discrete: !1
                   }), D.target.setPointerCapture(D.pointerId)) : (Math.abs(U) > F || Math.abs(H) > F) && (f.current = null);
                 }),
@@ -3298,10 +3321,10 @@ var [qs, Ys] = Tr(Pe, {
                   const U = m.current, H = D.target;
                   if (H.hasPointerCapture(D.pointerId) && H.releasePointerCapture(D.pointerId), m.current = null, f.current = null, U) {
                     const Z = D.currentTarget, j = { originalEvent: D, delta: U };
-                    tn(U, g.swipeDirection, g.swipeThreshold) ? $e(Vs, w, j, {
+                    nn(U, g.swipeDirection, g.swipeThreshold) ? Oe(qs, w, j, {
                       discrete: !0
-                    }) : $e(
-                      Ks,
+                    }) : Oe(
+                      Vs,
                       b,
                       j,
                       {
@@ -3320,42 +3343,42 @@ var [qs, Ys] = Tr(Pe, {
       ) })
     ] }) : null;
   }
-), Zs = (e) => {
-  const { __scopeToast: t, children: n, ...r } = e, o = Ze(Pe, t), [s, l] = _.useState(!1), [i, d] = _.useState(!1);
-  return ti(() => l(!0)), _.useEffect(() => {
+), Qs = (e) => {
+  const { __scopeToast: t, children: n, ...r } = e, o = Ze(Re, t), [s, l] = _.useState(!1), [i, d] = _.useState(!1);
+  return ni(() => l(!0)), _.useEffect(() => {
     const c = window.setTimeout(() => d(!0), 1e3);
     return () => window.clearTimeout(c);
-  }, []), i ? null : /* @__PURE__ */ a(wt, { asChild: !0, children: /* @__PURE__ */ a(Lt, { ...r, children: s && /* @__PURE__ */ k(ee, { children: [
+  }, []), i ? null : /* @__PURE__ */ a(kt, { asChild: !0, children: /* @__PURE__ */ a(It, { ...r, children: s && /* @__PURE__ */ k(ee, { children: [
     o.label,
     " ",
     n
   ] }) }) });
-}, Qs = "ToastTitle", Fr = _.forwardRef(
+}, Js = "ToastTitle", Fr = _.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e;
     return /* @__PURE__ */ a(V.div, { ...r, ref: t });
   }
 );
-Fr.displayName = Qs;
-var Js = "ToastDescription", Lr = _.forwardRef(
+Fr.displayName = Js;
+var ei = "ToastDescription", Lr = _.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e;
     return /* @__PURE__ */ a(V.div, { ...r, ref: t });
   }
 );
-Lr.displayName = Js;
-var Ir = "ToastAction", ei = _.forwardRef(
+Lr.displayName = ei;
+var Ir = "ToastAction", ti = _.forwardRef(
   (e, t) => {
     const { altText: n, ...r } = e;
-    return n.trim() ? /* @__PURE__ */ a($r, { altText: n, asChild: !0, children: /* @__PURE__ */ a($t, { ...r, ref: t }) }) : (console.error(
+    return n.trim() ? /* @__PURE__ */ a($r, { altText: n, asChild: !0, children: /* @__PURE__ */ a(Ot, { ...r, ref: t }) }) : (console.error(
       `Invalid prop \`altText\` supplied to \`${Ir}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
-ei.displayName = Ir;
-var Mr = "ToastClose", $t = _.forwardRef(
+ti.displayName = Ir;
+var Mr = "ToastClose", Ot = _.forwardRef(
   (e, t) => {
-    const { __scopeToast: n, ...r } = e, o = Ys(Mr, n);
+    const { __scopeToast: n, ...r } = e, o = Xs(Mr, n);
     return /* @__PURE__ */ a($r, { asChild: !0, children: /* @__PURE__ */ a(
       V.button,
       {
@@ -3367,7 +3390,7 @@ var Mr = "ToastClose", $t = _.forwardRef(
     ) });
   }
 );
-$t.displayName = Mr;
+Ot.displayName = Mr;
 var $r = _.forwardRef((e, t) => {
   const { __scopeToast: n, altText: r, ...o } = e;
   return /* @__PURE__ */ a(
@@ -3383,7 +3406,7 @@ var $r = _.forwardRef((e, t) => {
 function Or(e) {
   const t = [];
   return Array.from(e.childNodes).forEach((r) => {
-    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), ni(r)) {
+    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), ri(r)) {
       const o = r.ariaHidden || r.hidden || r.style.display === "none", s = r.dataset.radixToastAnnounceExclude === "";
       if (!o)
         if (s) {
@@ -3394,15 +3417,15 @@ function Or(e) {
     }
   }), t;
 }
-function $e(e, t, n, { discrete: r }) {
+function Oe(e, t, n, { discrete: r }) {
   const o = n.originalEvent.currentTarget, s = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? Sn(o, s) : o.dispatchEvent(s);
 }
-var tn = (e, t, n = 0) => {
+var nn = (e, t, n = 0) => {
   const r = Math.abs(e.x), o = Math.abs(e.y), s = r > o;
   return t === "left" || t === "right" ? s && r > n : !s && o > n;
 };
-function ti(e = () => {
+function ni(e = () => {
 }) {
   const t = oe(e);
   pe(() => {
@@ -3412,10 +3435,10 @@ function ti(e = () => {
     };
   }, [t]);
 }
-function ni(e) {
+function ri(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
-function ri(e) {
+function ai(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const o = r.tagName === "INPUT" && r.type === "hidden";
@@ -3429,28 +3452,28 @@ function lt(e) {
   const t = document.activeElement;
   return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
 }
-var ai = Cr, oi = Pr, si = Dr, ii = Fr, li = Lr, ci = $t;
+var oi = Cr, si = Pr, ii = Dr, li = Fr, ci = Lr, di = Ot;
 const Br = _e(null);
-let di = 1;
-const ui = {
+let ui = 1;
+const pi = {
   info: /* @__PURE__ */ a(fa, { size: 15 }),
   success: /* @__PURE__ */ a(sa, { size: 15 }),
   warning: /* @__PURE__ */ a(ba, { size: 15 }),
   danger: /* @__PURE__ */ a(aa, { size: 15 })
 };
-function ll({ children: e }) {
+function dl({ children: e }) {
   const [t, n] = I([]), r = Ne(
     () => ({
       push: (o) => {
-        n((s) => [...s, { id: di += 1, tone: "info", ...o }]);
+        n((s) => [...s, { id: ui += 1, tone: "info", ...o }]);
       }
     }),
     []
   );
-  return /* @__PURE__ */ a(Br.Provider, { value: r, children: /* @__PURE__ */ k(ai, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ a(Br.Provider, { value: r, children: /* @__PURE__ */ k(oi, { swipeDirection: "right", children: [
     e,
     t.map((o) => /* @__PURE__ */ k(
-      si,
+      ii,
       {
         className: T("vx-toast", `vx-toast--${o.tone ?? "info"}`),
         duration: 4500,
@@ -3461,26 +3484,26 @@ function ll({ children: e }) {
         children: [
           /* @__PURE__ */ k("div", { className: "vx-toast__content", children: [
             /* @__PURE__ */ k("div", { className: "vx-toast__header", children: [
-              /* @__PURE__ */ a("span", { className: "vx-toast__icon", "aria-hidden": "true", children: ui[o.tone ?? "info"] }),
-              /* @__PURE__ */ a(ii, { className: "vx-toast__title", children: o.title })
+              /* @__PURE__ */ a("span", { className: "vx-toast__icon", "aria-hidden": "true", children: pi[o.tone ?? "info"] }),
+              /* @__PURE__ */ a(li, { className: "vx-toast__title", children: o.title })
             ] }),
-            o.description ? /* @__PURE__ */ a(li, { className: "vx-toast__description", children: o.description }) : null
+            o.description ? /* @__PURE__ */ a(ci, { className: "vx-toast__description", children: o.description }) : null
           ] }),
-          /* @__PURE__ */ a(ci, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(le, { size: 14 }) })
+          /* @__PURE__ */ a(di, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(le, { size: 14 }) })
         ]
       },
       o.id
     )),
-    /* @__PURE__ */ a(oi, { className: "vx-toast__viewport" })
+    /* @__PURE__ */ a(si, { className: "vx-toast__viewport" })
   ] }) });
 }
-function cl() {
+function ul() {
   const e = ye(Br);
   if (!e)
     throw new Error("useToast must be used within ToastProvider.");
   return e;
 }
-function dl({
+function pl({
   as: e = "p",
   variant: t = "default",
   size: n = "base",
@@ -3504,7 +3527,7 @@ function dl({
     }
   );
 }
-function ul({
+function vl({
   as: e,
   level: t = 2,
   variant: n = "default",
@@ -3529,7 +3552,7 @@ function ul({
     }
   );
 }
-function pl({
+function fl({
   options: e,
   value: t,
   defaultValue: n,
@@ -3545,7 +3568,7 @@ function pl({
   searchable: b = !0,
   className: w
 }) {
-  const S = t !== void 0, [g, h] = I(n), y = S ? t : g, [v, f] = I(!1), [m, x] = I(""), N = B(null), E = B(null), C = B(null), A = B(null), R = fn(), [P, L] = I(null), [$, D] = I(!1), U = e.find((M) => M.value === y), H = e.filter(
+  const S = t !== void 0, [g, h] = I(n), y = S ? t : g, [v, f] = I(!1), [m, x] = I(""), N = B(null), E = B(null), C = B(null), A = B(null), R = mn(), [P, L] = I(null), [$, D] = I(!1), U = e.find((M) => M.value === y), H = e.filter(
     (M) => M.label.toLowerCase().includes(m.toLowerCase())
   ), Z = typeof b == "number" ? e.length > b : b;
   z(() => {
@@ -3577,7 +3600,7 @@ function pl({
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [v]), mn(() => {
+  }, [v]), hn(() => {
     var W;
     if (!v || !E.current || window.matchMedia("(max-width: 640px)").matches) {
       L(null), D(!1);
@@ -3633,7 +3656,7 @@ function pl({
               }
             ),
             /* @__PURE__ */ a(
-              Ee,
+              Te,
               {
                 size: 14,
                 className: T("vx-select__chevron", v && "vx-select__chevron--open")
@@ -3701,7 +3724,7 @@ function pl({
     })()
   ] });
 }
-function vl({ className: e, label: t, description: n, indeterminate: r, ...o }) {
+function ml({ className: e, label: t, description: n, indeterminate: r, ...o }) {
   return /* @__PURE__ */ k("label", { className: T("vx-checkbox", o.disabled && "vx-checkbox--disabled"), children: [
     /* @__PURE__ */ k("span", { className: "vx-checkbox__control-wrap", children: [
       /* @__PURE__ */ a(
@@ -3723,7 +3746,7 @@ function vl({ className: e, label: t, description: n, indeterminate: r, ...o })
     ] }) : null
   ] });
 }
-function fl({
+function hl({
   options: e,
   value: t,
   defaultValue: n,
@@ -3795,7 +3818,7 @@ function fl({
     }
   );
 }
-function ml({ className: e, label: t, description: n, ...r }) {
+function gl({ className: e, label: t, description: n, ...r }) {
   return /* @__PURE__ */ k("label", { className: T("vx-radio", r.disabled && "vx-radio--disabled"), children: [
     /* @__PURE__ */ k("span", { className: "vx-radio__control-wrap", children: [
       /* @__PURE__ */ a("input", { type: "radio", className: T("vx-radio__input", e), ...r }),
@@ -3807,13 +3830,13 @@ function ml({ className: e, label: t, description: n, ...r }) {
     ] }) : null
   ] });
 }
-function hl({ label: e, children: t, className: n }) {
+function bl({ label: e, children: t, className: n }) {
   return /* @__PURE__ */ k("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 gl({ className: e, label: t, hint: n, resize: r = "vertical", style: o, ...s }) {
+function xl({ className: e, label: t, hint: n, resize: r = "vertical", style: o, ...s }) {
   return /* @__PURE__ */ k("label", { className: "vx-field-group", children: [
     t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
     /* @__PURE__ */ a(
@@ -3827,7 +3850,7 @@ function gl({ className: e, label: t, hint: n, resize: r = "vertical", style: o,
     n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function bl({ className: e, label: t, showValue: n = !1, hint: r, value: o, defaultValue: s, ...l }) {
+function yl({ className: e, label: t, showValue: n = !1, hint: r, value: o, defaultValue: s, ...l }) {
   return /* @__PURE__ */ k("label", { className: "vx-field-group", children: [
     t || n ? /* @__PURE__ */ k("span", { className: "vx-slider__header", children: [
       t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label vx-slider__label", children: t }) : null,
@@ -3846,9 +3869,9 @@ function bl({ className: e, label: t, showValue: n = !1, hint: r, value: o, defa
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: r }) : null
   ] });
 }
-const pi = { sm: 16, md: 24, lg: 36 };
-function xl({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
-  const o = pi[t];
+const vi = { sm: 16, md: 24, lg: 36 };
+function _l({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
+  const o = vi[t];
   return /* @__PURE__ */ a(
     "span",
     {
@@ -3881,7 +3904,7 @@ function xl({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
     }
   );
 }
-function yl({
+function wl({
   className: e,
   value: t = 0,
   max: n = 100,
@@ -3926,7 +3949,7 @@ function yl({
     )
   ] });
 }
-const vi = {
+const fi = {
   info: /* @__PURE__ */ k("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" })
@@ -3944,7 +3967,7 @@ const vi = {
     /* @__PURE__ */ a("path", { d: "M10 6L6 10M6 6l4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] })
 };
-function _l({
+function kl({
   className: e,
   variant: t = "info",
   title: n,
@@ -3960,7 +3983,7 @@ function _l({
       className: T("vx-alert", `vx-alert--${t}`, e),
       ...l,
       children: [
-        /* @__PURE__ */ a("span", { className: "vx-alert__icon", children: r ?? vi[t] }),
+        /* @__PURE__ */ a("span", { className: "vx-alert__icon", children: r ?? fi[t] }),
         /* @__PURE__ */ k("div", { className: "vx-alert__body", children: [
           n ? /* @__PURE__ */ a("p", { className: "vx-alert__title", children: n }) : null,
           s ? /* @__PURE__ */ a("div", { className: "vx-alert__content", children: s }) : null
@@ -3970,7 +3993,7 @@ function _l({
     }
   );
 }
-function wl({
+function Nl({
   className: e,
   width: t,
   height: n,
@@ -4003,7 +4026,7 @@ function wl({
     }
   );
 }
-function kl({ content: e, placement: t = "top", delay: n = 600, children: r, className: o }) {
+function Sl({ content: e, placement: t = "top", delay: n = 600, children: r, className: o }) {
   const [s, l] = I(!1), i = B(null), d = Y(() => {
     i.current = setTimeout(() => l(!0), n);
   }, [n]), c = Y(() => {
@@ -4016,7 +4039,7 @@ function kl({ content: e, placement: t = "top", delay: n = 600, children: r, cla
     s ? /* @__PURE__ */ a("span", { role: "tooltip", className: T("vx-tooltip", `vx-tooltip--${t}`), children: e }) : null
   ] });
 }
-function Nl({
+function El({
   content: e,
   placement: t = "bottom",
   trigger: n = "click",
@@ -4045,7 +4068,7 @@ function Nl({
     u ? /* @__PURE__ */ a("div", { className: T("vx-popover", `vx-popover--${t}`), role: "dialog", children: e }) : null
   ] });
 }
-function Sl({
+function Tl({
   trigger: e,
   groups: t,
   items: n,
@@ -4111,25 +4134,25 @@ function Sl({
     ] }, h)) }) : null
   ] });
 }
-const fi = () => /* @__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 El({ items: e, separator: t, className: n }) {
+const mi = () => /* @__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 Cl({ 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, o) => {
     const s = o === e.length - 1;
     return /* @__PURE__ */ k("li", { className: "vx-breadcrumb__item", children: [
       s ? /* @__PURE__ */ a("span", { className: "vx-breadcrumb__current", "aria-current": "page", children: r.label }) : r.href ? /* @__PURE__ */ a("a", { href: r.href, className: "vx-breadcrumb__link", children: r.label }) : /* @__PURE__ */ a("button", { type: "button", className: "vx-breadcrumb__link", onClick: r.onClick, children: r.label }),
-      s ? null : /* @__PURE__ */ a("span", { className: "vx-breadcrumb__sep", "aria-hidden": "true", children: t ?? /* @__PURE__ */ a(fi, {}) })
+      s ? null : /* @__PURE__ */ a("span", { className: "vx-breadcrumb__sep", "aria-hidden": "true", children: t ?? /* @__PURE__ */ a(mi, {}) })
     ] }, o);
   }) }) });
 }
-function Oe(e, t) {
+function Be(e, t) {
   return Array.from({ length: t - e + 1 }, (n, r) => e + r);
 }
-function Tl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange: o, className: s }) {
+function Al({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange: o, className: s }) {
   const l = Math.max(1, Math.ceil(t / n)), i = (() => {
     const d = r * 2 + 5;
-    if (l <= d) return Oe(1, l);
+    if (l <= d) return Be(1, l);
     const c = Math.max(e - r, 1), u = Math.min(e + r, l), p = c > 3, b = u < l - 2;
-    return !p && b ? [...Oe(1, 3 + r * 2), "…", l] : p && !b ? [1, "…", ...Oe(l - (2 + r * 2), l)] : [1, "…", ...Oe(c, u), "…", l];
+    return !p && b ? [...Be(1, 3 + r * 2), "…", l] : p && !b ? [1, "…", ...Be(l - (2 + r * 2), l)] : [1, "…", ...Be(c, u), "…", l];
   })();
   return /* @__PURE__ */ k("nav", { role: "navigation", "aria-label": "Pagination", className: T("vx-pagination", s), children: [
     /* @__PURE__ */ a(
@@ -4169,7 +4192,7 @@ function Tl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange
     )
   ] });
 }
-function Cl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
+function Pl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
   const [o, s] = I(new Set(n));
   function l(i) {
     s((d) => {
@@ -4198,7 +4221,7 @@ function Cl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
     ] }, i.key);
   }) });
 }
-function Al({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
+function Rl({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
   return /* @__PURE__ */ a(
     "hr",
     {
@@ -4209,18 +4232,18 @@ function Al({ className: e, orientation: t = "horizontal", decorative: n = !0, .
     }
   );
 }
-function mi(e) {
+function hi(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 nn = [0, 30, 60, 120, 160, 200, 240, 270, 300, 340];
-function hi(e) {
+const rn = [0, 30, 60, 120, 160, 200, 240, 270, 300, 340];
+function gi(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
-  return nn[t % nn.length];
+  return rn[t % rn.length];
 }
-function Pl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o, className: s, alt: l, ...i }) {
-  const [d, c] = I(!1), u = e && !d, p = t ?? l ?? "", b = p ? hi(p) : 200;
+function Dl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o, className: s, alt: l, ...i }) {
+  const [d, c] = I(!1), u = e && !d, p = t ?? l ?? "", b = p ? gi(p) : 200;
   return /* @__PURE__ */ a(
     "span",
     {
@@ -4236,14 +4259,14 @@ function Pl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o,
           onError: () => c(!0),
           ...i
         }
-      ) : o ? /* @__PURE__ */ a("span", { className: "vx-avatar__fallback", children: o }) : p ? /* @__PURE__ */ a("span", { className: "vx-avatar__initials", children: mi(p) }) : /* @__PURE__ */ k("svg", { className: "vx-avatar__placeholder", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+      ) : o ? /* @__PURE__ */ a("span", { className: "vx-avatar__fallback", children: o }) : p ? /* @__PURE__ */ a("span", { className: "vx-avatar__initials", children: hi(p) }) : /* @__PURE__ */ k("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 Rl({
+function Fl({
   columns: e,
   data: t,
   size: n = "md",
@@ -4318,24 +4341,24 @@ function Rl({
     }
   ) });
 }
-function Dl({ topBar: e, bottomNav: t, children: n, className: r }) {
+function Ll({ topBar: e, bottomNav: t, children: n, className: r }) {
   return /* @__PURE__ */ k("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 Fl({ title: e, leading: t, trailing: n, className: r }) {
+function Il({ title: e, leading: t, trailing: n, className: r }) {
   return /* @__PURE__ */ k("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 Ll({ label: e, className: t, children: n, ...r }) {
+function Ml({ 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 Il({ items: e, className: t }) {
+function $l({ items: e, className: t }) {
   const [n, r] = I(null), o = n ? e.find((l) => l.key === n) : null, s = (l) => {
     var i, d;
     (i = l.submenu) != null && i.length ? r((c) => c === l.key ? null : l.key) : (r(null), (d = l.onSelect) == null || d.call(l));
@@ -4396,7 +4419,7 @@ function Il({ items: e, className: t }) {
     }) })
   ] });
 }
-function Ml({
+function Ol({
   open: e,
   onClose: t,
   title: n,
@@ -4464,7 +4487,7 @@ function Ml({
     }
   ) : null;
 }
-function $l({ icon: e, destructive: t, className: n, children: r, ...o }) {
+function Bl({ icon: e, destructive: t, className: n, children: r, ...o }) {
   return /* @__PURE__ */ k(
     "button",
     {
@@ -4478,16 +4501,16 @@ function $l({ icon: e, destructive: t, className: n, children: r, ...o }) {
     }
   );
 }
-function Ol({ className: e, ...t }) {
+function zl({ className: e, ...t }) {
   return /* @__PURE__ */ a("ul", { className: T("vxm-list", e), role: "list", ...t });
 }
-function Bl({ title: e, className: t, children: n, ...r }) {
+function Ul({ title: e, className: t, children: n, ...r }) {
   return /* @__PURE__ */ k("div", { className: T("vxm-list-section", t), ...r, children: [
     e && /* @__PURE__ */ a("div", { className: "vxm-list-section__title", children: e }),
     n
   ] });
 }
-function zl({
+function Wl({
   leading: e,
   trailing: t,
   label: n,
@@ -4505,7 +4528,7 @@ function zl({
       r && /* @__PURE__ */ a("span", { className: "vxm-list-item__description", children: r })
     ] }),
     t && /* @__PURE__ */ a("span", { className: "vxm-list-item__trailing", children: t }),
-    o && /* @__PURE__ */ a(Te, { size: 16, className: "vxm-list-item__chevron", "aria-hidden": "true" })
+    o && /* @__PURE__ */ a(Ce, { size: 16, className: "vxm-list-item__chevron", "aria-hidden": "true" })
   ] });
   return /* @__PURE__ */ a(
     "li",
@@ -4531,7 +4554,7 @@ function zl({
     }
   );
 }
-function Ul({
+function Hl({
   open: e,
   onClose: t,
   width: n = 280,
@@ -4596,7 +4619,7 @@ function Ul({
     )
   ] });
 }
-function Wl({ icon: e, label: t, badge: n, active: r, onClick: o }) {
+function Gl({ icon: e, label: t, badge: n, active: r, onClick: o }) {
   return /* @__PURE__ */ k(
     "button",
     {
@@ -4612,7 +4635,7 @@ function Wl({ icon: e, label: t, badge: n, active: r, onClick: o }) {
     }
   );
 }
-function Hl({ title: e, collapsible: t = !1, defaultOpen: n = !0, children: r }) {
+function jl({ title: e, collapsible: t = !1, defaultOpen: n = !0, children: r }) {
   const [o, s] = I(n);
   return /* @__PURE__ */ k("div", { className: T("vxm-drawer-section", t && "vxm-drawer-section--collapsible"), children: [
     e && (t ? /* @__PURE__ */ k(
@@ -4625,7 +4648,7 @@ function Hl({ title: e, collapsible: t = !1, defaultOpen: n = !0, children: r })
         children: [
           /* @__PURE__ */ a("span", { className: "vxm-drawer-section__title", children: e }),
           /* @__PURE__ */ a(
-            Ee,
+            Te,
             {
               size: 14,
               className: T("vxm-drawer-section__chevron", o && "vxm-drawer-section__chevron--open")
@@ -4637,35 +4660,35 @@ function Hl({ title: e, collapsible: t = !1, defaultOpen: n = !0, children: r })
     /* @__PURE__ */ a("div", { className: T("vxm-drawer-section__items-wrap", !o && "vxm-drawer-section__items-wrap--closed"), children: /* @__PURE__ */ a("div", { className: "vxm-drawer-section__items", children: r }) })
   ] });
 }
-const Gl = ce(function({ className: t, required: n, children: r, ...o }, s) {
+const Kl = ce(function({ className: t, required: n, children: r, ...o }, s) {
   return /* @__PURE__ */ k("label", { ref: s, className: T("vx-label", t), ...o, children: [
     r,
     n ? /* @__PURE__ */ a("span", { className: "vx-label__required", "aria-hidden": "true", children: " *" }) : null
   ] });
 }), zr = _e({});
-function gi() {
+function bi() {
   return ye(zr);
 }
-function jl({ className: e, ...t }) {
+function Vl({ className: e, ...t }) {
   return /* @__PURE__ */ a("form", { noValidate: !0, className: T("vx-form", e), ...t });
 }
-function Kl({ error: e, children: t, className: n }) {
+function ql({ error: e, children: t, className: n }) {
   return /* @__PURE__ */ a(zr.Provider, { value: { error: e }, children: /* @__PURE__ */ a("div", { className: T("vx-form-field", e && "vx-form-field--invalid", n), children: t }) });
 }
-function Vl({ className: e, required: t, children: n, ...r }) {
+function Yl({ className: e, required: t, children: n, ...r }) {
   return /* @__PURE__ */ k("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 ql({ className: e, children: t, ...n }) {
+function Xl({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("p", { className: T("vx-form-description", e), ...n, children: t });
 }
-function Yl({ className: e, children: t, ...n }) {
-  const { error: r } = gi(), o = r ?? t;
+function Zl({ className: e, children: t, ...n }) {
+  const { error: r } = bi(), o = r ?? t;
   return o ? /* @__PURE__ */ a("p", { className: T("vx-form-message", r && "vx-form-message--error", e), ...n, children: o }) : null;
 }
-function Xl({
+function Ql({
   trigger: e,
   title: t,
   description: n,
@@ -4677,22 +4700,22 @@ function Xl({
   className: d,
   ...c
 }) {
-  return /* @__PURE__ */ k(Et, { ...c, children: [
-    /* @__PURE__ */ a(Tt, { asChild: !0, children: e }),
-    /* @__PURE__ */ k(Ct, { children: [
-      /* @__PURE__ */ a(At, { className: "vx-dialog__overlay" }),
+  return /* @__PURE__ */ k(Tt, { ...c, children: [
+    /* @__PURE__ */ a(Ct, { asChild: !0, children: e }),
+    /* @__PURE__ */ k(At, { children: [
+      /* @__PURE__ */ a(Pt, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ k(
-        Pt,
+        Rt,
         {
           className: T("vx-alert-dialog__content", d),
           role: "alertdialog",
           "aria-modal": "true",
           children: [
-            /* @__PURE__ */ a(Rt, { className: "vx-alert-dialog__title", children: t }),
-            n ? /* @__PURE__ */ a(Dt, { className: "vx-alert-dialog__description", children: n }) : null,
+            /* @__PURE__ */ a(Dt, { className: "vx-alert-dialog__title", children: t }),
+            n ? /* @__PURE__ */ a(Ft, { className: "vx-alert-dialog__description", children: n }) : null,
             /* @__PURE__ */ k("div", { className: "vx-alert-dialog__footer", children: [
-              /* @__PURE__ */ a(Ge, { asChild: !0, children: /* @__PURE__ */ a(xe, { variant: "secondary", onClick: l, children: o }) }),
-              /* @__PURE__ */ a(Ge, { asChild: !0, children: /* @__PURE__ */ a(xe, { variant: i === "danger" ? "danger" : "solid", onClick: s, children: r }) })
+              /* @__PURE__ */ a(Ee, { asChild: !0, children: /* @__PURE__ */ a(xe, { variant: "secondary", onClick: l, children: o }) }),
+              /* @__PURE__ */ a(Ee, { asChild: !0, children: /* @__PURE__ */ a(xe, { variant: i === "danger" ? "danger" : "solid", onClick: s, children: r }) })
             ] })
           ]
         }
@@ -4700,7 +4723,7 @@ function Xl({
     ] })
   ] });
 }
-function Zl({
+function Jl({
   className: e,
   label: t,
   hint: n,
@@ -4793,16 +4816,16 @@ function Zl({
     !r && n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
   ] });
 }
-function bi(e, t) {
+function xi(e, t) {
   return new Date(e, t + 1, 0).getDate();
 }
-function xi(e, t) {
+function yi(e, t) {
   return new Date(e, t, 1).getDay();
 }
-function rn(e, t) {
+function an(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function yi({
+function _i({
   value: e,
   defaultValue: t,
   onChange: n,
@@ -4811,7 +4834,7 @@ function yi({
   className: s,
   weekStartsOnMonday: l = !1
 }) {
-  const i = /* @__PURE__ */ new Date(), d = e !== void 0, [c, u] = I(t), p = d ? e : c, [b, w] = I((p ?? i).getFullYear()), [S, g] = I((p ?? i).getMonth()), h = bi(b, S), y = xi(b, S), v = l ? y === 0 ? 6 : y - 1 : y, f = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], m = () => {
+  const i = /* @__PURE__ */ new Date(), d = e !== void 0, [c, u] = I(t), p = d ? e : c, [b, w] = I((p ?? i).getFullYear()), [S, g] = I((p ?? i).getMonth()), h = xi(b, S), y = yi(b, S), v = l ? y === 0 ? 6 : y - 1 : y, f = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], m = () => {
     S === 0 ? (w((R) => R - 1), g(11)) : g((R) => R - 1);
   }, x = () => {
     S === 11 ? (w((R) => R + 1), g(0)) : g((R) => R + 1);
@@ -4847,7 +4870,7 @@ function yi({
           className: "vx-calendar__nav-btn",
           onClick: m,
           "aria-label": "Previous month",
-          children: /* @__PURE__ */ a(yn, { size: 16 })
+          children: /* @__PURE__ */ a(_n, { size: 16 })
         }
       ),
       /* @__PURE__ */ k("span", { className: "vx-calendar__month-label", children: [
@@ -4862,7 +4885,7 @@ function yi({
           className: "vx-calendar__nav-btn",
           onClick: x,
           "aria-label": "Next month",
-          children: /* @__PURE__ */ a(Te, { size: 16 })
+          children: /* @__PURE__ */ a(Ce, { size: 16 })
         }
       )
     ] }),
@@ -4871,7 +4894,7 @@ function yi({
       A.map((R, P) => {
         if (R === null)
           return /* @__PURE__ */ a("div", { className: "vx-calendar__cell vx-calendar__cell--empty" }, `e-${P}`);
-        const L = new Date(b, S, R), $ = rn(L, i), D = p ? rn(L, p) : !1, U = N(R);
+        const L = new Date(b, S, R), $ = an(L, i), D = p ? an(L, p) : !1, U = N(R);
         return /* @__PURE__ */ a(
           "button",
           {
@@ -4906,17 +4929,17 @@ function Ur(e, t, n = 260) {
     l < n && i > l ? o("up") : o("down");
   }, [t, e, n]), r;
 }
-function _i(e) {
+function wi(e) {
   return e.toLocaleDateString();
 }
-function wi() {
+function ki() {
   return /* @__PURE__ */ k("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 Ql({
+function ec({
   value: e,
   defaultValue: t,
   onChange: n,
@@ -4966,15 +4989,15 @@ function Ql({
         "aria-haspopup": "dialog",
         "aria-expanded": h,
         children: [
-          /* @__PURE__ */ a(wi, {}),
-          /* @__PURE__ */ a("span", { className: T("vx-datepicker__value", !g && "vx-datepicker__value--placeholder"), children: g ? _i(g) : r })
+          /* @__PURE__ */ a(ki, {}),
+          /* @__PURE__ */ a("span", { className: T("vx-datepicker__value", !g && "vx-datepicker__value--placeholder"), children: g ? wi(g) : r })
         ]
       }
     ),
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: l }) : null,
     !l && s ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: s }) : null,
     h ? /* @__PURE__ */ a("div", { className: T("vx-datepicker__popover", f === "up" && "vx-datepicker__popover--up"), role: "dialog", "aria-label": "Date picker", children: /* @__PURE__ */ a(
-      yi,
+      _i,
       {
         value: g,
         onChange: m,
@@ -4985,7 +5008,7 @@ function Ql({
     ) }) : null
   ] });
 }
-function Jl({
+function tc({
   options: e,
   value: t,
   defaultValue: n = [],
@@ -5001,7 +5024,7 @@ function Jl({
   maxDisplay: b,
   className: w
 }) {
-  const S = t !== void 0, [g, h] = I(n), y = S ? t : g, [v, f] = I(!1), [m, x] = I(""), N = B(null), E = B(null), C = B(null), A = B(null), R = fn(), [P, L] = I(null), [$, D] = I(!1), U = e.filter(
+  const S = t !== void 0, [g, h] = I(n), y = S ? t : g, [v, f] = I(!1), [m, x] = I(""), N = B(null), E = B(null), C = B(null), A = B(null), R = mn(), [P, L] = I(null), [$, D] = I(!1), U = e.filter(
     (F) => F.label.toLowerCase().includes(m.toLowerCase())
   );
   z(() => {
@@ -5031,7 +5054,7 @@ function Jl({
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [v]), mn(() => {
+  }, [v]), hn(() => {
     var Q;
     if (!v || !E.current || window.matchMedia("(max-width: 640px)").matches) {
       L(null), D(!1);
@@ -5111,7 +5134,7 @@ function Jl({
               }
             ),
             /* @__PURE__ */ a(
-              Ee,
+              Te,
               {
                 size: 14,
                 className: T("vx-multiselect__chevron", v && "vx-multiselect__chevron--open")
@@ -5185,23 +5208,23 @@ function Jl({
 function se(e) {
   return String(e).padStart(2, "0");
 }
-function an(e) {
+function on(e) {
   const t = e.split(":").map(Number);
   return { h: t[0] ?? 0, m: t[1] ?? 0, s: t[2] ?? 0 };
 }
-function on(e, t, n, r) {
+function sn(e, t, n, r) {
   return r ? `${se(e)}:${se(t)}:${se(n)}` : `${se(e)}:${se(t)}`;
 }
-function ki() {
+function Ni() {
   return /* @__PURE__ */ k("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ a("circle", { cx: "7.5", cy: "7.5", r: "6", stroke: "currentColor", strokeWidth: "1.2" }),
     /* @__PURE__ */ a("path", { d: "M7.5 4v3.5l2.5 1.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function Ni({ size: e = 14 }) {
+function Si({ size: e = 14 }) {
   return /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M3 9l4-4 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Si({ size: e = 14 }) {
+function Ei({ size: e = 14 }) {
   return /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M3 5l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function ct({ value: e, min: t, max: n, onChange: r, label: o }) {
@@ -5232,7 +5255,7 @@ function ct({ value: e, min: t, max: n, onChange: r, label: o }) {
             onClick: s,
             "aria-label": `Decrease ${o}`,
             tabIndex: -1,
-            children: /* @__PURE__ */ a(Ni, { size: 13 })
+            children: /* @__PURE__ */ a(Si, { size: 13 })
           }
         ),
         /* @__PURE__ */ k("div", { className: "vx-timepicker__col-items", children: [
@@ -5248,14 +5271,14 @@ function ct({ value: e, min: t, max: n, onChange: r, label: o }) {
             onClick: l,
             "aria-label": `Increase ${o}`,
             tabIndex: -1,
-            children: /* @__PURE__ */ a(Si, { size: 13 })
+            children: /* @__PURE__ */ a(Ei, { size: 13 })
           }
         )
       ]
     }
   );
 }
-function ec({
+function nc({
   value: e,
   defaultValue: t,
   onChange: n,
@@ -5267,10 +5290,10 @@ function ec({
   seconds: d = !1,
   className: c
 }) {
-  const u = e !== void 0, [p, b] = I(t), w = u ? e : p, S = w ? an(w) : { h: 12, m: 0, s: 0 }, [g, h] = I(S.h), [y, v] = I(S.m), [f, m] = I(S.s), [x, N] = I(!1), E = B(null), C = Ur(E, x, 220);
+  const u = e !== void 0, [p, b] = I(t), w = u ? e : p, S = w ? on(w) : { h: 12, m: 0, s: 0 }, [g, h] = I(S.h), [y, v] = I(S.m), [f, m] = I(S.s), [x, N] = I(!1), E = B(null), C = Ur(E, x, 220);
   z(() => {
     if (e) {
-      const D = an(e);
+      const D = on(e);
       h(D.h), v(D.m), m(D.s);
     }
   }, [e]), z(() => {
@@ -5291,7 +5314,7 @@ function ec({
   }, [x]);
   const A = Y(
     (D, U, H) => {
-      const Z = on(D, U, H, d);
+      const Z = sn(D, U, H, d);
       u || b(Z), n == null || n(Z);
     },
     [u, d, n]
@@ -5301,7 +5324,7 @@ function ec({
     v(D), A(g, D, f);
   }, L = (D) => {
     m(D), A(g, y, D);
-  }, $ = w ?? (x ? on(g, y, f, d) : void 0);
+  }, $ = w ?? (x ? sn(g, y, f, d) : void 0);
   return /* @__PURE__ */ k("div", { ref: E, className: T("vx-timepicker", c), children: [
     o ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: o }) : null,
     /* @__PURE__ */ k(
@@ -5318,7 +5341,7 @@ function ec({
         "aria-haspopup": "dialog",
         "aria-expanded": x,
         children: [
-          /* @__PURE__ */ a(ki, {}),
+          /* @__PURE__ */ a(Ni, {}),
           /* @__PURE__ */ a("span", { className: T("vx-timepicker__value", !$ && "vx-timepicker__value--placeholder"), children: $ ?? r })
         ]
       }
@@ -5349,7 +5372,7 @@ function ec({
     ] })
   ] });
 }
-function tc({
+function rc({
   label: e,
   hint: t,
   error: n,
@@ -5454,7 +5477,7 @@ function tc({
     ] }, x)) })
   ] });
 }
-function nc({
+function ac({
   trigger: e,
   title: t,
   description: n,
@@ -5464,17 +5487,17 @@ function nc({
   className: l,
   ...i
 }) {
-  return /* @__PURE__ */ k(Et, { ...i, children: [
-    e ? /* @__PURE__ */ a(Tt, { asChild: !0, children: e }) : null,
-    /* @__PURE__ */ k(Ct, { children: [
-      /* @__PURE__ */ a(At, { className: "vx-sheet__overlay" }),
-      /* @__PURE__ */ k(Pt, { className: T("vx-sheet", `vx-sheet--${r}`, l), children: [
+  return /* @__PURE__ */ k(Tt, { ...i, children: [
+    e ? /* @__PURE__ */ a(Ct, { asChild: !0, children: e }) : null,
+    /* @__PURE__ */ k(At, { children: [
+      /* @__PURE__ */ a(Pt, { className: "vx-sheet__overlay" }),
+      /* @__PURE__ */ k(Rt, { className: T("vx-sheet", `vx-sheet--${r}`, l), children: [
         /* @__PURE__ */ k("div", { className: "vx-sheet__header", children: [
           /* @__PURE__ */ k("div", { children: [
-            t ? /* @__PURE__ */ a(Rt, { className: "vx-sheet__title", children: t }) : null,
-            n ? /* @__PURE__ */ a(Dt, { className: "vx-sheet__description", children: n }) : null
+            t ? /* @__PURE__ */ a(Dt, { className: "vx-sheet__title", children: t }) : null,
+            n ? /* @__PURE__ */ a(Ft, { className: "vx-sheet__description", children: n }) : null
           ] }),
-          /* @__PURE__ */ a(Ge, { className: "vx-dialog__close", "aria-label": "Close", children: /* @__PURE__ */ a(le, { size: 16 }) })
+          /* @__PURE__ */ a(Ee, { className: "vx-dialog__close", "aria-label": "Close", children: /* @__PURE__ */ a(le, { size: 16 }) })
         ] }),
         /* @__PURE__ */ a("div", { className: "vx-sheet__body", children: o }),
         s ? /* @__PURE__ */ a("div", { className: "vx-sheet__footer", children: s }) : null
@@ -5482,7 +5505,7 @@ function nc({
     ] })
   ] });
 }
-function rc({
+function oc({
   maxHeight: e,
   maxWidth: t,
   children: n,
@@ -5504,7 +5527,7 @@ function rc({
     }
   );
 }
-function ac({
+function sc({
   pressed: e,
   defaultPressed: t = !1,
   onPressedChange: n,
@@ -5529,7 +5552,7 @@ function ac({
     }
   );
 }
-function oc({
+function ic({
   items: e,
   value: t,
   defaultValue: n,
@@ -5567,7 +5590,7 @@ function oc({
     w.value
   )) });
 }
-function sc({ groups: e, items: t, children: n, className: r }) {
+function lc({ groups: e, items: t, children: n, className: r }) {
   const [o, s] = I(null), l = B(null), i = e ?? (t ? [{ items: t }] : []);
   z(() => {
     if (!o) return;
@@ -5623,7 +5646,7 @@ function sc({ groups: e, items: t, children: n, className: r }) {
     )
   ] });
 }
-function ic({
+function cc({
   content: e,
   placement: t = "bottom",
   delay: n = 400,
@@ -5650,7 +5673,7 @@ function ic({
     }
   );
 }
-function lc({ menus: e, className: t }) {
+function dc({ menus: e, className: t }) {
   const [n, r] = I(null), o = B(null);
   return z(() => {
     if (n === null) return;
@@ -5711,7 +5734,7 @@ function lc({ menus: e, className: t }) {
     ] }, l);
   }) });
 }
-function cc({ items: e, className: t }) {
+function uc({ items: e, className: t }) {
   const [n, r] = I(null), o = B(null);
   return z(() => {
     if (n === null) return;
@@ -5741,7 +5764,7 @@ function cc({ items: e, className: t }) {
           children: [
             s.label,
             /* @__PURE__ */ a(
-              Ee,
+              Te,
               {
                 size: 14,
                 className: T(
@@ -5786,7 +5809,7 @@ function cc({ items: e, className: t }) {
     ] }, l);
   }) }) });
 }
-function dc({
+function pc({
   steps: e,
   currentStep: t = 0,
   orientation: n = "horizontal",
@@ -5811,7 +5834,7 @@ function dc({
     }
   );
 }
-function uc({ items: e, className: t }) {
+function vc({ items: e, className: t }) {
   return /* @__PURE__ */ a("ol", { className: T("vx-timeline", t), "aria-label": "Timeline", children: e.map((n, r) => /* @__PURE__ */ k(
     "li",
     {
@@ -5833,7 +5856,7 @@ function uc({ items: e, className: t }) {
     r
   )) });
 }
-function pc({ icon: e, title: t, description: n, action: r, className: o }) {
+function fc({ icon: e, title: t, description: n, action: r, className: o }) {
   return /* @__PURE__ */ k("div", { className: T("vx-empty-state", o), 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 }),
@@ -5841,7 +5864,7 @@ function pc({ icon: e, title: t, description: n, action: r, className: o }) {
     r && /* @__PURE__ */ a("div", { className: "vx-empty-state__action", children: r })
   ] });
 }
-function vc({
+function mc({
   items: e,
   defaultIndex: t = 0,
   index: n,
@@ -5903,7 +5926,7 @@ function vc({
               onClick: y,
               disabled: !l && w === 0,
               "aria-label": "Previous slide",
-              children: /* @__PURE__ */ a(yn, { size: 20 })
+              children: /* @__PURE__ */ a(_n, { size: 20 })
             }
           ),
           /* @__PURE__ */ a(
@@ -5914,7 +5937,7 @@ function vc({
               onClick: v,
               disabled: !l && w === S - 1,
               "aria-label": "Next slide",
-              children: /* @__PURE__ */ a(Te, { size: 20 })
+              children: /* @__PURE__ */ a(Ce, { size: 20 })
             }
           )
         ] }),
@@ -5934,7 +5957,7 @@ function vc({
     }
   );
 }
-function Ei({ filled: e, half: t }) {
+function Ti({ 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__ */ k(ee, { children: [
     /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ k("linearGradient", { id: "vx-star-half", children: [
       /* @__PURE__ */ a("stop", { offset: "50%", stopColor: "currentColor" }),
@@ -5961,7 +5984,7 @@ function Ei({ filled: e, half: t }) {
     }
   ) });
 }
-function fc({
+function hc({
   value: e,
   defaultValue: t = 0,
   onChange: n,
@@ -6007,7 +6030,7 @@ function fc({
             "aria-label": `${N} star${N !== 1 ? "s" : ""}`,
             "aria-pressed": w >= N,
             tabIndex: l || s ? -1 : 0,
-            children: /* @__PURE__ */ a(Ei, { filled: E, half: C })
+            children: /* @__PURE__ */ a(Ti, { filled: E, half: C })
           },
           x
         );
@@ -6038,7 +6061,7 @@ function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
         "aria-label": typeof e.label == "string" ? e.label : void 0,
         children: [
           /* @__PURE__ */ a("span", { className: T("vx-tree__expand", !l && "vx-tree__expand--hidden"), children: /* @__PURE__ */ a(
-            Te,
+            Ce,
             {
               size: 14,
               className: T("vx-tree__chevron", i && "vx-tree__chevron--open")
@@ -6063,7 +6086,7 @@ function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
     )) })
   ] });
 }
-function mc({
+function gc({
   nodes: e,
   selected: t,
   defaultSelected: n,
@@ -6108,7 +6131,7 @@ function mc({
     }
   );
 }
-function hc({
+function bc({
   value: e,
   defaultValue: t = [],
   onChange: n,
@@ -6210,7 +6233,7 @@ function hc({
     !R && o ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: o }) : null
   ] });
 }
-function Ti(e) {
+function Ci(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, o = Math.max(t, n, r), s = Math.min(t, n, r), l = (o + s) / 2;
   let i = 0, d = 0;
   if (o !== s) {
@@ -6244,10 +6267,10 @@ function dt(e, t, n) {
   const u = (p) => Math.round(p * 255).toString(16).padStart(2, "0");
   return `#${u(i)}${u(d)}${u(c)}`;
 }
-function sn(e) {
+function ln(e) {
   return /^#[0-9a-f]{6}$/i.test(e);
 }
-const Ci = [
+const Ai = [
   "#ef4444",
   "#f97316",
   "#eab308",
@@ -6261,7 +6284,7 @@ const Ci = [
   "#ffffff",
   "#f8fafc"
 ];
-function gc({
+function xc({
   value: e,
   defaultValue: t = "#3b82f6",
   onChange: n,
@@ -6269,7 +6292,7 @@ function gc({
   hint: o,
   error: s,
   disabled: l,
-  presets: i = Ci,
+  presets: i = Ai,
   showPresets: d = !0,
   className: c
 }) {
@@ -6290,14 +6313,14 @@ function gc({
         document.body.style.overflow = "";
       };
   }, [h]);
-  const [f, m, x] = sn(w) ? Ti(w) : [0, 0, 50], N = Y(
+  const [f, m, x] = ln(w) ? Ci(w) : [0, 0, 50], N = Y(
     (C) => {
       u || b(C), g(C), n == null || n(C);
     },
     [u, n]
   ), E = (C) => {
     const A = C.startsWith("#") ? C : `#${C}`;
-    g(A), sn(A) && N(A);
+    g(A), ln(A) && N(A);
   };
   return /* @__PURE__ */ k("div", { ref: v, className: T("vx-colorpicker", c), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
@@ -6401,7 +6424,7 @@ function gc({
     ] })
   ] });
 }
-function bc({
+function yc({
   direction: e = "horizontal",
   children: t,
   className: n
@@ -6418,7 +6441,7 @@ function bc({
     }
   );
 }
-function xc({
+function _c({
   children: e,
   defaultSize: t = 50,
   minSize: n = 10,
@@ -6437,7 +6460,7 @@ function xc({
     }
   );
 }
-function yc({
+function wc({
   className: e,
   direction: t = "horizontal"
 }) {
@@ -6475,7 +6498,7 @@ function yc({
     }
   );
 }
-function ln(e, t) {
+function cn(e, t) {
   if (!t) return e;
   const n = e.toLowerCase().indexOf(t.toLowerCase());
   return n === -1 ? e : /* @__PURE__ */ k(ee, { children: [
@@ -6484,11 +6507,11 @@ function ln(e, t) {
     e.slice(n + t.length)
   ] });
 }
-function Ai(e, t) {
+function Pi(e, t) {
   const n = t.toLowerCase(), r = e.title.toLowerCase(), o = e.section.toLowerCase(), s = e.description.toLowerCase(), l = (e.keywords ?? []).join(" ").toLowerCase();
   return r === n ? 100 : r.startsWith(n) ? 80 : r.includes(n) ? 60 : o.includes(n) ? 40 : l.includes(n) ? 35 : s.includes(n) ? 20 : 0;
 }
-function _c({
+function kc({
   entries: e,
   open: t,
   onClose: n,
@@ -6500,7 +6523,7 @@ function _c({
   labelGo: d = "Go",
   labelClose: c = "Close"
 }) {
-  const [u, p] = I(""), [b, w] = I(0), S = B(null), g = B(null), h = u.trim() ? e.map((m) => ({ entry: m, s: Ai(m, u.trim()) })).filter((m) => m.s > 0).sort((m, x) => x.s - m.s).map((m) => m.entry) : e;
+  const [u, p] = I(""), [b, w] = I(0), S = B(null), g = B(null), h = u.trim() ? e.map((m) => ({ entry: m, s: Pi(m, u.trim()) })).filter((m) => m.s > 0).sort((m, x) => x.s - m.s).map((m) => m.entry) : e;
   z(() => {
     t && (p(""), w(0), setTimeout(() => {
       var m;
@@ -6574,8 +6597,8 @@ function _c({
                 children: [
                   x.icon ? /* @__PURE__ */ a("span", { className: "vx-cmd__item-icon", children: x.icon }) : /* @__PURE__ */ a("span", { className: "vx-cmd__item-icon vx-cmd__item-icon--section", children: x.section.slice(0, 1) }),
                   /* @__PURE__ */ k("span", { className: "vx-cmd__item-body", children: [
-                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-title", children: ln(x.title, u) }),
-                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-sub", children: ln(x.section, u) })
+                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-title", children: cn(x.title, u) }),
+                    /* @__PURE__ */ a("span", { className: "vx-cmd__item-sub", children: cn(x.section, u) })
                   ] }),
                   C && /* @__PURE__ */ a("kbd", { className: "vx-cmd__enter", children: "↵" })
                 ]
@@ -6605,13 +6628,13 @@ function _c({
     }
   ) });
 }
-var cn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Pi(e) {
+var dn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ri(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ut = { exports: {} }, dn;
-function Ri() {
-  return dn || (dn = 1, (function(e) {
+var ut = { exports: {} }, un;
+function Di() {
+  return un || (un = 1, (function(e) {
     var t = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
     /**
      * Prism: Lightweight, robust, elegant syntax highlighting
@@ -7258,12 +7281,12 @@ function Ri() {
                     q--, M = v.slice(X, W), F.index -= X;
                   } else if (F = c(Z, 0, M, $), !F)
                     continue;
-                  var Q = F.index, de = F[0], fe = M.slice(0, Q), Ot = M.slice(Q + de.length), Qe = X + M.length;
+                  var Q = F.index, de = F[0], fe = M.slice(0, Q), Bt = M.slice(Q + de.length), Qe = X + M.length;
                   E && Qe > E.reach && (E.reach = Qe);
-                  var Re = j.prev;
-                  fe && (Re = b(f, Re, fe), X += fe.length), w(f, Re, q);
+                  var De = j.prev;
+                  fe && (De = b(f, De, fe), X += fe.length), w(f, De, q);
                   var Gr = new d(C, L ? i.tokenize(de, L) : de, U, de);
-                  if (j = b(f, Re, Gr), Ot && b(f, j, Ot), q > 1) {
+                  if (j = b(f, De, Gr), Bt && b(f, j, Bt), q > 1) {
                     var Je = {
                       cause: C + "," + R,
                       reach: Qe
@@ -7309,7 +7332,7 @@ function Ri() {
       }
       return i;
     })(t);
-    e.exports && (e.exports = n), typeof cn < "u" && (cn.Prism = n), n.languages.markup = {
+    e.exports && (e.exports = n), typeof dn < "u" && (dn.Prism = n), n.languages.markup = {
       comment: {
         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
         greedy: !0
@@ -7768,8 +7791,8 @@ function Ri() {
     })();
   })(ut)), ut.exports;
 }
-var Di = Ri();
-const Be = /* @__PURE__ */ Pi(Di);
+var Fi = Di();
+const ze = /* @__PURE__ */ Ri(Fi);
 Prism.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -8162,9 +8185,9 @@ Prism.languages.js = Prism.languages.javascript;
     d.language !== "jsx" && d.language !== "tsx" || i(d.tokens);
   });
 })(Prism);
-var un = {}, pn;
-function Fi() {
-  return pn || (pn = 1, (function(e) {
+var pn = {}, vn;
+function Li() {
+  return vn || (vn = 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*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
@@ -8208,9 +8231,9 @@ function Fi() {
         }
       }
     }), e.languages.ts = e.languages.typescript;
-  })(Prism)), un;
+  })(Prism)), pn;
 }
-Fi();
+Li();
 (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"];
@@ -8461,7 +8484,7 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-function wc({
+function Nc({
   code: e,
   language: t = "tsx",
   copyLabel: n,
@@ -8469,8 +8492,8 @@ function wc({
   onCopy: o
 }) {
   const [s, l] = I(!1), i = B(null), d = Ne(() => {
-    const u = Be.languages[t] ?? Be.languages.tsx ?? Be.languages.typescript;
-    return u ? Be.highlight(e, u, t) : e;
+    const u = ze.languages[t] ?? ze.languages.tsx ?? ze.languages.typescript;
+    return u ? ze.highlight(e, u, t) : e;
   }, [e, t]);
   z(() => () => {
     i.current && clearTimeout(i.current);
@@ -8504,9 +8527,9 @@ function wc({
     ) })
   ] });
 }
-const Li = "1.2.7", Ii = {
-  version: Li
-}, je = `v${Ii.version}`, Hr = {
+const Ii = "1.2.8", Mi = {
+  version: Ii
+}, je = `v${Mi.version}`, Hr = {
   locale: "en",
   label: "English",
   searchPlaceholder: "Search components, pages, keywords…",
@@ -8989,7 +9012,7 @@ const Li = "1.2.7", Ii = {
       ]
     }
   }
-}, Mi = {
+}, $i = {
   locale: "zh",
   label: "中文",
   searchPlaceholder: "搜索组件、页面、关键词…",
@@ -9472,17 +9495,17 @@ const Li = "1.2.7", Ii = {
       ]
     }
   }
-}, vn = { en: Hr, zh: Mi }, $i = _e({
+}, fn = { en: Hr, zh: $i }, Oi = _e({
   t: Hr,
   locale: "en",
   setLocale: () => {
   }
 });
-function Oi() {
-  return ye($i);
+function Bi() {
+  return ye(Oi);
 }
-function kc({ variant: e = "inline", className: t }) {
-  const { locale: n, setLocale: r } = Oi(), o = Object.entries(vn), s = vn[n], [l, i] = I(!1), d = B(null);
+function Sc({ variant: e = "inline", className: t }) {
+  const { locale: n, setLocale: r } = Bi(), o = Object.entries(fn), s = fn[n], [l, i] = I(!1), d = B(null);
   return z(() => {
     if (!l) return;
     const u = (p) => {
@@ -9520,7 +9543,7 @@ function kc({ variant: e = "inline", className: t }) {
             children: [
               /* @__PURE__ */ a(pa, { size: 14, "aria-hidden": "true" }),
               (s == null ? void 0 : s.label) ?? n,
-              /* @__PURE__ */ a(Ee, { size: 14, className: "vx-lang-drop__chevron", "aria-hidden": "true" })
+              /* @__PURE__ */ a(Te, { size: 14, className: "vx-lang-drop__chevron", "aria-hidden": "true" })
             ]
           }
         ),
@@ -9543,72 +9566,73 @@ function kc({ variant: e = "inline", className: t }) {
   );
 }
 export {
-  Cl as Accordion,
-  Ml as ActionSheet,
-  $l as ActionSheetItem,
-  _l as Alert,
-  Xl as AlertDialog,
-  Gi as AppShell,
-  Pl as Avatar,
-  ji as Badge,
-  Il as BottomNav,
-  El as Breadcrumb,
+  Pl as Accordion,
+  Ol as ActionSheet,
+  Bl as ActionSheetItem,
+  kl as Alert,
+  Ql as AlertDialog,
+  ji as AppShell,
+  Dl as Avatar,
+  Ki as Badge,
+  $l as BottomNav,
+  Cl as Breadcrumb,
   xe as Button,
-  yi as Calendar,
-  Ki as Card,
-  Xi as CardContent,
-  Yi as CardDescription,
-  Vi as CardHeader,
-  qi as CardTitle,
-  vc as Carousel,
-  vl as Checkbox,
-  wc as CodeBlock,
-  gc as ColorPicker,
-  _c as CommandPalette,
-  sc as ContextMenu,
-  Ql as DatePicker,
-  Qi as Dialog,
-  Wl as DrawerNavItem,
-  Hl as DrawerNavSection,
-  Sl as DropdownMenu,
-  pc as EmptyState,
-  tc as FileUpload,
-  jl as Form,
-  ql as FormDescription,
-  Kl as FormField,
-  Vl as FormLabel,
-  Yl as FormMessage,
-  ul as Heading,
-  ic as HoverCard,
-  Ji as Input,
-  Gl as Label,
-  kc as LanguageSwitcher,
-  lc as Menubar,
-  Ul as MobileDrawer,
-  Ll as MobileIconButton,
-  Ol as MobileList,
-  zl as MobileListItem,
-  Bl as MobileListSection,
-  Dl as MobileShell,
-  Fl as MobileTopBar,
-  Jl as MultiSelect,
-  cc as NavigationMenu,
-  Zl as NumberInput,
-  Tl as Pagination,
-  Nl as Popover,
-  yl as Progress,
-  ml as Radio,
-  hl as RadioGroup,
-  fc as Rating,
-  yc as ResizableHandle,
-  xc as ResizablePanel,
-  bc as ResizablePanelGroup,
-  Hi as Responsive,
-  rc as ScrollArea,
-  fl as SegmentedControl,
-  pl as Select,
-  Al as Separator,
-  nc as Sheet,
+  _i as Calendar,
+  Vi as Card,
+  Zi as CardContent,
+  Xi as CardDescription,
+  qi as CardHeader,
+  Yi as CardTitle,
+  mc as Carousel,
+  ml as Checkbox,
+  Nc as CodeBlock,
+  xc as ColorPicker,
+  kc as CommandPalette,
+  lc as ContextMenu,
+  ec as DatePicker,
+  Ji as Dialog,
+  el as DialogClose,
+  Gl as DrawerNavItem,
+  jl as DrawerNavSection,
+  Tl as DropdownMenu,
+  fc as EmptyState,
+  rc as FileUpload,
+  Vl as Form,
+  Xl as FormDescription,
+  ql as FormField,
+  Yl as FormLabel,
+  Zl as FormMessage,
+  vl as Heading,
+  cc as HoverCard,
+  tl as Input,
+  Kl as Label,
+  Sc as LanguageSwitcher,
+  dc as Menubar,
+  Hl as MobileDrawer,
+  Ml as MobileIconButton,
+  zl as MobileList,
+  Wl as MobileListItem,
+  Ul as MobileListSection,
+  Ll as MobileShell,
+  Il as MobileTopBar,
+  tc as MultiSelect,
+  uc as NavigationMenu,
+  Jl as NumberInput,
+  Al as Pagination,
+  El as Popover,
+  wl as Progress,
+  gl as Radio,
+  bl as RadioGroup,
+  hc as Rating,
+  wc as ResizableHandle,
+  _c as ResizablePanel,
+  yc as ResizablePanelGroup,
+  Gi as Responsive,
+  oc as ScrollArea,
+  hl as SegmentedControl,
+  fl as Select,
+  Rl as Separator,
+  ac as Sheet,
   wa as Shell,
   Pa as ShellContent,
   Ca as ShellMain,
@@ -9618,32 +9642,32 @@ export {
   Ta as ShellOverlay,
   ka as ShellSidebar,
   Aa as ShellTopbar,
-  wl as Skeleton,
-  bl as Slider,
-  xl as Spinner,
-  dc as Stepper,
-  el as Switch,
-  Rl as Table,
-  tl as Tabs,
-  al as TabsContent,
-  nl as TabsList,
-  rl as TabsTrigger,
-  hc as TagInput,
-  dl as Text,
-  gl as Textarea,
-  sl as ThemeProvider,
-  ec as TimePicker,
-  uc as Timeline,
-  ll as ToastProvider,
-  ac as Toggle,
-  oc as ToggleGroup,
-  kl as Tooltip,
-  mc as TreeView,
-  Wi as ViewportProvider,
+  Nl as Skeleton,
+  yl as Slider,
+  _l as Spinner,
+  pc as Stepper,
+  nl as Switch,
+  Fl as Table,
+  rl as Tabs,
+  sl as TabsContent,
+  al as TabsList,
+  ol as TabsTrigger,
+  bc as TagInput,
+  pl as Text,
+  xl as Textarea,
+  ll as ThemeProvider,
+  nc as TimePicker,
+  vc as Timeline,
+  dl as ToastProvider,
+  sc as Toggle,
+  ic as ToggleGroup,
+  Sl as Tooltip,
+  gc as TreeView,
+  Hi as ViewportProvider,
   ne as createTheme,
-  ol as themePresets,
-  gi as useFormField,
-  il as useTheme,
-  cl as useToast,
-  bn as useViewport
+  il as themePresets,
+  bi as useFormField,
+  cl as useTheme,
+  ul as useToast,
+  xn as useViewport
 };