vxui-react 1.3.1 → 1.3.3

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx as a, Fragment as J, jsxs as N } from "react/jsx-runtime";
 import * as y from "react";
-import pe, { useState as F, useEffect as U, useContext as _e, createContext as we, forwardRef as de, createElement as mt, useRef as B, useMemo as Se, useId as gn, useLayoutEffect as xe, useCallback as Y } from "react";
+import pe, { useState as I, useEffect as U, useContext as _e, createContext as we, forwardRef as de, createElement as mt, useRef as B, useMemo as Se, useId as gn, useLayoutEffect as xe, useCallback as Y } from "react";
 import * as bn from "react-dom";
 import jr, { createPortal as Te } from "react-dom";
 const Kr = 767, Vr = 1023;
-function Wt() {
+function Ht() {
   if (typeof window > "u") return "desktop";
   const e = window.innerWidth;
   return e <= Kr ? "phone" : e <= Vr ? "tablet" : "desktop";
@@ -16,16 +16,16 @@ const xn = we({
   isTabletPortrait: !1,
   isDesktop: !0
 });
-function Ht() {
+function Wt() {
   return typeof window > "u" ? !1 : window.innerHeight > window.innerWidth;
 }
 function ji({ children: e }) {
-  const [t, n] = F(Wt), [r, o] = F(Ht);
+  const [t, n] = I(Ht), [r, o] = I(Wt);
   U(() => {
     const i = () => {
-      const d = Wt();
+      const d = Ht();
       n((u) => u === d ? u : d);
-      const c = Ht();
+      const c = Wt();
       o((u) => u === c ? u : c);
     };
     return window.addEventListener("resize", i, { passive: !0 }), () => window.removeEventListener("resize", i);
@@ -451,7 +451,7 @@ function Sa({ title: e, children: t }) {
   ] });
 }
 function Ea({ label: e, icon: t, badge: n, trailing: r, active: o, onSelect: s, children: l, defaultOpen: i = !1 }) {
-  const [d, c] = F(i), [u, v] = F(!1), [x, k] = F({ top: 0, left: 0 }), S = B(null), g = B(void 0), h = _e(ht), _ = !!l;
+  const [d, c] = I(i), [u, v] = I(!1), [x, k] = I({ top: 0, left: 0 }), S = B(null), g = B(void 0), h = _e(ht), _ = !!l;
   U(() => () => {
     g.current !== void 0 && clearTimeout(g.current);
   }, []);
@@ -602,13 +602,13 @@ function Vi({
 }) {
   const E = d ?? (i ? [{ items: i }] : []);
   function A(C) {
-    const { key: R, onSelect: P, children: L, defaultOpen: z, ...I } = C, j = (L == null ? void 0 : L.some((K) => K.active)) ?? !1;
+    const { key: R, onSelect: P, children: L, defaultOpen: z, ...F } = C, j = (L == null ? void 0 : L.some((K) => K.active)) ?? !1;
     return /* @__PURE__ */ a(
       Ea,
       {
         onSelect: P,
         defaultOpen: z ?? (L ? j : void 0),
-        ...I,
+        ...F,
         children: L == null ? void 0 : L.map(A)
       },
       R
@@ -775,14 +775,14 @@ function Da(...e) {
 }
 var ve = globalThis != null && globalThis.document ? y.useLayoutEffect : () => {
 }, La = y[" useId ".trim().toString()] || (() => {
-}), Fa = 0;
+}), Ia = 0;
 function Ee(e) {
   const [t, n] = y.useState(La());
   return ve(() => {
-    n((r) => r ?? String(Fa++));
+    n((r) => r ?? String(Ia++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var Ia = y[" useInsertionEffect ".trim().toString()] || ve;
+var Fa = y[" useInsertionEffect ".trim().toString()] || ve;
 function Re({
   prop: e,
   defaultProp: t,
@@ -821,7 +821,7 @@ function Ma({
   onChange: t
 }) {
   const [n, r] = y.useState(e), o = y.useRef(n), s = y.useRef(t);
-  return Ia(() => {
+  return Fa(() => {
     s.current = t;
   }, [t]), y.useEffect(() => {
     var l;
@@ -848,7 +848,7 @@ function $a(e) {
   const t = y.forwardRef((n, r) => {
     const { children: o, ...s } = n;
     if (y.isValidElement(o)) {
-      const l = Wa(o), i = Ua(s, o.props);
+      const l = Ha(o), i = Ua(s, o.props);
       return o.type !== y.Fragment && (i.ref = r ? Sn(r, l) : l), y.cloneElement(o, i);
     }
     return y.Children.count(o) > 1 ? y.Children.only(null) : null;
@@ -870,12 +870,12 @@ function Ua(e, t) {
   }
   return { ...e, ...n };
 }
-function Wa(e) {
+function Ha(e) {
   var r, o;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Ha = [
+var Wa = [
   "a",
   "button",
   "div",
@@ -893,7 +893,7 @@ var Ha = [
   "span",
   "svg",
   "ul"
-], q = Ha.reduce((e, t) => {
+], q = Wa.reduce((e, t) => {
   const n = /* @__PURE__ */ je(`Primitive.${t}`), r = y.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 });
@@ -1197,19 +1197,19 @@ function lo(e) {
     }
   });
   return y.useEffect(() => {
-    const c = Ie(r.current);
+    const c = Fe(r.current);
     s.current = i === "mounted" ? c : "none";
   }, [i]), ve(() => {
     const c = r.current, u = o.current;
     if (u !== e) {
-      const x = s.current, k = Ie(c);
+      const x = s.current, k = Fe(c);
       e ? d("MOUNT") : k === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(u && x !== k ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, d]), ve(() => {
     if (t) {
       let c;
       const u = t.ownerDocument.defaultView ?? window, v = (k) => {
-        const g = Ie(r.current).includes(CSS.escape(k.animationName));
+        const g = Fe(r.current).includes(CSS.escape(k.animationName));
         if (k.target === t && g && (d("ANIMATION_END"), !o.current)) {
           const h = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", c = u.setTimeout(() => {
@@ -1217,7 +1217,7 @@ function lo(e) {
           });
         }
       }, x = (k) => {
-        k.target === t && (s.current = Ie(r.current));
+        k.target === t && (s.current = Fe(r.current));
       };
       return t.addEventListener("animationstart", x), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
         u.clearTimeout(c), t.removeEventListener("animationstart", x), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
@@ -1231,7 +1231,7 @@ function lo(e) {
     }, [])
   };
 }
-function Ie(e) {
+function Fe(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function co(e) {
@@ -1274,12 +1274,12 @@ 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 He = "right-scroll-bar-position", Ge = "width-before-scroll-bar", vo = "with-scroll-bars-hidden", fo = "--removed-body-scroll-bar-size";
+var We = "right-scroll-bar-position", Ge = "width-before-scroll-bar", vo = "with-scroll-bars-hidden", fo = "--removed-body-scroll-bar-size";
 function st(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function mo(e, t) {
-  var n = F(function() {
+  var n = I(function() {
     return {
       // value
       value: e,
@@ -1395,7 +1395,7 @@ Ln.isSideCarExport = !0;
 function _o(e, t) {
   return e.useMedium(t), Ln;
 }
-var Fn = yo(), it = function() {
+var In = yo(), it = function() {
 }, Ye = y.forwardRef(function(e, t) {
   var n = y.useRef(null), r = y.useState({
     onScrollCapture: it,
@@ -1405,7 +1405,7 @@ var Fn = yo(), it = function() {
   return y.createElement(
     y.Fragment,
     null,
-    u && y.createElement(b, { sideCar: Fn, removeScrollBar: c, shards: v, noRelative: k, noIsolation: S, inert: g, setCallbacks: s, allowPinchZoom: !!h, lockRef: n, gapMode: m }),
+    u && y.createElement(b, { sideCar: In, removeScrollBar: c, shards: v, noRelative: k, noIsolation: S, inert: g, setCallbacks: s, allowPinchZoom: !!h, lockRef: n, gapMode: m }),
     l ? y.cloneElement(y.Children.only(i), ae(ae({}, E), { ref: w })) : y.createElement(p, ae({}, E, { className: d, ref: w }), i)
   );
 });
@@ -1416,7 +1416,7 @@ Ye.defaultProps = {
 };
 Ye.classNames = {
   fullWidth: Ge,
-  zeroRight: He
+  zeroRight: We
 };
 var wo = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -1456,7 +1456,7 @@ var Eo = function() {
       };
     }, [t && n]);
   };
-}, In = function() {
+}, Fn = function() {
   var e = Co(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
@@ -1482,7 +1482,7 @@ var Eo = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, Ro = In(), be = "data-scroll-locked", Do = function(e, t, n, r) {
+}, Ro = Fn(), be = "data-scroll-locked", Do = function(e, t, n, r) {
   var o = e.left, s = e.top, l = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(vo, ` {
@@ -1506,7 +1506,7 @@ var Eo = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(He, ` {
+  .`).concat(We, ` {
     right: `).concat(i, "px ").concat(r, `;
   }
   
@@ -1514,7 +1514,7 @@ var Eo = function() {
     margin-right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(He, " .").concat(He, ` {
+  .`).concat(We, " .").concat(We, ` {
     right: 0 `).concat(r, `;
   }
   
@@ -1536,7 +1536,7 @@ var Eo = function() {
       e <= 0 ? document.body.removeAttribute(be) : document.body.setAttribute(be, e.toString());
     };
   }, []);
-}, Fo = function(e) {
+}, Io = function(e) {
   var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
   Lo();
   var s = y.useMemo(function() {
@@ -1555,7 +1555,7 @@ if (typeof window < "u")
   } catch {
     bt = !1;
   }
-var me = bt ? { passive: !1 } : !1, Io = function(e) {
+var me = bt ? { passive: !1 } : !1, Fo = function(e) {
   return e.tagName === "TEXTAREA";
 }, Mn = function(e, t) {
   if (!(e instanceof Element))
@@ -1564,7 +1564,7 @@ var me = bt ? { passive: !1 } : !1, Io = function(e) {
   return (
     // not-not-scrollable
     n[t] !== "hidden" && // contains scroll inside self
-    !(n.overflowY === n.overflowX && !Io(e) && n[t] === "visible")
+    !(n.overflowY === n.overflowX && !Fo(e) && n[t] === "visible")
   );
 }, Mo = function(e) {
   return Mn(e, "overflowY");
@@ -1624,16 +1624,16 @@ var me = bt ? { passive: !1 } : !1, Io = function(e) {
   return [e.deltaX, e.deltaY];
 }, rn = function(e) {
   return e && "current" in e ? e.current : e;
-}, Wo = function(e, t) {
+}, Ho = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, Ho = function(e) {
+}, Wo = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
 }, Go = 0, he = [];
 function jo(e) {
-  var t = y.useRef([]), n = y.useRef([0, 0]), r = y.useRef(), o = y.useState(Go++)[0], s = y.useState(In)[0], l = y.useRef(e);
+  var t = y.useRef([]), n = y.useRef([0, 0]), r = y.useRef(), o = y.useState(Go++)[0], s = y.useState(Fn)[0], l = y.useRef(e);
   y.useEffect(function() {
     l.current = e;
   }, [e]), y.useEffect(function() {
@@ -1671,7 +1671,7 @@ function jo(e) {
     var h = g;
     if (!(!he.length || he[he.length - 1] !== s)) {
       var _ = "deltaY" in h ? nn(h) : Oe(h), p = t.current.filter(function(b) {
-        return b.name === h.type && (b.target === h.target || h.target === b.shadowParent) && Wo(b.delta, _);
+        return b.name === h.type && (b.target === h.target || h.target === b.shadowParent) && Ho(b.delta, _);
       })[0];
       if (p && p.should) {
         h.cancelable && h.preventDefault();
@@ -1713,8 +1713,8 @@ function jo(e) {
   return y.createElement(
     y.Fragment,
     null,
-    S ? y.createElement(s, { styles: Ho(o) }) : null,
-    k ? y.createElement(Fo, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+    S ? y.createElement(s, { styles: Wo(o) }) : null,
+    k ? y.createElement(Io, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function Ko(e) {
@@ -1722,7 +1722,7 @@ function Ko(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const Vo = _o(Fn, jo);
+const Vo = _o(In, jo);
 var Bn = y.forwardRef(function(e, t) {
   return y.createElement(Ye, ae({}, e, { ref: t, sideCar: Vo }));
 });
@@ -1775,7 +1775,7 @@ var qo = function(e) {
   return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live], script"))), Xo(r, o, n, "aria-hidden")) : function() {
     return null;
   };
-}, Xe = "Dialog", [Un] = ke(Xe), [Qo, re] = Un(Xe), Wn = (e) => {
+}, Xe = "Dialog", [Un] = ke(Xe), [Qo, re] = Un(Xe), Hn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -1806,10 +1806,10 @@ var qo = function(e) {
     }
   );
 };
-Wn.displayName = Xe;
-var Hn = "DialogTrigger", Gn = y.forwardRef(
+Hn.displayName = Xe;
+var Wn = "DialogTrigger", Gn = y.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = re(Hn, n), s = ee(t, o.triggerRef);
+    const { __scopeDialog: n, ...r } = e, o = re(Wn, n), s = ee(t, o.triggerRef);
     return /* @__PURE__ */ a(
       q.button,
       {
@@ -1825,7 +1825,7 @@ var Hn = "DialogTrigger", Gn = y.forwardRef(
     );
   }
 );
-Gn.displayName = Hn;
+Gn.displayName = Wn;
 var Et = "DialogPortal", [Jo, jn] = Un(Et, {
   forceMount: void 0
 }), Kn = (e) => {
@@ -2000,7 +2000,7 @@ 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;
-}, At = Wn, Pt = Gn, Rt = Kn, Dt = Vn, Lt = qn, Ft = Xn, It = Qn, Ce = er;
+}, At = Hn, Pt = Gn, Rt = Kn, Dt = Vn, Lt = qn, It = Xn, Ft = Qn, Ce = er;
 function is({ children: e, scrollable: t }) {
   const n = B(null), r = B(null);
   return kt(n, r, t), /* @__PURE__ */ N(
@@ -2029,42 +2029,44 @@ function tl({
   placement: d = "center",
   scrollable: c = !0,
   closable: u = !0,
-  ...v
+  fullscreen: v = !1,
+  ...x
 }) {
-  const x = B(null);
-  return /* @__PURE__ */ N(At, { ...v, children: [
+  const k = B(null);
+  return /* @__PURE__ */ N(At, { ...x, children: [
     /* @__PURE__ */ a(Pt, { asChild: !0, children: e }),
     /* @__PURE__ */ N(Rt, { children: [
       /* @__PURE__ */ a(Dt, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ N(
         Lt,
         {
-          ref: x,
+          ref: k,
           className: T(
             "vx-dialog__content",
+            v && "vx-dialog__content--fullscreen",
             l !== "md" && `vx-dialog__content--${l}`,
             d !== "center" && `vx-dialog__content--${d}`,
             i && `vx-dialog__content--pad-${i}`,
             c && "vx-dialog__content--scrollable",
             s
           ),
-          onEscapeKeyDown: (k) => {
-            const S = x.current;
-            if (!S) return;
-            const g = !!S.querySelector(
+          onEscapeKeyDown: (S) => {
+            const g = k.current;
+            if (!g) return;
+            const h = !!g.querySelector(
               ".vx-select__dropdown, .vx-multiselect__dropdown, .vx-datepicker__popover, .vx-timepicker__popover, .vx-colorpicker__panel"
-            ), h = S.dataset.hasOpenPortal === "1";
-            (g || h) && k.preventDefault();
+            ), _ = g.dataset.hasOpenPortal === "1";
+            (h || _) && S.preventDefault();
           },
-          onPointerDownOutside: (k) => {
-            const S = x.current;
-            (S == null ? void 0 : S.dataset.hasOpenPortal) === "1" && k.preventDefault();
+          onPointerDownOutside: (S) => {
+            const g = k.current;
+            (g == null ? void 0 : g.dataset.hasOpenPortal) === "1" && S.preventDefault();
           },
           children: [
             /* @__PURE__ */ N("div", { className: "vx-dialog__header", children: [
               /* @__PURE__ */ N("div", { children: [
-                /* @__PURE__ */ a(Ft, { className: "vx-dialog__title", children: t }),
-                n ? /* @__PURE__ */ a(It, { className: "vx-dialog__description", children: n }) : null
+                /* @__PURE__ */ a(It, { className: "vx-dialog__title", children: t }),
+                n ? /* @__PURE__ */ a(Ft, { className: "vx-dialog__description", children: n }) : null
               ] }),
               u ? /* @__PURE__ */ a(Ce, { className: "vx-dialog__close", "aria-label": "Close dialog", children: /* @__PURE__ */ a(le, { size: 16 }) }) : null
             ] }),
@@ -2610,13 +2612,13 @@ function Nr(e, t) {
 function Sr(e, t) {
   return `${e}-content-${t}`;
 }
-var Rs = gr, Ds = xr, Ls = _r, Fs = kr;
+var Rs = gr, Ds = xr, Ls = _r, Is = kr;
 const ol = Rs, sl = de(function({ className: t, ...n }, r) {
   return /* @__PURE__ */ a(Ds, { ref: r, className: T("vx-tabs__list", t), ...n });
 }), il = de(function({ className: t, ...n }, r) {
   return /* @__PURE__ */ a(Ls, { ref: r, className: T("vx-tabs__trigger", t), ...n });
 }), ll = de(function({ className: t, ...n }, r) {
-  return /* @__PURE__ */ a(Fs, { ref: r, className: T("vx-tabs__content", t), ...n });
+  return /* @__PURE__ */ a(Is, { ref: r, className: T("vx-tabs__content", t), ...n });
 }), Er = {
   light: {
     label: "Light",
@@ -2943,7 +2945,7 @@ const cl = {
     }
   })
 };
-function Is(e) {
+function Fs(e) {
   return {
     ...Er,
     ...e
@@ -2975,7 +2977,7 @@ function dl({
   storageKey: n = "vxui-react-theme",
   themes: r
 }) {
-  const o = Se(() => Is(r), [r]), s = Se(() => Ms(t, o), [t, o]), l = B([]), [i, d] = F(() => typeof window > "u" ? s : Os(n, o) ?? s), c = o[i] ? i : s, u = o[c];
+  const o = Se(() => Fs(r), [r]), s = Se(() => Ms(t, o), [t, o]), l = B([]), [i, d] = I(() => typeof window > "u" ? s : Os(n, o) ?? s), c = o[i] ? i : s, u = o[c];
   U(() => {
     i !== c && d(c);
   }, [c, i]), U(() => {
@@ -3038,7 +3040,7 @@ var Bs = Object.freeze({
   )
 );
 Ot.displayName = zs;
-var $t = "ToastProvider", [Bt, Us, Ws] = lr("Toast"), [Tr] = ke("Toast", [Ws]), [Hs, Je] = Tr($t), Ar = (e) => {
+var $t = "ToastProvider", [Bt, Us, Hs] = lr("Toast"), [Tr] = ke("Toast", [Hs]), [Ws, Je] = Tr($t), Ar = (e) => {
   const {
     __scopeToast: t,
     label: n = "Notification",
@@ -3050,7 +3052,7 @@ var $t = "ToastProvider", [Bt, Us, Ws] = lr("Toast"), [Tr] = ke("Toast", [Ws]),
   return n.trim() || console.error(
     `Invalid prop \`label\` supplied to \`${$t}\`. Expected non-empty \`string\`.`
   ), /* @__PURE__ */ a(Bt.Provider, { scope: t, children: /* @__PURE__ */ a(
-    Hs,
+    Ws,
     {
       scope: t,
       label: n,
@@ -3128,7 +3130,7 @@ var Pr = "ToastViewport", Gs = ["F8"], yt = "toast.viewportPause", _t = "toast.v
               (b = c.current) == null || b.focus();
               return;
             }
-            const L = g({ tabbingDirection: C ? "backwards" : "forwards" }), z = L.findIndex((I) => I === A);
+            const L = g({ tabbingDirection: C ? "backwards" : "forwards" }), z = L.findIndex((F) => F === A);
             ut(L.slice(z + 1)) ? p.preventDefault() : C ? (w = c.current) == null || w.focus() : (E = u.current) == null || E.focus();
           }
         };
@@ -3249,26 +3251,26 @@ var [Ys, Xs] = Tr(Le, {
       onSwipeCancel: x,
       onSwipeEnd: k,
       ...S
-    } = e, g = Je(Le, n), [h, _] = y.useState(null), p = ee(t, (I) => _(I)), m = y.useRef(null), f = y.useRef(null), b = o || g.duration, w = y.useRef(0), E = y.useRef(b), A = y.useRef(0), { onToastAdd: C, onToastRemove: R } = g, P = oe(() => {
+    } = e, g = Je(Le, n), [h, _] = y.useState(null), p = ee(t, (F) => _(F)), m = y.useRef(null), f = y.useRef(null), b = o || g.duration, w = y.useRef(0), E = y.useRef(b), A = y.useRef(0), { onToastAdd: C, onToastRemove: R } = g, P = oe(() => {
       var j;
       (h == null ? void 0 : h.contains(document.activeElement)) && ((j = g.viewport) == null || j.focus()), l();
     }), L = y.useCallback(
-      (I) => {
-        !I || I === 1 / 0 || (window.clearTimeout(A.current), w.current = (/* @__PURE__ */ new Date()).getTime(), A.current = window.setTimeout(P, I));
+      (F) => {
+        !F || F === 1 / 0 || (window.clearTimeout(A.current), w.current = (/* @__PURE__ */ new Date()).getTime(), A.current = window.setTimeout(P, F));
       },
       [P]
     );
     y.useEffect(() => {
-      const I = g.viewport;
-      if (I) {
+      const F = g.viewport;
+      if (F) {
         const j = () => {
           L(E.current), c == null || c();
         }, K = () => {
           const Z = (/* @__PURE__ */ new Date()).getTime() - w.current;
           E.current = E.current - Z, window.clearTimeout(A.current), d == null || d();
         };
-        return I.addEventListener(yt, K), I.addEventListener(_t, j), () => {
-          I.removeEventListener(yt, K), I.removeEventListener(_t, j);
+        return F.addEventListener(yt, K), F.addEventListener(_t, j), () => {
+          F.removeEventListener(yt, K), F.removeEventListener(_t, j);
         };
       }
     }, [g.viewport, b, d, c, L]), y.useEffect(() => {
@@ -3302,25 +3304,25 @@ var [Ys, Xs] = Tr(Le, {
                 ...S,
                 ref: p,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
-                onKeyDown: V(e.onKeyDown, (I) => {
-                  I.key === "Escape" && (i == null || i(I.nativeEvent), I.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, P()));
+                onKeyDown: V(e.onKeyDown, (F) => {
+                  F.key === "Escape" && (i == null || i(F.nativeEvent), F.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, P()));
                 }),
-                onPointerDown: V(e.onPointerDown, (I) => {
-                  I.button === 0 && (m.current = { x: I.clientX, y: I.clientY });
+                onPointerDown: V(e.onPointerDown, (F) => {
+                  F.button === 0 && (m.current = { x: F.clientX, y: F.clientY });
                 }),
-                onPointerMove: V(e.onPointerMove, (I) => {
+                onPointerMove: V(e.onPointerMove, (F) => {
                   if (!m.current) return;
-                  const j = I.clientX - m.current.x, K = I.clientY - m.current.y, Z = !!f.current, M = ["left", "right"].includes(g.swipeDirection), O = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, W = M ? O(0, j) : 0, D = M ? 0 : O(0, K), $ = I.pointerType === "touch" ? 10 : 2, H = { x: W, y: D }, G = { originalEvent: I, delta: H };
-                  Z ? (f.current = H, ze(Ks, v, G, {
+                  const j = F.clientX - m.current.x, K = F.clientY - m.current.y, Z = !!f.current, M = ["left", "right"].includes(g.swipeDirection), O = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, H = M ? O(0, j) : 0, D = M ? 0 : O(0, K), $ = F.pointerType === "touch" ? 10 : 2, W = { x: H, y: D }, G = { originalEvent: F, delta: W };
+                  Z ? (f.current = W, ze(Ks, v, G, {
                     discrete: !1
-                  })) : an(H, g.swipeDirection, $) ? (f.current = H, ze(js, u, G, {
+                  })) : an(W, g.swipeDirection, $) ? (f.current = W, ze(js, u, G, {
                     discrete: !1
-                  }), I.target.setPointerCapture(I.pointerId)) : (Math.abs(j) > $ || Math.abs(K) > $) && (m.current = null);
+                  }), F.target.setPointerCapture(F.pointerId)) : (Math.abs(j) > $ || Math.abs(K) > $) && (m.current = null);
                 }),
-                onPointerUp: V(e.onPointerUp, (I) => {
-                  const j = f.current, K = I.target;
-                  if (K.hasPointerCapture(I.pointerId) && K.releasePointerCapture(I.pointerId), f.current = null, m.current = null, j) {
-                    const Z = I.currentTarget, M = { originalEvent: I, delta: j };
+                onPointerUp: V(e.onPointerUp, (F) => {
+                  const j = f.current, K = F.target;
+                  if (K.hasPointerCapture(F.pointerId) && K.releasePointerCapture(F.pointerId), f.current = null, m.current = null, j) {
+                    const Z = F.currentTarget, M = { originalEvent: F, delta: j };
                     an(j, g.swipeDirection, g.swipeThreshold) ? ze(qs, k, M, {
                       discrete: !0
                     }) : ze(
@@ -3353,20 +3355,20 @@ var [Ys, Xs] = Tr(Le, {
     " ",
     n
   ] }) }) });
-}, Js = "ToastTitle", Fr = y.forwardRef(
+}, Js = "ToastTitle", Ir = y.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e;
     return /* @__PURE__ */ a(q.div, { ...r, ref: t });
   }
 );
-Fr.displayName = Js;
-var ei = "ToastDescription", Ir = y.forwardRef(
+Ir.displayName = Js;
+var ei = "ToastDescription", Fr = y.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e;
     return /* @__PURE__ */ a(q.div, { ...r, ref: t });
   }
 );
-Ir.displayName = ei;
+Fr.displayName = ei;
 var Mr = "ToastAction", ti = y.forwardRef(
   (e, t) => {
     const { altText: n, ...r } = e;
@@ -3452,7 +3454,7 @@ function ut(e) {
   const t = document.activeElement;
   return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
 }
-var oi = Ar, si = Rr, ii = Lr, li = Fr, ci = Ir, di = zt;
+var oi = Ar, si = Rr, ii = Lr, li = Ir, ci = Fr, di = zt;
 const zr = we(null);
 let ui = 1;
 const pi = {
@@ -3462,7 +3464,7 @@ const pi = {
   danger: /* @__PURE__ */ a(aa, { size: 15 })
 };
 function pl({ children: e }) {
-  const [t, n] = F([]), r = Se(
+  const [t, n] = I([]), r = Se(
     () => ({
       push: (o) => {
         n((s) => [...s, { id: ui += 1, tone: "info", ...o }]);
@@ -3576,7 +3578,7 @@ function hl({
   searchable: x = !0,
   className: k
 }) {
-  const S = t !== void 0, [g, h] = F(n), _ = S ? t : g, [p, m] = F(!1), [f, b] = F(""), w = B(null), E = B(null), A = B(null), C = B(null), R = gn(), [P, L] = F(null), z = B(null), I = e.find((O) => O.value === _), j = e.filter(
+  const S = t !== void 0, [g, h] = I(n), _ = S ? t : g, [p, m] = I(!1), [f, b] = I(""), w = B(null), E = B(null), A = B(null), C = B(null), R = gn(), [P, L] = I(null), z = B(null), F = e.find((O) => O.value === _), j = e.filter(
     (O) => O.label.toLowerCase().includes(f.toLowerCase())
   ), K = typeof x == "number" ? e.length > x : x;
   U(() => {
@@ -3586,8 +3588,8 @@ function hl({
     }
     if (K) {
       const O = setTimeout(() => {
-        var W;
-        return (W = C.current) == null ? void 0 : W.focus();
+        var H;
+        return (H = C.current) == null ? void 0 : H.focus();
       }, 0);
       return () => clearTimeout(O);
     }
@@ -3595,13 +3597,13 @@ function hl({
     if (!p) return;
     const O = (D) => {
       var G, X;
-      const $ = (G = w.current) == null ? void 0 : G.contains(D.target), H = (X = A.current) == null ? void 0 : X.contains(D.target);
-      !$ && !H && m(!1);
-    }, W = (D) => {
+      const $ = (G = w.current) == null ? void 0 : G.contains(D.target), W = (X = A.current) == null ? void 0 : X.contains(D.target);
+      !$ && !W && m(!1);
+    }, H = (D) => {
       D.key === "Escape" && (D.preventDefault(), m(!1));
     };
-    return document.addEventListener("mousedown", O), document.addEventListener("touchstart", O, { passive: !0 }), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", O), document.removeEventListener("touchstart", O), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", O), document.addEventListener("touchstart", O, { passive: !0 }), document.addEventListener("keydown", H), () => {
+      document.removeEventListener("mousedown", O), document.removeEventListener("touchstart", O), document.removeEventListener("keydown", H);
     };
   }, [p]), U(() => {
     const { shouldInline: O } = ce(w.current);
@@ -3617,21 +3619,21 @@ function hl({
         delete O.dataset.hasOpenPortal;
       };
   }, [p, P]), xe(() => {
-    const { dialogContent: O, shouldInline: W } = ce(w.current);
-    if (!p || !E.current || W) {
+    const { dialogContent: O, shouldInline: H } = ce(w.current);
+    if (!p || !E.current || H) {
       L(null), z.current = null;
       return;
     }
     z.current = O;
-    const D = E.current.getBoundingClientRect(), $ = window.innerHeight - D.bottom, H = D.top, G = $ < 280 && H > $ ? "up" : "down";
+    const D = E.current.getBoundingClientRect(), $ = window.innerHeight - D.bottom, W = D.top, G = $ < 280 && W > $ ? "up" : "down";
     L(
       G === "down" ? { top: D.bottom + 4, left: D.left, width: D.width, direction: G } : { bottom: window.innerHeight - D.top + 4, left: D.left, width: D.width, direction: G }
     );
   }, [p]), U(() => {
     if (!p || !P) return;
-    const O = (W) => {
+    const O = (H) => {
       var D;
-      (D = A.current) != null && D.contains(W.target) || m(!1);
+      (D = A.current) != null && D.contains(H.target) || m(!1);
     };
     return window.addEventListener("scroll", O, { capture: !0, passive: !0 }), window.addEventListener("resize", O), () => {
       window.removeEventListener("scroll", O, { capture: !0 }), window.removeEventListener("resize", O);
@@ -3660,9 +3662,9 @@ function hl({
         "aria-expanded": p,
         "aria-controls": R,
         children: [
-          /* @__PURE__ */ a("span", { className: T("vx-select__value", !I && "vx-select__value--placeholder"), children: (I == null ? void 0 : I.label) ?? o }),
+          /* @__PURE__ */ a("span", { className: T("vx-select__value", !F && "vx-select__value--placeholder"), children: (F == null ? void 0 : F.label) ?? o }),
           /* @__PURE__ */ N("span", { className: "vx-select__icons", children: [
-            u && I && /* @__PURE__ */ a(
+            u && F && /* @__PURE__ */ a(
               "span",
               {
                 className: "vx-select__clear",
@@ -3686,7 +3688,7 @@ function hl({
     d ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: d }) : null,
     !d && i ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: i }) : null,
     p && (() => {
-      const O = !!P, W = P ? { top: P.top, bottom: P.bottom, left: P.left, width: P.width, pointerEvents: "auto" } : void 0, D = /* @__PURE__ */ N(
+      const O = !!P, H = P ? { top: P.top, bottom: P.bottom, left: P.left, width: P.width, pointerEvents: "auto" } : void 0, D = /* @__PURE__ */ N(
         "div",
         {
           ref: A,
@@ -3695,7 +3697,7 @@ function hl({
             (P == null ? void 0 : P.direction) === "up" && "vx-select__dropdown--up",
             !!z.current && "vx-select__dropdown--in-dialog"
           ),
-          style: W,
+          style: H,
           children: [
             K && /* @__PURE__ */ a("div", { className: "vx-select__search-wrap", children: /* @__PURE__ */ a(
               "input",
@@ -3767,7 +3769,7 @@ function bl({
   size: l = "md"
 }) {
   var h;
-  const [i, d] = F(n ?? ((h = e[0]) == null ? void 0 : h.value)), c = t !== void 0, u = c ? t : i, [v, x] = F({ left: 0, width: 0, opacity: 0 }), k = B(null), S = B({});
+  const [i, d] = I(n ?? ((h = e[0]) == null ? void 0 : h.value)), c = t !== void 0, u = c ? t : i, [v, x] = I({ left: 0, width: 0, opacity: 0 }), k = B(null), S = B({});
   U(() => {
     requestAnimationFrame(() => {
       const _ = S.current[u];
@@ -4038,7 +4040,7 @@ function El({
   );
 }
 function Cl({ content: e, placement: t = "top", delay: n = 600, children: r, className: o }) {
-  const [s, l] = F(!1), i = B(null), d = Y(() => {
+  const [s, l] = I(!1), i = B(null), d = Y(() => {
     i.current = setTimeout(() => l(!0), n);
   }, [n]), c = Y(() => {
     i.current && clearTimeout(i.current), l(!1);
@@ -4059,7 +4061,7 @@ function Tl({
   open: s,
   onOpenChange: l
 }) {
-  const [i, d] = F(!1), c = s !== void 0, u = c ? s : i, v = B(null), x = Y((g) => {
+  const [i, d] = I(!1), c = s !== void 0, u = c ? s : i, v = B(null), x = Y((g) => {
     c || d(g), l == null || l(g);
   }, [c, l]), k = Y(() => x(!u), [u, x]);
   U(() => {
@@ -4088,7 +4090,7 @@ function Al({
   open: s,
   onOpenChange: l
 }) {
-  const [i, d] = F(!1), c = s !== void 0, u = c ? s : i, v = B(null), x = B(null), [k, S] = F(r);
+  const [i, d] = I(!1), c = s !== void 0, u = c ? s : i, v = B(null), x = B(null), [k, S] = I(r);
   xe(() => {
     u && S(r);
   }, [u, r]), xe(() => {
@@ -4212,7 +4214,7 @@ function Rl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange
   ] });
 }
 function Dl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
-  const [o, s] = F(new Set(n));
+  const [o, s] = I(new Set(n));
   function l(i) {
     s((d) => {
       const c = new Set(t ? d : []);
@@ -4261,8 +4263,8 @@ function xi(e) {
   for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
   return on[t % on.length];
 }
-function Fl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o, className: s, alt: l, ...i }) {
-  const [d, c] = F(!1), u = e && !d, v = t ?? l ?? "", x = v ? xi(v) : 200;
+function Il({ 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, v = t ?? l ?? "", x = v ? xi(v) : 200;
   return /* @__PURE__ */ a(
     "span",
     {
@@ -4285,7 +4287,7 @@ function Fl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o,
     }
   );
 }
-function Il({
+function Fl({
   columns: e,
   data: t,
   size: n = "md",
@@ -4306,7 +4308,7 @@ function Il({
   className: _,
   ...p
 }) {
-  const m = l ? "sm" : n, [f, b] = F(null), [w, E] = F(null), A = S !== void 0, C = A ? S : f, R = A ? g ?? null : w, P = Y((L) => {
+  const m = l ? "sm" : n, [f, b] = I(null), [w, E] = I(null), A = S !== void 0, C = A ? S : f, R = A ? g ?? null : w, P = Y((L) => {
     let z;
     C !== L ? z = "asc" : R === "asc" ? z = "desc" : R === "desc" ? z = null : z = "asc", A || (b(z === null ? null : L), E(z)), h == null || h(L, z);
   }, [C, R, A, h]);
@@ -4348,13 +4350,13 @@ function Il({
           },
           L.key
         )) }) }),
-        /* @__PURE__ */ a("tbody", { className: T(v && "vx-table__body--loading"), children: t.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length, className: "vx-table__empty", children: k }) }) : t.map((L, z) => /* @__PURE__ */ a("tr", { className: "vx-table__row", children: e.map((I) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("tbody", { className: T(v && "vx-table__body--loading"), children: t.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length, className: "vx-table__empty", children: k }) }) : t.map((L, z) => /* @__PURE__ */ a("tr", { className: "vx-table__row", children: e.map((F) => /* @__PURE__ */ a(
           "td",
           {
-            className: T("vx-table__td", I.align && `vx-table__td--${I.align}`, I.className),
-            children: I.accessor(L)
+            className: T("vx-table__td", F.align && `vx-table__td--${F.align}`, F.className),
+            children: F.accessor(L)
           },
-          I.key
+          F.key
         )) }, z)) })
       ]
     }
@@ -4378,7 +4380,7 @@ function $l({ 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 Bl({ items: e, className: t }) {
-  const [n, r] = F(null), o = n ? e.find((l) => l.key === n) : null, s = (l) => {
+  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));
   };
@@ -4446,7 +4448,7 @@ function zl({
   children: o,
   className: s
 }) {
-  const l = B(null), i = B(0), [d, c] = F(!1), [u, v] = F(0), x = B(0);
+  const l = B(null), i = B(0), [d, c] = I(!1), [u, v] = I(0), x = B(0);
   U(() => {
     e || (v(0), x.current = 0);
   }, [e]), U(() => {
@@ -4520,10 +4522,10 @@ function Ul({ icon: e, destructive: t, className: n, children: r, ...o }) {
     }
   );
 }
-function Wl({ className: e, ...t }) {
+function Hl({ className: e, ...t }) {
   return /* @__PURE__ */ a("ul", { className: T("vxm-list", e), role: "list", ...t });
 }
-function Hl({ title: e, className: t, children: n, ...r }) {
+function Wl({ title: e, className: t, children: n, ...r }) {
   return /* @__PURE__ */ N("div", { className: T("vxm-list-section", t), ...r, children: [
     e && /* @__PURE__ */ a("div", { className: "vxm-list-section__title", children: e }),
     n
@@ -4582,7 +4584,7 @@ function jl({
   children: s,
   className: l
 }) {
-  const i = B(null), d = B(0), c = B(0), [u, v] = F(!1), [x, k] = F(0);
+  const i = B(null), d = B(0), c = B(0), [u, v] = I(!1), [x, k] = I(0);
   U(() => {
     e || (k(0), c.current = 0);
   }, [e]), U(() => {
@@ -4655,7 +4657,7 @@ function Kl({ icon: e, label: t, badge: n, active: r, onClick: o }) {
   );
 }
 function Vl({ title: e, collapsible: t = !1, defaultOpen: n = !0, children: r }) {
-  const [o, s] = F(n);
+  const [o, s] = I(n);
   return /* @__PURE__ */ N("div", { className: T("vxm-drawer-section", t && "vxm-drawer-section--collapsible"), children: [
     e && (t ? /* @__PURE__ */ N(
       "button",
@@ -4730,8 +4732,8 @@ function ec({
           role: "alertdialog",
           "aria-modal": "true",
           children: [
-            /* @__PURE__ */ a(Ft, { className: "vx-alert-dialog__title", children: t }),
-            n ? /* @__PURE__ */ a(It, { className: "vx-alert-dialog__description", children: n }) : null,
+            /* @__PURE__ */ a(It, { className: "vx-alert-dialog__title", children: t }),
+            n ? /* @__PURE__ */ a(Ft, { className: "vx-alert-dialog__description", children: n }) : null,
             /* @__PURE__ */ N("div", { className: "vx-alert-dialog__footer", children: [
               /* @__PURE__ */ a(Ce, { asChild: !0, children: /* @__PURE__ */ a(ye, { variant: "secondary", onClick: l, children: o }) }),
               /* @__PURE__ */ a(Ce, { asChild: !0, children: /* @__PURE__ */ a(ye, { variant: i === "danger" ? "danger" : "solid", onClick: s, children: r }) })
@@ -4853,7 +4855,7 @@ function ki({
   className: s,
   weekStartsOnMonday: l = !1
 }) {
-  const i = /* @__PURE__ */ new Date(), d = e !== void 0, [c, u] = F(t), v = d ? e : c, [x, k] = F((v ?? i).getFullYear()), [S, g] = F((v ?? i).getMonth()), h = _i(x, S), _ = wi(x, S), p = l ? _ === 0 ? 6 : _ - 1 : _, m = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], f = () => {
+  const i = /* @__PURE__ */ new Date(), d = e !== void 0, [c, u] = I(t), v = d ? e : c, [x, k] = I((v ?? i).getFullYear()), [S, g] = I((v ?? i).getMonth()), h = _i(x, S), _ = wi(x, S), p = l ? _ === 0 ? 6 : _ - 1 : _, m = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], f = () => {
     S === 0 ? (k((R) => R - 1), g(11)) : g((R) => R - 1);
   }, b = () => {
     S === 11 ? (k((R) => R + 1), g(0)) : g((R) => R + 1);
@@ -4913,7 +4915,7 @@ function ki({
       C.map((R, P) => {
         if (R === null)
           return /* @__PURE__ */ a("div", { className: "vx-calendar__cell vx-calendar__cell--empty" }, `e-${P}`);
-        const L = new Date(x, S, R), z = sn(L, i), I = v ? sn(L, v) : !1, j = w(R);
+        const L = new Date(x, S, R), z = sn(L, i), F = v ? sn(L, v) : !1, j = w(R);
         return /* @__PURE__ */ a(
           "button",
           {
@@ -4922,13 +4924,13 @@ function ki({
             className: T(
               "vx-calendar__cell",
               z && "vx-calendar__cell--today",
-              I && "vx-calendar__cell--selected",
+              F && "vx-calendar__cell--selected",
               j && "vx-calendar__cell--disabled"
             ),
             onClick: () => E(R),
             disabled: j,
             "aria-label": L.toLocaleDateString(),
-            "aria-selected": I,
+            "aria-selected": F,
             children: R
           },
           R
@@ -4961,12 +4963,12 @@ function nc({
   weekStartsOnMonday: u,
   className: v
 }) {
-  const x = e !== void 0, [k, S] = F(t), g = x ? e : k, [h, _] = F(!1), p = B(null), m = B(null), f = B(null), b = B(null), [w, E] = F(null);
+  const x = e !== void 0, [k, S] = I(t), g = x ? e : k, [h, _] = I(!1), p = B(null), m = B(null), f = B(null), b = B(null), [w, E] = I(null);
   U(() => {
     if (!h) return;
     const C = (P) => {
-      var I, j;
-      const L = (I = p.current) == null ? void 0 : I.contains(P.target), z = (j = f.current) == null ? void 0 : j.contains(P.target);
+      var F, j;
+      const L = (F = p.current) == null ? void 0 : F.contains(P.target), z = (j = f.current) == null ? void 0 : j.contains(P.target);
       !L && !z && _(!1);
     }, R = (P) => {
       P.key === "Escape" && (P.preventDefault(), _(!1));
@@ -4994,9 +4996,9 @@ function nc({
       return;
     }
     b.current = C;
-    const P = m.current.getBoundingClientRect(), L = window.innerHeight - P.bottom, z = P.top, I = L < 320 && z > L ? "up" : "down";
+    const P = m.current.getBoundingClientRect(), L = window.innerHeight - P.bottom, z = P.top, F = L < 320 && z > L ? "up" : "down";
     E(
-      I === "down" ? { top: P.bottom + 6, left: P.left, direction: I } : { bottom: window.innerHeight - P.top + 6, left: P.left, direction: I }
+      F === "down" ? { top: P.bottom + 6, left: P.left, direction: F } : { bottom: window.innerHeight - P.top + 6, left: P.left, direction: F }
     );
   }, [h]), U(() => {
     if (!h || !w) return;
@@ -5080,7 +5082,7 @@ function rc({
   maxDisplay: x,
   className: k
 }) {
-  const S = t !== void 0, [g, h] = F(n), _ = S ? t : g, [p, m] = F(!1), [f, b] = F(""), w = B(null), E = B(null), A = B(null), C = B(null), R = gn(), [P, L] = F(null), z = B(null), I = e.filter(
+  const S = t !== void 0, [g, h] = I(n), _ = S ? t : g, [p, m] = I(!1), [f, b] = I(""), w = B(null), E = B(null), A = B(null), C = B(null), R = gn(), [P, L] = I(null), z = B(null), F = e.filter(
     (D) => D.label.toLowerCase().includes(f.toLowerCase())
   );
   U(() => {
@@ -5095,12 +5097,12 @@ function rc({
     return () => clearTimeout(D);
   }, [p]), U(() => {
     if (!p) return;
-    const D = (H) => {
+    const D = (W) => {
       var te, ue;
-      const G = (te = w.current) == null ? void 0 : te.contains(H.target), X = (ue = A.current) == null ? void 0 : ue.contains(H.target);
+      const G = (te = w.current) == null ? void 0 : te.contains(W.target), X = (ue = A.current) == null ? void 0 : ue.contains(W.target);
       !G && !X && m(!1);
-    }, $ = (H) => {
-      H.key === "Escape" && (H.preventDefault(), m(!1));
+    }, $ = (W) => {
+      W.key === "Escape" && (W.preventDefault(), m(!1));
     };
     return document.addEventListener("mousedown", D), document.addEventListener("touchstart", D, { passive: !0 }), document.addEventListener("keydown", $), () => {
       document.removeEventListener("mousedown", D), document.removeEventListener("touchstart", D), document.removeEventListener("keydown", $);
@@ -5125,15 +5127,15 @@ function rc({
       return;
     }
     z.current = D;
-    const H = E.current.getBoundingClientRect(), G = window.innerHeight - H.bottom, X = H.top, te = G < 300 && X > G ? "up" : "down";
+    const W = E.current.getBoundingClientRect(), G = window.innerHeight - W.bottom, X = W.top, te = G < 300 && X > G ? "up" : "down";
     L(
-      te === "down" ? { top: H.bottom + 4, left: H.left, width: H.width, direction: te } : { bottom: window.innerHeight - H.top + 4, left: H.left, width: H.width, direction: te }
+      te === "down" ? { top: W.bottom + 4, left: W.left, width: W.width, direction: te } : { bottom: window.innerHeight - W.top + 4, left: W.left, width: W.width, direction: te }
     );
   }, [p]), U(() => {
     if (!p || !P) return;
     const D = ($) => {
-      var H;
-      (H = A.current) != null && H.contains($.target) || m(!1);
+      var W;
+      (W = A.current) != null && W.contains($.target) || m(!1);
     };
     return window.addEventListener("scroll", D, { capture: !0, passive: !0 }), window.addEventListener("resize", D), () => {
       window.removeEventListener("scroll", D, { capture: !0 }), window.removeEventListener("resize", D);
@@ -5141,15 +5143,15 @@ function rc({
   }, [p, P]);
   const j = (D) => {
     if (D.disabled) return;
-    const $ = _.includes(D.value) ? _.filter((H) => H !== D.value) : [..._, D.value];
+    const $ = _.includes(D.value) ? _.filter((W) => W !== D.value) : [..._, D.value];
     S || h($), r == null || r($);
   }, K = (D, $) => {
     D.stopPropagation();
-    const H = _.filter((G) => G !== $);
-    S || h(H), r == null || r(H);
+    const W = _.filter((G) => G !== $);
+    S || h(W), r == null || r(W);
   }, Z = (D) => {
     D.stopPropagation(), S || h([]), r == null || r([]);
-  }, M = x ? _.slice(0, x) : _, O = x ? Math.max(0, _.length - x) : 0, W = e.reduce((D, $) => (D[$.value] = $.label, D), {});
+  }, M = x ? _.slice(0, x) : _, O = x ? Math.max(0, _.length - x) : 0, H = e.reduce((D, $) => (D[$.value] = $.label, D), {});
   return /* @__PURE__ */ N("div", { ref: w, className: T("vx-multiselect", p && "vx-multiselect--open", k), children: [
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
     /* @__PURE__ */ N(
@@ -5170,13 +5172,13 @@ function rc({
         children: [
           /* @__PURE__ */ a("span", { className: "vx-multiselect__tags", children: _.length === 0 ? /* @__PURE__ */ a("span", { className: "vx-multiselect__placeholder", children: o }) : /* @__PURE__ */ N(J, { children: [
             M.map((D) => /* @__PURE__ */ N("span", { className: "vx-multiselect__tag", children: [
-              W[D] ?? D,
+              H[D] ?? D,
               !c && /* @__PURE__ */ a(
                 "span",
                 {
                   className: "vx-multiselect__tag-remove",
                   role: "button",
-                  "aria-label": `Remove ${W[D] ?? D}`,
+                  "aria-label": `Remove ${H[D] ?? D}`,
                   onClick: ($) => K($, D),
                   children: /* @__PURE__ */ a(le, { size: 11 })
                 }
@@ -5212,7 +5214,7 @@ function rc({
     d ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: d }) : null,
     !d && i ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: i }) : null,
     p && (() => {
-      const D = !!P, $ = D ? { top: P.top, bottom: P.bottom, left: P.left, width: P.width, pointerEvents: "auto" } : void 0, H = /* @__PURE__ */ N(
+      const D = !!P, $ = D ? { top: P.top, bottom: P.bottom, left: P.left, width: P.width, pointerEvents: "auto" } : void 0, W = /* @__PURE__ */ N(
         "div",
         {
           ref: A,
@@ -5235,7 +5237,7 @@ function rc({
                 "aria-label": s
               }
             ) }),
-            /* @__PURE__ */ a("ul", { id: R, className: "vx-multiselect__list", role: "listbox", "aria-multiselectable": "true", "aria-label": l ?? "Options", children: I.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-multiselect__empty", children: v }) : I.map((G) => {
+            /* @__PURE__ */ a("ul", { id: R, className: "vx-multiselect__list", role: "listbox", "aria-multiselectable": "true", "aria-label": l ?? "Options", children: F.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-multiselect__empty", children: v }) : F.map((G) => {
               const X = _.includes(G.value);
               return /* @__PURE__ */ N(
                 "li",
@@ -5260,7 +5262,7 @@ function rc({
           ]
         }
       );
-      return D ? Te(H, document.body) : H;
+      return D ? Te(W, document.body) : W;
     })()
   ] });
 }
@@ -5349,7 +5351,7 @@ function ac({
   seconds: d = !1,
   className: c
 }) {
-  const u = e !== void 0, [v, x] = F(t), k = u ? e : v, S = k ? ln(k) : { h: 12, m: 0, s: 0 }, [g, h] = F(S.h), [_, p] = F(S.m), [m, f] = F(S.s), [b, w] = F(!1), E = B(null), A = B(null), C = B(null), R = B(null), [P, L] = F(null);
+  const u = e !== void 0, [v, x] = I(t), k = u ? e : v, S = k ? ln(k) : { h: 12, m: 0, s: 0 }, [g, h] = I(S.h), [_, p] = I(S.m), [m, f] = I(S.s), [b, w] = I(!1), E = B(null), A = B(null), C = B(null), R = B(null), [P, L] = I(null);
   U(() => {
     if (e) {
       const M = ln(e);
@@ -5357,12 +5359,12 @@ function ac({
     }
   }, [e]), U(() => {
     if (!b) return;
-    const M = (W) => {
-      var H, G;
-      const D = (H = E.current) == null ? void 0 : H.contains(W.target), $ = (G = C.current) == null ? void 0 : G.contains(W.target);
+    const M = (H) => {
+      var W, G;
+      const D = (W = E.current) == null ? void 0 : W.contains(H.target), $ = (G = C.current) == null ? void 0 : G.contains(H.target);
       !D && !$ && w(!1);
-    }, O = (W) => {
-      W.key === "Escape" && (W.preventDefault(), w(!1));
+    }, O = (H) => {
+      H.key === "Escape" && (H.preventDefault(), w(!1));
     };
     return document.addEventListener("mousedown", M), document.addEventListener("touchstart", M, { passive: !0 }), document.addEventListener("keydown", O), () => {
       document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", O);
@@ -5387,27 +5389,27 @@ function ac({
       return;
     }
     R.current = M;
-    const W = A.current.getBoundingClientRect(), D = window.innerHeight - W.bottom, $ = W.top, H = D < 220 && $ > D ? "up" : "down";
+    const H = A.current.getBoundingClientRect(), D = window.innerHeight - H.bottom, $ = H.top, W = D < 220 && $ > D ? "up" : "down";
     L(
-      H === "down" ? { top: W.bottom + 4, left: W.left, direction: H } : { bottom: window.innerHeight - W.top + 4, left: W.left, direction: H }
+      W === "down" ? { top: H.bottom + 4, left: H.left, direction: W } : { bottom: window.innerHeight - H.top + 4, left: H.left, direction: W }
     );
   }, [b]), U(() => {
     if (!b || !P) return;
     const M = (O) => {
-      var W;
-      (W = C.current) != null && W.contains(O.target) || w(!1);
+      var H;
+      (H = C.current) != null && H.contains(O.target) || w(!1);
     };
     return window.addEventListener("scroll", M, { capture: !0, passive: !0 }), window.addEventListener("resize", M), () => {
       window.removeEventListener("scroll", M, { capture: !0 }), window.removeEventListener("resize", M);
     };
   }, [b, P]);
   const z = Y(
-    (M, O, W) => {
-      const D = cn(M, O, W, d);
+    (M, O, H) => {
+      const D = cn(M, O, H, d);
       u || x(D), n == null || n(D);
     },
     [u, d, n]
-  ), I = (M) => {
+  ), F = (M) => {
     h(M), z(M, _, m);
   }, j = (M) => {
     p(M), z(g, M, m);
@@ -5439,7 +5441,7 @@ function ac({
     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,
     b && (() => {
-      const M = !!P, O = P ? { position: "fixed", top: P.top, bottom: P.bottom, left: P.left, pointerEvents: "auto" } : void 0, W = /* @__PURE__ */ N(
+      const M = !!P, O = P ? { position: "fixed", top: P.top, bottom: P.bottom, left: P.left, pointerEvents: "auto" } : void 0, H = /* @__PURE__ */ N(
         "div",
         {
           ref: C,
@@ -5453,7 +5455,7 @@ function ac({
           style: O,
           children: [
             /* @__PURE__ */ N("div", { className: "vx-timepicker__columns", children: [
-              /* @__PURE__ */ a(pt, { value: g, min: 0, max: 23, onChange: I, label: "Hours" }),
+              /* @__PURE__ */ a(pt, { value: g, min: 0, max: 23, onChange: F, label: "Hours" }),
               /* @__PURE__ */ a("span", { className: "vx-timepicker__sep", children: ":" }),
               /* @__PURE__ */ a(pt, { value: _, min: 0, max: 59, onChange: j, label: "Minutes" }),
               d && /* @__PURE__ */ N(J, { children: [
@@ -5475,7 +5477,7 @@ function ac({
           ]
         }
       );
-      return M ? Te(W, document.body) : W;
+      return M ? Te(H, document.body) : H;
     })()
   ] });
 }
@@ -5490,7 +5492,7 @@ function oc({
   onFiles: i,
   className: d
 }) {
-  const [c, u] = F(!1), [v, x] = F([]), [k, S] = F(), g = B(null), h = Y(
+  const [c, u] = I(!1), [v, x] = I([]), [k, S] = I(), g = B(null), h = Y(
     (b) => {
       if (!b) return;
       const w = Array.from(b);
@@ -5601,8 +5603,8 @@ function sc({
       /* @__PURE__ */ N(Lt, { className: T("vx-sheet", `vx-sheet--${r}`, l), children: [
         /* @__PURE__ */ N("div", { className: "vx-sheet__header", children: [
           /* @__PURE__ */ N("div", { children: [
-            t ? /* @__PURE__ */ a(Ft, { className: "vx-sheet__title", children: t }) : null,
-            n ? /* @__PURE__ */ a(It, { className: "vx-sheet__description", children: n }) : null
+            t ? /* @__PURE__ */ a(It, { className: "vx-sheet__title", children: t }) : null,
+            n ? /* @__PURE__ */ a(Ft, { className: "vx-sheet__description", children: n }) : null
           ] }),
           /* @__PURE__ */ a(Ce, { className: "vx-dialog__close", "aria-label": "Close", children: /* @__PURE__ */ a(le, { size: 16 }) })
         ] }),
@@ -5644,7 +5646,7 @@ function lc({
   onClick: l,
   ...i
 }) {
-  const [d, c] = F(t), u = e !== void 0, v = u ? e : d, x = (k) => {
+  const [d, c] = I(t), u = e !== void 0, v = u ? e : d, x = (k) => {
     u || c((S) => !S), n == null || n(!v), l == null || l(k);
   };
   return /* @__PURE__ */ a(
@@ -5668,7 +5670,7 @@ function cc({
   size: s = "md",
   className: l
 }) {
-  const [i, d] = F(
+  const [i, d] = I(
     n ?? (o === "multiple" ? [] : "")
   ), c = t !== void 0, u = c ? t : i, v = (k) => Array.isArray(u) ? u.includes(k) : u === k, x = (k) => {
     let S;
@@ -5698,7 +5700,7 @@ function cc({
   )) });
 }
 function dc({ groups: e, items: t, children: n, className: r }) {
-  const [o, s] = F(null), l = B(null), i = e ?? (t ? [{ items: t }] : []);
+  const [o, s] = I(null), l = B(null), i = e ?? (t ? [{ items: t }] : []);
   U(() => {
     if (!o) return;
     const c = (v) => {
@@ -5760,7 +5762,7 @@ function uc({
   children: r,
   className: o
 }) {
-  const [s, l] = F(!1), i = B(null), d = Y(() => {
+  const [s, l] = I(!1), i = B(null), d = Y(() => {
     i.current = setTimeout(() => l(!0), n);
   }, [n]), c = Y(() => {
     i.current && clearTimeout(i.current), l(!1);
@@ -5781,7 +5783,7 @@ function uc({
   );
 }
 function pc({ menus: e, className: t }) {
-  const [n, r] = F(null), o = B(null);
+  const [n, r] = I(null), o = B(null);
   return U(() => {
     if (n === null) return;
     const s = (i) => {
@@ -5842,7 +5844,7 @@ function pc({ menus: e, className: t }) {
   }) });
 }
 function vc({ items: e, className: t }) {
-  const [n, r] = F(null), o = B(null);
+  const [n, r] = I(null), o = B(null);
   return U(() => {
     if (n === null) return;
     const s = (i) => {
@@ -5983,7 +5985,7 @@ function gc({
   showArrows: d = !0,
   className: c
 }) {
-  const u = n !== void 0, [v, x] = F(t), k = u ? n : v, S = e.length, g = B(null), h = Y(
+  const u = n !== void 0, [v, x] = I(t), k = u ? n : v, S = e.length, g = B(null), h = Y(
     (m) => {
       let f = m;
       l ? f = (m % S + S) % S : f = Math.max(0, Math.min(m, S - 1)), u || x(f), r == null || r(f);
@@ -6103,7 +6105,7 @@ function bc({
   className: d,
   size: c = "md"
 }) {
-  const u = e !== void 0, [v, x] = F(t), k = u ? e : v, [S, g] = F(null), h = S ?? k, _ = (f, b) => {
+  const u = e !== void 0, [v, x] = I(t), k = u ? e : v, [S, g] = I(null), h = S ?? k, _ = (f, b) => {
     if (!o) return f;
     const w = b.currentTarget.getBoundingClientRect();
     return b.clientX - w.left < w.width / 2 ? f - 0.5 : f;
@@ -6145,7 +6147,7 @@ function bc({
     }
   );
 }
-function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle: s }) {
+function Hr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle: s }) {
   const l = e.children && e.children.length > 0, i = r.has(e.id), d = n === e.id, c = (u) => {
     (u.key === "Enter" || u.key === " ") && (u.preventDefault(), e.disabled || o(e.id, e)), u.key === "ArrowRight" && l && !i && (u.preventDefault(), s(e.id)), u.key === "ArrowLeft" && i && (u.preventDefault(), s(e.id));
   };
@@ -6180,7 +6182,7 @@ function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
       }
     ),
     l && i && /* @__PURE__ */ a("ul", { role: "group", className: "vx-tree__children", children: e.children.map((u) => /* @__PURE__ */ a(
-      Wr,
+      Hr,
       {
         node: u,
         depth: t + 1,
@@ -6203,7 +6205,7 @@ function xc({
   onExpandedChange: l,
   className: i
 }) {
-  const d = t !== void 0, [c, u] = F(n), v = d ? t : c, x = s !== void 0, [k, S] = F(
+  const d = t !== void 0, [c, u] = I(n), v = d ? t : c, x = s !== void 0, [k, S] = I(
     new Set(o)
   ), g = x ? new Set(s) : k, h = Y(
     (p, m) => {
@@ -6224,7 +6226,7 @@ function xc({
       role: "tree",
       "aria-multiselectable": "false",
       children: e.map((p) => /* @__PURE__ */ a(
-        Wr,
+        Hr,
         {
           node: p,
           depth: 0,
@@ -6253,7 +6255,7 @@ function yc({
   className: v,
   ...x
 }) {
-  const k = e !== void 0, [S, g] = F(t), h = k ? e : S, [_, p] = F(""), [m, f] = F(), b = B(null), w = (P) => {
+  const k = e !== void 0, [S, g] = I(t), h = k ? e : S, [_, p] = I(""), [m, f] = I(), b = B(null), w = (P) => {
     k || g(P), n == null || n(P);
   }, E = (P) => {
     const L = P.trim();
@@ -6403,7 +6405,7 @@ function _c({
   showPresets: d = !0,
   className: c
 }) {
-  const u = e !== void 0, [v, x] = F(t), k = u ? e : v, [S, g] = F(k), [h, _] = F(!1), p = B(null);
+  const u = e !== void 0, [v, x] = I(t), k = u ? e : v, [S, g] = I(k), [h, _] = I(!1), p = B(null);
   U(() => {
     if (!h) return;
     const A = (R) => {
@@ -6571,7 +6573,7 @@ function Nc({
   className: e,
   direction: t = "horizontal"
 }) {
-  const n = B(!1), [r, o] = F(!1), s = Y(
+  const n = B(!1), [r, o] = I(!1), s = Y(
     (l) => {
       const i = l.currentTarget, d = i.previousElementSibling, c = i.nextElementSibling;
       if (!d || !c) return;
@@ -6630,7 +6632,7 @@ function Sc({
   labelGo: d = "Go",
   labelClose: c = "Close"
 }) {
-  const [u, v] = F(""), [x, k] = F(0), S = B(null), g = B(null), h = u.trim() ? e.map((f) => ({ entry: f, s: Di(f, u.trim()) })).filter((f) => f.s > 0).sort((f, b) => b.s - f.s).map((f) => f.entry) : e;
+  const [u, v] = I(""), [x, k] = I(0), S = B(null), g = B(null), h = u.trim() ? e.map((f) => ({ entry: f, s: Di(f, u.trim()) })).filter((f) => f.s > 0).sort((f, b) => b.s - f.s).map((f) => f.entry) : e;
   U(() => {
     t && (v(""), k(0), setTimeout(() => {
       var f;
@@ -6740,7 +6742,7 @@ function Li(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ft = { exports: {} }, vn;
-function Fi() {
+function Ii() {
   return vn || (vn = 1, (function(e) {
     var t = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
     /**
@@ -7364,36 +7366,36 @@ function Fi() {
             for (var R = 0; R < C.length; ++R) {
               if (E && E.cause == A + "," + R)
                 return;
-              var P = C[R], L = P.inside, z = !!P.lookbehind, I = !!P.greedy, j = P.alias;
-              if (I && !P.pattern.global) {
+              var P = C[R], L = P.inside, z = !!P.lookbehind, F = !!P.greedy, j = P.alias;
+              if (F && !P.pattern.global) {
                 var K = P.pattern.toString().match(/[imsuy]*$/)[0];
                 P.pattern = RegExp(P.pattern.source, K + "g");
               }
               for (var Z = P.pattern || P, M = b.next, O = w; M !== m.tail && !(E && O >= E.reach); O += M.value.length, M = M.next) {
-                var W = M.value;
+                var H = M.value;
                 if (m.length > p.length)
                   return;
-                if (!(W instanceof d)) {
+                if (!(H instanceof d)) {
                   var D = 1, $;
-                  if (I) {
+                  if (F) {
                     if ($ = c(Z, O, p, z), !$ || $.index >= p.length)
                       break;
-                    var te = $.index, H = $.index + $[0].length, G = O;
+                    var te = $.index, W = $.index + $[0].length, G = O;
                     for (G += M.value.length; te >= G; )
                       M = M.next, G += M.value.length;
                     if (G -= M.value.length, O = G, M.value instanceof d)
                       continue;
-                    for (var X = M; X !== m.tail && (G < H || typeof X.value == "string"); X = X.next)
+                    for (var X = M; X !== m.tail && (G < W || typeof X.value == "string"); X = X.next)
                       D++, G += X.value.length;
-                    D--, W = p.slice(O, G), $.index -= O;
-                  } else if ($ = c(Z, 0, W, z), !$)
+                    D--, H = p.slice(O, G), $.index -= O;
+                  } else if ($ = c(Z, 0, H, z), !$)
                     continue;
-                  var te = $.index, ue = $[0], et = W.slice(0, te), Ut = W.slice(te + ue.length), tt = O + W.length;
+                  var te = $.index, ue = $[0], et = H.slice(0, te), Ut = H.slice(te + ue.length), tt = O + H.length;
                   E && tt > E.reach && (E.reach = tt);
-                  var Fe = M.prev;
-                  et && (Fe = x(m, Fe, et), O += et.length), k(m, Fe, D);
+                  var Ie = M.prev;
+                  et && (Ie = x(m, Ie, et), O += et.length), k(m, Ie, D);
                   var Gr = new d(A, L ? i.tokenize(ue, L) : ue, j, ue);
-                  if (M = x(m, Fe, Gr), Ut && x(m, M, Ut), D > 1) {
+                  if (M = x(m, Ie, Gr), Ut && x(m, M, Ut), D > 1) {
                     var nt = {
                       cause: A + "," + R,
                       reach: tt
@@ -7898,8 +7900,8 @@ function Fi() {
     })();
   })(ft)), ft.exports;
 }
-var Ii = Fi();
-const We = /* @__PURE__ */ Li(Ii);
+var Fi = Ii();
+const He = /* @__PURE__ */ Li(Fi);
 Prism.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -8598,9 +8600,9 @@ function Ec({
   copiedLabel: r,
   onCopy: o
 }) {
-  const [s, l] = F(!1), i = B(null), d = Se(() => {
-    const u = We.languages[t] ?? We.languages.tsx ?? We.languages.typescript;
-    return u ? We.highlight(e, u, t) : e;
+  const [s, l] = I(!1), i = B(null), d = Se(() => {
+    const u = He.languages[t] ?? He.languages.tsx ?? He.languages.typescript;
+    return u ? He.highlight(e, u, t) : e;
   }, [e, t]);
   U(() => () => {
     i.current && clearTimeout(i.current);
@@ -8634,9 +8636,9 @@ function Ec({
     ) })
   ] });
 }
-const Oi = "1.3.1", $i = {
+const Oi = "1.3.3", $i = {
   version: Oi
-}, Ve = `v${$i.version}`, Hr = {
+}, Ve = `v${$i.version}`, Wr = {
   locale: "en",
   label: "English",
   searchPlaceholder: "Search components, pages, keywords…",
@@ -8909,7 +8911,7 @@ const Oi = "1.3.1", $i = {
     elements: {
       section: "Components",
       title: "Elements",
-      description: "Buttons, badges, and cards should feel quiet by default. The primary action can be loud; everything else should support it.",
+      description: "Button, Badge, Text, Heading, CodeBlock, and LanguageSwitcher form the atomic foundation of the UI.",
       guidance: [
         "One primary action per area is usually enough.",
         "Use badges for compact status or category metadata, not decoration.",
@@ -8971,7 +8973,7 @@ const Oi = "1.3.1", $i = {
     feedback: {
       section: "Components",
       title: "Feedback Components",
-      description: "Spinner, Progress, Alert, and Skeleton give users clear signals about loading states, results, and missing content.",
+      description: "Alert, Progress, Skeleton, Spinner, Stepper, and Toast indicate application state without blocking layouts.",
       guidance: [
         "Use Spinner for short indeterminate waits; Progress for deterministic operations.",
         "Prefer Alert over toast for persistent or page-level status messages.",
@@ -8981,7 +8983,7 @@ const Oi = "1.3.1", $i = {
     overlays: {
       section: "Components",
       title: "Overlays",
-      description: "Tooltip, Popover, and DropdownMenu layer transient content above the page without navigating away.",
+      description: "Dialog, AlertDialog, ContextMenu, HoverCard, Tooltip, Popover, and DropdownMenu layer transient content and actions above the page.",
       guidance: [
         "Tooltips are for supplementary text only — never interactive content.",
         "Popovers can contain forms and rich content; they require explicit close triggers.",
@@ -8991,7 +8993,7 @@ const Oi = "1.3.1", $i = {
     "nav-layout": {
       section: "Components",
       title: "Navigation & Layout",
-      description: "Breadcrumb, Pagination, Accordion, and Separator handle location, paging, and structural rhythm.",
+      description: "Tabs, Accordion, Breadcrumb, Menubar, NavigationMenu, ScrollArea, Separator, Resizable, and Sheet structure content hierarchically.",
       guidance: [
         "Breadcrumb mirrors route depth — omit it on single-level pages.",
         "Pagination should show page count so users understand the data set size.",
@@ -9001,7 +9003,7 @@ const Oi = "1.3.1", $i = {
     "data-display": {
       section: "Components",
       title: "Data Display",
-      description: "Avatar and Table present user identity and structured data with clear hierarchy.",
+      description: "Avatar, Card, Badge, Table, Carousel, Timeline, TreeView, and EmptyState present rich data compactly.",
       guidance: [
         "Avatar should always have an accessible label, even when showing an image.",
         "Table supports sortable columns — delegate sort state up when the data is server-side.",
@@ -9011,11 +9013,12 @@ const Oi = "1.3.1", $i = {
     "form-inputs": {
       section: "Components",
       title: "Form Inputs",
-      description: "Select, Checkbox, RadioGroup, Textarea, and Slider extend the form vocabulary beyond text inputs.",
+      description: "Select, Checkbox, Radio, Textarea, Switch, Slider, Input, Label, NumberInput, TagInput, ColorPicker, DatePicker, FileUpload, Rating, Toggle, SegmentedControl, and Calendar extend the form vocabulary beyond text inputs.",
       guidance: [
         "Group radio buttons with RadioGroup to share name and semantics.",
         "Slider is ideal for numeric ranges; pair it with showValue for immediate feedback.",
-        "Textarea defaults to vertical resize — disable resize only in fixed-height containers."
+        "Textarea defaults to vertical resize — disable resize only in fixed-height containers.",
+        "Use Switch for immediate state toggles (like settings), and Checkbox for form submissions or multi-selections."
       ]
     },
     mobile: {
@@ -9392,7 +9395,7 @@ const Oi = "1.3.1", $i = {
     elements: {
       section: "组件",
       title: "基础元素",
-      description: "按钮、徽章和卡片默认应保持低调。主要操作可以突出，其余元素应配合支撑。",
+      description: "Button、Badge、Text、Heading、CodeBlock 和 LanguageSwitcher 构成 UI 的原子基础。",
       guidance: [
         "每个区域通常一个主操作就足够了。",
         "徽章用于紧凑的状态或分类元数据，而非纯装饰。",
@@ -9454,7 +9457,7 @@ const Oi = "1.3.1", $i = {
     feedback: {
       section: "组件",
       title: "反馈组件",
-      description: "Spinner、Progress、Alert 和 Skeleton 为用户提供关于加载状态、结果和缺失内容的清晰信号。",
+      description: "Alert、Progress、Skeleton、Spinner、Stepper 和 Toast 在不阻塞布局的情况下指示应用状态。",
       guidance: [
         "对短暂的不确定等待使用 Spinner；对确定性操作使用 Progress。",
         "对持久性或页面级状态消息，优先使用 Alert 而非 Toast。",
@@ -9464,7 +9467,7 @@ const Oi = "1.3.1", $i = {
     overlays: {
       section: "组件",
       title: "浮层",
-      description: "Tooltip、Popover 和 DropdownMenu 在页面上方叠加临时内容，无需跳转。",
+      description: "Dialog、AlertDialog、ContextMenu、HoverCard、Tooltip、Popover 和 DropdownMenu 在页面上方将临时内容和操作置于上方。",
       guidance: [
         "Tooltip 仅用于补充文本，绝不放置可交互内容。",
         "Popover 可包含表单和富内容；需要明确的关闭触发器。",
@@ -9474,7 +9477,7 @@ const Oi = "1.3.1", $i = {
     "nav-layout": {
       section: "组件",
       title: "导航与布局",
-      description: "Breadcrumb、Pagination、Accordion 和 Separator 处理位置、分页和结构节奏。",
+      description: "Tabs、Accordion、Breadcrumb、Menubar、NavigationMenu、ScrollArea、Separator、Resizable 和 Sheet 以层级方式构筑内容。",
       guidance: [
         "Breadcrumb 反映路由深度——单层页面可省略。",
         "Pagination 应显示总页数，让用户了解数据集大小。",
@@ -9484,7 +9487,7 @@ const Oi = "1.3.1", $i = {
     "data-display": {
       section: "组件",
       title: "数据展示",
-      description: "Avatar 和 Table 以清晰的层级呈现用户身份和结构化数据。",
+      description: "Avatar、Card、Badge、Table、Carousel、Timeline、TreeView 和 EmptyState 紧凑地呈现丰富数据。",
       guidance: [
         "Avatar 即使在显示图片时也应始终具有无障碍标签。",
         "Table 支持可排序列——数据来自服务端时应将排序状态提升。",
@@ -9494,11 +9497,12 @@ const Oi = "1.3.1", $i = {
     "form-inputs": {
       section: "组件",
       title: "表单输入",
-      description: "Select、Checkbox、RadioGroup、Textarea 和 Slider 将表单词汇扩展到文本输入之外。",
+      description: "Select、Checkbox、Radio、Textarea、Switch、Slider、Input、Label、NumberInput、TagInput、ColorPicker、DatePicker、FileUpload、Rating、Toggle、SegmentedControl 和 Calendar 将表单词汇扩展到文本输入之外。",
       guidance: [
         "使用 RadioGroup 包裹单选按钮，共享 name 和语义。",
         "Slider 适合数值范围；配合 showValue 可获得即时反馈。",
-        "Textarea 默认纵向可拖拽——仅在固定高度容器中禁用 resize。"
+        "Textarea 默认纵向可拖拽——仅在固定高度容器中禁用 resize。",
+        "使用 Switch 并在交互后立即生效（例如设置开启或关闭），使用 Checkbox 用于表单提交或多项选择。"
       ]
     },
     mobile: {
@@ -9602,8 +9606,8 @@ const Oi = "1.3.1", $i = {
       ]
     }
   }
-}, hn = { en: Hr, zh: Bi }, zi = we({
-  t: Hr,
+}, hn = { en: Wr, zh: Bi }, zi = we({
+  t: Wr,
   locale: "en",
   setLocale: () => {
   }
@@ -9612,7 +9616,7 @@ function Ui() {
   return _e(zi);
 }
 function Cc({ variant: e = "inline", className: t }) {
-  const { locale: n, setLocale: r } = Ui(), o = Object.entries(hn), s = hn[n], [l, i] = F(!1), d = B(null);
+  const { locale: n, setLocale: r } = Ui(), o = Object.entries(hn), s = hn[n], [l, i] = I(!1), d = B(null);
   return U(() => {
     if (!l) return;
     const u = (v) => {
@@ -9679,7 +9683,7 @@ export {
   Sl as Alert,
   ec as AlertDialog,
   Vi as AppShell,
-  Fl as Avatar,
+  Il as Avatar,
   qi as Badge,
   Bl as BottomNav,
   Pl as Breadcrumb,
@@ -9717,9 +9721,9 @@ export {
   pc as Menubar,
   jl as MobileDrawer,
   $l as MobileIconButton,
-  Wl as MobileList,
+  Hl as MobileList,
   Gl as MobileListItem,
-  Hl as MobileListSection,
+  Wl as MobileListSection,
   Ml as MobileShell,
   Ol as MobileTopBar,
   rc as MultiSelect,
@@ -9754,7 +9758,7 @@ export {
   kl as Spinner,
   fc as Stepper,
   al as Switch,
-  Il as Table,
+  Fl as Table,
   ol as Tabs,
   ll as TabsContent,
   sl as TabsList,