vxui-react 1.2.6 → 1.2.7

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as a, Fragment as J, jsxs as k } from "react/jsx-runtime";
+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 $, useContext as ye, createContext as _e, forwardRef as ce, createElement as pt, useRef as z, useMemo as Ne, useCallback as q, useId as fn, useLayoutEffect as mn } 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 jr, { createPortal as yt } from "react-dom";
 const Kr = 767, Vr = 1023;
@@ -21,7 +21,7 @@ function zt() {
 }
 function Wi({ children: e }) {
   const [t, n] = I(Bt), [r, o] = I(zt);
-  $(() => {
+  z(() => {
     const i = () => {
       const d = Bt();
       n((u) => u === d ? u : d);
@@ -44,7 +44,7 @@ function bn() {
 }
 function Hi({ desktop: e, mobile: t, tablet: n }) {
   const { viewport: r } = bn();
-  return r === "phone" ? /* @__PURE__ */ a(J, { children: t }) : r === "tablet" ? /* @__PURE__ */ a(J, { children: n ?? e }) : /* @__PURE__ */ a(J, { children: e });
+  return r === "phone" ? /* @__PURE__ */ a(ee, { children: t }) : r === "tablet" ? /* @__PURE__ */ a(ee, { children: n ?? e }) : /* @__PURE__ */ a(ee, { children: e });
 }
 /**
  * @license lucide-react v0.511.0 - ISC
@@ -121,7 +121,7 @@ const Qr = ce(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = (e, t) => {
+const J = (e, t) => {
   const n = ce(
     ({ className: r, ...o }, s) => pt(Qr, {
       ref: s,
@@ -142,28 +142,28 @@ const Q = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Ke = Q("check", Jr);
+const Jr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Ke = J("check", Jr);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ea = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ee = Q("chevron-down", ea);
+const ea = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ee = 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 = Q("chevron-left", ta);
+const ta = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], yn = 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" }]], Ce = Q("chevron-right", na);
+const na = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Te = J("chevron-right", na);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -174,7 +174,7 @@ const ra = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], aa = Q("circle-alert", ra);
+], aa = J("circle-alert", ra);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -184,7 +184,7 @@ const ra = [
 const oa = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], sa = Q("circle-check", oa);
+], sa = J("circle-check", oa);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -194,7 +194,7 @@ const oa = [
 const ia = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-], la = Q("copy", ia);
+], la = J("copy", ia);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -204,7 +204,7 @@ const ia = [
 const ca = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
-], da = Q("file", ca);
+], da = J("file", ca);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -215,7 +215,7 @@ const ua = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
-], pa = Q("globe", ua);
+], pa = J("globe", ua);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -226,7 +226,7 @@ const va = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], fa = Q("info", va);
+], fa = J("info", va);
 /**
  * @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 = Q("panel-left-close", ma);
+], _n = 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 = Q("panel-left-open", ha);
+], wn = J("panel-left-open", ha);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -265,7 +265,7 @@ const ga = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], ba = Q("triangle-alert", ga);
+], ba = J("triangle-alert", ga);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -276,7 +276,7 @@ const xa = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
-], ya = Q("upload", xa);
+], ya = J("upload", xa);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -286,8 +286,8 @@ const xa = [
 const _a = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], le = Q("x", _a);
-function C(...e) {
+], le = J("x", _a);
+function T(...e) {
   return e.filter(Boolean).join(" ");
 }
 const xe = ce(function({
@@ -311,7 +311,7 @@ const xe = ce(function({
       type: u,
       disabled: c || l,
       "aria-busy": l || void 0,
-      className: C(
+      className: T(
         "vx-button",
         `vx-button--${n}`,
         `vx-button--${r}`,
@@ -332,7 +332,7 @@ 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;
@@ -363,7 +363,7 @@ function wa({ collapsed: e = !1, mobileNavOpen: t = !1, density: n, sidebarWidth
   return /* @__PURE__ */ a(vt.Provider, { value: e, children: /* @__PURE__ */ a(
     "div",
     {
-      className: C("vx-shell", o),
+      className: T("vx-shell", o),
       "data-collapsed": e,
       "data-nav-open": t,
       "data-tablet": l,
@@ -386,7 +386,7 @@ function ka({
   onSidebarClick: d,
   children: c
 }) {
-  const u = z(null), p = z(null);
+  const u = B(null), p = B(null);
   return kn(u, p), /* @__PURE__ */ k(
     "aside",
     {
@@ -447,8 +447,8 @@ 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] = I(i), [u, p] = I(!1), [b, w] = I({ top: 0, left: 0 }), S = z(null), g = z(void 0), h = ye(vt), y = !!l;
-  $(() => () => {
+  const [d, c] = I(i), [u, p] = I(!1), [b, w] = I({ top: 0, left: 0 }), S = B(null), g = B(void 0), h = ye(vt), y = !!l;
+  z(() => () => {
     g.current !== void 0 && clearTimeout(g.current);
   }, []);
   const v = () => {
@@ -456,7 +456,7 @@ function Ea({ label: e, icon: t, badge: n, trailing: r, active: o, onSelect: s,
   }, f = () => {
     if (!h || !y || !S.current) return;
     g.current !== void 0 && clearTimeout(g.current);
-    const E = S.current.getBoundingClientRect(), T = S.current.closest(".vx-sidebar"), A = T ? T.getBoundingClientRect().right : E.right;
+    const E = S.current.getBoundingClientRect(), C = S.current.closest(".vx-sidebar"), A = C ? C.getBoundingClientRect().right : E.right;
     w({ top: E.top - 6, left: A + 4 }), p(!0);
   }, m = () => {
     g.current = setTimeout(() => p(!1), 100);
@@ -466,7 +466,7 @@ function Ea({ label: e, icon: t, badge: n, trailing: r, active: o, onSelect: s,
     "button",
     {
       type: "button",
-      className: C("vx-nav-item", o && "vx-nav-item--active", y && "vx-nav-item--parent"),
+      className: T("vx-nav-item", o && "vx-nav-item--active", y && "vx-nav-item--parent"),
       onClick: v,
       "aria-expanded": y && !h ? d : void 0,
       title: h ? e : void 0,
@@ -474,7 +474,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(Ce, { size: 14, className: C("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(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
       ]
     }
   );
@@ -509,7 +509,7 @@ function Ea({ label: e, icon: t, badge: n, trailing: r, active: o, onSelect: s,
     }
   ) : N;
 }
-function Ca({ onClose: e, closeLabel: t = "Close sidebar" }) {
+function Ta({ onClose: e, closeLabel: t = "Close sidebar" }) {
   return /* @__PURE__ */ a(
     "button",
     {
@@ -520,7 +520,7 @@ function Ca({ onClose: e, closeLabel: t = "Close sidebar" }) {
     }
   );
 }
-function Ta({ children: e }) {
+function Ca({ children: e }) {
   return /* @__PURE__ */ a("div", { className: "vx-shell__main", children: e });
 }
 const Aa = ce(function({
@@ -552,7 +552,7 @@ const Aa = ce(function({
   ] });
 });
 function Pa({ children: e }) {
-  const t = z(null), n = z(null);
+  const t = B(null), n = B(null);
   return kn(t, n), /* @__PURE__ */ k(
     "div",
     {
@@ -597,17 +597,17 @@ function Gi({
   children: N
 }) {
   const E = d ?? (i ? [{ items: i }] : []);
-  function T(A) {
-    const { key: P, onSelect: R, children: L, defaultOpen: B, ...D } = A, W = (L == null ? void 0 : L.some((G) => G.active)) ?? !1;
+  function C(A) {
+    const { key: R, onSelect: P, children: L, defaultOpen: $, ...D } = A, U = (L == null ? void 0 : L.some((H) => H.active)) ?? !1;
     return /* @__PURE__ */ a(
       Ea,
       {
-        onSelect: R,
-        defaultOpen: B ?? (L ? W : void 0),
+        onSelect: P,
+        defaultOpen: $ ?? (L ? U : void 0),
         ...D,
-        children: L == null ? void 0 : L.map(T)
+        children: L == null ? void 0 : L.map(C)
       },
-      P
+      R
     );
   }
   return /* @__PURE__ */ k(wa, { collapsed: c, mobileNavOpen: p, density: f, sidebarWidth: u, children: [
@@ -623,11 +623,11 @@ function Gi({
         onSidebarClick: S,
         collapseLabel: h,
         expandLabel: y,
-        children: /* @__PURE__ */ a(Na, { children: E.map((A, P) => /* @__PURE__ */ a(Sa, { title: A.title, children: A.items.map(T) }, A.key ?? A.title ?? P)) })
+        children: /* @__PURE__ */ a(Na, { children: E.map((A, R) => /* @__PURE__ */ a(Sa, { title: A.title, children: A.items.map(C) }, A.key ?? A.title ?? R)) })
       }
     ),
-    w ? /* @__PURE__ */ a(Ca, { onClose: w, closeLabel: v }) : null,
-    /* @__PURE__ */ k(Ta, { children: [
+    w ? /* @__PURE__ */ a(Ta, { onClose: w, closeLabel: v }) : null,
+    /* @__PURE__ */ k(Ca, { children: [
       /* @__PURE__ */ a(
         Aa,
         {
@@ -646,13 +646,13 @@ function Gi({
   ] });
 }
 function ji({ className: e, variant: t = "neutral", ...n }) {
-  return /* @__PURE__ */ a("span", { className: C("vx-badge", `vx-badge--${t}`, e), ...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 }) {
   return /* @__PURE__ */ a(
     "section",
     {
-      className: C(
+      className: T(
         "vx-card",
         t !== "default" && `vx-card--${t}`,
         n && `vx-card--pad-${n}`,
@@ -664,18 +664,18 @@ function Ki({ className: e, variant: t = "default", padding: n, hoverable: r = !
   );
 }
 function Vi({ className: e, ...t }) {
-  return /* @__PURE__ */ a("header", { className: C("vx-card__header", e), ...t });
+  return /* @__PURE__ */ a("header", { className: T("vx-card__header", e), ...t });
 }
 function qi({ className: e, ...t }) {
-  return /* @__PURE__ */ a("h2", { className: C("vx-card__title", e), ...t });
+  return /* @__PURE__ */ a("h2", { className: T("vx-card__title", e), ...t });
 }
 function Yi({ className: e, ...t }) {
-  return /* @__PURE__ */ a("p", { className: C("vx-card__description", e), ...t });
+  return /* @__PURE__ */ a("p", { className: T("vx-card__description", e), ...t });
 }
 function Xi({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", { className: C("vx-card__content", e), ...t });
+  return /* @__PURE__ */ a("div", { className: T("vx-card__content", e), ...t });
 }
-function j(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), n === !1 || !o.defaultPrevented)
       return t == null ? void 0 : t(o);
@@ -702,7 +702,7 @@ function Nn(...e) {
       };
   };
 }
-function ee(...e) {
+function te(...e) {
   return _.useCallback(Nn(...e), e);
 }
 function Ra(e, t) {
@@ -779,7 +779,7 @@ function Se(e) {
   }, [e]), e || (t ? `radix-${t}` : "");
 }
 var Ia = _[" useInsertionEffect ".trim().toString()] || pe;
-function Te({
+function Ce({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
@@ -803,7 +803,7 @@ function Te({
     (u) => {
       var p;
       if (i) {
-        const b = Oa(u) ? u(e) : u;
+        const b = $a(u) ? u(e) : u;
         b !== e && ((p = l.current) == null || p.call(l, b));
       } else
         s(u);
@@ -824,12 +824,12 @@ function Ma({
     o.current !== n && ((l = s.current) == null || l.call(s, n), o.current = n);
   }, [n, o]), [n, r, s];
 }
-function Oa(e) {
+function $a(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
 function We(e) {
-  const t = /* @__PURE__ */ $a(e), n = _.forwardRef((r, o) => {
+  const t = /* @__PURE__ */ Oa(e), n = _.forwardRef((r, o) => {
     const { children: s, ...l } = r, i = _.Children.toArray(s), d = i.find(za);
     if (d) {
       const c = d.props.children, u = i.map((p) => p === d ? _.Children.count(c) > 1 ? _.Children.only(null) : _.isValidElement(c) ? c.props.children : null : p);
@@ -840,7 +840,7 @@ function We(e) {
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function $a(e) {
+function Oa(e) {
   const t = _.forwardRef((n, r) => {
     const { children: o, ...s } = n;
     if (_.isValidElement(o)) {
@@ -931,12 +931,12 @@ var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLa
       onInteractOutside: l,
       onDismiss: i,
       ...d
-    } = e, c = _.useContext(En), [u, p] = _.useState(null), b = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = _.useState({}), S = ee(t, (E) => p(E)), g = Array.from(c.layers), [h] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(h), v = u ? g.indexOf(u) : -1, f = c.layersWithOutsidePointerEventsDisabled.size > 0, m = v >= y, x = Ya((E) => {
-      const T = E.target, A = [...c.branches].some((P) => P.contains(T));
+    } = e, c = _.useContext(En), [u, p] = _.useState(null), b = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = _.useState({}), S = te(t, (E) => p(E)), g = Array.from(c.layers), [h] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(h), v = u ? g.indexOf(u) : -1, f = c.layersWithOutsidePointerEventsDisabled.size > 0, m = v >= y, x = Ya((E) => {
+      const C = E.target, A = [...c.branches].some((R) => R.contains(C));
       !m || A || (o == null || o(E), l == null || l(E), E.defaultPrevented || i == null || i());
     }, b), N = Xa((E) => {
-      const T = E.target;
-      [...c.branches].some((P) => P.contains(T)) || (s == null || s(E), l == null || l(E), E.defaultPrevented || i == null || i());
+      const C = E.target;
+      [...c.branches].some((R) => R.contains(C)) || (s == null || s(E), l == null || l(E), E.defaultPrevented || i == null || i());
     }, b);
     return Ga((E) => {
       v === c.layers.size - 1 && (r == null || r(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
@@ -959,9 +959,9 @@ var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLa
           pointerEvents: f ? m ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: j(e.onFocusCapture, N.onFocusCapture),
-        onBlurCapture: j(e.onBlurCapture, N.onBlurCapture),
-        onPointerDownCapture: j(
+        onFocusCapture: G(e.onFocusCapture, N.onFocusCapture),
+        onBlurCapture: G(e.onBlurCapture, N.onBlurCapture),
+        onPointerDownCapture: G(
           e.onPointerDownCapture,
           x.onPointerDownCapture
         )
@@ -970,8 +970,8 @@ var ja = "DismissableLayer", ft = "dismissableLayer.update", Ka = "dismissableLa
   }
 );
 _t.displayName = ja;
-var qa = "DismissableLayerBranch", Cn = _.forwardRef((e, t) => {
-  const n = _.useContext(En), r = _.useRef(null), o = ee(t, r);
+var qa = "DismissableLayerBranch", Tn = _.forwardRef((e, t) => {
+  const n = _.useContext(En), r = _.useRef(null), o = te(t, r);
   return _.useEffect(() => {
     const s = r.current;
     if (s)
@@ -980,7 +980,7 @@ var qa = "DismissableLayerBranch", Cn = _.forwardRef((e, t) => {
       };
   }, [n.branches]), /* @__PURE__ */ a(V.div, { ...e, ref: o });
 });
-Cn.displayName = qa;
+Tn.displayName = qa;
 function Ya(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = oe(e), r = _.useRef(!1), o = _.useRef(() => {
   });
@@ -988,7 +988,7 @@ function Ya(e, t = globalThis == null ? void 0 : globalThis.document) {
     const s = (i) => {
       if (i.target && !r.current) {
         let d = function() {
-          Tn(
+          Cn(
             Ka,
             n,
             c,
@@ -1015,7 +1015,7 @@ function Xa(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = oe(e), r = _.useRef(!1);
   return _.useEffect(() => {
     const o = (s) => {
-      s.target && !r.current && Tn(Va, n, { originalEvent: s }, {
+      s.target && !r.current && Cn(Va, n, { originalEvent: s }, {
         discrete: !1
       });
     };
@@ -1029,18 +1029,18 @@ function Gt() {
   const e = new CustomEvent(ft);
   document.dispatchEvent(e);
 }
-function Tn(e, t, n, { discrete: r }) {
+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 = Cn, et = "focusScope.autoFocusOnMount", tt = "focusScope.autoFocusOnUnmount", jt = { bubbles: !1, cancelable: !0 }, Ja = "FocusScope", An = _.forwardRef((e, t) => {
+var Za = _t, Qa = Tn, et = "focusScope.autoFocusOnMount", tt = "focusScope.autoFocusOnUnmount", jt = { bubbles: !1, cancelable: !0 }, Ja = "FocusScope", An = _.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
     onMountAutoFocus: o,
     onUnmountAutoFocus: s,
     ...l
-  } = e, [i, d] = _.useState(null), c = oe(o), u = oe(s), p = _.useRef(null), b = ee(t, (g) => d(g)), w = _.useRef({
+  } = e, [i, d] = _.useState(null), c = oe(o), u = oe(s), p = _.useRef(null), b = te(t, (g) => d(g)), w = _.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -1174,7 +1174,7 @@ function io(e, t) {
   return _.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var ke = (e) => {
-  const { present: t, children: n } = e, r = lo(t), o = typeof n == "function" ? n({ present: r.isPresent }) : _.Children.only(n), s = ee(r.ref, co(o));
+  const { present: t, children: n } = e, r = lo(t), o = typeof n == "function" ? n({ present: r.isPresent }) : _.Children.only(n), s = te(r.ref, co(o));
   return typeof n == "function" || r.isPresent ? _.cloneElement(o, { ref: s }) : null;
 };
 ke.displayName = "Presence";
@@ -1443,7 +1443,7 @@ var Eo = function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, Co = function() {
+}, To = function() {
   var e = Eo();
   return function(t, n) {
     _.useEffect(function() {
@@ -1453,12 +1453,12 @@ var Eo = function() {
     }, [t && n]);
   };
 }, Ln = function() {
-  var e = Co(), t = function(n) {
+  var e = To(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
   };
   return t;
-}, To = {
+}, Co = {
   left: 0,
   top: 0,
   right: 0,
@@ -1470,7 +1470,7 @@ var Eo = function() {
   return [ot(n), ot(r), ot(o)];
 }, Po = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return To;
+    return Co;
   var t = Ao(e), n = document.documentElement.clientWidth, r = window.innerWidth;
   return {
     left: t[0],
@@ -1564,7 +1564,7 @@ var me = mt ? { passive: !1 } : !1, Io = function(e) {
   );
 }, Mo = function(e) {
   return In(e, "overflowY");
-}, Oo = function(e) {
+}, $o = function(e) {
   return In(e, "overflowX");
 }, Qt = function(e, t) {
   var n = t.ownerDocument, r = t;
@@ -1572,14 +1572,14 @@ var me = mt ? { passive: !1 } : !1, Io = function(e) {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
     var o = Mn(e, r);
     if (o) {
-      var s = On(e, r), l = s[1], i = s[2];
+      var s = $n(e, r), l = s[1], i = s[2];
       if (l > i)
         return !0;
     }
     r = r.parentNode;
   } while (r && r !== n.body);
   return !1;
-}, $o = function(e) {
+}, Oo = function(e) {
   var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
   return [
     t,
@@ -1594,9 +1594,9 @@ var me = mt ? { passive: !1 } : !1, Io = function(e) {
     r
   ];
 }, Mn = function(e, t) {
-  return e === "v" ? Mo(t) : Oo(t);
-}, On = function(e, t) {
-  return e === "v" ? $o(t) : Bo(t);
+  return e === "v" ? Mo(t) : $o(t);
+}, $n = function(e, t) {
+  return e === "v" ? Oo(t) : Bo(t);
 }, zo = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, Uo = function(e, t, n, r, o) {
@@ -1604,7 +1604,7 @@ var me = mt ? { passive: !1 } : !1, Io = function(e) {
   do {
     if (!i)
       break;
-    var w = On(e, i), S = w[0], g = w[1], h = w[2], y = g - h - s * S;
+    var w = $n(e, i), S = w[0], g = w[1], h = w[2], y = g - h - s * S;
     (S || y) && Mn(e, i) && (p += y, b += S);
     var v = i.parentNode;
     i = v && v.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? v.host : v;
@@ -1651,13 +1651,13 @@ function jo(e) {
     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";
     if ("touches" in g && E === "h" && N.type === "range")
       return !1;
-    var T = window.getSelection(), A = T && T.anchorNode, P = A ? A === N || A.contains(N) : !1;
-    if (P)
+    var C = window.getSelection(), A = C && C.anchorNode, R = A ? A === N || A.contains(N) : !1;
+    if (R)
       return !1;
-    var R = Qt(E, N);
-    if (!R)
+    var P = Qt(E, N);
+    if (!P)
       return !0;
-    if (R ? x = E : (x = E === "v" ? "h" : "v", R = Qt(E, N)), !R)
+    if (P ? x = E : (x = E === "v" ? "h" : "v", P = Qt(E, N)), !P)
       return !1;
     if (!r.current && "changedTouches" in g && (f || m) && (r.current = x), !x)
       return !0;
@@ -1719,10 +1719,10 @@ function Ko(e) {
   return t;
 }
 const Vo = _o(Fn, jo);
-var $n = _.forwardRef(function(e, t) {
+var On = _.forwardRef(function(e, t) {
   return _.createElement(Ve, ae({}, e, { ref: t, sideCar: Vo }));
 });
-$n.classNames = Ve.classNames;
+On.classNames = Ve.classNames;
 var qo = function(e) {
   if (typeof document > "u")
     return null;
@@ -1779,7 +1779,7 @@ var qo = function(e) {
     defaultOpen: o,
     onOpenChange: s,
     modal: l = !0
-  } = e, i = _.useRef(null), d = _.useRef(null), [c, u] = Te({
+  } = e, i = _.useRef(null), d = _.useRef(null), [c, u] = Ce({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
@@ -1805,7 +1805,7 @@ var qo = function(e) {
 Un.displayName = qe;
 var Wn = "DialogTrigger", Hn = _.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = re(Wn, n), s = ee(t, o.triggerRef);
+    const { __scopeDialog: n, ...r } = e, o = re(Wn, n), s = te(t, o.triggerRef);
     return /* @__PURE__ */ a(
       V.button,
       {
@@ -1816,7 +1816,7 @@ var Wn = "DialogTrigger", Hn = _.forwardRef(
         "data-state": St(o.open),
         ...r,
         ref: s,
-        onClick: j(e.onClick, o.onOpenToggle)
+        onClick: G(e.onClick, o.onOpenToggle)
       }
     );
   }
@@ -1842,7 +1842,7 @@ var es = /* @__PURE__ */ We("DialogOverlay.RemoveScroll"), ts = _.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a($n, { as: es, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(On, { as: es, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
         V.div,
         {
           "data-state": St(o.open),
@@ -1862,7 +1862,7 @@ var es = /* @__PURE__ */ We("DialogOverlay.RemoveScroll"), ts = _.forwardRef(
 Vn.displayName = ve;
 var ns = _.forwardRef(
   (e, t) => {
-    const n = re(ve, e.__scopeDialog), r = _.useRef(null), o = ee(t, n.contentRef, r);
+    const n = re(ve, e.__scopeDialog), r = _.useRef(null), o = te(t, n.contentRef, r);
     return _.useEffect(() => {
       const s = r.current;
       if (s) return Zo(s);
@@ -1873,15 +1873,15 @@ var ns = _.forwardRef(
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: j(e.onCloseAutoFocus, (s) => {
+        onCloseAutoFocus: G(e.onCloseAutoFocus, (s) => {
           var l;
           s.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
         }),
-        onPointerDownOutside: j(e.onPointerDownOutside, (s) => {
+        onPointerDownOutside: G(e.onPointerDownOutside, (s) => {
           const l = s.detail.originalEvent, i = l.button === 0 && l.ctrlKey === !0;
           (l.button === 2 || i) && s.preventDefault();
         }),
-        onFocusOutside: j(
+        onFocusOutside: G(
           e.onFocusOutside,
           (s) => s.preventDefault()
         )
@@ -1913,8 +1913,8 @@ var ns = _.forwardRef(
   }
 ), qn = _.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...l } = e, i = re(ve, n), d = _.useRef(null), c = ee(t, d);
-    return uo(), /* @__PURE__ */ k(J, { children: [
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...l } = e, i = re(ve, n), d = _.useRef(null), c = te(t, d);
+    return uo(), /* @__PURE__ */ k(ee, { children: [
       /* @__PURE__ */ a(
         An,
         {
@@ -1938,7 +1938,7 @@ var ns = _.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ k(J, { children: [
+      /* @__PURE__ */ k(ee, { children: [
         /* @__PURE__ */ a(as, { titleId: i.titleId }),
         /* @__PURE__ */ a(ss, { contentRef: d, descriptionId: i.descriptionId })
       ] })
@@ -1967,7 +1967,7 @@ var Qn = "DialogClose", Jn = _.forwardRef(
         type: "button",
         ...r,
         ref: t,
-        onClick: j(e.onClick, () => o.onOpenChange(!1))
+        onClick: G(e.onClick, () => o.onOpenChange(!1))
       }
     );
   }
@@ -1996,7 +1996,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;
-}, Et = Un, Ct = Hn, Tt = jn, At = Kn, Pt = Vn, Rt = Yn, Dt = Zn, Ge = Jn;
+}, Et = Un, Tt = Hn, Ct = jn, At = Kn, Pt = Vn, Rt = Yn, Dt = Zn, Ge = Jn;
 function Qi({
   trigger: e,
   title: t,
@@ -2010,16 +2010,16 @@ function Qi({
   closable: c = !0,
   ...u
 }) {
-  const p = z(null);
+  const p = B(null);
   return /* @__PURE__ */ k(Et, { ...u, children: [
-    /* @__PURE__ */ a(Ct, { asChild: !0, children: e }),
-    /* @__PURE__ */ k(Tt, { children: [
+    /* @__PURE__ */ a(Tt, { asChild: !0, children: e }),
+    /* @__PURE__ */ k(Ct, { children: [
       /* @__PURE__ */ a(At, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ k(
         Pt,
         {
           ref: p,
-          className: C(
+          className: T(
             "vx-dialog__content",
             l !== "md" && `vx-dialog__content--${l}`,
             i && `vx-dialog__content--pad-${i}`,
@@ -2030,10 +2030,14 @@ function Qi({
             const w = p.current;
             if (!w) return;
             const S = !!w.querySelector(
-              ".vx-datepicker__popover, .vx-timepicker__popover, .vx-colorpicker__panel"
+              ".vx-select__dropdown, .vx-multiselect__dropdown, .vx-datepicker__popover, .vx-timepicker__popover, .vx-colorpicker__panel"
             ), g = w.dataset.hasOpenPortal === "1";
             (S || g) && b.preventDefault();
           },
+          onPointerDownOutside: (b) => {
+            const w = p.current;
+            (w == null ? void 0 : w.dataset.hasOpenPortal) === "1" && b.preventDefault();
+          },
           children: [
             /* @__PURE__ */ k("div", { className: "vx-dialog__header", children: [
               /* @__PURE__ */ k("div", { children: [
@@ -2064,7 +2068,7 @@ function Ji({
 }) {
   return /* @__PURE__ */ k("label", { className: "vx-field-group", children: [
     t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
-    /* @__PURE__ */ k("span", { className: C(
+    /* @__PURE__ */ k("span", { className: T(
       "vx-input",
       l !== "default" && `vx-input--${l}`,
       i !== "md" && `vx-input--${i}`,
@@ -2119,7 +2123,7 @@ var Ye = "Switch", [cs] = we(Ye), [ds, us] = cs(Ye), nr = _.forwardRef(
       onCheckedChange: c,
       form: u,
       ...p
-    } = e, [b, w] = _.useState(null), S = ee(t, (f) => w(f)), g = _.useRef(!1), h = b ? u || !!b.closest("form") : !0, [y, v] = Te({
+    } = e, [b, w] = _.useState(null), S = te(t, (f) => w(f)), g = _.useRef(!1), h = b ? u || !!b.closest("form") : !0, [y, v] = Ce({
       prop: o,
       defaultProp: s ?? !1,
       onChange: c,
@@ -2139,7 +2143,7 @@ var Ye = "Switch", [cs] = we(Ye), [ds, us] = cs(Ye), nr = _.forwardRef(
           value: d,
           ...p,
           ref: S,
-          onClick: j(e.onClick, (f) => {
+          onClick: G(e.onClick, (f) => {
             v((m) => !m), h && (g.current = f.isPropagationStopped(), g.current || f.stopPropagation());
           })
         }
@@ -2185,7 +2189,7 @@ var ps = "SwitchBubbleInput", or = _.forwardRef(
     bubbles: r = !0,
     ...o
   }, s) => {
-    const l = _.useRef(null), i = ee(l, s), d = is(n), c = ls(t);
+    const l = _.useRef(null), i = te(l, s), d = is(n), c = ls(t);
     return _.useEffect(() => {
       const u = l.current;
       if (!u) return;
@@ -2229,7 +2233,7 @@ function el({ className: e, label: t, description: n, ...r }) {
       /* @__PURE__ */ a("span", { className: "vx-switch__label", children: t }),
       n ? /* @__PURE__ */ a("span", { className: "vx-switch__description", children: n }) : null
     ] }),
-    /* @__PURE__ */ a(vs, { className: C("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(fs, { className: "vx-switch__thumb" }) })
+    /* @__PURE__ */ a(vs, { className: T("vx-switch__control", e), ...r, children: /* @__PURE__ */ a(fs, { className: "vx-switch__thumb" }) })
   ] });
 }
 function ir(e) {
@@ -2243,14 +2247,14 @@ function ir(e) {
   l.displayName = t;
   const i = e + "CollectionSlot", d = /* @__PURE__ */ We(i), c = ue.forwardRef(
     (g, h) => {
-      const { scope: y, children: v } = g, f = s(i, y), m = ee(h, f.collectionRef);
+      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(
     (g, h) => {
-      const { scope: y, children: v, ...f } = g, m = ue.useRef(null), x = ee(h, m), N = s(u, y);
+      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 });
     }
   );
@@ -2296,16 +2300,16 @@ var _s = _.forwardRef((e, t) => {
     onEntryFocus: c,
     preventScrollOnEntryFocus: u = !1,
     ...p
-  } = e, b = _.useRef(null), w = ee(t, b), S = lr(s), [g, h] = Te({
+  } = e, b = _.useRef(null), w = te(t, b), S = lr(s), [g, h] = Ce({
     prop: l,
     defaultProp: i ?? null,
     onChange: d,
     caller: Ae
   }), [y, v] = _.useState(!1), f = oe(c), m = cr(n), x = _.useRef(!1), [N, E] = _.useState(0);
   return _.useEffect(() => {
-    const T = b.current;
-    if (T)
-      return T.addEventListener(it, f), () => T.removeEventListener(it, f);
+    const C = b.current;
+    if (C)
+      return C.addEventListener(it, f), () => C.removeEventListener(it, f);
   }, [f]), /* @__PURE__ */ a(
     xs,
     {
@@ -2315,16 +2319,16 @@ var _s = _.forwardRef((e, t) => {
       loop: o,
       currentTabStopId: g,
       onItemFocus: _.useCallback(
-        (T) => h(T),
+        (C) => h(C),
         [h]
       ),
       onItemShiftTab: _.useCallback(() => v(!0), []),
       onFocusableItemAdd: _.useCallback(
-        () => E((T) => T + 1),
+        () => E((C) => C + 1),
         []
       ),
       onFocusableItemRemove: _.useCallback(
-        () => E((T) => T - 1),
+        () => E((C) => C - 1),
         []
       ),
       children: /* @__PURE__ */ a(
@@ -2335,23 +2339,23 @@ var _s = _.forwardRef((e, t) => {
           ...p,
           ref: w,
           style: { outline: "none", ...e.style },
-          onMouseDown: j(e.onMouseDown, () => {
+          onMouseDown: G(e.onMouseDown, () => {
             x.current = !0;
           }),
-          onFocus: j(e.onFocus, (T) => {
+          onFocus: G(e.onFocus, (C) => {
             const A = !x.current;
-            if (T.target === T.currentTarget && A && !y) {
-              const P = new CustomEvent(it, hs);
-              if (T.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
-                const R = m().filter((G) => G.focusable), L = R.find((G) => G.active), B = R.find((G) => G.id === g), W = [L, B, ...R].filter(
+            if (C.target === C.currentTarget && A && !y) {
+              const R = new CustomEvent(it, hs);
+              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
-                ).map((G) => G.ref.current);
-                fr(W, u);
+                ).map((H) => H.ref.current);
+                fr(U, u);
               }
             }
             x.current = !1;
           }),
-          onBlur: j(e.onBlur, () => v(!1))
+          onBlur: G(e.onBlur, () => v(!1))
         }
       )
     }
@@ -2383,11 +2387,11 @@ var _s = _.forwardRef((e, t) => {
             "data-orientation": u.orientation,
             ...i,
             ref: t,
-            onMouseDown: j(e.onMouseDown, (h) => {
+            onMouseDown: G(e.onMouseDown, (h) => {
               r ? u.onItemFocus(c) : h.preventDefault();
             }),
-            onFocus: j(e.onFocus, () => u.onItemFocus(c)),
-            onKeyDown: j(e.onKeyDown, (h) => {
+            onFocus: G(e.onFocus, () => u.onItemFocus(c)),
+            onKeyDown: G(e.onKeyDown, (h) => {
               if (h.key === "Tab" && h.shiftKey) {
                 u.onItemShiftTab();
                 return;
@@ -2441,9 +2445,9 @@ function fr(e, t = !1) {
 function Ss(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Es = ur, Cs = vr, Xe = "Tabs", [Ts] = we(Xe, [
+var Es = ur, Ts = vr, Xe = "Tabs", [Cs] = we(Xe, [
   dr
-]), mr = dr(), [As, Ft] = Ts(Xe), hr = _.forwardRef(
+]), mr = dr(), [As, Ft] = Cs(Xe), hr = _.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
@@ -2454,7 +2458,7 @@ var Es = ur, Cs = vr, Xe = "Tabs", [Ts] = we(Xe, [
       dir: i,
       activationMode: d = "automatic",
       ...c
-    } = e, u = lr(i), [p, b] = Te({
+    } = e, u = lr(i), [p, b] = Ce({
       prop: r,
       onChange: o,
       defaultProp: s ?? "",
@@ -2513,7 +2517,7 @@ 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;
     return /* @__PURE__ */ a(
-      Cs,
+      Ts,
       {
         asChild: !0,
         ...i,
@@ -2532,13 +2536,13 @@ var xr = "TabsTrigger", yr = _.forwardRef(
             id: d,
             ...s,
             ref: t,
-            onMouseDown: j(e.onMouseDown, (p) => {
+            onMouseDown: G(e.onMouseDown, (p) => {
               !o && p.button === 0 && p.ctrlKey === !1 ? l.onValueChange(r) : p.preventDefault();
             }),
-            onKeyDown: j(e.onKeyDown, (p) => {
+            onKeyDown: G(e.onKeyDown, (p) => {
               [" ", "Enter"].includes(p.key) && l.onValueChange(r);
             }),
-            onFocus: j(e.onFocus, () => {
+            onFocus: G(e.onFocus, () => {
               const p = l.activationMode !== "manual";
               !u && !o && p && l.onValueChange(r);
             })
@@ -2585,11 +2589,11 @@ function Nr(e, 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: C("vx-tabs__list", t), ...n });
+  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: C("vx-tabs__trigger", t), ...n });
+  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: C("vx-tabs__content", t), ...n });
+  return /* @__PURE__ */ a(Fs, { ref: r, className: T("vx-tabs__content", t), ...n });
 }), Sr = {
   light: {
     label: "Light",
@@ -2934,7 +2938,7 @@ function Ms(e, t) {
   const n = window.localStorage.getItem(e);
   return n && t[n] ? n : null;
 }
-function Os(e, t, n) {
+function $s(e, t, n) {
   var o;
   if (((o = e[n]) == null ? void 0 : o.mode) === t)
     return n;
@@ -2948,10 +2952,10 @@ function sl({
   storageKey: n = "vxui-react-theme",
   themes: r
 }) {
-  const o = Ne(() => Ls(r), [r]), s = Ne(() => Is(t, o), [t, o]), l = z([]), [i, d] = I(() => typeof window > "u" ? s : Ms(n, o) ?? s), c = o[i] ? i : s, u = o[c];
-  $(() => {
+  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];
+  z(() => {
     i !== c && d(c);
-  }, [c, i]), $(() => {
+  }, [c, i]), z(() => {
     const b = document.documentElement;
     for (const S of l.current)
       b.style.removeProperty(S);
@@ -2974,7 +2978,7 @@ function sl({
       toggleTheme: () => {
         d((b) => {
           const S = (o[b] ?? u).mode === "light" ? "dark" : "light";
-          return Os(o, S, S) ?? b;
+          return $s(o, S, S) ?? b;
         });
       }
     }),
@@ -2988,7 +2992,7 @@ function il() {
     throw new Error("useTheme must be used within ThemeProvider.");
   return e;
 }
-var $s = Object.freeze({
+var Os = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -3006,12 +3010,12 @@ var $s = Object.freeze({
     {
       ...e,
       ref: t,
-      style: { ...$s, ...e.style }
+      style: { ...Os, ...e.style }
     }
   )
 );
 Lt.displayName = Bs;
-var It = "ToastProvider", [Mt, zs, Us] = ir("Toast"), [Cr] = we("Toast", [Us]), [Ws, Ze] = Cr(It), Tr = (e) => {
+var It = "ToastProvider", [Mt, zs, Us] = ir("Toast"), [Tr] = we("Toast", [Us]), [Ws, Ze] = Tr(It), Cr = (e) => {
   const {
     __scopeToast: t,
     label: n = "Notification",
@@ -3041,7 +3045,7 @@ var It = "ToastProvider", [Mt, zs, Us] = ir("Toast"), [Cr] = we("Toast", [Us]),
     }
   ) });
 };
-Tr.displayName = It;
+Cr.displayName = It;
 var Ar = "ToastViewport", Hs = ["F8"], gt = "toast.viewportPause", bt = "toast.viewportResume", Pr = _.forwardRef(
   (e, t) => {
     const {
@@ -3049,7 +3053,7 @@ var Ar = "ToastViewport", Hs = ["F8"], gt = "toast.viewportPause", bt = "toast.v
       hotkey: r = Hs,
       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 = ee(t, p, l.onViewportChange), w = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = l.toastCount > 0;
+    } = 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;
     _.useEffect(() => {
       const h = (y) => {
         var f;
@@ -3096,13 +3100,13 @@ var Ar = "ToastViewport", Hs = ["F8"], gt = "toast.viewportPause", bt = "toast.v
           var x, N, E;
           const f = v.altKey || v.ctrlKey || v.metaKey;
           if (v.key === "Tab" && !f) {
-            const T = document.activeElement, A = v.shiftKey;
+            const C = document.activeElement, A = v.shiftKey;
             if (v.target === h && A) {
               (x = c.current) == null || x.focus();
               return;
             }
-            const L = g({ tabbingDirection: A ? "backwards" : "forwards" }), B = L.findIndex((D) => D === T);
-            lt(L.slice(B + 1)) ? v.preventDefault() : A ? (N = c.current) == null || N.focus() : (E = u.current) == null || E.focus();
+            const L = g({ tabbingDirection: A ? "backwards" : "forwards" }), $ = L.findIndex((D) => D === C);
+            lt(L.slice($ + 1)) ? v.preventDefault() : A ? (N = c.current) == null || N.focus() : (E = u.current) == null || E.focus();
           }
         };
         return h.addEventListener("keydown", y), () => h.removeEventListener("keydown", y);
@@ -3169,7 +3173,7 @@ 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(
   (e, t) => {
-    const { forceMount: n, open: r, defaultOpen: o, onOpenChange: s, ...l } = e, [i, d] = Te({
+    const { forceMount: n, open: r, defaultOpen: o, onOpenChange: s, ...l } = e, [i, d] = Ce({
       prop: r,
       defaultProp: o ?? !0,
       onChange: s,
@@ -3184,17 +3188,17 @@ var Pe = "Toast", Gs = "toast.swipeStart", js = "toast.swipeMove", Ks = "toast.s
         onClose: () => d(!1),
         onPause: oe(e.onPause),
         onResume: oe(e.onResume),
-        onSwipeStart: j(e.onSwipeStart, (c) => {
+        onSwipeStart: G(e.onSwipeStart, (c) => {
           c.currentTarget.setAttribute("data-swipe", "start");
         }),
-        onSwipeMove: j(e.onSwipeMove, (c) => {
+        onSwipeMove: G(e.onSwipeMove, (c) => {
           const { x: u, y: p } = c.detail.delta;
           c.currentTarget.setAttribute("data-swipe", "move"), c.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${u}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${p}px`);
         }),
-        onSwipeCancel: j(e.onSwipeCancel, (c) => {
+        onSwipeCancel: G(e.onSwipeCancel, (c) => {
           c.currentTarget.setAttribute("data-swipe", "cancel"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
         }),
-        onSwipeEnd: j(e.onSwipeEnd, (c) => {
+        onSwipeEnd: G(e.onSwipeEnd, (c) => {
           const { x: u, y: p } = c.detail.delta;
           c.currentTarget.setAttribute("data-swipe", "end"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${u}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${p}px`), d(!1);
         })
@@ -3203,7 +3207,7 @@ var Pe = "Toast", Gs = "toast.swipeStart", js = "toast.swipeMove", Ks = "toast.s
   }
 );
 Dr.displayName = Pe;
-var [qs, Ys] = Cr(Pe, {
+var [qs, Ys] = Tr(Pe, {
   onClose() {
   }
 }), Xs = _.forwardRef(
@@ -3222,49 +3226,49 @@ var [qs, Ys] = Cr(Pe, {
       onSwipeCancel: b,
       onSwipeEnd: w,
       ...S
-    } = e, g = Ze(Pe, n), [h, y] = _.useState(null), v = ee(t, (D) => y(D)), f = _.useRef(null), m = _.useRef(null), x = o || g.duration, N = _.useRef(0), E = _.useRef(x), T = _.useRef(0), { onToastAdd: A, onToastRemove: P } = g, R = oe(() => {
-      var W;
-      (h == null ? void 0 : h.contains(document.activeElement)) && ((W = g.viewport) == null || W.focus()), l();
+    } = 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(() => {
+      var U;
+      (h == null ? void 0 : h.contains(document.activeElement)) && ((U = g.viewport) == null || U.focus()), l();
     }), L = _.useCallback(
       (D) => {
-        !D || D === 1 / 0 || (window.clearTimeout(T.current), N.current = (/* @__PURE__ */ new Date()).getTime(), T.current = window.setTimeout(R, D));
+        !D || D === 1 / 0 || (window.clearTimeout(C.current), N.current = (/* @__PURE__ */ new Date()).getTime(), C.current = window.setTimeout(P, D));
       },
-      [R]
+      [P]
     );
     _.useEffect(() => {
       const D = g.viewport;
       if (D) {
-        const W = () => {
+        const U = () => {
           L(E.current), c == null || c();
-        }, G = () => {
-          const X = (/* @__PURE__ */ new Date()).getTime() - N.current;
-          E.current = E.current - X, window.clearTimeout(T.current), d == null || d();
+        }, H = () => {
+          const Z = (/* @__PURE__ */ new Date()).getTime() - N.current;
+          E.current = E.current - Z, window.clearTimeout(C.current), d == null || d();
         };
-        return D.addEventListener(gt, G), D.addEventListener(bt, W), () => {
-          D.removeEventListener(gt, G), D.removeEventListener(bt, W);
+        return D.addEventListener(gt, H), D.addEventListener(bt, U), () => {
+          D.removeEventListener(gt, H), D.removeEventListener(bt, U);
         };
       }
     }, [g.viewport, x, d, c, L]), _.useEffect(() => {
       s && !g.isClosePausedRef.current && L(x);
-    }, [s, x, g.isClosePausedRef, L]), _.useEffect(() => (A(), () => P()), [A, P]);
-    const B = _.useMemo(() => h ? $r(h) : null, [h]);
-    return g.viewport ? /* @__PURE__ */ k(J, { children: [
-      B && /* @__PURE__ */ a(
+    }, [s, x, g.isClosePausedRef, L]), _.useEffect(() => (A(), () => R()), [A, R]);
+    const $ = _.useMemo(() => h ? Or(h) : null, [h]);
+    return g.viewport ? /* @__PURE__ */ k(ee, { children: [
+      $ && /* @__PURE__ */ a(
         Zs,
         {
           __scopeToast: n,
           role: "status",
           "aria-live": r === "foreground" ? "assertive" : "polite",
-          children: B
+          children: $
         }
       ),
-      /* @__PURE__ */ a(qs, { scope: n, onClose: R, children: hn.createPortal(
+      /* @__PURE__ */ a(qs, { scope: n, onClose: P, children: hn.createPortal(
         /* @__PURE__ */ a(Mt.ItemSlot, { scope: n, children: /* @__PURE__ */ a(
           Za,
           {
             asChild: !0,
-            onEscapeKeyDown: j(i, () => {
-              g.isFocusedToastEscapeKeyDownRef.current || R(), g.isFocusedToastEscapeKeyDownRef.current = !1;
+            onEscapeKeyDown: G(i, () => {
+              g.isFocusedToastEscapeKeyDownRef.current || P(), g.isFocusedToastEscapeKeyDownRef.current = !1;
             }),
             children: /* @__PURE__ */ a(
               V.li,
@@ -3275,35 +3279,35 @@ var [qs, Ys] = Cr(Pe, {
                 ...S,
                 ref: v,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
-                onKeyDown: j(e.onKeyDown, (D) => {
-                  D.key === "Escape" && (i == null || i(D.nativeEvent), D.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, R()));
+                onKeyDown: G(e.onKeyDown, (D) => {
+                  D.key === "Escape" && (i == null || i(D.nativeEvent), D.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, P()));
                 }),
-                onPointerDown: j(e.onPointerDown, (D) => {
+                onPointerDown: G(e.onPointerDown, (D) => {
                   D.button === 0 && (f.current = { x: D.clientX, y: D.clientY });
                 }),
-                onPointerMove: j(e.onPointerMove, (D) => {
+                onPointerMove: G(e.onPointerMove, (D) => {
                   if (!f.current) return;
-                  const W = D.clientX - f.current.x, G = D.clientY - f.current.y, X = !!m.current, K = ["left", "right"].includes(g.swipeDirection), Y = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, M = K ? Y(0, W) : 0, H = K ? 0 : Y(0, G), F = D.pointerType === "touch" ? 10 : 2, O = { x: M, y: H }, U = { originalEvent: D, delta: O };
-                  X ? (m.current = O, Oe(js, p, U, {
+                  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, {
                     discrete: !1
-                  })) : tn(O, g.swipeDirection, F) ? (m.current = O, Oe(Gs, u, U, {
+                  })) : tn(O, g.swipeDirection, F) ? (m.current = O, $e(Gs, u, W, {
                     discrete: !1
-                  }), D.target.setPointerCapture(D.pointerId)) : (Math.abs(W) > F || Math.abs(G) > F) && (f.current = null);
+                  }), D.target.setPointerCapture(D.pointerId)) : (Math.abs(U) > F || Math.abs(H) > F) && (f.current = null);
                 }),
-                onPointerUp: j(e.onPointerUp, (D) => {
-                  const W = m.current, G = D.target;
-                  if (G.hasPointerCapture(D.pointerId) && G.releasePointerCapture(D.pointerId), m.current = null, f.current = null, W) {
-                    const X = D.currentTarget, K = { originalEvent: D, delta: W };
-                    tn(W, g.swipeDirection, g.swipeThreshold) ? Oe(Vs, w, K, {
+                onPointerUp: G(e.onPointerUp, (D) => {
+                  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, {
                       discrete: !0
-                    }) : Oe(
+                    }) : $e(
                       Ks,
                       b,
-                      K,
+                      j,
                       {
                         discrete: !0
                       }
-                    ), X.addEventListener("click", (Y) => Y.preventDefault(), {
+                    ), Z.addEventListener("click", (X) => X.preventDefault(), {
                       once: !0
                     });
                   }
@@ -3321,7 +3325,7 @@ var [qs, Ys] = Cr(Pe, {
   return ti(() => 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(J, { children: [
+  }, []), i ? null : /* @__PURE__ */ a(wt, { asChild: !0, children: /* @__PURE__ */ a(Lt, { ...r, children: s && /* @__PURE__ */ k(ee, { children: [
     o.label,
     " ",
     n
@@ -3343,28 +3347,28 @@ Lr.displayName = Js;
 var Ir = "ToastAction", ei = _.forwardRef(
   (e, t) => {
     const { altText: n, ...r } = e;
-    return n.trim() ? /* @__PURE__ */ a(Or, { altText: n, asChild: !0, children: /* @__PURE__ */ a(Ot, { ...r, ref: t }) }) : (console.error(
+    return n.trim() ? /* @__PURE__ */ a($r, { altText: n, asChild: !0, children: /* @__PURE__ */ a($t, { ...r, ref: t }) }) : (console.error(
       `Invalid prop \`altText\` supplied to \`${Ir}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
 ei.displayName = Ir;
-var Mr = "ToastClose", Ot = _.forwardRef(
+var Mr = "ToastClose", $t = _.forwardRef(
   (e, t) => {
     const { __scopeToast: n, ...r } = e, o = Ys(Mr, n);
-    return /* @__PURE__ */ a(Or, { asChild: !0, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ a($r, { asChild: !0, children: /* @__PURE__ */ a(
       V.button,
       {
         type: "button",
         ...r,
         ref: t,
-        onClick: j(e.onClick, o.onClose)
+        onClick: G(e.onClick, o.onClose)
       }
     ) });
   }
 );
-Ot.displayName = Mr;
-var Or = _.forwardRef((e, t) => {
+$t.displayName = Mr;
+var $r = _.forwardRef((e, t) => {
   const { __scopeToast: n, altText: r, ...o } = e;
   return /* @__PURE__ */ a(
     V.div,
@@ -3376,7 +3380,7 @@ var Or = _.forwardRef((e, t) => {
     }
   );
 });
-function $r(e) {
+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)) {
@@ -3386,11 +3390,11 @@ function $r(e) {
           const l = r.dataset.radixToastAnnounceAlt;
           l && t.push(l);
         } else
-          t.push(...$r(r));
+          t.push(...Or(r));
     }
   }), t;
 }
-function Oe(e, t, n, { discrete: r }) {
+function $e(e, t, n, { discrete: r }) {
   const o = n.originalEvent.currentTarget, s = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? Sn(o, s) : o.dispatchEvent(s);
 }
@@ -3425,7 +3429,7 @@ function lt(e) {
   const t = document.activeElement;
   return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
 }
-var ai = Tr, oi = Pr, si = Dr, ii = Fr, li = Lr, ci = Ot;
+var ai = Cr, oi = Pr, si = Dr, ii = Fr, li = Lr, ci = $t;
 const Br = _e(null);
 let di = 1;
 const ui = {
@@ -3448,7 +3452,7 @@ function ll({ children: e }) {
     t.map((o) => /* @__PURE__ */ k(
       si,
       {
-        className: C("vx-toast", `vx-toast--${o.tone ?? "info"}`),
+        className: T("vx-toast", `vx-toast--${o.tone ?? "info"}`),
         duration: 4500,
         open: !0,
         onOpenChange: (s) => {
@@ -3488,7 +3492,7 @@ function dl({
   return /* @__PURE__ */ a(
     e,
     {
-      className: C(
+      className: T(
         "vx-text-component",
         `vx-text--${t}`,
         `vx-text-size--${n}`,
@@ -3513,7 +3517,7 @@ function ul({
   return /* @__PURE__ */ a(
     i,
     {
-      className: C(
+      className: T(
         "vx-heading",
         `vx-heading--h${t}`,
         `vx-heading--${n}`,
@@ -3525,27 +3529,186 @@ function ul({
     }
   );
 }
-function pl({ className: e, label: t, hint: n, placeholder: r, children: o, ...s }) {
-  return /* @__PURE__ */ k("label", { className: "vx-field-group", children: [
-    t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
-    /* @__PURE__ */ k("span", { className: C("vx-select", e), children: [
-      /* @__PURE__ */ k("select", { className: "vx-select__field", ...s, children: [
-        r ? /* @__PURE__ */ a("option", { value: "", disabled: !0, children: r }) : null,
-        o
-      ] }),
-      /* @__PURE__ */ a("span", { className: "vx-select__arrow", "aria-hidden": "true", children: /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ a("path", { d: "M2.5 4.5L6 8L9.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
-    ] }),
-    n ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: n }) : null
+function pl({
+  options: e,
+  value: t,
+  defaultValue: n,
+  onChange: r,
+  placeholder: o = "Select...",
+  searchPlaceholder: s = "Search...",
+  label: l,
+  hint: i,
+  error: d,
+  disabled: c,
+  clearable: u = !1,
+  emptyText: p = "No results",
+  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(
+    (M) => M.label.toLowerCase().includes(m.toLowerCase())
+  ), Z = typeof b == "number" ? e.length > b : b;
+  z(() => {
+    if (!v) {
+      x("");
+      return;
+    }
+    if (Z) {
+      const M = setTimeout(() => {
+        var q;
+        return (q = A.current) == null ? void 0 : q.focus();
+      }, 0);
+      return () => clearTimeout(M);
+    }
+  }, [v, Z]), z(() => {
+    if (!v) return;
+    const M = (F) => {
+      var K, Q;
+      const O = (K = N.current) == null ? void 0 : K.contains(F.target), W = (Q = C.current) == null ? void 0 : Q.contains(F.target);
+      !O && !W && f(!1);
+    }, q = (F) => {
+      F.key === "Escape" && (F.preventDefault(), f(!1));
+    };
+    return document.addEventListener("mousedown", M), document.addEventListener("touchstart", M, { passive: !0 }), document.addEventListener("keydown", q), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", q);
+    };
+  }, [v]), z(() => {
+    if (!(!v || !window.matchMedia("(max-width: 640px)").matches))
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = "";
+      };
+  }, [v]), mn(() => {
+    var W;
+    if (!v || !E.current || window.matchMedia("(max-width: 640px)").matches) {
+      L(null), D(!1);
+      return;
+    }
+    const M = E.current.getBoundingClientRect(), q = window.innerHeight - M.bottom, F = M.top, O = q < 280 && F > q ? "up" : "down";
+    D(!!((W = N.current) != null && W.closest(".vx-dialog__content"))), L(
+      O === "down" ? { top: M.bottom + 4, left: M.left, width: M.width, direction: O } : { bottom: window.innerHeight - M.top + 4, left: M.left, width: M.width, direction: O }
+    );
+  }, [v]), z(() => {
+    if (!v || !P || $) return;
+    const M = (q) => {
+      var F;
+      (F = C.current) != null && F.contains(q.target) || f(!1);
+    };
+    return window.addEventListener("scroll", M, { capture: !0, passive: !0 }), window.addEventListener("resize", M), () => {
+      window.removeEventListener("scroll", M, { capture: !0 }), window.removeEventListener("resize", M);
+    };
+  }, [v, P, $]);
+  const j = (M) => {
+    M.disabled || (S || h(M.value), r == null || r(M.value), f(!1));
+  }, X = (M) => {
+    M.stopPropagation(), S || h(void 0), r == null || r(void 0);
+  };
+  return /* @__PURE__ */ k("div", { ref: N, className: T("vx-select", v && "vx-select--open", w), children: [
+    l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
+    /* @__PURE__ */ k(
+      "button",
+      {
+        ref: E,
+        type: "button",
+        className: T(
+          "vx-select__trigger",
+          d && "vx-select__trigger--invalid",
+          c && "vx-select__trigger--disabled"
+        ),
+        onClick: () => !c && f((M) => !M),
+        disabled: c,
+        "aria-haspopup": "listbox",
+        "aria-expanded": v,
+        "aria-controls": R,
+        children: [
+          /* @__PURE__ */ a("span", { className: T("vx-select__value", !U && "vx-select__value--placeholder"), children: (U == null ? void 0 : U.label) ?? o }),
+          /* @__PURE__ */ k("span", { className: "vx-select__icons", children: [
+            u && U && /* @__PURE__ */ a(
+              "span",
+              {
+                className: "vx-select__clear",
+                onClick: X,
+                role: "button",
+                "aria-label": "Clear selection",
+                children: /* @__PURE__ */ a(le, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ a(
+              Ee,
+              {
+                size: 14,
+                className: T("vx-select__chevron", v && "vx-select__chevron--open")
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    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,
+    v && (() => {
+      const M = !!(P && !$), q = M && P ? { top: P.top, bottom: P.bottom, left: P.left, width: P.width } : P && $ ? {
+        position: "absolute",
+        left: 0,
+        width: "100%",
+        top: P.direction === "down" ? "calc(100% + 4px)" : void 0,
+        bottom: P.direction === "up" ? "calc(100% + 4px)" : void 0
+      } : void 0, F = /* @__PURE__ */ k(
+        "div",
+        {
+          ref: C,
+          className: T(
+            "vx-select__dropdown",
+            (P == null ? void 0 : P.direction) === "up" && "vx-select__dropdown--up",
+            P && $ && "vx-select__dropdown--in-dialog"
+          ),
+          style: q,
+          children: [
+            Z && /* @__PURE__ */ a("div", { className: "vx-select__search-wrap", children: /* @__PURE__ */ a(
+              "input",
+              {
+                ref: A,
+                type: "text",
+                className: "vx-select__search",
+                placeholder: s,
+                value: m,
+                onChange: (O) => x(O.target.value),
+                "aria-label": s
+              }
+            ) }),
+            /* @__PURE__ */ a("ul", { id: R, className: "vx-select__list", role: "listbox", "aria-label": l ?? "Options", children: H.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-select__empty", children: p }) : H.map((O) => /* @__PURE__ */ k(
+              "li",
+              {
+                className: T(
+                  "vx-select__option",
+                  O.value === y && "vx-select__option--selected",
+                  O.disabled && "vx-select__option--disabled"
+                ),
+                role: "option",
+                "aria-selected": O.value === y,
+                "aria-disabled": O.disabled,
+                onClick: () => j(O),
+                children: [
+                  /* @__PURE__ */ a("span", { children: O.label }),
+                  O.value === y ? /* @__PURE__ */ a(Ke, { size: 14 }) : null
+                ]
+              },
+              O.value
+            )) })
+          ]
+        }
+      );
+      return M ? yt(F, document.body) : F;
+    })()
   ] });
 }
 function vl({ className: e, label: t, description: n, indeterminate: r, ...o }) {
-  return /* @__PURE__ */ k("label", { className: C("vx-checkbox", o.disabled && "vx-checkbox--disabled"), children: [
+  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(
         "input",
         {
           type: "checkbox",
-          className: C("vx-checkbox__input", e),
+          className: T("vx-checkbox__input", e),
           ref: (s) => {
             s && (s.indeterminate = r ?? !1);
           },
@@ -3570,8 +3733,8 @@ function fl({
   size: l = "md"
 }) {
   var h;
-  const [i, d] = I(n ?? ((h = e[0]) == null ? void 0 : h.value)), c = t !== void 0, u = c ? t : i, [p, b] = I({ left: 0, width: 0, opacity: 0 }), w = z(null), S = z({});
-  $(() => {
+  const [i, d] = I(n ?? ((h = e[0]) == null ? void 0 : h.value)), c = t !== void 0, u = c ? t : i, [p, b] = I({ left: 0, width: 0, opacity: 0 }), w = B(null), S = B({});
+  z(() => {
     requestAnimationFrame(() => {
       const y = S.current[u];
       y && b({
@@ -3588,7 +3751,7 @@ function fl({
     "div",
     {
       ref: w,
-      className: C(
+      className: T(
         "vx-segmented-control",
         `vx-segmented-control--${l}`,
         s && "vx-segmented-control--full",
@@ -3619,7 +3782,7 @@ function fl({
               "aria-checked": v,
               disabled: y.disabled,
               onClick: () => !y.disabled && g(y.value),
-              className: C(
+              className: T(
                 "vx-segmented-control__item",
                 v && "vx-segmented-control__item--active"
               ),
@@ -3633,9 +3796,9 @@ function fl({
   );
 }
 function ml({ className: e, label: t, description: n, ...r }) {
-  return /* @__PURE__ */ k("label", { className: C("vx-radio", r.disabled && "vx-radio--disabled"), children: [
+  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: C("vx-radio__input", e), ...r }),
+      /* @__PURE__ */ a("input", { type: "radio", className: T("vx-radio__input", e), ...r }),
       /* @__PURE__ */ a("span", { className: "vx-radio__circle", "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: "vx-radio__dot" }) })
     ] }),
     t ? /* @__PURE__ */ k("span", { className: "vx-radio__copy", children: [
@@ -3645,7 +3808,7 @@ function ml({ className: e, label: t, description: n, ...r }) {
   ] });
 }
 function hl({ label: e, children: t, className: n }) {
-  return /* @__PURE__ */ k("fieldset", { className: C("vx-radio-group", n), children: [
+  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 })
   ] });
@@ -3656,7 +3819,7 @@ function gl({ className: e, label: t, hint: n, resize: r = "vertical", style: o,
     /* @__PURE__ */ a(
       "textarea",
       {
-        className: C("vx-textarea", e),
+        className: T("vx-textarea", e),
         style: { resize: r, ...o },
         ...s
       }
@@ -3674,7 +3837,7 @@ function bl({ className: e, label: t, showValue: n = !1, hint: r, value: o, defa
       "input",
       {
         type: "range",
-        className: C("vx-slider", e),
+        className: T("vx-slider", e),
         value: o,
         defaultValue: s,
         ...l
@@ -3691,7 +3854,7 @@ function xl({ className: e, size: t = "md", label: n = "Loading…", ...r }) {
     {
       role: "status",
       "aria-label": n,
-      className: C("vx-spinner", `vx-spinner--${t}`, e),
+      className: T("vx-spinner", `vx-spinner--${t}`, e),
       ...r,
       children: /* @__PURE__ */ a(
         "svg",
@@ -3730,7 +3893,7 @@ function yl({
   ...d
 }) {
   const c = i ? void 0 : Math.min(100, Math.max(0, t / n * 100));
-  return /* @__PURE__ */ k("div", { className: C("vx-progress-wrap", e), ...d, children: [
+  return /* @__PURE__ */ k("div", { className: T("vx-progress-wrap", e), ...d, children: [
     r || o ? /* @__PURE__ */ k("div", { className: "vx-progress__header", children: [
       r ? /* @__PURE__ */ a("span", { className: "vx-progress__label", children: r }) : null,
       o && !i ? /* @__PURE__ */ k("span", { className: "vx-progress__value", children: [
@@ -3746,7 +3909,7 @@ function yl({
         "aria-valuemin": 0,
         "aria-valuemax": n,
         "aria-label": r,
-        className: C(
+        className: T(
           "vx-progress",
           `vx-progress--${s}`,
           `vx-progress--${l}`,
@@ -3794,7 +3957,7 @@ function _l({
     "div",
     {
       role: "alert",
-      className: C("vx-alert", `vx-alert--${t}`, e),
+      className: T("vx-alert", `vx-alert--${t}`, e),
       ...l,
       children: [
         /* @__PURE__ */ a("span", { className: "vx-alert__icon", children: r ?? vi[t] }),
@@ -3816,7 +3979,7 @@ function wl({
   style: s,
   ...l
 }) {
-  return r === "text" && o > 1 ? /* @__PURE__ */ a("span", { className: C("vx-skeleton-text", e), ...l, children: Array.from({ length: o }).map((i, d) => /* @__PURE__ */ a(
+  return r === "text" && o > 1 ? /* @__PURE__ */ a("span", { className: T("vx-skeleton-text", e), ...l, children: Array.from({ length: o }).map((i, d) => /* @__PURE__ */ a(
     "span",
     {
       className: "vx-skeleton vx-skeleton--text",
@@ -3826,7 +3989,7 @@ function wl({
   )) }) : /* @__PURE__ */ a(
     "span",
     {
-      className: C(
+      className: T(
         "vx-skeleton",
         `vx-skeleton--${r}`,
         e
@@ -3841,16 +4004,16 @@ function wl({
   );
 }
 function kl({ content: e, placement: t = "top", delay: n = 600, children: r, className: o }) {
-  const [s, l] = I(!1), i = z(null), d = q(() => {
+  const [s, l] = I(!1), i = B(null), d = Y(() => {
     i.current = setTimeout(() => l(!0), n);
-  }, [n]), c = q(() => {
+  }, [n]), c = Y(() => {
     i.current && clearTimeout(i.current), l(!1);
   }, []);
-  return $(() => () => {
+  return z(() => () => {
     i.current && clearTimeout(i.current);
-  }, []), /* @__PURE__ */ k("span", { className: C("vx-tooltip-wrap", o), onMouseEnter: d, onMouseLeave: c, onFocus: d, onBlur: c, children: [
+  }, []), /* @__PURE__ */ k("span", { className: T("vx-tooltip-wrap", o), onMouseEnter: d, onMouseLeave: c, onFocus: d, onBlur: c, children: [
     r,
-    s ? /* @__PURE__ */ a("span", { role: "tooltip", className: C("vx-tooltip", `vx-tooltip--${t}`), children: e }) : null
+    s ? /* @__PURE__ */ a("span", { role: "tooltip", className: T("vx-tooltip", `vx-tooltip--${t}`), children: e }) : null
   ] });
 }
 function Nl({
@@ -3862,10 +4025,10 @@ function Nl({
   open: s,
   onOpenChange: l
 }) {
-  const [i, d] = I(!1), c = s !== void 0, u = c ? s : i, p = z(null), b = q((g) => {
+  const [i, d] = I(!1), c = s !== void 0, u = c ? s : i, p = B(null), b = Y((g) => {
     c || d(g), l == null || l(g);
-  }, [c, l]), w = q(() => b(!u), [u, b]);
-  $(() => {
+  }, [c, l]), w = Y(() => b(!u), [u, b]);
+  z(() => {
     if (!u) return;
     const g = (y) => {
       y.key === "Escape" && b(!1);
@@ -3877,9 +4040,9 @@ function Nl({
     };
   }, [u, b]);
   const S = n === "click" ? { onClick: w } : { onMouseEnter: () => b(!0), onMouseLeave: () => b(!1) };
-  return /* @__PURE__ */ k("div", { ref: p, className: C("vx-popover-wrap", o), ...S, children: [
+  return /* @__PURE__ */ k("div", { ref: p, className: T("vx-popover-wrap", o), ...S, children: [
     r,
-    u ? /* @__PURE__ */ a("div", { className: C("vx-popover", `vx-popover--${t}`), role: "dialog", children: e }) : null
+    u ? /* @__PURE__ */ a("div", { className: T("vx-popover", `vx-popover--${t}`), role: "dialog", children: e }) : null
   ] });
 }
 function Sl({
@@ -3891,10 +4054,10 @@ function Sl({
   open: s,
   onOpenChange: l
 }) {
-  const [i, d] = I(!1), c = s !== void 0, u = c ? s : i, p = z(null), b = q((g) => {
+  const [i, d] = I(!1), c = s !== void 0, u = c ? s : i, p = B(null), b = Y((g) => {
     c || d(g), l == null || l(g);
-  }, [c, l]), w = q(() => b(!u), [u, b]);
-  $(() => {
+  }, [c, l]), w = Y(() => b(!u), [u, b]);
+  z(() => {
     if (!u) return;
     const g = (y) => {
       y.key === "Escape" && b(!1);
@@ -3906,7 +4069,7 @@ function Sl({
     };
   }, [u, b]);
   const S = t ?? (n ? [{ items: n }] : []);
-  return /* @__PURE__ */ k("div", { ref: p, className: C("vx-dropdown", u && "vx-dropdown--open", o), children: [
+  return /* @__PURE__ */ k("div", { ref: p, className: T("vx-dropdown", u && "vx-dropdown--open", o), children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -3920,7 +4083,7 @@ function Sl({
         children: e
       }
     ),
-    u ? /* @__PURE__ */ a("div", { className: C("vx-dropdown__menu", `vx-dropdown__menu--${r}`), role: "menu", children: S.map((g, h) => /* @__PURE__ */ k("div", { className: "vx-dropdown__group", children: [
+    u ? /* @__PURE__ */ a("div", { className: T("vx-dropdown__menu", `vx-dropdown__menu--${r}`), role: "menu", children: S.map((g, h) => /* @__PURE__ */ k("div", { className: "vx-dropdown__group", children: [
       g.label ? /* @__PURE__ */ a("div", { className: "vx-dropdown__group-label", children: g.label }) : null,
       h > 0 && !g.label ? /* @__PURE__ */ a("div", { className: "vx-dropdown__separator", role: "separator" }) : null,
       g.items.map((y, v) => /* @__PURE__ */ k(
@@ -3928,7 +4091,7 @@ function Sl({
         {
           role: "menuitem",
           disabled: y.disabled,
-          className: C(
+          className: T(
             "vx-dropdown__item",
             y.danger && "vx-dropdown__item--danger",
             y.disabled && "vx-dropdown__item--disabled"
@@ -3950,7 +4113,7 @@ function Sl({
 }
 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 }) {
-  return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", className: C("vx-breadcrumb", n), children: /* @__PURE__ */ a("ol", { className: "vx-breadcrumb__list", children: e.map((r, o) => {
+  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 }),
@@ -3958,17 +4121,17 @@ function El({ items: e, separator: t, className: n }) {
     ] }, o);
   }) }) });
 }
-function $e(e, t) {
+function Oe(e, t) {
   return Array.from({ length: t - e + 1 }, (n, r) => e + r);
 }
-function Cl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange: o, className: s }) {
+function Tl({ 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 $e(1, l);
+    if (l <= d) return Oe(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 ? [...$e(1, 3 + r * 2), "…", l] : p && !b ? [1, "…", ...$e(l - (2 + r * 2), l)] : [1, "…", ...$e(c, u), "…", l];
+    return !p && b ? [...Oe(1, 3 + r * 2), "…", l] : p && !b ? [1, "…", ...Oe(l - (2 + r * 2), l)] : [1, "…", ...Oe(c, u), "…", l];
   })();
-  return /* @__PURE__ */ k("nav", { role: "navigation", "aria-label": "Pagination", className: C("vx-pagination", s), children: [
+  return /* @__PURE__ */ k("nav", { role: "navigation", "aria-label": "Pagination", className: T("vx-pagination", s), children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -3986,7 +4149,7 @@ function Cl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange
         {
           type: "button",
           "aria-current": d === e ? "page" : void 0,
-          className: C("vx-pagination__btn", d === e && "vx-pagination__btn--active"),
+          className: T("vx-pagination__btn", d === e && "vx-pagination__btn--active"),
           onClick: () => o(d),
           children: d
         },
@@ -4006,7 +4169,7 @@ function Cl({ page: e, total: t, pageSize: n = 10, siblingCount: r = 1, onChange
     )
   ] });
 }
-function Tl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
+function Cl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
   const [o, s] = I(new Set(n));
   function l(i) {
     s((d) => {
@@ -4014,9 +4177,9 @@ function Tl({ items: e, multiple: t = !1, defaultOpen: n = [], className: r }) {
       return d.has(i) ? c.delete(i) : c.add(i), c;
     });
   }
-  return /* @__PURE__ */ a("div", { className: C("vx-accordion", r), children: e.map((i) => {
+  return /* @__PURE__ */ a("div", { className: T("vx-accordion", r), children: e.map((i) => {
     const d = o.has(i.key);
-    return /* @__PURE__ */ k("div", { className: C("vx-accordion__item", d && "vx-accordion__item--open", i.disabled && "vx-accordion__item--disabled"), children: [
+    return /* @__PURE__ */ k("div", { className: T("vx-accordion__item", d && "vx-accordion__item--open", i.disabled && "vx-accordion__item--disabled"), children: [
       /* @__PURE__ */ k(
         "button",
         {
@@ -4041,7 +4204,7 @@ function Al({ className: e, orientation: t = "horizontal", decorative: n = !0, .
     {
       role: n ? "none" : "separator",
       "aria-orientation": n ? void 0 : t,
-      className: C("vx-separator", `vx-separator--${t}`, e),
+      className: T("vx-separator", `vx-separator--${t}`, e),
       ...r
     }
   );
@@ -4061,7 +4224,7 @@ function Pl({ src: e, name: t, size: n = "md", shape: r = "circle", fallback: o,
   return /* @__PURE__ */ a(
     "span",
     {
-      className: C("vx-avatar", `vx-avatar--${n}`, `vx-avatar--${r}`, s),
+      className: T("vx-avatar", `vx-avatar--${n}`, `vx-avatar--${r}`, s),
       "aria-label": p || void 0,
       style: u ? void 0 : { "--vx-avatar-hue": b },
       children: u ? /* @__PURE__ */ a(
@@ -4101,11 +4264,11 @@ function Rl({
   className: y,
   ...v
 }) {
-  const f = l ? "sm" : n, [m, x] = I(null), [N, E] = I(null), T = S !== void 0, A = T ? S : m, P = T ? g ?? null : N, R = q((L) => {
-    let B;
-    A !== L ? B = "asc" : P === "asc" ? B = "desc" : P === "desc" ? B = null : B = "asc", T || (x(B === null ? null : L), E(B)), h == null || h(L, B);
-  }, [A, P, T, h]);
-  return /* @__PURE__ */ a("div", { className: C(
+  const f = l ? "sm" : n, [m, x] = I(null), [N, E] = I(null), C = S !== void 0, A = C ? S : m, R = C ? g ?? null : N, P = Y((L) => {
+    let $;
+    A !== L ? $ = "asc" : R === "asc" ? $ = "desc" : R === "desc" ? $ = null : $ = "asc", C || (x($ === null ? null : L), E($)), h == null || h(L, $);
+  }, [A, R, C, h]);
+  return /* @__PURE__ */ a("div", { className: T(
     "vx-table-wrap",
     d && "vx-table-wrap--borderless",
     !u && "vx-table-wrap--square",
@@ -4113,7 +4276,7 @@ function Rl({
   ), ...v, children: /* @__PURE__ */ k(
     "table",
     {
-      className: C(
+      className: T(
         "vx-table",
         r && "vx-table--striped",
         o && "vx-table--hoverable",
@@ -4127,50 +4290,50 @@ function Rl({
         c ? null : /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((L) => /* @__PURE__ */ a(
           "th",
           {
-            className: C(
+            className: T(
               "vx-table__th",
               L.sortable && "vx-table__th--sortable",
               L.align && `vx-table__th--${L.align}`,
               L.className
             ),
             style: { width: L.width },
-            onClick: L.sortable ? () => R(L.key) : void 0,
-            "aria-sort": A === L.key ? P === "asc" ? "ascending" : P === "desc" ? "descending" : "none" : void 0,
+            onClick: L.sortable ? () => P(L.key) : void 0,
+            "aria-sort": A === L.key ? R === "asc" ? "ascending" : R === "desc" ? "descending" : "none" : void 0,
             children: /* @__PURE__ */ k("span", { className: "vx-table__th-inner", children: [
               L.header,
-              L.sortable ? /* @__PURE__ */ a("span", { className: "vx-table__sort-icon", "aria-hidden": "true", children: A === L.key && P === "asc" ? "↑" : A === L.key && P === "desc" ? "↓" : "↕" }) : null
+              L.sortable ? /* @__PURE__ */ a("span", { className: "vx-table__sort-icon", "aria-hidden": "true", children: A === L.key && R === "asc" ? "↑" : A === L.key && R === "desc" ? "↓" : "↕" }) : null
             ] })
           },
           L.key
         )) }) }),
-        /* @__PURE__ */ a("tbody", { className: C(p && "vx-table__body--loading"), children: t.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length, className: "vx-table__empty", children: w }) }) : t.map((L, B) => /* @__PURE__ */ a("tr", { className: "vx-table__row", children: e.map((D) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("tbody", { className: T(p && "vx-table__body--loading"), children: t.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length, className: "vx-table__empty", children: w }) }) : t.map((L, $) => /* @__PURE__ */ a("tr", { className: "vx-table__row", children: e.map((D) => /* @__PURE__ */ a(
           "td",
           {
-            className: C("vx-table__td", D.align && `vx-table__td--${D.align}`, D.className),
+            className: T("vx-table__td", D.align && `vx-table__td--${D.align}`, D.className),
             children: D.accessor(L)
           },
           D.key
-        )) }, B)) })
+        )) }, $)) })
       ]
     }
   ) });
 }
 function Dl({ topBar: e, bottomNav: t, children: n, className: r }) {
-  return /* @__PURE__ */ k("div", { className: C("vxm-shell", r), children: [
+  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 }) {
-  return /* @__PURE__ */ k("div", { className: C("vxm-topbar", r), children: [
+  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 }) {
-  return /* @__PURE__ */ a("button", { type: "button", className: C("vxm-icon-btn", t), "aria-label": e, ...r, children: n });
+  return /* @__PURE__ */ a("button", { type: "button", className: T("vxm-icon-btn", t), "aria-label": e, ...r, children: n });
 }
 function Il({ items: e, className: t }) {
   const [n, r] = I(null), o = n ? e.find((l) => l.key === n) : null, s = (l) => {
@@ -4178,7 +4341,7 @@ function Il({ items: e, className: t }) {
     (i = l.submenu) != null && i.length ? r((c) => c === l.key ? null : l.key) : (r(null), (d = l.onSelect) == null || d.call(l));
   };
   return /* @__PURE__ */ k("div", { className: "vxm-bottomnav-wrap", children: [
-    n && (o == null ? void 0 : o.submenu) && /* @__PURE__ */ k(J, { children: [
+    n && (o == null ? void 0 : o.submenu) && /* @__PURE__ */ k(ee, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -4205,13 +4368,13 @@ function Il({ items: e, className: t }) {
         l.key
       )) })
     ] }),
-    /* @__PURE__ */ a("nav", { className: C("vxm-bottomnav", t), "aria-label": "底部导航", children: e.map((l) => {
+    /* @__PURE__ */ a("nav", { className: T("vxm-bottomnav", t), "aria-label": "底部导航", children: e.map((l) => {
       var i, d, c;
       return /* @__PURE__ */ k(
         "button",
         {
           type: "button",
-          className: C(
+          className: T(
             "vxm-bottomnav__item",
             l.active && "vxm-bottomnav__item--active",
             ((i = l.submenu) == null ? void 0 : i.length) && n === l.key && "vxm-bottomnav__item--submenu-open"
@@ -4241,16 +4404,16 @@ function Ml({
   children: o,
   className: s
 }) {
-  const l = z(null), i = z(0), [d, c] = I(!1), [u, p] = I(0), b = z(0);
-  $(() => {
+  const l = B(null), i = B(0), [d, c] = I(!1), [u, p] = I(0), b = B(0);
+  z(() => {
     e || (p(0), b.current = 0);
-  }, [e]), $(() => {
+  }, [e]), z(() => {
     if (!e) return;
     const h = (y) => {
       y.key === "Escape" && t();
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [e, t]), $(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  }, [e, t]), z(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [e]);
   const w = (h) => {
@@ -4276,7 +4439,7 @@ function Ml({
         "div",
         {
           ref: l,
-          className: C("vxm-actionsheet", s),
+          className: T("vxm-actionsheet", s),
           style: {
             transform: `translateY(${u}px)`,
             transition: d ? "none" : "transform 280ms cubic-bezier(0.32, 0.72, 0, 1)"
@@ -4301,12 +4464,12 @@ function Ml({
     }
   ) : null;
 }
-function Ol({ icon: e, destructive: t, className: n, children: r, ...o }) {
+function $l({ icon: e, destructive: t, className: n, children: r, ...o }) {
   return /* @__PURE__ */ k(
     "button",
     {
       type: "button",
-      className: C("vxm-actionsheet-item", t && "vxm-actionsheet-item--destructive", n),
+      className: T("vxm-actionsheet-item", t && "vxm-actionsheet-item--destructive", n),
       ...o,
       children: [
         e && /* @__PURE__ */ a("span", { className: "vxm-actionsheet-item__icon", children: e }),
@@ -4315,11 +4478,11 @@ function Ol({ icon: e, destructive: t, className: n, children: r, ...o }) {
     }
   );
 }
-function $l({ className: e, ...t }) {
-  return /* @__PURE__ */ a("ul", { className: C("vxm-list", e), role: "list", ...t });
+function Ol({ className: e, ...t }) {
+  return /* @__PURE__ */ a("ul", { className: T("vxm-list", e), role: "list", ...t });
 }
 function Bl({ title: e, className: t, children: n, ...r }) {
-  return /* @__PURE__ */ k("div", { className: C("vxm-list-section", t), ...r, children: [
+  return /* @__PURE__ */ k("div", { className: T("vxm-list-section", t), ...r, children: [
     e && /* @__PURE__ */ a("div", { className: "vxm-list-section__title", children: e }),
     n
   ] });
@@ -4335,19 +4498,19 @@ function zl({
   onClick: i,
   className: d
 }) {
-  const c = /* @__PURE__ */ k(J, { children: [
+  const c = /* @__PURE__ */ k(ee, { children: [
     e && /* @__PURE__ */ a("span", { className: "vxm-list-item__leading", children: e }),
     /* @__PURE__ */ k("span", { className: "vxm-list-item__content", children: [
       /* @__PURE__ */ a("span", { className: "vxm-list-item__label", children: n }),
       r && /* @__PURE__ */ a("span", { className: "vxm-list-item__description", children: r })
     ] }),
     t && /* @__PURE__ */ a("span", { className: "vxm-list-item__trailing", children: t }),
-    o && /* @__PURE__ */ a(Ce, { size: 16, className: "vxm-list-item__chevron", "aria-hidden": "true" })
+    o && /* @__PURE__ */ a(Te, { size: 16, className: "vxm-list-item__chevron", "aria-hidden": "true" })
   ] });
   return /* @__PURE__ */ a(
     "li",
     {
-      className: C(
+      className: T(
         "vxm-list-item",
         s && "vxm-list-item--destructive",
         l && "vxm-list-item--disabled",
@@ -4377,16 +4540,16 @@ function Ul({
   children: s,
   className: l
 }) {
-  const i = z(null), d = z(0), c = z(0), [u, p] = I(!1), [b, w] = I(0);
-  $(() => {
+  const i = B(null), d = B(0), c = B(0), [u, p] = I(!1), [b, w] = I(0);
+  z(() => {
     e || (w(0), c.current = 0);
-  }, [e]), $(() => {
+  }, [e]), z(() => {
     if (!e) return;
     const f = (m) => {
       m.key === "Escape" && t();
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [e, t]), $(() => (document.body.style.overflow = e ? "hidden" : "", () => {
+  }, [e, t]), z(() => (document.body.style.overflow = e ? "hidden" : "", () => {
     document.body.style.overflow = "";
   }), [e]);
   const S = (f) => {
@@ -4412,7 +4575,7 @@ function Ul({
       "div",
       {
         ref: i,
-        className: C("vxm-drawer", l),
+        className: T("vxm-drawer", l),
         style: {
           width: n,
           transform: `translateX(${b}px)`,
@@ -4438,7 +4601,7 @@ function Wl({ icon: e, label: t, badge: n, active: r, onClick: o }) {
     "button",
     {
       type: "button",
-      className: C("vxm-drawer-item", r && "vxm-drawer-item--active"),
+      className: T("vxm-drawer-item", r && "vxm-drawer-item--active"),
       onClick: o,
       "aria-current": r ? "page" : void 0,
       children: [
@@ -4451,7 +4614,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 }) {
   const [o, s] = I(n);
-  return /* @__PURE__ */ k("div", { className: C("vxm-drawer-section", t && "vxm-drawer-section--collapsible"), children: [
+  return /* @__PURE__ */ k("div", { className: T("vxm-drawer-section", t && "vxm-drawer-section--collapsible"), children: [
     e && (t ? /* @__PURE__ */ k(
       "button",
       {
@@ -4465,17 +4628,17 @@ function Hl({ title: e, collapsible: t = !1, defaultOpen: n = !0, children: r })
             Ee,
             {
               size: 14,
-              className: C("vxm-drawer-section__chevron", o && "vxm-drawer-section__chevron--open")
+              className: T("vxm-drawer-section__chevron", o && "vxm-drawer-section__chevron--open")
             }
           )
         ]
       }
     ) : /* @__PURE__ */ a("div", { className: "vxm-drawer-section__title", children: e })),
-    /* @__PURE__ */ a("div", { className: C("vxm-drawer-section__items-wrap", !o && "vxm-drawer-section__items-wrap--closed"), children: /* @__PURE__ */ a("div", { className: "vxm-drawer-section__items", 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) {
-  return /* @__PURE__ */ k("label", { ref: s, className: C("vx-label", t), ...o, children: [
+  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
   ] });
@@ -4484,23 +4647,23 @@ function gi() {
   return ye(zr);
 }
 function jl({ className: e, ...t }) {
-  return /* @__PURE__ */ a("form", { noValidate: !0, className: C("vx-form", e), ...t });
+  return /* @__PURE__ */ a("form", { noValidate: !0, className: T("vx-form", e), ...t });
 }
 function Kl({ error: e, children: t, className: n }) {
-  return /* @__PURE__ */ a(zr.Provider, { value: { error: e }, children: /* @__PURE__ */ a("div", { className: C("vx-form-field", e && "vx-form-field--invalid", n), children: t }) });
+  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 }) {
-  return /* @__PURE__ */ k("label", { className: C("vx-form-label", e), ...r, children: [
+  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 }) {
-  return /* @__PURE__ */ a("p", { className: C("vx-form-description", e), ...n, children: t });
+  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;
-  return o ? /* @__PURE__ */ a("p", { className: C("vx-form-message", r && "vx-form-message--error", e), ...n, children: o }) : null;
+  return o ? /* @__PURE__ */ a("p", { className: T("vx-form-message", r && "vx-form-message--error", e), ...n, children: o }) : null;
 }
 function Xl({
   trigger: e,
@@ -4515,13 +4678,13 @@ function Xl({
   ...c
 }) {
   return /* @__PURE__ */ k(Et, { ...c, children: [
-    /* @__PURE__ */ a(Ct, { asChild: !0, children: e }),
-    /* @__PURE__ */ k(Tt, { children: [
+    /* @__PURE__ */ a(Tt, { asChild: !0, children: e }),
+    /* @__PURE__ */ k(Ct, { children: [
       /* @__PURE__ */ a(At, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ k(
         Pt,
         {
-          className: C("vx-alert-dialog__content", d),
+          className: T("vx-alert-dialog__content", d),
           role: "alertdialog",
           "aria-modal": "true",
           children: [
@@ -4550,7 +4713,7 @@ function Zl({
   disabled: c,
   ...u
 }) {
-  const p = q(
+  const p = Y(
     (y) => {
       let v = y;
       return l !== void 0 && (v = Math.max(l, v)), i !== void 0 && (v = Math.min(i, v)), v;
@@ -4569,7 +4732,7 @@ function Zl({
     /* @__PURE__ */ k(
       "span",
       {
-        className: C(
+        className: T(
           "vx-number-input",
           r && "vx-number-input--invalid",
           c && "vx-number-input--disabled",
@@ -4649,33 +4812,33 @@ function yi({
   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 = () => {
-    S === 0 ? (w((P) => P - 1), g(11)) : g((P) => P - 1);
+    S === 0 ? (w((R) => R - 1), g(11)) : g((R) => R - 1);
   }, x = () => {
-    S === 11 ? (w((P) => P + 1), g(0)) : g((P) => P + 1);
-  }, N = q(
-    (P) => {
-      const R = new Date(b, S, P);
+    S === 11 ? (w((R) => R + 1), g(0)) : g((R) => R + 1);
+  }, N = Y(
+    (R) => {
+      const P = new Date(b, S, R);
       if (r) {
         const L = new Date(r.getFullYear(), r.getMonth(), r.getDate());
-        if (R < L) return !0;
+        if (P < L) return !0;
       }
       if (o) {
         const L = new Date(o.getFullYear(), o.getMonth(), o.getDate());
-        if (R > L) return !0;
+        if (P > L) return !0;
       }
       return !1;
     },
     [b, S, r, o]
-  ), E = (P) => {
-    if (N(P)) return;
-    const R = new Date(b, S, P);
-    d || u(R), n == null || n(R);
-  }, T = new Date(b, S).toLocaleString("default", { month: "long" }), A = [
+  ), E = (R) => {
+    if (N(R)) return;
+    const P = new Date(b, S, R);
+    d || u(P), n == null || n(P);
+  }, C = new Date(b, S).toLocaleString("default", { month: "long" }), A = [
     ...Array(v).fill(null),
-    ...Array.from({ length: h }, (P, R) => R + 1)
+    ...Array.from({ length: h }, (R, P) => P + 1)
   ];
   for (; A.length % 7 !== 0; ) A.push(null);
-  return /* @__PURE__ */ k("div", { className: C("vx-calendar", s), children: [
+  return /* @__PURE__ */ k("div", { className: T("vx-calendar", s), children: [
     /* @__PURE__ */ k("div", { className: "vx-calendar__header", children: [
       /* @__PURE__ */ a(
         "button",
@@ -4688,7 +4851,7 @@ function yi({
         }
       ),
       /* @__PURE__ */ k("span", { className: "vx-calendar__month-label", children: [
-        T,
+        C,
         " ",
         b
       ] }),
@@ -4699,34 +4862,34 @@ function yi({
           className: "vx-calendar__nav-btn",
           onClick: x,
           "aria-label": "Next month",
-          children: /* @__PURE__ */ a(Ce, { size: 16 })
+          children: /* @__PURE__ */ a(Te, { size: 16 })
         }
       )
     ] }),
-    /* @__PURE__ */ k("div", { className: "vx-calendar__grid", role: "grid", "aria-label": `${T} ${b}`, children: [
-      f.map((P) => /* @__PURE__ */ a("div", { className: "vx-calendar__weekday", role: "columnheader", children: P }, P)),
-      A.map((P, R) => {
-        if (P === null)
-          return /* @__PURE__ */ a("div", { className: "vx-calendar__cell vx-calendar__cell--empty" }, `e-${R}`);
-        const L = new Date(b, S, P), B = rn(L, i), D = p ? rn(L, p) : !1, W = N(P);
+    /* @__PURE__ */ k("div", { className: "vx-calendar__grid", role: "grid", "aria-label": `${C} ${b}`, children: [
+      f.map((R) => /* @__PURE__ */ a("div", { className: "vx-calendar__weekday", role: "columnheader", children: R }, R)),
+      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);
         return /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             role: "gridcell",
-            className: C(
+            className: T(
               "vx-calendar__cell",
-              B && "vx-calendar__cell--today",
+              $ && "vx-calendar__cell--today",
               D && "vx-calendar__cell--selected",
-              W && "vx-calendar__cell--disabled"
+              U && "vx-calendar__cell--disabled"
             ),
-            onClick: () => E(P),
-            disabled: W,
+            onClick: () => E(R),
+            disabled: U,
             "aria-label": L.toLocaleDateString(),
             "aria-selected": D,
-            children: P
+            children: R
           },
-          P
+          R
         );
       })
     ] })
@@ -4734,7 +4897,7 @@ function yi({
 }
 function Ur(e, t, n = 260) {
   const [r, o] = I("down");
-  return $(() => {
+  return z(() => {
     if (!t || !e.current) {
       o("down");
       return;
@@ -4767,8 +4930,8 @@ function Ql({
   weekStartsOnMonday: u,
   className: p
 }) {
-  const b = e !== void 0, [w, S] = I(t), g = b ? e : w, [h, y] = I(!1), v = z(null), f = Ur(v, h, 320);
-  $(() => {
+  const b = e !== void 0, [w, S] = I(t), g = b ? e : w, [h, y] = I(!1), v = B(null), f = Ur(v, h, 320);
+  z(() => {
     if (!h) return;
     const x = (E) => {
       v.current && !v.current.contains(E.target) && y(!1);
@@ -4778,7 +4941,7 @@ function Ql({
     return document.addEventListener("mousedown", x), document.addEventListener("touchstart", x, { passive: !0 }), document.addEventListener("keydown", N), () => {
       document.removeEventListener("mousedown", x), document.removeEventListener("touchstart", x), document.removeEventListener("keydown", N);
     };
-  }, [h]), $(() => {
+  }, [h]), z(() => {
     if (!(!h || !window.matchMedia("(max-width: 640px)").matches))
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
@@ -4787,13 +4950,13 @@ function Ql({
   const m = (x) => {
     b || S(x), n == null || n(x), y(!1);
   };
-  return /* @__PURE__ */ k("div", { ref: v, className: C("vx-datepicker", p), children: [
+  return /* @__PURE__ */ k("div", { ref: v, className: T("vx-datepicker", p), children: [
     o ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: o }) : null,
     /* @__PURE__ */ k(
       "button",
       {
         type: "button",
-        className: C(
+        className: T(
           "vx-datepicker__trigger",
           l && "vx-datepicker__trigger--invalid",
           c && "vx-datepicker__trigger--disabled"
@@ -4804,13 +4967,13 @@ function Ql({
         "aria-expanded": h,
         children: [
           /* @__PURE__ */ a(wi, {}),
-          /* @__PURE__ */ a("span", { className: C("vx-datepicker__value", !g && "vx-datepicker__value--placeholder"), children: g ? _i(g) : r })
+          /* @__PURE__ */ a("span", { className: T("vx-datepicker__value", !g && "vx-datepicker__value--placeholder"), children: g ? _i(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: C("vx-datepicker__popover", f === "up" && "vx-datepicker__popover--up"), role: "dialog", "aria-label": "Date picker", children: /* @__PURE__ */ a(
+    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,
       {
         value: g,
@@ -4823,180 +4986,6 @@ function Ql({
   ] });
 }
 function Jl({
-  options: e,
-  value: t,
-  defaultValue: n,
-  onChange: r,
-  placeholder: o = "Select...",
-  searchPlaceholder: s = "Search...",
-  label: l,
-  hint: i,
-  error: d,
-  disabled: c,
-  clearable: u = !1,
-  emptyText: p = "No results",
-  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 = z(null), E = z(null), T = z(null), A = z(null), P = fn(), [R, L] = I(null), [B, D] = I(!1), W = e.find((M) => M.value === y), G = e.filter(
-    (M) => M.label.toLowerCase().includes(m.toLowerCase())
-  ), X = typeof b == "number" ? e.length > b : b;
-  $(() => {
-    if (!v) {
-      x("");
-      return;
-    }
-    if (X) {
-      const M = setTimeout(() => {
-        var H;
-        return (H = A.current) == null ? void 0 : H.focus();
-      }, 0);
-      return () => clearTimeout(M);
-    }
-  }, [v, X]), $(() => {
-    if (!v) return;
-    const M = (F) => {
-      var Z, te;
-      const O = (Z = N.current) == null ? void 0 : Z.contains(F.target), U = (te = T.current) == null ? void 0 : te.contains(F.target);
-      !O && !U && f(!1);
-    }, H = (F) => {
-      F.key === "Escape" && (F.preventDefault(), f(!1));
-    };
-    return document.addEventListener("mousedown", M), document.addEventListener("touchstart", M, { passive: !0 }), document.addEventListener("keydown", H), () => {
-      document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", H);
-    };
-  }, [v]), $(() => {
-    if (!(!v || !window.matchMedia("(max-width: 640px)").matches))
-      return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = "";
-      };
-  }, [v]), mn(() => {
-    var U;
-    if (!v || !E.current || window.matchMedia("(max-width: 640px)").matches) {
-      L(null), D(!1);
-      return;
-    }
-    const M = E.current.getBoundingClientRect(), H = window.innerHeight - M.bottom, F = M.top, O = H < 280 && F > H ? "up" : "down";
-    D(!!((U = N.current) != null && U.closest(".vx-dialog__content"))), L(
-      O === "down" ? { top: M.bottom + 4, left: M.left, width: M.width, direction: O } : { bottom: window.innerHeight - M.top + 4, left: M.left, width: M.width, direction: O }
-    );
-  }, [v]), $(() => {
-    if (!v || !R) return;
-    const M = (H) => {
-      var F;
-      (F = T.current) != null && F.contains(H.target) || f(!1);
-    };
-    return window.addEventListener("scroll", M, { capture: !0, passive: !0 }), window.addEventListener("resize", M), () => {
-      window.removeEventListener("scroll", M, { capture: !0 }), window.removeEventListener("resize", M);
-    };
-  }, [v, R]), $(() => {
-    var H;
-    if (!B) return;
-    const M = (H = N.current) == null ? void 0 : H.closest(".vx-dialog__content");
-    if (M)
-      return v ? M.dataset.hasOpenPortal = "1" : delete M.dataset.hasOpenPortal, () => {
-        delete M.dataset.hasOpenPortal;
-      };
-  }, [v, B]);
-  const K = (M) => {
-    M.disabled || (S || h(M.value), r == null || r(M.value), f(!1));
-  }, Y = (M) => {
-    M.stopPropagation(), S || h(void 0), r == null || r(void 0);
-  };
-  return /* @__PURE__ */ k("div", { ref: N, className: C("vx-combobox", v && "vx-combobox--open", w), children: [
-    l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
-    /* @__PURE__ */ k(
-      "button",
-      {
-        ref: E,
-        type: "button",
-        className: C(
-          "vx-combobox__trigger",
-          d && "vx-combobox__trigger--invalid",
-          c && "vx-combobox__trigger--disabled"
-        ),
-        onClick: () => !c && f((M) => !M),
-        disabled: c,
-        "aria-haspopup": "listbox",
-        "aria-expanded": v,
-        "aria-controls": P,
-        children: [
-          /* @__PURE__ */ a("span", { className: C("vx-combobox__value", !W && "vx-combobox__value--placeholder"), children: (W == null ? void 0 : W.label) ?? o }),
-          /* @__PURE__ */ k("span", { className: "vx-combobox__icons", children: [
-            u && W && /* @__PURE__ */ a(
-              "span",
-              {
-                className: "vx-combobox__clear",
-                onClick: Y,
-                role: "button",
-                "aria-label": "Clear selection",
-                children: /* @__PURE__ */ a(le, { size: 14 })
-              }
-            ),
-            /* @__PURE__ */ a(
-              Ee,
-              {
-                size: 14,
-                className: C("vx-combobox__chevron", v && "vx-combobox__chevron--open")
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    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,
-    v && (() => {
-      const M = /* @__PURE__ */ k(
-        "div",
-        {
-          ref: T,
-          className: C(
-            "vx-combobox__dropdown",
-            (R == null ? void 0 : R.direction) === "up" && "vx-combobox__dropdown--up",
-            R && B && "vx-combobox__dropdown--in-dialog"
-          ),
-          style: R ? { top: R.top, bottom: R.bottom, left: R.left, width: R.width } : void 0,
-          children: [
-            X && /* @__PURE__ */ a("div", { className: "vx-combobox__search-wrap", children: /* @__PURE__ */ a(
-              "input",
-              {
-                ref: A,
-                type: "text",
-                className: "vx-combobox__search",
-                placeholder: s,
-                value: m,
-                onChange: (H) => x(H.target.value),
-                "aria-label": s
-              }
-            ) }),
-            /* @__PURE__ */ a("ul", { id: P, className: "vx-combobox__list", role: "listbox", "aria-label": l ?? "Options", children: G.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-combobox__empty", children: p }) : G.map((H) => /* @__PURE__ */ k(
-              "li",
-              {
-                className: C(
-                  "vx-combobox__option",
-                  H.value === y && "vx-combobox__option--selected",
-                  H.disabled && "vx-combobox__option--disabled"
-                ),
-                role: "option",
-                "aria-selected": H.value === y,
-                "aria-disabled": H.disabled,
-                onClick: () => K(H),
-                children: [
-                  /* @__PURE__ */ a("span", { children: H.label }),
-                  H.value === y ? /* @__PURE__ */ a(Ke, { size: 14 }) : null
-                ]
-              },
-              H.value
-            )) })
-          ]
-        }
-      );
-      return R ? yt(M, document.body) : M;
-    })()
-  ] });
-}
-function ec({
   options: e,
   value: t,
   defaultValue: n = [],
@@ -5012,10 +5001,10 @@ function ec({
   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 = z(null), E = z(null), T = z(null), A = z(null), P = fn(), [R, L] = I(null), [B, D] = I(!1), W = 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 = fn(), [P, L] = I(null), [$, D] = I(!1), U = e.filter(
     (F) => F.label.toLowerCase().includes(m.toLowerCase())
   );
-  $(() => {
+  z(() => {
     if (!v) {
       x("");
       return;
@@ -5025,70 +5014,62 @@ function ec({
       return (O = A.current) == null ? void 0 : O.focus();
     }, 0);
     return () => clearTimeout(F);
-  }, [v]), $(() => {
+  }, [v]), z(() => {
     if (!v) return;
-    const F = (U) => {
+    const F = (W) => {
       var de, fe;
-      const Z = (de = N.current) == null ? void 0 : de.contains(U.target), te = (fe = T.current) == null ? void 0 : fe.contains(U.target);
-      !Z && !te && f(!1);
-    }, O = (U) => {
-      U.key === "Escape" && (U.preventDefault(), f(!1));
+      const K = (de = N.current) == null ? void 0 : de.contains(W.target), Q = (fe = C.current) == null ? void 0 : fe.contains(W.target);
+      !K && !Q && f(!1);
+    }, O = (W) => {
+      W.key === "Escape" && (W.preventDefault(), f(!1));
     };
     return document.addEventListener("mousedown", F), document.addEventListener("touchstart", F, { passive: !0 }), document.addEventListener("keydown", O), () => {
       document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), document.removeEventListener("keydown", O);
     };
-  }, [v]), $(() => {
+  }, [v]), z(() => {
     if (!(!v || !window.matchMedia("(max-width: 640px)").matches))
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
   }, [v]), mn(() => {
-    var te;
+    var Q;
     if (!v || !E.current || window.matchMedia("(max-width: 640px)").matches) {
       L(null), D(!1);
       return;
     }
-    const F = E.current.getBoundingClientRect(), O = window.innerHeight - F.bottom, U = F.top, Z = O < 300 && U > O ? "up" : "down";
-    D(!!((te = N.current) != null && te.closest(".vx-dialog__content"))), L(
-      Z === "down" ? { top: F.bottom + 4, left: F.left, width: F.width, direction: Z } : { bottom: window.innerHeight - F.top + 4, left: F.left, width: F.width, direction: Z }
+    const F = E.current.getBoundingClientRect(), O = window.innerHeight - F.bottom, W = F.top, K = O < 300 && W > O ? "up" : "down";
+    D(!!((Q = N.current) != null && Q.closest(".vx-dialog__content"))), L(
+      K === "down" ? { top: F.bottom + 4, left: F.left, width: F.width, direction: K } : { bottom: window.innerHeight - F.top + 4, left: F.left, width: F.width, direction: K }
     );
-  }, [v]), $(() => {
-    if (!v || !R) return;
+  }, [v]), z(() => {
+    if (!v || !P || $) return;
     const F = (O) => {
-      var U;
-      (U = T.current) != null && U.contains(O.target) || f(!1);
+      var W;
+      (W = C.current) != null && W.contains(O.target) || f(!1);
     };
     return window.addEventListener("scroll", F, { capture: !0, passive: !0 }), window.addEventListener("resize", F), () => {
       window.removeEventListener("scroll", F, { capture: !0 }), window.removeEventListener("resize", F);
     };
-  }, [v, R]), $(() => {
-    var O;
-    if (!B) return;
-    const F = (O = N.current) == null ? void 0 : O.closest(".vx-dialog__content");
-    if (F)
-      return v ? F.dataset.hasOpenPortal = "1" : delete F.dataset.hasOpenPortal, () => {
-        delete F.dataset.hasOpenPortal;
-      };
-  }, [v, B]);
-  const G = (F) => {
+  }, [v, P, $]);
+  const H = (F) => {
     if (F.disabled) return;
-    const O = y.includes(F.value) ? y.filter((U) => U !== F.value) : [...y, F.value];
+    const O = y.includes(F.value) ? y.filter((W) => W !== F.value) : [...y, F.value];
     S || h(O), r == null || r(O);
-  }, X = (F, O) => {
+  }, Z = (F, O) => {
     F.stopPropagation();
-    const U = y.filter((Z) => Z !== O);
-    S || h(U), r == null || r(U);
-  }, K = (F) => {
+    const W = y.filter((K) => K !== O);
+    S || h(W), r == null || r(W);
+  }, j = (F) => {
     F.stopPropagation(), S || h([]), r == null || r([]);
-  }, Y = b ? y.slice(0, b) : y, M = b ? Math.max(0, y.length - b) : 0, H = e.reduce((F, O) => (F[O.value] = O.label, F), {});
-  return /* @__PURE__ */ k("div", { ref: N, className: C("vx-multiselect", v && "vx-multiselect--open", w), children: [
+  }, X = b ? y.slice(0, b) : y, M = b ? Math.max(0, y.length - b) : 0, q = e.reduce((F, O) => (F[O.value] = O.label, F), {});
+  return /* @__PURE__ */ k("div", { ref: N, className: T("vx-multiselect", v && "vx-multiselect--open", w), children: [
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
     /* @__PURE__ */ k(
       "button",
       {
         ref: E,
         type: "button",
-        className: C(
+        className: T(
           "vx-multiselect__trigger",
           d && "vx-multiselect__trigger--invalid",
           c && "vx-multiselect__trigger--disabled"
@@ -5097,18 +5078,18 @@ function ec({
         disabled: c,
         "aria-haspopup": "listbox",
         "aria-expanded": v,
-        "aria-controls": P,
+        "aria-controls": R,
         children: [
-          /* @__PURE__ */ a("span", { className: "vx-multiselect__tags", children: y.length === 0 ? /* @__PURE__ */ a("span", { className: "vx-multiselect__placeholder", children: o }) : /* @__PURE__ */ k(J, { children: [
-            Y.map((F) => /* @__PURE__ */ k("span", { className: "vx-multiselect__tag", children: [
-              H[F] ?? F,
+          /* @__PURE__ */ a("span", { className: "vx-multiselect__tags", children: y.length === 0 ? /* @__PURE__ */ a("span", { className: "vx-multiselect__placeholder", children: o }) : /* @__PURE__ */ k(ee, { children: [
+            X.map((F) => /* @__PURE__ */ k("span", { className: "vx-multiselect__tag", children: [
+              q[F] ?? F,
               !c && /* @__PURE__ */ a(
                 "span",
                 {
                   className: "vx-multiselect__tag-remove",
                   role: "button",
-                  "aria-label": `Remove ${H[F] ?? F}`,
-                  onClick: (O) => X(O, F),
+                  "aria-label": `Remove ${q[F] ?? F}`,
+                  onClick: (O) => Z(O, F),
                   children: /* @__PURE__ */ a(le, { size: 11 })
                 }
               )
@@ -5125,7 +5106,7 @@ function ec({
                 className: "vx-multiselect__clear",
                 role: "button",
                 "aria-label": "Clear all",
-                onClick: K,
+                onClick: j,
                 children: /* @__PURE__ */ a(le, { size: 14 })
               }
             ),
@@ -5133,7 +5114,7 @@ function ec({
               Ee,
               {
                 size: 14,
-                className: C("vx-multiselect__chevron", v && "vx-multiselect__chevron--open")
+                className: T("vx-multiselect__chevron", v && "vx-multiselect__chevron--open")
               }
             )
           ] })
@@ -5143,16 +5124,22 @@ function ec({
     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,
     v && (() => {
-      const F = /* @__PURE__ */ k(
+      const F = !!(P && !$), O = F ? { top: P.top, bottom: P.bottom, left: P.left, width: P.width } : P && $ ? {
+        position: "absolute",
+        left: 0,
+        width: "100%",
+        top: P.direction === "down" ? "calc(100% + 4px)" : void 0,
+        bottom: P.direction === "up" ? "calc(100% + 4px)" : void 0
+      } : void 0, W = /* @__PURE__ */ k(
         "div",
         {
-          ref: T,
-          className: C(
+          ref: C,
+          className: T(
             "vx-multiselect__dropdown",
-            (R == null ? void 0 : R.direction) === "up" && "vx-multiselect__dropdown--up",
-            R && B && "vx-multiselect__dropdown--in-dialog"
+            (P == null ? void 0 : P.direction) === "up" && "vx-multiselect__dropdown--up",
+            P && $ && "vx-multiselect__dropdown--in-dialog"
           ),
-          style: R ? { top: R.top, bottom: R.bottom, left: R.left, width: R.width } : void 0,
+          style: O,
           children: [
             /* @__PURE__ */ a("div", { className: "vx-multiselect__search-wrap", children: /* @__PURE__ */ a(
               "input",
@@ -5162,36 +5149,36 @@ function ec({
                 className: "vx-multiselect__search",
                 placeholder: s,
                 value: m,
-                onChange: (O) => x(O.target.value),
+                onChange: (K) => x(K.target.value),
                 "aria-label": s
               }
             ) }),
-            /* @__PURE__ */ a("ul", { id: P, className: "vx-multiselect__list", role: "listbox", "aria-multiselectable": "true", "aria-label": l ?? "Options", children: W.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-multiselect__empty", children: p }) : W.map((O) => {
-              const U = y.includes(O.value);
+            /* @__PURE__ */ a("ul", { id: R, className: "vx-multiselect__list", role: "listbox", "aria-multiselectable": "true", "aria-label": l ?? "Options", children: U.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-multiselect__empty", children: p }) : U.map((K) => {
+              const Q = y.includes(K.value);
               return /* @__PURE__ */ k(
                 "li",
                 {
-                  className: C(
+                  className: T(
                     "vx-multiselect__option",
-                    U && "vx-multiselect__option--selected",
-                    O.disabled && "vx-multiselect__option--disabled"
+                    Q && "vx-multiselect__option--selected",
+                    K.disabled && "vx-multiselect__option--disabled"
                   ),
                   role: "option",
-                  "aria-selected": U,
-                  "aria-disabled": O.disabled,
-                  onClick: () => G(O),
+                  "aria-selected": Q,
+                  "aria-disabled": K.disabled,
+                  onClick: () => H(K),
                   children: [
-                    /* @__PURE__ */ a("span", { className: C("vx-multiselect__checkbox", U && "vx-multiselect__checkbox--checked"), children: U ? /* @__PURE__ */ a(Ke, { size: 11 }) : null }),
-                    /* @__PURE__ */ a("span", { children: O.label })
+                    /* @__PURE__ */ a("span", { className: T("vx-multiselect__checkbox", Q && "vx-multiselect__checkbox--checked"), children: Q ? /* @__PURE__ */ a(Ke, { size: 11 }) : null }),
+                    /* @__PURE__ */ a("span", { children: K.label })
                   ]
                 },
-                O.value
+                K.value
               );
             }) })
           ]
         }
       );
-      return R ? yt(F, document.body) : F;
+      return F ? yt(W, document.body) : W;
     })()
   ] });
 }
@@ -5268,7 +5255,7 @@ function ct({ value: e, min: t, max: n, onChange: r, label: o }) {
     }
   );
 }
-function tc({
+function ec({
   value: e,
   defaultValue: t,
   onChange: n,
@@ -5280,48 +5267,48 @@ function tc({
   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 = z(null), T = Ur(E, x, 220);
-  $(() => {
+  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);
+  z(() => {
     if (e) {
       const D = an(e);
       h(D.h), v(D.m), m(D.s);
     }
-  }, [e]), $(() => {
+  }, [e]), z(() => {
     if (!x) return;
-    const D = (G) => {
-      E.current && !E.current.contains(G.target) && N(!1);
-    }, W = (G) => {
-      G.key === "Escape" && (G.preventDefault(), N(!1));
+    const D = (H) => {
+      E.current && !E.current.contains(H.target) && N(!1);
+    }, U = (H) => {
+      H.key === "Escape" && (H.preventDefault(), N(!1));
     };
-    return document.addEventListener("mousedown", D), document.addEventListener("touchstart", D, { passive: !0 }), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("touchstart", D), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", D), document.addEventListener("touchstart", D, { passive: !0 }), document.addEventListener("keydown", U), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("touchstart", D), document.removeEventListener("keydown", U);
     };
-  }, [x]), $(() => {
+  }, [x]), z(() => {
     if (!(!x || !window.matchMedia("(max-width: 640px)").matches))
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
   }, [x]);
-  const A = q(
-    (D, W, G) => {
-      const X = on(D, W, G, d);
-      u || b(X), n == null || n(X);
+  const A = Y(
+    (D, U, H) => {
+      const Z = on(D, U, H, d);
+      u || b(Z), n == null || n(Z);
     },
     [u, d, n]
-  ), P = (D) => {
+  ), R = (D) => {
     h(D), A(D, y, f);
-  }, R = (D) => {
+  }, P = (D) => {
     v(D), A(g, D, f);
   }, L = (D) => {
     m(D), A(g, y, D);
-  }, B = w ?? (x ? on(g, y, f, d) : void 0);
-  return /* @__PURE__ */ k("div", { ref: E, className: C("vx-timepicker", c), children: [
+  }, $ = w ?? (x ? on(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(
       "button",
       {
         type: "button",
-        className: C(
+        className: T(
           "vx-timepicker__trigger",
           l && "vx-timepicker__trigger--invalid",
           i && "vx-timepicker__trigger--disabled"
@@ -5332,18 +5319,18 @@ function tc({
         "aria-expanded": x,
         children: [
           /* @__PURE__ */ a(ki, {}),
-          /* @__PURE__ */ a("span", { className: C("vx-timepicker__value", !B && "vx-timepicker__value--placeholder"), children: B ?? r })
+          /* @__PURE__ */ a("span", { className: T("vx-timepicker__value", !$ && "vx-timepicker__value--placeholder"), children: $ ?? 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,
-    x && /* @__PURE__ */ k("div", { className: C("vx-timepicker__popover", T === "up" && "vx-timepicker__popover--up"), role: "dialog", "aria-label": "Time picker", children: [
+    x && /* @__PURE__ */ k("div", { className: T("vx-timepicker__popover", C === "up" && "vx-timepicker__popover--up"), role: "dialog", "aria-label": "Time picker", children: [
       /* @__PURE__ */ k("div", { className: "vx-timepicker__columns", children: [
-        /* @__PURE__ */ a(ct, { value: g, min: 0, max: 23, onChange: P, label: "Hours" }),
+        /* @__PURE__ */ a(ct, { value: g, min: 0, max: 23, onChange: R, label: "Hours" }),
         /* @__PURE__ */ a("span", { className: "vx-timepicker__sep", children: ":" }),
-        /* @__PURE__ */ a(ct, { value: y, min: 0, max: 59, onChange: R, label: "Minutes" }),
-        d && /* @__PURE__ */ k(J, { children: [
+        /* @__PURE__ */ a(ct, { value: y, min: 0, max: 59, onChange: P, label: "Minutes" }),
+        d && /* @__PURE__ */ k(ee, { children: [
           /* @__PURE__ */ a("span", { className: "vx-timepicker__sep", children: ":" }),
           /* @__PURE__ */ a(ct, { value: f, min: 0, max: 59, onChange: L, label: "Seconds" })
         ] })
@@ -5353,14 +5340,16 @@ function tc({
         {
           type: "button",
           className: "vx-timepicker__done",
-          onClick: () => N(!1),
+          onClick: () => {
+            w || A(g, y, f), N(!1);
+          },
           children: "Done"
         }
       ) })
     ] })
   ] });
 }
-function nc({
+function tc({
   label: e,
   hint: t,
   error: n,
@@ -5371,11 +5360,11 @@ function nc({
   onFiles: i,
   className: d
 }) {
-  const [c, u] = I(!1), [p, b] = I([]), [w, S] = I(), g = z(null), h = q(
+  const [c, u] = I(!1), [p, b] = I([]), [w, S] = I(), g = B(null), h = Y(
     (x) => {
       if (!x) return;
       const N = Array.from(x);
-      if (s && N.filter((P) => P.size > s).length > 0) {
+      if (s && N.filter((R) => R.size > s).length > 0) {
         S(`File too large (max ${(s / 1024 / 1024).toFixed(1)} MB)`);
         return;
       }
@@ -5383,8 +5372,8 @@ function nc({
       const E = N.map((A) => ({
         file: A,
         id: crypto.randomUUID()
-      })), T = o ? [...p, ...E] : E;
-      b(T), i == null || i(T.map((A) => A.file));
+      })), C = o ? [...p, ...E] : E;
+      b(C), i == null || i(C.map((A) => A.file));
     },
     [p, s, o, i]
   ), y = (x) => {
@@ -5395,12 +5384,12 @@ function nc({
     const N = p.filter((E) => E.id !== x);
     b(N), i == null || i(N.map((E) => E.file));
   }, m = n ?? w;
-  return /* @__PURE__ */ k("div", { className: C("vx-file-upload", d), children: [
+  return /* @__PURE__ */ k("div", { className: T("vx-file-upload", d), children: [
     e ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: e }) : null,
     /* @__PURE__ */ k(
       "div",
       {
-        className: C(
+        className: T(
           "vx-file-upload__zone",
           c && "vx-file-upload__zone--dragging",
           l && "vx-file-upload__zone--disabled",
@@ -5465,7 +5454,7 @@ function nc({
     ] }, x)) })
   ] });
 }
-function rc({
+function nc({
   trigger: e,
   title: t,
   description: n,
@@ -5476,10 +5465,10 @@ function rc({
   ...i
 }) {
   return /* @__PURE__ */ k(Et, { ...i, children: [
-    e ? /* @__PURE__ */ a(Ct, { asChild: !0, children: e }) : null,
-    /* @__PURE__ */ k(Tt, { 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: C("vx-sheet", `vx-sheet--${r}`, l), children: [
+      /* @__PURE__ */ k(Pt, { 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,
@@ -5493,7 +5482,7 @@ function rc({
     ] })
   ] });
 }
-function ac({
+function rc({
   maxHeight: e,
   maxWidth: t,
   children: n,
@@ -5504,7 +5493,7 @@ function ac({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: C("vx-scroll-area", r),
+      className: T("vx-scroll-area", r),
       style: {
         maxHeight: typeof e == "number" ? `${e}px` : e,
         maxWidth: typeof t == "number" ? `${t}px` : t,
@@ -5515,7 +5504,7 @@ function ac({
     }
   );
 }
-function oc({
+function ac({
   pressed: e,
   defaultPressed: t = !1,
   onPressedChange: n,
@@ -5533,14 +5522,14 @@ function oc({
     {
       type: "button",
       "aria-pressed": p,
-      className: C("vx-toggle", `vx-toggle--${r}`, p && "vx-toggle--on", o),
+      className: T("vx-toggle", `vx-toggle--${r}`, p && "vx-toggle--on", o),
       onClick: b,
       ...i,
       children: s
     }
   );
 }
-function sc({
+function oc({
   items: e,
   value: t,
   defaultValue: n,
@@ -5560,13 +5549,13 @@ function sc({
       S = u === w ? "" : w;
     c || d(S), r == null || r(S);
   };
-  return /* @__PURE__ */ a("div", { className: C("vx-toggle-group", l), role: "group", children: e.map((w) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { className: T("vx-toggle-group", l), role: "group", children: e.map((w) => /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       "aria-pressed": p(w.value),
       disabled: w.disabled,
-      className: C(
+      className: T(
         "vx-toggle",
         `vx-toggle--${s}`,
         p(w.value) && "vx-toggle--on",
@@ -5578,9 +5567,9 @@ function sc({
     w.value
   )) });
 }
-function ic({ groups: e, items: t, children: n, className: r }) {
-  const [o, s] = I(null), l = z(null), i = e ?? (t ? [{ items: t }] : []);
-  $(() => {
+function sc({ 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;
     const c = (p) => {
       l.current && !l.current.contains(p.target) && s(null);
@@ -5591,10 +5580,10 @@ function ic({ groups: e, items: t, children: n, className: r }) {
       document.removeEventListener("mousedown", c), document.removeEventListener("keydown", u);
     };
   }, [o]);
-  const d = q((c) => {
+  const d = Y((c) => {
     c.preventDefault(), s({ x: c.clientX, y: c.clientY });
   }, []);
-  return /* @__PURE__ */ k("div", { className: C("vx-context-menu-wrap", r), onContextMenu: d, children: [
+  return /* @__PURE__ */ k("div", { className: T("vx-context-menu-wrap", r), onContextMenu: d, children: [
     n,
     o && /* @__PURE__ */ a(
       "div",
@@ -5612,7 +5601,7 @@ function ic({ groups: e, items: t, children: n, className: r }) {
               type: "button",
               role: "menuitem",
               disabled: p.disabled,
-              className: C(
+              className: T(
                 "vx-dropdown__item",
                 p.danger && "vx-dropdown__item--danger",
                 p.disabled && "vx-dropdown__item--disabled"
@@ -5634,36 +5623,36 @@ function ic({ groups: e, items: t, children: n, className: r }) {
     )
   ] });
 }
-function lc({
+function ic({
   content: e,
   placement: t = "bottom",
   delay: n = 400,
   children: r,
   className: o
 }) {
-  const [s, l] = I(!1), i = z(null), d = q(() => {
+  const [s, l] = I(!1), i = B(null), d = Y(() => {
     i.current = setTimeout(() => l(!0), n);
-  }, [n]), c = q(() => {
+  }, [n]), c = Y(() => {
     i.current && clearTimeout(i.current), l(!1);
   }, []);
   return /* @__PURE__ */ k(
     "span",
     {
-      className: C("vx-hovercard-wrap", o),
+      className: T("vx-hovercard-wrap", o),
       onMouseEnter: d,
       onMouseLeave: c,
       onFocus: d,
       onBlur: c,
       children: [
         r,
-        s && /* @__PURE__ */ a("div", { className: C("vx-hovercard", `vx-hovercard--${t}`), children: e })
+        s && /* @__PURE__ */ a("div", { className: T("vx-hovercard", `vx-hovercard--${t}`), children: e })
       ]
     }
   );
 }
-function cc({ menus: e, className: t }) {
-  const [n, r] = I(null), o = z(null);
-  return $(() => {
+function lc({ menus: e, className: t }) {
+  const [n, r] = I(null), o = B(null);
+  return z(() => {
     if (n === null) return;
     const s = (i) => {
       o.current && !o.current.contains(i.target) && r(null);
@@ -5673,7 +5662,7 @@ function cc({ menus: e, className: t }) {
     return document.addEventListener("mousedown", s), document.addEventListener("keydown", l), () => {
       document.removeEventListener("mousedown", s), document.removeEventListener("keydown", l);
     };
-  }, [n]), /* @__PURE__ */ a("div", { ref: o, className: C("vx-menubar", t), role: "menubar", children: e.map((s, l) => {
+  }, [n]), /* @__PURE__ */ a("div", { ref: o, className: T("vx-menubar", t), role: "menubar", children: e.map((s, l) => {
     const i = s.groups ?? (s.items ? [{ items: s.items }] : []), d = n === l;
     return /* @__PURE__ */ k("div", { className: "vx-menubar__item-wrap", children: [
       /* @__PURE__ */ a(
@@ -5681,7 +5670,7 @@ function cc({ menus: e, className: t }) {
         {
           type: "button",
           role: "menuitem",
-          className: C("vx-menubar__trigger", d && "vx-menubar__trigger--open"),
+          className: T("vx-menubar__trigger", d && "vx-menubar__trigger--open"),
           disabled: s.disabled,
           "aria-haspopup": "menu",
           "aria-expanded": d,
@@ -5701,7 +5690,7 @@ function cc({ menus: e, className: t }) {
             type: "button",
             role: "menuitem",
             disabled: p.disabled,
-            className: C(
+            className: T(
               "vx-dropdown__item",
               p.danger && "vx-dropdown__item--danger",
               p.disabled && "vx-dropdown__item--disabled"
@@ -5722,9 +5711,9 @@ function cc({ menus: e, className: t }) {
     ] }, l);
   }) });
 }
-function dc({ items: e, className: t }) {
-  const [n, r] = I(null), o = z(null);
-  return $(() => {
+function cc({ items: e, className: t }) {
+  const [n, r] = I(null), o = B(null);
+  return z(() => {
     if (n === null) return;
     const s = (i) => {
       o.current && !o.current.contains(i.target) && r(null);
@@ -5734,14 +5723,14 @@ function dc({ items: e, className: t }) {
     return document.addEventListener("mousedown", s), document.addEventListener("keydown", l), () => {
       document.removeEventListener("mousedown", s), document.removeEventListener("keydown", l);
     };
-  }, [n]), /* @__PURE__ */ a("nav", { ref: o, className: C("vx-nav-menu", t), "aria-label": "Main navigation", children: /* @__PURE__ */ a("ul", { className: "vx-nav-menu__list", role: "list", children: e.map((s, l) => {
+  }, [n]), /* @__PURE__ */ a("nav", { ref: o, className: T("vx-nav-menu", t), "aria-label": "Main navigation", children: /* @__PURE__ */ a("ul", { className: "vx-nav-menu__list", role: "list", children: e.map((s, l) => {
     const i = s.items && s.items.length > 0, d = n === l;
     return /* @__PURE__ */ k("li", { className: "vx-nav-menu__item-wrap", children: [
       i ? /* @__PURE__ */ k(
         "button",
         {
           type: "button",
-          className: C(
+          className: T(
             "vx-nav-menu__link",
             s.active && "vx-nav-menu__link--active",
             d && "vx-nav-menu__link--open"
@@ -5755,7 +5744,7 @@ function dc({ items: e, className: t }) {
               Ee,
               {
                 size: 14,
-                className: C(
+                className: T(
                   "vx-nav-menu__chevron",
                   d && "vx-nav-menu__chevron--open"
                 )
@@ -5767,7 +5756,7 @@ function dc({ items: e, className: t }) {
         "a",
         {
           href: s.href ?? "#",
-          className: C(
+          className: T(
             "vx-nav-menu__link",
             s.active && "vx-nav-menu__link--active"
           ),
@@ -5797,7 +5786,7 @@ function dc({ items: e, className: t }) {
     ] }, l);
   }) }) });
 }
-function uc({
+function dc({
   steps: e,
   currentStep: t = 0,
   orientation: n = "horizontal",
@@ -5806,11 +5795,11 @@ function uc({
   return /* @__PURE__ */ a(
     "ol",
     {
-      className: C("vx-stepper", `vx-stepper--${n}`, r),
+      className: T("vx-stepper", `vx-stepper--${n}`, r),
       "aria-label": "Steps",
       children: e.map((o, s) => {
         const l = o.status ?? (s < t ? "completed" : s === t ? "active" : "pending");
-        return /* @__PURE__ */ k("li", { className: C("vx-stepper__step", `vx-stepper__step--${l}`), children: [
+        return /* @__PURE__ */ k("li", { className: T("vx-stepper__step", `vx-stepper__step--${l}`), children: [
           /* @__PURE__ */ a("div", { className: "vx-stepper__indicator", "aria-hidden": "true", children: l === "completed" ? /* @__PURE__ */ a(Ke, { size: 14 }) : /* @__PURE__ */ a("span", { children: s + 1 }) }),
           /* @__PURE__ */ k("div", { className: "vx-stepper__content", children: [
             /* @__PURE__ */ a("span", { className: "vx-stepper__label", children: o.label }),
@@ -5822,11 +5811,11 @@ function uc({
     }
   );
 }
-function pc({ items: e, className: t }) {
-  return /* @__PURE__ */ a("ol", { className: C("vx-timeline", t), "aria-label": "Timeline", children: e.map((n, r) => /* @__PURE__ */ k(
+function uc({ items: e, className: t }) {
+  return /* @__PURE__ */ a("ol", { className: T("vx-timeline", t), "aria-label": "Timeline", children: e.map((n, r) => /* @__PURE__ */ k(
     "li",
     {
-      className: C(
+      className: T(
         "vx-timeline__item",
         n.status && `vx-timeline__item--${n.status}`
       ),
@@ -5844,15 +5833,15 @@ function pc({ items: e, className: t }) {
     r
   )) });
 }
-function vc({ icon: e, title: t, description: n, action: r, className: o }) {
-  return /* @__PURE__ */ k("div", { className: C("vx-empty-state", o), role: "status", "aria-live": "polite", children: [
+function pc({ 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 }),
     n && /* @__PURE__ */ a("p", { className: "vx-empty-state__description", children: n }),
     r && /* @__PURE__ */ a("div", { className: "vx-empty-state__action", children: r })
   ] });
 }
-function fc({
+function vc({
   items: e,
   defaultIndex: t = 0,
   index: n,
@@ -5864,14 +5853,14 @@ function fc({
   showArrows: d = !0,
   className: c
 }) {
-  const u = n !== void 0, [p, b] = I(t), w = u ? n : p, S = e.length, g = z(null), h = q(
+  const u = n !== void 0, [p, b] = I(t), w = u ? n : p, S = e.length, g = B(null), h = Y(
     (f) => {
       let m = f;
       l ? m = (f % S + S) % S : m = Math.max(0, Math.min(f, S - 1)), u || b(m), r == null || r(m);
     },
     [u, l, r, S]
   );
-  $(() => {
+  z(() => {
     if (o)
       return g.current = setInterval(() => h(w + 1), s), () => {
         g.current && clearInterval(g.current);
@@ -5881,7 +5870,7 @@ function fc({
   return S === 0 ? null : /* @__PURE__ */ k(
     "div",
     {
-      className: C("vx-carousel", c),
+      className: T("vx-carousel", c),
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": "Carousel",
@@ -5905,7 +5894,7 @@ function fc({
             ))
           }
         ) }),
-        d && /* @__PURE__ */ k(J, { children: [
+        d && /* @__PURE__ */ k(ee, { children: [
           /* @__PURE__ */ a(
             "button",
             {
@@ -5925,7 +5914,7 @@ function fc({
               onClick: v,
               disabled: !l && w === S - 1,
               "aria-label": "Next slide",
-              children: /* @__PURE__ */ a(Ce, { size: 20 })
+              children: /* @__PURE__ */ a(Te, { size: 20 })
             }
           )
         ] }),
@@ -5934,7 +5923,7 @@ function fc({
           {
             type: "button",
             role: "tab",
-            className: C("vx-carousel__dot", m === w && "vx-carousel__dot--active"),
+            className: T("vx-carousel__dot", m === w && "vx-carousel__dot--active"),
             onClick: () => h(m),
             "aria-selected": m === w,
             "aria-label": `Go to slide ${m + 1}`
@@ -5946,7 +5935,7 @@ function fc({
   );
 }
 function Ei({ 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(J, { children: [
+  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" }),
       /* @__PURE__ */ a("stop", { offset: "50%", stopColor: "none", stopOpacity: "0" })
@@ -5972,7 +5961,7 @@ function Ei({ filled: e, half: t }) {
     }
   ) });
 }
-function mc({
+function fc({
   value: e,
   defaultValue: t = 0,
   onChange: n,
@@ -5998,18 +5987,18 @@ function mc({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: C("vx-rating", `vx-rating--${c}`, s && "vx-rating--disabled", d),
+      className: T("vx-rating", `vx-rating--${c}`, s && "vx-rating--disabled", d),
       role: "group",
       "aria-label": i ?? "Rating",
       children: Array.from({ length: r }, (m, x) => {
-        const N = x + 1, E = h >= N, T = !E && h >= N - 0.5;
+        const N = x + 1, E = h >= N, C = !E && h >= N - 0.5;
         return /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: C(
+            className: T(
               "vx-rating__star",
-              (E || T) && "vx-rating__star--active"
+              (E || C) && "vx-rating__star--active"
             ),
             onClick: (A) => v(N, A),
             onMouseMove: (A) => f(N, A),
@@ -6018,7 +6007,7 @@ function mc({
             "aria-label": `${N} star${N !== 1 ? "s" : ""}`,
             "aria-pressed": w >= N,
             tabIndex: l || s ? -1 : 0,
-            children: /* @__PURE__ */ a(Ei, { filled: E, half: T })
+            children: /* @__PURE__ */ a(Ei, { filled: E, half: C })
           },
           x
         );
@@ -6034,7 +6023,7 @@ function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
     /* @__PURE__ */ k(
       "div",
       {
-        className: C(
+        className: T(
           "vx-tree__node",
           d && "vx-tree__node--selected",
           e.disabled && "vx-tree__node--disabled"
@@ -6048,11 +6037,11 @@ function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
         role: "button",
         "aria-label": typeof e.label == "string" ? e.label : void 0,
         children: [
-          /* @__PURE__ */ a("span", { className: C("vx-tree__expand", !l && "vx-tree__expand--hidden"), children: /* @__PURE__ */ a(
-            Ce,
+          /* @__PURE__ */ a("span", { className: T("vx-tree__expand", !l && "vx-tree__expand--hidden"), children: /* @__PURE__ */ a(
+            Te,
             {
               size: 14,
-              className: C("vx-tree__chevron", i && "vx-tree__chevron--open")
+              className: T("vx-tree__chevron", i && "vx-tree__chevron--open")
             }
           ) }),
           e.icon && /* @__PURE__ */ a("span", { className: "vx-tree__icon", children: e.icon }),
@@ -6074,7 +6063,7 @@ function Wr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
     )) })
   ] });
 }
-function hc({
+function mc({
   nodes: e,
   selected: t,
   defaultSelected: n,
@@ -6086,12 +6075,12 @@ function hc({
 }) {
   const d = t !== void 0, [c, u] = I(n), p = d ? t : c, b = s !== void 0, [w, S] = I(
     new Set(o)
-  ), g = b ? new Set(s) : w, h = q(
+  ), g = b ? new Set(s) : w, h = Y(
     (v, f) => {
       d || u(v), r == null || r(v, f);
     },
     [d, r]
-  ), y = q(
+  ), y = Y(
     (v) => {
       const f = new Set(g);
       f.has(v) ? f.delete(v) : f.add(v), b || S(f), l == null || l([...f]);
@@ -6101,7 +6090,7 @@ function hc({
   return /* @__PURE__ */ a(
     "ul",
     {
-      className: C("vx-tree", i),
+      className: T("vx-tree", i),
       role: "tree",
       "aria-multiselectable": "false",
       children: e.map((v) => /* @__PURE__ */ a(
@@ -6119,7 +6108,7 @@ function hc({
     }
   );
 }
-function gc({
+function hc({
   value: e,
   defaultValue: t = [],
   onChange: n,
@@ -6134,10 +6123,10 @@ function gc({
   className: p,
   ...b
 }) {
-  const w = e !== void 0, [S, g] = I(t), h = w ? e : S, [y, v] = I(""), [f, m] = I(), x = z(null), N = (R) => {
-    w || g(R), n == null || n(R);
-  }, E = (R) => {
-    const L = R.trim();
+  const w = e !== void 0, [S, g] = I(t), h = w ? e : S, [y, v] = I(""), [f, m] = I(), x = B(null), N = (P) => {
+    w || g(P), n == null || n(P);
+  }, E = (P) => {
+    const L = P.trim();
     if (L) {
       if (h.includes(L)) {
         m("Tag already exists");
@@ -6148,49 +6137,49 @@ function gc({
         return;
       }
       if (c) {
-        const B = c(L);
-        if (B === !1) {
+        const $ = c(L);
+        if ($ === !1) {
           m("Invalid tag");
           return;
         }
-        if (typeof B == "string") {
-          m(B);
+        if (typeof $ == "string") {
+          m($);
           return;
         }
       }
       m(void 0), N([...h, L]), v("");
     }
-  }, T = (R) => {
-    N(h.filter((L, B) => B !== R));
-  }, A = (R) => {
-    i.includes(R.key) ? (R.preventDefault(), E(y)) : R.key === "Backspace" && !y && h.length > 0 && T(h.length - 1);
-  }, P = s ?? f;
-  return /* @__PURE__ */ k("div", { className: C("vx-tag-input", p), children: [
+  }, C = (P) => {
+    N(h.filter((L, $) => $ !== P));
+  }, A = (P) => {
+    i.includes(P.key) ? (P.preventDefault(), E(y)) : P.key === "Backspace" && !y && h.length > 0 && C(h.length - 1);
+  }, R = s ?? f;
+  return /* @__PURE__ */ k("div", { className: T("vx-tag-input", p), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
     /* @__PURE__ */ k(
       "div",
       {
-        className: C(
+        className: T(
           "vx-tag-input__wrap",
-          P && "vx-tag-input__wrap--invalid",
+          R && "vx-tag-input__wrap--invalid",
           u && "vx-tag-input__wrap--disabled"
         ),
         onClick: () => {
-          var R;
-          return (R = x.current) == null ? void 0 : R.focus();
+          var P;
+          return (P = x.current) == null ? void 0 : P.focus();
         },
         children: [
-          h.map((R, L) => /* @__PURE__ */ k("span", { className: "vx-tag-input__tag", children: [
-            R,
+          h.map((P, L) => /* @__PURE__ */ k("span", { className: "vx-tag-input__tag", children: [
+            P,
             !u && /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 className: "vx-tag-input__remove",
-                onClick: (B) => {
-                  B.stopPropagation(), T(L);
+                onClick: ($) => {
+                  $.stopPropagation(), C(L);
                 },
-                "aria-label": `Remove tag ${R}`,
+                "aria-label": `Remove tag ${P}`,
                 children: /* @__PURE__ */ a(le, { size: 11 })
               }
             )
@@ -6204,8 +6193,8 @@ function gc({
               placeholder: h.length === 0 ? l : "",
               disabled: u,
               onKeyDown: A,
-              onChange: (R) => {
-                v(R.target.value), m(void 0);
+              onChange: (P) => {
+                v(P.target.value), m(void 0);
               },
               onBlur: () => {
                 y.trim() && E(y);
@@ -6217,11 +6206,11 @@ function gc({
         ]
       }
     ),
-    P ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: P }) : null,
-    !P && o ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: o }) : null
+    R ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: R }) : null,
+    !R && o ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: o }) : null
   ] });
 }
-function Ci(e) {
+function Ti(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) {
@@ -6258,7 +6247,7 @@ function dt(e, t, n) {
 function sn(e) {
   return /^#[0-9a-f]{6}$/i.test(e);
 }
-const Ti = [
+const Ci = [
   "#ef4444",
   "#f97316",
   "#eab308",
@@ -6272,7 +6261,7 @@ const Ti = [
   "#ffffff",
   "#f8fafc"
 ];
-function bc({
+function gc({
   value: e,
   defaultValue: t = "#3b82f6",
   onChange: n,
@@ -6280,49 +6269,49 @@ function bc({
   hint: o,
   error: s,
   disabled: l,
-  presets: i = Ti,
+  presets: i = Ci,
   showPresets: d = !0,
   className: c
 }) {
-  const u = e !== void 0, [p, b] = I(t), w = u ? e : p, [S, g] = I(w), [h, y] = I(!1), v = z(null);
-  $(() => {
+  const u = e !== void 0, [p, b] = I(t), w = u ? e : p, [S, g] = I(w), [h, y] = I(!1), v = B(null);
+  z(() => {
     if (!h) return;
-    const T = (P) => {
-      v.current && !v.current.contains(P.target) && y(!1);
-    }, A = (P) => {
-      P.key === "Escape" && (P.preventDefault(), y(!1));
+    const C = (R) => {
+      v.current && !v.current.contains(R.target) && y(!1);
+    }, A = (R) => {
+      R.key === "Escape" && (R.preventDefault(), y(!1));
     };
-    return document.addEventListener("mousedown", T), document.addEventListener("touchstart", T, { passive: !0 }), document.addEventListener("keydown", A), () => {
-      document.removeEventListener("mousedown", T), document.removeEventListener("touchstart", T), document.removeEventListener("keydown", A);
+    return document.addEventListener("mousedown", C), document.addEventListener("touchstart", C, { passive: !0 }), document.addEventListener("keydown", A), () => {
+      document.removeEventListener("mousedown", C), document.removeEventListener("touchstart", C), document.removeEventListener("keydown", A);
     };
-  }, [h]), $(() => {
+  }, [h]), z(() => {
     if (!(!h || !window.matchMedia("(max-width: 640px)").matches))
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
   }, [h]);
-  const [f, m, x] = sn(w) ? Ci(w) : [0, 0, 50], N = q(
-    (T) => {
-      u || b(T), g(T), n == null || n(T);
+  const [f, m, x] = sn(w) ? Ti(w) : [0, 0, 50], N = Y(
+    (C) => {
+      u || b(C), g(C), n == null || n(C);
     },
     [u, n]
-  ), E = (T) => {
-    const A = T.startsWith("#") ? T : `#${T}`;
+  ), E = (C) => {
+    const A = C.startsWith("#") ? C : `#${C}`;
     g(A), sn(A) && N(A);
   };
-  return /* @__PURE__ */ k("div", { ref: v, className: C("vx-colorpicker", c), children: [
+  return /* @__PURE__ */ k("div", { ref: v, className: T("vx-colorpicker", c), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
     /* @__PURE__ */ k("div", { className: "vx-colorpicker__row", children: [
       /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          className: C(
+          className: T(
             "vx-colorpicker__swatch-btn",
             l && "vx-colorpicker__swatch-btn--disabled"
           ),
           style: { "--vx-cp-color": w },
-          onClick: () => !l && y((T) => !T),
+          onClick: () => !l && y((C) => !C),
           disabled: l,
           "aria-label": `Current color: ${w}. Click to open color picker.`,
           "aria-haspopup": "dialog",
@@ -6335,7 +6324,7 @@ function bc({
           type: "text",
           className: "vx-colorpicker__hex-input",
           value: S,
-          onChange: (T) => E(T.target.value),
+          onChange: (C) => E(C.target.value),
           disabled: l,
           "aria-label": "Hex color value",
           maxLength: 7
@@ -6354,7 +6343,7 @@ function bc({
           min: "0",
           max: "360",
           value: f,
-          onChange: (T) => N(dt(Number(T.target.value), m, x)),
+          onChange: (C) => N(dt(Number(C.target.value), m, x)),
           "aria-label": "Hue"
         }
       ),
@@ -6368,7 +6357,7 @@ function bc({
           max: "100",
           value: m,
           style: { "--vx-cp-hue": f },
-          onChange: (T) => N(dt(f, Number(T.target.value), x)),
+          onChange: (C) => N(dt(f, Number(C.target.value), x)),
           "aria-label": "Saturation"
         }
       ),
@@ -6382,23 +6371,23 @@ function bc({
           max: "100",
           value: x,
           style: { "--vx-cp-hue": f, "--vx-cp-sat": `${m}%` },
-          onChange: (T) => N(dt(f, m, Number(T.target.value))),
+          onChange: (C) => N(dt(f, m, Number(C.target.value))),
           "aria-label": "Lightness"
         }
       ),
-      d && /* @__PURE__ */ a("div", { className: "vx-colorpicker__presets", children: i.map((T) => /* @__PURE__ */ a(
+      d && /* @__PURE__ */ a("div", { className: "vx-colorpicker__presets", children: i.map((C) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          className: C(
+          className: T(
             "vx-colorpicker__preset",
-            w.toLowerCase() === T.toLowerCase() && "vx-colorpicker__preset--active"
+            w.toLowerCase() === C.toLowerCase() && "vx-colorpicker__preset--active"
           ),
-          style: { background: T },
-          onClick: () => N(T),
-          "aria-label": T
+          style: { background: C },
+          onClick: () => N(C),
+          "aria-label": C
         },
-        T
+        C
       )) }),
       /* @__PURE__ */ a(
         "button",
@@ -6412,7 +6401,7 @@ function bc({
     ] })
   ] });
 }
-function xc({
+function bc({
   direction: e = "horizontal",
   children: t,
   className: n
@@ -6420,7 +6409,7 @@ function xc({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: C(
+      className: T(
         "vx-resizable-group",
         `vx-resizable-group--${e}`,
         n
@@ -6429,7 +6418,7 @@ function xc({
     }
   );
 }
-function yc({
+function xc({
   children: e,
   defaultSize: t = 50,
   minSize: n = 10,
@@ -6440,7 +6429,7 @@ function yc({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: C("vx-resizable-panel", o),
+      className: T("vx-resizable-panel", o),
       style: { "--vx-panel-size": `${t}%`, ...s },
       "data-min": n,
       "data-max": r,
@@ -6448,11 +6437,11 @@ function yc({
     }
   );
 }
-function _c({
+function yc({
   className: e,
   direction: t = "horizontal"
 }) {
-  const n = z(!1), [r, o] = I(!1), s = q(
+  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;
@@ -6460,8 +6449,8 @@ function _c({
       n.current = !0, o(!0);
       const y = Number(d.dataset.min ?? 10) / 100 * b, v = Number(d.dataset.max ?? 90) / 100 * b, f = Number(c.dataset.min ?? 10) / 100 * b, m = Number(c.dataset.max ?? 90) / 100 * b, x = (E) => {
         if (!n.current) return;
-        const T = g(E) - h, A = Math.min(Math.max(w + T, y), v), P = Math.min(Math.max(S - T, f), m);
-        d.style.flexBasis = `${A / b * 100}%`, c.style.flexBasis = `${P / b * 100}%`;
+        const C = g(E) - h, A = Math.min(Math.max(w + C, y), v), R = Math.min(Math.max(S - C, f), m);
+        d.style.flexBasis = `${A / b * 100}%`, c.style.flexBasis = `${R / b * 100}%`;
       }, N = () => {
         n.current = !1, o(!1), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", x), document.removeEventListener("touchend", N);
       };
@@ -6474,7 +6463,7 @@ function _c({
     {
       role: "separator",
       "aria-orientation": t === "horizontal" ? "vertical" : "horizontal",
-      className: C(
+      className: T(
         "vx-resizable-handle",
         `vx-resizable-handle--${t}`,
         r && "vx-resizable-handle--active",
@@ -6489,7 +6478,7 @@ function _c({
 function ln(e, t) {
   if (!t) return e;
   const n = e.toLowerCase().indexOf(t.toLowerCase());
-  return n === -1 ? e : /* @__PURE__ */ k(J, { children: [
+  return n === -1 ? e : /* @__PURE__ */ k(ee, { children: [
     e.slice(0, n),
     /* @__PURE__ */ a("mark", { className: "vx-cmd__mark", children: e.slice(n, n + t.length) }),
     e.slice(n + t.length)
@@ -6499,7 +6488,7 @@ function Ai(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 wc({
+function _c({
   entries: e,
   open: t,
   onClose: n,
@@ -6511,25 +6500,25 @@ function wc({
   labelGo: d = "Go",
   labelClose: c = "Close"
 }) {
-  const [u, p] = I(""), [b, w] = I(0), S = z(null), g = z(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: Ai(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;
       return (m = S.current) == null ? void 0 : m.focus();
     }, 30));
-  }, [t]), $(() => {
+  }, [t]), z(() => {
     w(0);
-  }, [u]), $(() => {
+  }, [u]), z(() => {
     var x;
     const m = (x = g.current) == null ? void 0 : x.children[b];
     m == null || m.scrollIntoView({ block: "nearest" });
   }, [b]);
-  const y = q(
+  const y = Y(
     (m) => {
       r(m), n();
     },
     [r, n]
-  ), v = q(
+  ), v = Y(
     (m) => {
       m.key === "ArrowDown" ? (m.preventDefault(), w((x) => Math.min(x + 1, h.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), w((x) => Math.max(x - 1, 0))) : m.key === "Enter" ? (m.preventDefault(), h[b] && y(h[b].key)) : m.key === "Escape" && n();
     },
@@ -6573,13 +6562,13 @@ function wc({
         ] }),
         /* @__PURE__ */ a("ul", { className: "vx-cmd__list", ref: g, role: "listbox", children: h.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-cmd__empty", children: l(u) }) : f.map(
           (m) => m.items.map((x, N) => {
-            const E = h.indexOf(x), T = E === b;
+            const E = h.indexOf(x), C = E === b;
             return /* @__PURE__ */ k(
               "li",
               {
                 role: "option",
-                "aria-selected": T,
-                className: `vx-cmd__item${T ? " vx-cmd__item--active" : ""}`,
+                "aria-selected": C,
+                className: `vx-cmd__item${C ? " vx-cmd__item--active" : ""}`,
                 onMouseEnter: () => w(E),
                 onMouseDown: () => y(x.key),
                 children: [
@@ -6588,7 +6577,7 @@ function wc({
                     /* @__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) })
                   ] }),
-                  T && /* @__PURE__ */ a("kbd", { className: "vx-cmd__enter", children: "↵" })
+                  C && /* @__PURE__ */ a("kbd", { className: "vx-cmd__enter", children: "↵" })
                 ]
               },
               x.key
@@ -6747,8 +6736,8 @@ function Ri() {
               case "Array":
                 return N = i.util.objId(f), m[N] ? m[N] : (x = [], m[N] = x, /** @type {Array} */
                 /** @type {any} */
-                f.forEach(function(T, A) {
-                  x[A] = v(T, m);
+                f.forEach(function(C, A) {
+                  x[A] = v(C, m);
                 }), /** @type {any} */
                 x);
               default:
@@ -6969,27 +6958,27 @@ function Ri() {
             x = x || /** @type {any} */
             i.languages;
             var N = x[v], E = {};
-            for (var T in N)
-              if (N.hasOwnProperty(T)) {
-                if (T == f)
+            for (var C in N)
+              if (N.hasOwnProperty(C)) {
+                if (C == f)
                   for (var A in m)
                     m.hasOwnProperty(A) && (E[A] = m[A]);
-                m.hasOwnProperty(T) || (E[T] = N[T]);
+                m.hasOwnProperty(C) || (E[C] = N[C]);
               }
-            var P = x[v];
-            return x[v] = E, i.languages.DFS(i.languages, function(R, L) {
-              L === P && R != v && (this[R] = E);
+            var R = x[v];
+            return x[v] = E, i.languages.DFS(i.languages, function(P, L) {
+              L === R && P != v && (this[P] = E);
             }), E;
           },
           // Traverse a language definition with Depth First Search
           DFS: function v(f, m, x, N) {
             N = N || {};
             var E = i.util.objId;
-            for (var T in f)
-              if (f.hasOwnProperty(T)) {
-                m.call(f, T, f[T], x || T);
-                var A = f[T], P = i.util.type(A);
-                P === "Object" && !N[E(A)] ? (N[E(A)] = !0, v(A, m, null, N)) : P === "Array" && !N[E(A)] && (N[E(A)] = !0, v(A, m, T, N));
+            for (var C in f)
+              if (f.hasOwnProperty(C)) {
+                m.call(f, C, f[C], x || C);
+                var A = f[C], R = i.util.type(A);
+                R === "Object" && !N[E(A)] ? (N[E(A)] = !0, v(A, m, null, N)) : R === "Array" && !N[E(A)] && (N[E(A)] = !0, v(A, m, C, N));
               }
           }
         },
@@ -7067,13 +7056,13 @@ function Ri() {
           i.util.setLanguage(v, x);
           var E = v.parentElement;
           E && E.nodeName.toLowerCase() === "pre" && i.util.setLanguage(E, x);
-          var T = v.textContent, A = {
+          var C = v.textContent, A = {
             element: v,
             language: x,
             grammar: N,
-            code: T
+            code: C
           };
-          function P(L) {
+          function R(L) {
             A.highlightedCode = L, i.hooks.run("before-insert", A), A.element.innerHTML = A.highlightedCode, i.hooks.run("after-highlight", A), i.hooks.run("complete", A), m && m.call(A.element);
           }
           if (i.hooks.run("before-sanity-check", A), E = A.element.parentElement, E && E.nodeName.toLowerCase() === "pre" && !E.hasAttribute("tabindex") && E.setAttribute("tabindex", "0"), !A.code) {
@@ -7081,20 +7070,20 @@ function Ri() {
             return;
           }
           if (i.hooks.run("before-highlight", A), !A.grammar) {
-            P(i.util.encode(A.code));
+            R(i.util.encode(A.code));
             return;
           }
           if (f && r.Worker) {
-            var R = new Worker(i.filename);
-            R.onmessage = function(L) {
-              P(L.data);
-            }, R.postMessage(JSON.stringify({
+            var P = new Worker(i.filename);
+            P.onmessage = function(L) {
+              R(L.data);
+            }, P.postMessage(JSON.stringify({
               language: A.language,
               code: A.code,
               immediateClose: !0
             }));
           } else
-            P(i.highlight(A.code, A.grammar, A.language));
+            R(i.highlight(A.code, A.grammar, A.language));
         },
         /**
          * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
@@ -7210,8 +7199,8 @@ function Ri() {
           return f;
         if (Array.isArray(f)) {
           var x = "";
-          return f.forEach(function(P) {
-            x += v(P, m);
+          return f.forEach(function(R) {
+            x += v(R, m);
           }), x;
         }
         var N = {
@@ -7223,10 +7212,10 @@ function Ri() {
           language: m
         }, E = f.alias;
         E && (Array.isArray(E) ? Array.prototype.push.apply(N.classes, E) : N.classes.push(E)), i.hooks.run("wrap", N);
-        var T = "";
+        var C = "";
         for (var A in N.attributes)
-          T += " " + A + '="' + (N.attributes[A] || "").replace(/"/g, "&quot;") + '"';
-        return "<" + N.tag + ' class="' + N.classes.join(" ") + '"' + T + ">" + N.content + "</" + N.tag + ">";
+          C += " " + A + '="' + (N.attributes[A] || "").replace(/"/g, "&quot;") + '"';
+        return "<" + N.tag + ' class="' + N.classes.join(" ") + '"' + C + ">" + N.content + "</" + N.tag + ">";
       };
       function c(v, f, m, x) {
         v.lastIndex = f;
@@ -7238,48 +7227,48 @@ function Ri() {
         return N;
       }
       function u(v, f, m, x, N, E) {
-        for (var T in m)
-          if (!(!m.hasOwnProperty(T) || !m[T])) {
-            var A = m[T];
+        for (var C in m)
+          if (!(!m.hasOwnProperty(C) || !m[C])) {
+            var A = m[C];
             A = Array.isArray(A) ? A : [A];
-            for (var P = 0; P < A.length; ++P) {
-              if (E && E.cause == T + "," + P)
+            for (var R = 0; R < A.length; ++R) {
+              if (E && E.cause == C + "," + R)
                 return;
-              var R = A[P], L = R.inside, B = !!R.lookbehind, D = !!R.greedy, W = R.alias;
-              if (D && !R.pattern.global) {
-                var G = R.pattern.toString().match(/[imsuy]*$/)[0];
-                R.pattern = RegExp(R.pattern.source, G + "g");
+              var P = A[R], L = P.inside, $ = !!P.lookbehind, D = !!P.greedy, U = P.alias;
+              if (D && !P.pattern.global) {
+                var H = P.pattern.toString().match(/[imsuy]*$/)[0];
+                P.pattern = RegExp(P.pattern.source, H + "g");
               }
-              for (var X = R.pattern || R, K = x.next, Y = N; K !== f.tail && !(E && Y >= E.reach); Y += K.value.length, K = K.next) {
-                var M = K.value;
+              for (var Z = P.pattern || P, j = x.next, X = N; j !== f.tail && !(E && X >= E.reach); X += j.value.length, j = j.next) {
+                var M = j.value;
                 if (f.length > v.length)
                   return;
                 if (!(M instanceof d)) {
-                  var H = 1, F;
+                  var q = 1, F;
                   if (D) {
-                    if (F = c(X, Y, v, B), !F || F.index >= v.length)
+                    if (F = c(Z, X, v, $), !F || F.index >= v.length)
                       break;
-                    var te = F.index, O = F.index + F[0].length, U = Y;
-                    for (U += K.value.length; te >= U; )
-                      K = K.next, U += K.value.length;
-                    if (U -= K.value.length, Y = U, K.value instanceof d)
+                    var Q = F.index, O = F.index + F[0].length, W = X;
+                    for (W += j.value.length; Q >= W; )
+                      j = j.next, W += j.value.length;
+                    if (W -= j.value.length, X = W, j.value instanceof d)
                       continue;
-                    for (var Z = K; Z !== f.tail && (U < O || typeof Z.value == "string"); Z = Z.next)
-                      H++, U += Z.value.length;
-                    H--, M = v.slice(Y, U), F.index -= Y;
-                  } else if (F = c(X, 0, M, B), !F)
+                    for (var K = j; K !== f.tail && (W < O || typeof K.value == "string"); K = K.next)
+                      q++, W += K.value.length;
+                    q--, M = v.slice(X, W), F.index -= X;
+                  } else if (F = c(Z, 0, M, $), !F)
                     continue;
-                  var te = F.index, de = F[0], fe = M.slice(0, te), $t = M.slice(te + de.length), Qe = Y + M.length;
+                  var Q = F.index, de = F[0], fe = M.slice(0, Q), Ot = M.slice(Q + de.length), Qe = X + M.length;
                   E && Qe > E.reach && (E.reach = Qe);
-                  var Re = K.prev;
-                  fe && (Re = b(f, Re, fe), Y += fe.length), w(f, Re, H);
-                  var Gr = new d(T, L ? i.tokenize(de, L) : de, W, de);
-                  if (K = b(f, Re, Gr), $t && b(f, K, $t), H > 1) {
+                  var Re = j.prev;
+                  fe && (Re = b(f, Re, fe), X += fe.length), w(f, Re, 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) {
                     var Je = {
-                      cause: T + "," + P,
+                      cause: C + "," + R,
                       reach: Qe
                     };
-                    u(v, f, m, K.prev, Y, Je), E && Je.reach > E.reach && (E.reach = Je.reach);
+                    u(v, f, m, j.prev, X, Je), E && Je.reach > E.reach && (E.reach = Je.reach);
                   }
                 }
               }
@@ -7748,8 +7737,8 @@ function Ri() {
               h.setAttribute(i, c);
               var E = w(h.getAttribute("data-range"));
               if (E) {
-                var T = N.split(/\r\n?|\n/g), A = E[0], P = E[1] == null ? T.length : E[1];
-                A < 0 && (A += T.length), A = Math.max(0, Math.min(A - 1, T.length)), P < 0 && (P += T.length), P = Math.max(0, Math.min(P, T.length)), N = T.slice(A, P).join(`
+                var C = N.split(/\r\n?|\n/g), A = E[0], R = E[1] == null ? C.length : E[1];
+                A < 0 && (A += C.length), A = Math.max(0, Math.min(A - 1, C.length)), R < 0 && (R += C.length), R = Math.max(0, Math.min(R, C.length)), N = C.slice(A, R).join(`
 `), h.hasAttribute("data-start") || h.setAttribute("data-start", String(A + 1));
               }
               y.textContent = N, n.highlightElement(y);
@@ -8472,18 +8461,18 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-function kc({
+function wc({
   code: e,
   language: t = "tsx",
   copyLabel: n,
   copiedLabel: r,
   onCopy: o
 }) {
-  const [s, l] = I(!1), i = z(null), d = Ne(() => {
+  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;
   }, [e, t]);
-  $(() => () => {
+  z(() => () => {
     i.current && clearTimeout(i.current);
   }, []);
   async function c() {
@@ -8515,7 +8504,7 @@ function kc({
     ) })
   ] });
 }
-const Li = "1.2.6", Ii = {
+const Li = "1.2.7", Ii = {
   version: Li
 }, je = `v${Ii.version}`, Hr = {
   locale: "en",
@@ -8800,10 +8789,10 @@ const Li = "1.2.6", Ii = {
     "form-controls": {
       section: "Components",
       title: "Form Controls",
-      description: "A complete set of form primitives: single-line inputs, multi-line textarea, native select, searchable single-select (Combobox), multi-select with tag display (MultiSelect), and time selection (TimePicker). All share the same label / hint / error layout system.",
+      description: "A complete set of form primitives: single-line inputs, multi-line textarea, searchable single-select (Select), multi-select with tag display (MultiSelect), and time selection (TimePicker). All share the same label / hint / error layout system.",
       guidance: [
         "Always pair form controls with visible labels in admin surfaces.",
-        "Use Combobox for single-select with optional search; set `searchable={N}` to show the search input only when options exceed N.",
+        "Use Select for single-select with optional search; set `searchable={N}` to show the search input only when options exceed N.",
         "Use MultiSelect when users need to pick several values from a bounded list.",
         "TimePicker supports 24-hour format and an optional seconds column via the `seconds` prop.",
         "Short helper text is better than placeholder-only instruction."
@@ -9283,10 +9272,10 @@ const Li = "1.2.6", Ii = {
     "form-controls": {
       section: "组件",
       title: "表单控件",
-      description: "完整的表单原语集：单行输入框、多行文本域、原生选择框、可搜索单选下拉（Combobox）、带标签显示的多选下拉（MultiSelect）和时间选择器（TimePicker）。所有组件共享统一的 label / hint / error 布局体系。",
+      description: "完整的表单原语集：单行输入框、多行文本域、可搜索单选下拉（Select）、带标签显示的多选下拉（MultiSelect）和时间选择器（TimePicker）。所有组件共享统一的 label / hint / error 布局体系。",
       guidance: [
         "在管理界面中，表单控件始终应配有可见标签。",
-        "使用 Combobox 实现单选下拉；通过 `searchable={N}` 可设为仅当选项超过 N 条时显示搜索框。",
+        "使用 Select 实现单选下拉；通过 `searchable={N}` 可设为仅当选项超过 N 条时显示搜索框。",
         "当用户需要从有限列表中选择多个值时，使用 MultiSelect。",
         "TimePicker 支持 24 小时制，通过 `seconds` prop 可启用秒选择列。",
         "简短的辅助文本优于仅依赖 placeholder 的说明。"
@@ -9483,24 +9472,24 @@ const Li = "1.2.6", Ii = {
       ]
     }
   }
-}, vn = { en: Hr, zh: Mi }, Oi = _e({
+}, vn = { en: Hr, zh: Mi }, $i = _e({
   t: Hr,
   locale: "en",
   setLocale: () => {
   }
 });
-function $i() {
-  return ye(Oi);
+function Oi() {
+  return ye($i);
 }
-function Nc({ variant: e = "inline", className: t }) {
-  const { locale: n, setLocale: r } = $i(), o = Object.entries(vn), s = vn[n], [l, i] = I(!1), d = z(null);
-  return $(() => {
+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);
+  return z(() => {
     if (!l) return;
     const u = (p) => {
       d.current && !d.current.contains(p.target) && i(!1);
     };
     return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [l]), $(() => {
+  }, [l]), z(() => {
     if (!l) return;
     const u = (p) => {
       p.key === "Escape" && i(!1);
@@ -9510,7 +9499,7 @@ function Nc({ variant: e = "inline", className: t }) {
     "div",
     {
       ref: d,
-      className: C(
+      className: T(
         "vx-lang-drop",
         e === "sidebar" && "vx-lang-drop--sidebar",
         l && "vx-lang-drop--open",
@@ -9539,7 +9528,7 @@ function Nc({ variant: e = "inline", className: t }) {
           "button",
           {
             type: "button",
-            className: C("vx-lang-drop__item", n === u && "vx-lang-drop__item--active"),
+            className: T("vx-lang-drop__item", n === u && "vx-lang-drop__item--active"),
             onClick: () => {
               r(u), i(!1);
             },
@@ -9554,9 +9543,9 @@ function Nc({ variant: e = "inline", className: t }) {
   );
 }
 export {
-  Tl as Accordion,
+  Cl as Accordion,
   Ml as ActionSheet,
-  Ol as ActionSheetItem,
+  $l as ActionSheetItem,
   _l as Alert,
   Xl as AlertDialog,
   Gi as AppShell,
@@ -9571,86 +9560,85 @@ export {
   Yi as CardDescription,
   Vi as CardHeader,
   qi as CardTitle,
-  fc as Carousel,
+  vc as Carousel,
   vl as Checkbox,
-  kc as CodeBlock,
-  bc as ColorPicker,
-  Jl as Combobox,
-  wc as CommandPalette,
-  ic as ContextMenu,
+  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,
-  vc as EmptyState,
-  nc as FileUpload,
+  pc as EmptyState,
+  tc as FileUpload,
   jl as Form,
   ql as FormDescription,
   Kl as FormField,
   Vl as FormLabel,
   Yl as FormMessage,
   ul as Heading,
-  lc as HoverCard,
+  ic as HoverCard,
   Ji as Input,
   Gl as Label,
-  Nc as LanguageSwitcher,
-  cc as Menubar,
+  kc as LanguageSwitcher,
+  lc as Menubar,
   Ul as MobileDrawer,
   Ll as MobileIconButton,
-  $l as MobileList,
+  Ol as MobileList,
   zl as MobileListItem,
   Bl as MobileListSection,
   Dl as MobileShell,
   Fl as MobileTopBar,
-  ec as MultiSelect,
-  dc as NavigationMenu,
+  Jl as MultiSelect,
+  cc as NavigationMenu,
   Zl as NumberInput,
-  Cl as Pagination,
+  Tl as Pagination,
   Nl as Popover,
   yl as Progress,
   ml as Radio,
   hl as RadioGroup,
-  mc as Rating,
-  _c as ResizableHandle,
-  yc as ResizablePanel,
-  xc as ResizablePanelGroup,
+  fc as Rating,
+  yc as ResizableHandle,
+  xc as ResizablePanel,
+  bc as ResizablePanelGroup,
   Hi as Responsive,
-  ac as ScrollArea,
+  rc as ScrollArea,
   fl as SegmentedControl,
   pl as Select,
   Al as Separator,
-  rc as Sheet,
+  nc as Sheet,
   wa as Shell,
   Pa as ShellContent,
-  Ta as ShellMain,
+  Ca as ShellMain,
   Na as ShellNav,
   Ea as ShellNavItem,
   Sa as ShellNavSection,
-  Ca as ShellOverlay,
+  Ta as ShellOverlay,
   ka as ShellSidebar,
   Aa as ShellTopbar,
   wl as Skeleton,
   bl as Slider,
   xl as Spinner,
-  uc as Stepper,
+  dc as Stepper,
   el as Switch,
   Rl as Table,
   tl as Tabs,
   al as TabsContent,
   nl as TabsList,
   rl as TabsTrigger,
-  gc as TagInput,
+  hc as TagInput,
   dl as Text,
   gl as Textarea,
   sl as ThemeProvider,
-  tc as TimePicker,
-  pc as Timeline,
+  ec as TimePicker,
+  uc as Timeline,
   ll as ToastProvider,
-  oc as Toggle,
-  sc as ToggleGroup,
+  ac as Toggle,
+  oc as ToggleGroup,
   kl as Tooltip,
-  hc as TreeView,
+  mc as TreeView,
   Wi as ViewportProvider,
   ne as createTheme,
   ol as themePresets,