@codemonster-ru/vueforge 0.75.0 → 0.77.0

package/dist/index.ts.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as oe, ref as N, computed as p, watch as ie, resolveComponent as nt, openBlock as v, createElementBlock as g, normalizeClass as Z, renderSlot as j, Fragment as ue, createTextVNode as fe, toDisplayString as G, createBlock as me, withCtx as _e, createCommentVNode as Q, resolveDynamicComponent as qe, normalizeStyle as ye, createElementVNode as x, renderList as pe, withKeys as ce, withModifiers as re, unref as We, createVNode as Ge, inject as je, provide as Qe, nextTick as ze, onBeforeUnmount as ke, withDirectives as Ce, vShow as $e, onMounted as Ve, useSlots as Xe, Teleport as Le, reactive as Dt, createSlots as bt, useAttrs as Rt, mergeProps as st, Transition as Mt, normalizeProps as Pt, guardReactiveProps as Ot } from "vue";
+import { defineComponent as oe, ref as N, computed as p, watch as ie, resolveComponent as nt, openBlock as v, createElementBlock as g, normalizeClass as Z, renderSlot as j, Fragment as ue, createTextVNode as fe, toDisplayString as G, createBlock as pe, withCtx as _e, createCommentVNode as Q, resolveDynamicComponent as Ye, normalizeStyle as ye, createElementVNode as x, renderList as me, withKeys as ce, withModifiers as re, unref as We, createVNode as Ge, inject as Xe, provide as Qe, nextTick as ze, onBeforeUnmount as ke, withDirectives as Ce, vShow as $e, onMounted as Le, useSlots as Ue, Teleport as Ve, reactive as Dt, createSlots as bt, useAttrs as Rt, mergeProps as st, Transition as Mt, normalizeProps as Pt, guardReactiveProps as Ot } from "vue";
 import { useRoute as Et, useRouter as At } from "vue-router";
 import { CmIcon as Ne } from "@codemonster-ru/vueiconify";
 const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ oe({
@@ -42,7 +42,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ oe({
         l.$slots.default ? j(l.$slots, "default", { key: 0 }) : (v(), g(ue, { key: 1 }, [
           fe(G(l.label), 1)
         ], 64))
-      ], 10, Ht)) : (v(), me(_, {
+      ], 10, Ht)) : (v(), pe(_, {
         key: 1,
         ref_key: "link",
         ref: n,
@@ -71,10 +71,10 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ oe({
 }, Kt = {}, Nt = { class: "vf-card" }, Gt = {
   key: 0,
   class: "vf-card__default"
-}, Yt = {
+}, jt = {
   key: 1,
   class: "vf-card__header"
-}, jt = {
+}, Yt = {
   key: 2,
   class: "vf-card__body"
 }, Xt = {
@@ -86,10 +86,10 @@ function Ut(s, o) {
     s.$slots.default ? (v(), g("div", Gt, [
       j(s.$slots, "default")
     ])) : Q("", !0),
-    s.$slots.header ? (v(), g("div", Yt, [
+    s.$slots.header ? (v(), g("div", jt, [
       j(s.$slots, "header")
     ])) : Q("", !0),
-    s.$slots.body ? (v(), g("div", jt, [
+    s.$slots.body ? (v(), g("div", Yt, [
       j(s.$slots, "body")
     ])) : Q("", !0),
     s.$slots.footer ? (v(), g("div", Xt, [
@@ -97,7 +97,7 @@ function Ut(s, o) {
     ])) : Q("", !0)
   ]);
 }
-const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
+const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), qu = /* @__PURE__ */ oe({
   name: "VfContainer",
   __name: "container",
   props: {
@@ -111,7 +111,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       const t = {};
       return o.maxWidth && (t["--vf-container-max-width-override"] = o.maxWidth), o.paddingX && (t["--vf-container-padding-x-override"] = o.paddingX), t;
     });
-    return (t, i) => (v(), me(qe(t.as), {
+    return (t, i) => (v(), pe(Ye(t.as), {
       class: Z(a.value),
       style: ye(e.value)
     }, {
@@ -121,7 +121,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Uu = /* @__PURE__ */ oe({
+}), Qu = /* @__PURE__ */ oe({
   name: "VfSection",
   __name: "section",
   props: {
@@ -135,7 +135,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       const t = {};
       return o.paddingY && (t["--vf-section-padding-y-override"] = o.paddingY), t;
     });
-    return (t, i) => (v(), me(qe(t.as), {
+    return (t, i) => (v(), pe(Ye(t.as), {
       class: Z(a.value),
       style: ye(e.value)
     }, {
@@ -145,7 +145,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), qu = /* @__PURE__ */ oe({
+}), Zu = /* @__PURE__ */ oe({
   name: "VfGrid",
   __name: "grid",
   props: {
@@ -180,7 +180,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       }
       return t;
     });
-    return (t, i) => (v(), me(qe(t.as), {
+    return (t, i) => (v(), pe(Ye(t.as), {
       class: "vf-grid",
       style: ye(e.value)
     }, {
@@ -190,7 +190,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       _: 3
     }, 8, ["style"]));
   }
-}), Qu = /* @__PURE__ */ oe({
+}), Ju = /* @__PURE__ */ oe({
   name: "VfGridItem",
   __name: "grid-item",
   props: {
@@ -217,7 +217,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       }
       return t;
     });
-    return (t, i) => (v(), me(qe(t.as), {
+    return (t, i) => (v(), pe(Ye(t.as), {
       class: "vf-grid-item",
       style: ye(e.value)
     }, {
@@ -227,6 +227,64 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       _: 3
     }, 8, ["style"]));
   }
+}), ec = /* @__PURE__ */ oe({
+  name: "VfStack",
+  __name: "stack",
+  props: {
+    as: { default: "div" },
+    gap: { default: "" },
+    align: { default: "stretch" },
+    justify: { default: "start" },
+    wrap: { default: "nowrap" }
+  },
+  setup(s) {
+    const o = s, a = p(() => {
+      const e = {
+        "--vf-stack-align-items-override": o.align,
+        "--vf-stack-justify-content-override": o.justify,
+        "--vf-stack-wrap-override": o.wrap
+      };
+      return o.gap && (e["--vf-stack-gap-override"] = o.gap), e;
+    });
+    return (e, t) => (v(), pe(Ye(e.as), {
+      class: "vf-stack",
+      style: ye(a.value)
+    }, {
+      default: _e(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), tc = /* @__PURE__ */ oe({
+  name: "VfInline",
+  __name: "inline",
+  props: {
+    as: { default: "div" },
+    gap: { default: "" },
+    align: { default: "center" },
+    justify: { default: "start" },
+    wrap: { default: "wrap" }
+  },
+  setup(s) {
+    const o = s, a = p(() => {
+      const e = {
+        "--vf-inline-align-items-override": o.align,
+        "--vf-inline-justify-content-override": o.justify,
+        "--vf-inline-wrap-override": o.wrap
+      };
+      return o.gap && (e["--vf-inline-gap-override"] = o.gap), e;
+    });
+    return (e, t) => (v(), pe(Ye(e.as), {
+      class: "vf-inline",
+      style: ye(a.value)
+    }, {
+      default: _e(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
 }), Qt = {
   class: "vf-menu__list",
   role: "menu"
@@ -270,7 +328,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         class: Z(["vf-menu", `vf-menu_${c.orientation}`])
       }, [
         x("ul", Qt, [
-          (v(!0), g(ue, null, pe(t.value, (y, l) => (v(), g("li", {
+          (v(!0), g(ue, null, me(t.value, (y, l) => (v(), g("li", {
             key: i(y, l),
             class: "vf-menu__item",
             role: "none"
@@ -290,7 +348,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
                   ce(re((k) => r(y), ["prevent"]), ["space"])
                 ]
               }, [
-                y.icon ? (v(), me(We(Ne), {
+                y.icon ? (v(), pe(We(Ne), {
                   key: 0,
                   icon: y.icon,
                   class: "vf-menu__icon"
@@ -298,13 +356,13 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
                 fe(" " + G(y.label) + " ", 1),
                 Ge(We(Ne), { icon: "chevronDown" })
               ], 42, Jt),
-              y.items ? (v(), me(m, {
+              y.items ? (v(), pe(m, {
                 key: 0,
                 items: y.items,
                 class: Z(["vf-menu__submenu", { "vf-menu__submenu_visible": y.subMenuVisible }]),
                 onOnActive: u
               }, null, 8, ["items", "class"])) : Q("", !0)
-            ], 64)) : (v(), me(it, {
+            ], 64)) : (v(), pe(it, {
               key: 3,
               to: y.to,
               href: y.href ?? y.url,
@@ -318,7 +376,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
               onActive: (k) => u(y)
             }, {
               default: _e(() => [
-                y.icon ? (v(), me(We(Ne), {
+                y.icon ? (v(), pe(We(Ne), {
                   key: 0,
                   icon: y.icon,
                   class: "vf-menu__icon"
@@ -351,7 +409,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
     disabled: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const o = s, a = je(dt, null), e = ["button", "submit", "reset"], t = (m) => !!m && e.includes(m), i = p(() => o.as ? o.as === "button" : !(o.to || o.href || o.url || o.type && !t(o.type))), n = p(() => t(o.type) ? o.type : "button"), d = p(() => o.as === "link" ? o.to ? "router-link" : "a" : o.type && !t(o.type) ? o.type === "router-link" && o.to ? "router-link" : "a" : o.to ? "router-link" : "a"), r = p(() => {
+    const o = s, a = Xe(dt, null), e = ["button", "submit", "reset"], t = (m) => !!m && e.includes(m), i = p(() => o.as ? o.as === "button" : !(o.to || o.href || o.url || o.type && !t(o.type))), n = p(() => t(o.type) ? o.type : "button"), d = p(() => o.as === "link" ? o.to ? "router-link" : "a" : o.type && !t(o.type) ? o.type === "router-link" && o.to ? "router-link" : "a" : o.to ? "router-link" : "a"), r = p(() => {
       const m = o.size ?? (a == null ? void 0 : a.value.size) ?? "normal", y = o.variant ?? (a == null ? void 0 : a.value.variant), l = o.severity ?? (a == null ? void 0 : a.value.severity) ?? "primary", k = o.loading || o.disabled || (a == null ? void 0 : a.value.disabled);
       let _ = ["vf-button", `vf-button_${l}`];
       return ["top", "bottom"].includes(o.iconPos) && _.push("vf-button_vertical"), y === "text" && _.push("vf-button_text"), y === "outlined" && _.push("vf-button_outlined"), ["small", "large"].indexOf(m) > -1 && _.push(`vf-button_${m}`), k && _.push("vf-button_disabled"), o.rounded && _.push("vf-button_rounded"), _;
@@ -362,12 +420,12 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       class: Z(r.value),
       disabled: o.loading || u.value
     }, [
-      o.icon && !o.loading ? (v(), me(We(Ne), {
+      o.icon && !o.loading ? (v(), pe(We(Ne), {
         key: 0,
         icon: o.icon,
         class: Z(c.value)
       }, null, 8, ["icon", "class"])) : Q("", !0),
-      o.loading ? (v(), me(We(Ne), {
+      o.loading ? (v(), pe(We(Ne), {
         key: 1,
         icon: "circleNotch",
         class: Z(c.value),
@@ -382,7 +440,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         key: 3,
         class: Z(f.value)
       }, G(m.label), 3)) : Q("", !0)
-    ], 10, ea)) : (v(), me(it, {
+    ], 10, ea)) : (v(), pe(it, {
       key: 1,
       to: o.to,
       href: o.href ?? o.url,
@@ -391,7 +449,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       disabled: o.loading || u.value
     }, {
       default: _e(() => [
-        o.icon ? (v(), me(We(Ne), {
+        o.icon ? (v(), pe(We(Ne), {
           key: 0,
           icon: o.icon,
           class: Z(c.value)
@@ -409,7 +467,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), ta = ["aria-disabled"], Zu = /* @__PURE__ */ oe({
+}), ta = ["aria-disabled"], ac = /* @__PURE__ */ oe({
   name: "VfButtonGroup",
   __name: "button-group",
   props: {
@@ -446,7 +504,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
 }, oa = ["type", "value", "placeholder", "disabled", "readonly"], ra = {
   key: 1,
   class: "vf-input__suffix"
-}, Ju = /* @__PURE__ */ oe({
+}, oc = /* @__PURE__ */ oe({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -489,7 +547,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       ])) : Q("", !0)
     ], 2));
   }
-}), la = ["aria-disabled"], ec = /* @__PURE__ */ oe({
+}), la = ["aria-disabled"], rc = /* @__PURE__ */ oe({
   __name: "input-group",
   props: {
     size: { default: "normal" },
@@ -509,20 +567,20 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       j(e.$slots, "default")
     ], 10, la));
   }
-}), tc = /* @__PURE__ */ oe({
+}), lc = /* @__PURE__ */ oe({
   __name: "input-addon",
   props: {
     as: { default: "span" }
   },
   setup(s) {
-    return (o, a) => (v(), me(qe(o.as), { class: "vf-input-group__addon" }, {
+    return (o, a) => (v(), pe(Ye(o.as), { class: "vf-input-group__addon" }, {
       default: _e(() => [
         j(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), na = ["type", "value", "placeholder", "disabled", "readonly", "onKeydown"], sa = { class: "vf-inline-edit__actions" }, ia = ["disabled"], da = ["disabled"], ua = ["disabled"], ac = /* @__PURE__ */ oe({
+}), na = ["type", "value", "placeholder", "disabled", "readonly", "onKeydown"], sa = { class: "vf-inline-edit__actions" }, ia = ["disabled"], da = ["disabled"], ua = ["disabled"], nc = /* @__PURE__ */ oe({
   __name: "inline-edit",
   props: {
     modelValue: { default: null },
@@ -624,7 +682,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
   key: 0,
   class: "vf-search-input__spinner",
   "aria-hidden": "true"
-}, fa = ["disabled"], oc = /* @__PURE__ */ oe({
+}, fa = ["disabled"], sc = /* @__PURE__ */ oe({
   __name: "search-input",
   props: {
     modelValue: { default: "" },
@@ -714,7 +772,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
 }, ga = ["disabled", "onClick"], ba = { class: "vf-mention-input__option-trigger" }, ha = {
   key: 2,
   class: "vf-mention-input__empty"
-}, rc = /* @__PURE__ */ oe({
+}, ic = /* @__PURE__ */ oe({
   __name: "mention-input",
   props: {
     modelValue: { default: "" },
@@ -769,18 +827,18 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       }
     }, M = () => l.value.findIndex((F) => !F.disabled), S = (F, A) => {
       const q = F.slice(0, A);
-      let V = -1, W = "";
+      let L = -1, W = "";
       for (const E of t.triggers) {
         const K = q.lastIndexOf(E);
-        K > V && (V = K, W = E);
+        K > L && (L = K, W = E);
       }
-      if (V < 0 || V > 0 && !/\s/.test(q[V - 1]))
+      if (L < 0 || L > 0 && !/\s/.test(q[L - 1]))
         return null;
-      const b = q.slice(V + W.length);
+      const b = q.slice(L + W.length);
       return !b || /\s/.test(b) ? null : {
         trigger: W,
         query: b,
-        start: V,
+        start: L,
         end: A
       };
     }, h = (F) => {
@@ -808,7 +866,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
           r.value = A;
           return;
         }
-    }, L = () => {
+    }, V = () => {
       if (!d.value) {
         B();
         return;
@@ -823,7 +881,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
     }, R = (F) => {
       if (F.disabled || !c.value || !n.value)
         return;
-      const A = t.modelValue ?? "", q = c.value, V = A.slice(0, q.start), W = A.slice(q.end), b = String(F.value ?? F.label), E = `${q.trigger}${b}${t.appendSpace ? " " : ""}`, K = `${V}${E}${W}`, H = V.length + E.length;
+      const A = t.modelValue ?? "", q = c.value, L = A.slice(0, q.start), W = A.slice(q.end), b = String(F.value ?? F.label), E = `${q.trigger}${b}${t.appendSpace ? " " : ""}`, K = `${L}${E}${W}`, H = L.length + E.length;
       e("update:modelValue", K), e("select", F), e("insert", {
         trigger: q.trigger,
         query: q.query,
@@ -842,7 +900,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
     }, z = (F) => {
       const A = F.key;
       if (A === "ArrowDown") {
-        F.preventDefault(), L();
+        F.preventDefault(), V();
         return;
       }
       if (A === "ArrowUp") {
@@ -895,9 +953,9 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         class: "vf-mention-input__panel",
         role: "listbox"
       }, [
-        F.loading ? (v(), g("div", ma, G(F.loadingText), 1)) : l.value.length ? (v(!0), g(ue, { key: 1 }, pe(l.value, (q, V) => (v(), g("button", {
-          key: `${q.trigger ?? ""}-${String(q.value ?? q.label)}-${V}`,
-          class: Z(["vf-mention-input__option", { "is-highlighted": V === r.value }]),
+        F.loading ? (v(), g("div", ma, G(F.loadingText), 1)) : l.value.length ? (v(!0), g(ue, { key: 1 }, me(l.value, (q, L) => (v(), g("button", {
+          key: `${q.trigger ?? ""}-${String(q.value ?? q.label)}-${L}`,
+          class: Z(["vf-mention-input__option", { "is-highlighted": L === r.value }]),
           type: "button",
           role: "option",
           disabled: q.disabled,
@@ -925,7 +983,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
 }, za = { class: "vf-password-input__strength-track" }, Sa = { class: "vf-password-input__strength-label" }, Ba = {
   key: 1,
   class: "vf-password-input__caps-lock"
-}, lc = /* @__PURE__ */ oe({
+}, dc = /* @__PURE__ */ oe({
   __name: "password-input",
   props: {
     modelValue: { default: "" },
@@ -1019,7 +1077,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       B.showCapsLockHint && i.value && !B.disabled ? (v(), g("p", Ba, G(B.capsLockHint), 1)) : Q("", !0)
     ], 2));
   }
-}), xa = ["aria-label"], La = ["type", "pattern", "placeholder", "value", "disabled", "readonly", "autocomplete", "onInput", "onKeydown"], nc = /* @__PURE__ */ oe({
+}), xa = ["aria-label"], Va = ["type", "pattern", "placeholder", "value", "disabled", "readonly", "autocomplete", "onInput", "onKeydown"], uc = /* @__PURE__ */ oe({
   __name: "otp-input",
   props: {
     modelValue: { default: "" },
@@ -1100,7 +1158,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       }
       S.key === "ArrowRight" && (S.preventDefault(), f(h + 1));
     }, B = (S) => a("focus", S), M = (S) => a("blur", S);
-    return Ve(() => {
+    return Le(() => {
       e.autoFocus && !e.disabled && !e.readonly && f(0);
     }), (S, h) => (v(), g("div", {
       class: Z(u.value),
@@ -1108,7 +1166,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       "aria-label": S.ariaLabel,
       onPaste: k
     }, [
-      (v(!0), g(ue, null, pe(i.value, (C, I) => (v(), g("input", {
+      (v(!0), g(ue, null, me(i.value, (C, I) => (v(), g("input", {
         key: I,
         ref_for: !0,
         ref: (O) => c(O, I),
@@ -1126,10 +1184,10 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         onKeydown: (O) => _(O, I),
         onFocus: B,
         onBlur: M
-      }, null, 40, La))), 128))
+      }, null, 40, Va))), 128))
     ], 42, xa));
   }
-}), Va = ["disabled", "aria-expanded", "aria-label"], Fa = { class: "vf-color-picker__value" }, Ta = {
+}), La = ["disabled", "aria-expanded", "aria-label"], Fa = { class: "vf-color-picker__value" }, Ta = {
   key: 0,
   class: "vf-color-picker__panel"
 }, Ia = { class: "vf-color-picker__row" }, Da = ["value"], Ra = {
@@ -1138,7 +1196,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
 }, Ma = ["value"], Pa = { class: "vf-color-picker__alpha-value" }, Oa = { class: "vf-color-picker__row" }, Ea = ["placeholder", "value"], Aa = {
   key: 1,
   class: "vf-color-picker__presets"
-}, Ha = ["onClick"], sc = /* @__PURE__ */ oe({
+}, Ha = ["onClick"], cc = /* @__PURE__ */ oe({
   __name: "color-picker",
   props: {
     modelValue: { default: "#3b82f6" },
@@ -1161,8 +1219,8 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       let A = F;
       if ((F.length === 3 || F.length === 4) && (A = F.split("").map((E) => `${E}${E}`).join("")), !/^[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(A))
         return null;
-      const q = Number.parseInt(A.slice(0, 2), 16), V = Number.parseInt(A.slice(2, 4), 16), W = Number.parseInt(A.slice(4, 6), 16), b = A.length === 8 ? Number.parseInt(A.slice(6, 8), 16) / 255 : 1;
-      return { r: q, g: V, b: W, a: b, valid: !0, preview: `rgba(${q}, ${V}, ${W}, ${b})` };
+      const q = Number.parseInt(A.slice(0, 2), 16), L = Number.parseInt(A.slice(2, 4), 16), W = Number.parseInt(A.slice(4, 6), 16), b = A.length === 8 ? Number.parseInt(A.slice(6, 8), 16) / 255 : 1;
+      return { r: q, g: L, b: W, a: b, valid: !0, preview: `rgba(${q}, ${L}, ${W}, ${b})` };
     }, f = (z) => {
       const F = z.trim().match(/^rgba?\((.*)\)$/i);
       if (!F)
@@ -1170,13 +1228,13 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       const A = F[1].split(",").map((Y) => Y.trim());
       if (A.length !== 3 && A.length !== 4)
         return null;
-      const q = Number(A[0]), V = Number(A[1]), W = Number(A[2]), b = A.length === 4 ? Number(A[3]) : 1;
-      if (![q, V, W, b].every(Number.isFinite))
+      const q = Number(A[0]), L = Number(A[1]), W = Number(A[2]), b = A.length === 4 ? Number(A[3]) : 1;
+      if (![q, L, W, b].every(Number.isFinite))
         return null;
-      const E = r(q, 0, 255), K = r(V, 0, 255), H = r(W, 0, 255), T = r(b, 0, 1);
+      const E = r(q, 0, 255), K = r(L, 0, 255), H = r(W, 0, 255), T = r(b, 0, 1);
       return { r: E, g: K, b: H, a: T, valid: !0, preview: `rgba(${E}, ${K}, ${H}, ${T})` };
     }, m = (z, F, A) => {
-      const q = (z % 360 + 360) % 360, V = r(F, 0, 100) / 100, W = r(A, 0, 100) / 100, b = (1 - Math.abs(2 * W - 1)) * V, E = b * (1 - Math.abs(q / 60 % 2 - 1)), K = W - b / 2;
+      const q = (z % 360 + 360) % 360, L = r(F, 0, 100) / 100, W = r(A, 0, 100) / 100, b = (1 - Math.abs(2 * W - 1)) * L, E = b * (1 - Math.abs(q / 60 % 2 - 1)), K = W - b / 2;
       let H = 0, T = 0, Y = 0;
       return q < 60 ? (H = b, T = E) : q < 120 ? (H = E, T = b) : q < 180 ? (T = b, Y = E) : q < 240 ? (T = E, Y = b) : q < 300 ? (H = E, Y = b) : (H = b, Y = E), {
         r: Math.round((H + K) * 255),
@@ -1184,9 +1242,9 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         b: Math.round((Y + K) * 255)
       };
     }, y = (z, F, A) => {
-      const q = z / 255, V = F / 255, W = A / 255, b = Math.max(q, V, W), E = Math.min(q, V, W), K = b - E;
+      const q = z / 255, L = F / 255, W = A / 255, b = Math.max(q, L, W), E = Math.min(q, L, W), K = b - E;
       let H = 0;
-      K !== 0 && (b === q ? H = (V - W) / K % 6 : b === V ? H = (W - q) / K + 2 : H = (q - V) / K + 4, H *= 60), H < 0 && (H += 360);
+      K !== 0 && (b === q ? H = (L - W) / K % 6 : b === L ? H = (W - q) / K + 2 : H = (q - L) / K + 4, H *= 60), H < 0 && (H += 360);
       const T = (b + E) / 2, Y = K === 0 ? 0 : K / (1 - Math.abs(2 * T - 1));
       return { h: Math.round(H), s: Math.round(Y * 100), l: Math.round(T * 100) };
     }, l = (z) => {
@@ -1196,10 +1254,10 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       const A = F[1].split(",").map((H) => H.trim().replace("%", ""));
       if (A.length !== 3 && A.length !== 4)
         return null;
-      const q = Number(A[0]), V = Number(A[1]), W = Number(A[2]), b = A.length === 4 ? Number(A[3]) : 1;
-      if (![q, V, W, b].every(Number.isFinite))
+      const q = Number(A[0]), L = Number(A[1]), W = Number(A[2]), b = A.length === 4 ? Number(A[3]) : 1;
+      if (![q, L, W, b].every(Number.isFinite))
         return null;
-      const E = m(q, V, W), K = r(b, 0, 1);
+      const E = m(q, L, W), K = r(b, 0, 1);
       return { ...E, a: K, valid: !0, preview: `rgba(${E.r}, ${E.g}, ${E.b}, ${K})` };
     }, k = (z) => {
       const F = c(z) ?? f(z) ?? l(z);
@@ -1211,8 +1269,8 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         const W = y(z, F, A);
         return e.alpha ? `hsla(${W.h}, ${W.s}%, ${W.l}%, ${q.toFixed(2)})` : `hsl(${W.h}, ${W.s}%, ${W.l}%)`;
       }
-      const V = `#${u(z)}${u(F)}${u(A)}`;
-      return e.alpha ? `${V}${u(q * 255)}` : V;
+      const L = `#${u(z)}${u(F)}${u(A)}`;
+      return e.alpha ? `${L}${u(q * 255)}` : L;
     }, B = (z) => {
       const F = k(z);
       n.value = `#${u(F.r)}${u(F.g)}${u(F.b)}`, d.value = Math.round(r(F.a, 0, 1) * 100);
@@ -1254,16 +1312,16 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         return;
       const F = k(z);
       F.valid && (n.value = `#${u(F.r)}${u(F.g)}${u(F.b)}`, e.alpha && (d.value = Math.round(F.a * 100)), C());
-    }, L = () => {
+    }, V = () => {
       i.value && (i.value = !1, a("close"));
     }, w = () => {
       i.value || e.disabled || e.readonly || (i.value = !0, a("open"));
     }, R = () => {
-      i.value ? L() : w();
+      i.value ? V() : w();
     }, D = (z) => {
-      !i.value || !t.value || t.value.contains(z.target) || L();
+      !i.value || !t.value || t.value.contains(z.target) || V();
     };
-    return Ve(() => {
+    return Le(() => {
       document.addEventListener("click", D);
     }), ke(() => {
       document.removeEventListener("click", D);
@@ -1286,7 +1344,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         }, null, 4),
         x("span", Fa, G(S.value), 1),
         F[0] || (F[0] = x("span", { class: "vf-color-picker__chevron" }, "▾", -1))
-      ], 8, Va),
+      ], 8, La),
       i.value ? (v(), g("div", Ta, [
         x("div", Ia, [
           x("input", {
@@ -1318,12 +1376,12 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
           }, null, 40, Ea)
         ]),
         z.presets.length ? (v(), g("div", Aa, [
-          (v(!0), g(ue, null, pe(z.presets, (A, q) => (v(), g("button", {
+          (v(!0), g(ue, null, me(z.presets, (A, q) => (v(), g("button", {
             key: `${A}-${q}`,
             class: "vf-color-picker__preset",
             type: "button",
             style: ye({ backgroundColor: k(A).preview }),
-            onClick: (V) => $(A)
+            onClick: (L) => $(A)
           }, null, 12, Ha))), 128))
         ])) : Q("", !0)
       ])) : Q("", !0)
@@ -1335,7 +1393,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
 }, Ka = ["value", "placeholder", "disabled", "readonly"], Na = {
   key: 1,
   class: "vf-masked-input__suffix"
-}, ic = /* @__PURE__ */ oe({
+}, vc = /* @__PURE__ */ oe({
   __name: "masked-input",
   props: {
     modelValue: { default: "" },
@@ -1358,18 +1416,18 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       if (!i.value)
         return u(C);
       const I = `${C ?? ""}`.split(""), O = i.value.split(""), P = [];
-      let $ = 0, L = 0;
-      for (; $ < O.length && L < I.length; ) {
-        const w = O[$], R = I[L], D = t[w];
+      let $ = 0, V = 0;
+      for (; $ < O.length && V < I.length; ) {
+        const w = O[$], R = I[V], D = t[w];
         if (D) {
           if (D.test(R)) {
-            P.push(R), $ += 1, L += 1;
+            P.push(R), $ += 1, V += 1;
             continue;
           }
-          L += 1;
+          V += 1;
           continue;
         }
-        R === w && (L += 1), $ += 1;
+        R === w && (V += 1), $ += 1;
       }
       return P.join("");
     }, f = (C) => {
@@ -1380,8 +1438,8 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         return "";
       const O = i.value;
       let P = 0, $ = "";
-      for (const L of O) {
-        const w = t[L];
+      for (const V of O) {
+        const w = t[V];
         if (w) {
           if (P >= I.length)
             break;
@@ -1394,10 +1452,10 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
           continue;
         }
         if (P === 0) {
-          $ += L;
+          $ += V;
           continue;
         }
-        P < I.length && ($ += L);
+        P < I.length && ($ += V);
       }
       return $;
     }, m = (C) => n.value ? u(C) : c(C), y = (C) => n.value ? n.value(C) : f(C), l = p(() => {
@@ -1437,13 +1495,13 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
 }), Ga = {
   key: 0,
   class: "vf-number-input__prefix"
-}, Ya = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "aria-label"], ja = {
+}, ja = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "aria-label"], Ya = {
   key: 1,
   class: "vf-number-input__controls"
 }, Xa = ["disabled"], Ua = ["disabled"], qa = {
   key: 2,
   class: "vf-number-input__suffix"
-}, dc = /* @__PURE__ */ oe({
+}, fc = /* @__PURE__ */ oe({
   __name: "number-input",
   props: {
     modelValue: { default: null },
@@ -1509,8 +1567,8 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         onChange: y,
         onFocus: l,
         onBlur: k
-      }, null, 40, Ya),
-      S.controls ? (v(), g("div", ja, [
+      }, null, 40, ja),
+      S.controls ? (v(), g("div", Ya, [
         x("button", {
           class: "vf-number-input__step",
           type: "button",
@@ -1531,7 +1589,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       ])) : Q("", !0)
     ], 2));
   }
-}), Qa = ["id", "aria-label", "aria-labelledby", "novalidate"], uc = /* @__PURE__ */ oe({
+}), Qa = ["id", "aria-label", "aria-labelledby", "novalidate"], pc = /* @__PURE__ */ oe({
   __name: "form",
   props: {
     modelValue: { default: void 0 },
@@ -1628,7 +1686,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
         return;
       const K = E.name.trim(), H = q(E);
       l(K, H), M("change") && await S("change");
-    }, L = async (b) => {
+    }, V = async (b) => {
       const E = A(b.target);
       if (!E)
         return;
@@ -1701,9 +1759,9 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
     }
     function q(b) {
       var E;
-      return b instanceof HTMLInputElement ? b.type === "checkbox" ? V(b) : b.type === "radio" ? W(b) : b.type === "file" ? b.multiple ? b.files ? Array.from(b.files) : [] : ((E = b.files) == null ? void 0 : E[0]) ?? null : b.type === "number" || b.type === "range" ? b.value === "" ? null : Number(b.value) : b.value : b instanceof HTMLSelectElement && b.multiple ? Array.from(b.selectedOptions).map((K) => K.value) : b.value;
+      return b instanceof HTMLInputElement ? b.type === "checkbox" ? L(b) : b.type === "radio" ? W(b) : b.type === "file" ? b.multiple ? b.files ? Array.from(b.files) : [] : ((E = b.files) == null ? void 0 : E[0]) ?? null : b.type === "number" || b.type === "range" ? b.value === "" ? null : Number(b.value) : b.value : b instanceof HTMLSelectElement && b.multiple ? Array.from(b.selectedOptions).map((K) => K.value) : b.value;
     }
-    function V(b) {
+    function L(b) {
       const E = t.value;
       if (!E)
         return b.checked;
@@ -1733,7 +1791,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       onReset: O,
       onInput: P,
       onChange: $,
-      onFocusout: L
+      onFocusout: V
     }, [
       j(b.$slots, "default", {
         values: n.value,
@@ -1755,7 +1813,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, eo = { class: "vf-form-field__control" }, to = ["id"], ao = ["id"], cc = /* @__PURE__ */ oe({
+}, eo = { class: "vf-form-field__control" }, to = ["id"], ao = ["id"], mc = /* @__PURE__ */ oe({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -1767,7 +1825,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
     size: { default: "normal" }
   },
   setup(s) {
-    const o = s, a = Xe(), e = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, t = p(() => o.id || e), i = p(() => `${t.value}-hint`), n = p(() => `${t.value}-error`), d = p(() => !!o.label || !!a.label), r = p(() => !!o.hint || !!a.hint), u = p(() => !!o.error || !!a.error), c = p(() => {
+    const o = s, a = Ue(), e = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, t = p(() => o.id || e), i = p(() => `${t.value}-hint`), n = p(() => `${t.value}-error`), d = p(() => !!o.label || !!a.label), r = p(() => !!o.hint || !!a.hint), u = p(() => !!o.error || !!a.error), c = p(() => {
       const m = [];
       return r.value && m.push(i.value), u.value && m.push(n.value), m.length ? m.join(" ") : void 0;
     }), f = p(() => {
@@ -1816,7 +1874,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       ], 8, ao)) : Q("", !0)
     ], 2));
   }
-}), oo = ["value", "placeholder", "disabled", "readonly", "rows"], vc = /* @__PURE__ */ oe({
+}), oo = ["value", "placeholder", "disabled", "readonly", "rows"], gc = /* @__PURE__ */ oe({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -1853,7 +1911,7 @@ const qt = /* @__PURE__ */ Wt(Kt, [["render", Ut]]), Xu = /* @__PURE__ */ oe({
       }, null, 40, oo)
     ], 2));
   }
-}), ro = ["aria-label"], lo = ["data-action", "disabled", "onClick"], no = ["value", "placeholder", "disabled", "readonly", "rows", "aria-label"], fc = /* @__PURE__ */ oe({
+}), ro = ["aria-label"], lo = ["data-action", "disabled", "onClick"], no = ["value", "placeholder", "disabled", "readonly", "rows", "aria-label"], bc = /* @__PURE__ */ oe({
   __name: "rich-text-editor",
   props: {
     modelValue: { default: "" },
@@ -1947,7 +2005,7 @@ ${C}
     }, l = (h, C) => a.format === "html" ? y(h, C) : m(h, C), k = (h) => {
       if (a.disabled || a.readonly || !t.value)
         return;
-      const C = t.value, I = C.selectionStart ?? 0, O = C.selectionEnd ?? I, P = C.value, $ = P.slice(I, O), L = l(h, $), w = f(`${P.slice(0, I)}${L}${P.slice(O)}`), R = Math.min(I + L.length, w.length);
+      const C = t.value, I = C.selectionStart ?? 0, O = C.selectionEnd ?? I, P = C.value, $ = P.slice(I, O), V = l(h, $), w = f(`${P.slice(0, I)}${V}${P.slice(O)}`), R = Math.min(I + V.length, w.length);
       C.value = w, C.focus(), C.setSelectionRange(R, R), e("update:modelValue", w), e("action", h, w);
     }, _ = (h) => {
       const C = h.target, I = f(C.value);
@@ -1962,7 +2020,7 @@ ${C}
         role: "toolbar",
         "aria-label": h.toolbarLabel
       }, [
-        (v(!0), g(ue, null, pe(n.value, (I) => (v(), g("button", {
+        (v(!0), g(ue, null, me(n.value, (I) => (v(), g("button", {
           key: I,
           type: "button",
           class: "vf-rich-text-editor__toolbar-button",
@@ -1998,7 +2056,7 @@ ${C}
 }, vo = {
   key: 1,
   class: "vf-file-upload__list"
-}, fo = { class: "vf-file-upload__name" }, po = { class: "vf-file-upload__size" }, mo = ["aria-label", "onClick"], go = ["disabled"], pc = /* @__PURE__ */ oe({
+}, fo = { class: "vf-file-upload__name" }, po = { class: "vf-file-upload__size" }, mo = ["aria-label", "onClick"], go = ["disabled"], hc = /* @__PURE__ */ oe({
   __name: "file-upload",
   props: {
     modelValue: { default: null },
@@ -2041,13 +2099,13 @@ ${C}
       const O = [];
       let P = I;
       if (typeof e.maxSize == "number" && Number.isFinite(e.maxSize) && e.maxSize > 0) {
-        const L = e.maxSize, w = [];
+        const V = e.maxSize, w = [];
         P.forEach((R) => {
-          if (R.size <= L) {
+          if (R.size <= V) {
             w.push(R);
             return;
           }
-          O.push({ file: R, reason: "maxSize", maxSize: L });
+          O.push({ file: R, reason: "maxSize", maxSize: V });
         }), P = w;
       }
       let $ = e.maxFiles;
@@ -2055,8 +2113,8 @@ ${C}
     }, y = (I) => {
       if (e.disabled || e.readonly)
         return;
-      const O = e.multiple ? d.value : [], P = e.multiple ? O.concat(I) : I, { accepted: $, rejected: L } = m(P);
-      f($), L.length > 0 && a("reject", L);
+      const O = e.multiple ? d.value : [], P = e.multiple ? O.concat(I) : I, { accepted: $, rejected: V } = m(P);
+      f($), V.length > 0 && a("reject", V);
     }, l = () => {
       var I;
       e.disabled || e.readonly || (I = i.value) == null || I.click();
@@ -2113,7 +2171,7 @@ ${C}
       }, [
         x("div", uo, [
           d.value.length === 0 ? (v(), g("span", co, G(I.placeholder), 1)) : (v(), g("div", vo, [
-            (v(!0), g(ue, null, pe(d.value, (P, $) => (v(), g("div", {
+            (v(!0), g(ue, null, me(d.value, (P, $) => (v(), g("div", {
               key: u(P, $),
               class: "vf-file-upload__item"
             }, [
@@ -2124,7 +2182,7 @@ ${C}
                 class: "vf-file-upload__remove",
                 type: "button",
                 "aria-label": `Remove ${P.name}`,
-                onClick: re((L) => S($), ["stop"])
+                onClick: re((V) => S($), ["stop"])
               }, " ✕ ", 8, mo)) : Q("", !0)
             ]))), 128))
           ]))
@@ -2181,10 +2239,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     width: e.width,
     height: e.height
   };
-}, Ye = (s, o) => {
+}, je = (s, o) => {
   var a;
   return (a = s.middleware) == null ? void 0 : a.find((e) => e.name === o);
-}, yt = (s, o) => !!Ye(s, o), yo = (s) => {
+}, yt = (s, o) => !!je(s, o), yo = (s) => {
   const o = Ee(s);
   let a = "";
   return o !== null && ((o.dataset.scrollTop === void 0 || o.scrollTop === +o.dataset.scrollTop) && (o.dataset.scrollTop = "0"), (o.dataset.scrollLeft === void 0 || o.scrollLeft === +o.dataset.scrollLeft) && (o.dataset.scrollLeft = "0"), o.scrollTop > +o.dataset.scrollTop ? a = "bottom" : o.scrollTop < +o.dataset.scrollTop ? a = "top" : o.scrollLeft > +o.dataset.scrollLeft ? a = "right" : o.scrollLeft < +o.dataset.scrollLeft && (a = "left"), o.dataset.scrollTop = o.scrollTop <= 0 ? "0" : o.scrollTop.toString(), o.dataset.scrollLeft = o.scrollLeft <= 0 ? "0" : o.scrollLeft.toString()), a;
@@ -2235,7 +2293,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   reference: i,
   scrollDirection: n
 }) => {
-  const d = at(i, e, t, s), r = Ye(s, "offset");
+  const d = at(i, e, t, s), r = je(s, "offset");
   if (r) {
     const u = r.fn({
       x: d.x,
@@ -2318,10 +2376,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       const S = Je(d);
       let h = S, C = M[S];
       y.forEach(($) => {
-        const L = Je($), w = M[L];
-        w > C && (C = w, h = L);
+        const V = Je($), w = M[V];
+        w > C && (C = w, h = V);
       });
-      const I = Ro(h, d, y), O = at(r, n, I, m), P = Ye(m, "offset");
+      const I = Ro(h, d, y), O = at(r, n, I, m), P = je(m, "offset");
       if (P) {
         const $ = P.fn({
           x: O.x,
@@ -2344,7 +2402,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   var i, n, d;
   let r = 0;
   e.startsWith("right") ? r = -s : e.startsWith("left") && (r = s);
-  const u = Ye(o, "arrow"), c = Ye(o, "shift");
+  const u = je(o, "arrow"), c = je(o, "shift");
   if (u) {
     const f = ((i = u.params) == null ? void 0 : i.arrow).getBoundingClientRect();
     e.startsWith("right") ? r -= f.width / 2 : e.startsWith("left") && (r += f.width / 2);
@@ -2360,7 +2418,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   var i, n, d;
   let r = 0;
   e.startsWith("top") ? r = s : e.startsWith("bottom") && (r = -s);
-  const u = Ye(o, "arrow"), c = Ye(o, "shift");
+  const u = je(o, "arrow"), c = je(o, "shift");
   if (u) {
     const f = ((i = u.params) == null ? void 0 : i.arrow).getBoundingClientRect();
     e.startsWith("top") ? r += f.height / 2 : e.startsWith("bottom") && (r -= f.height / 2);
@@ -2412,17 +2470,17 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     if (Ke(e, n) && typeof window < "u") {
       const w = P, R = window.innerWidth - n.clientWidth - P, D = R < w ? w : R, z = $, F = window.innerHeight - n.clientHeight - $, A = F < z ? z : F;
       C < w ? C = w : C > D && (C = D), I < z ? I = z : I > A && (I = A), l ? (c.x = o + (C - S), c.y = a + (I - h)) : (c.x = C, c.y = I);
-      const q = P, V = window.innerWidth - n.clientWidth - P, W = $, b = window.innerHeight - n.clientHeight - $, E = l ? q + B : q, K = l ? V + B : V, H = l ? W + M : W, T = l ? b + M : b;
+      const q = P, L = window.innerWidth - n.clientWidth - P, W = $, b = window.innerHeight - n.clientHeight - $, E = l ? q + B : q, K = l ? L + B : L, H = l ? W + M : W, T = l ? b + M : b;
       return c.x < E ? c.x = E : c.x > K && (c.x = K), c.y < H ? c.y = H : c.y > T && (c.y = T), c;
     }
-    const L = Ee(n);
-    if (L !== null) {
-      const w = Fe(r, n, e), R = w.left, D = w.left + w.width, z = w.top, F = w.top + w.height, A = L.scrollLeft + P, q = et(L) - n.clientWidth - P, V = q < A ? A : q, W = L.scrollTop + $, b = tt(L) - n.clientHeight - $, E = b < W ? W : b, K = L.scrollLeft, H = et(L), T = L.scrollTop, Y = tt(L);
-      D <= K ? C = A : R >= H && (C = V), F <= T ? I = W : z >= Y && (I = E), I < W ? I = W : I > E && (I = E), C < A ? C = A : C > V && (C = V);
+    const V = Ee(n);
+    if (V !== null) {
+      const w = Fe(r, n, e), R = w.left, D = w.left + w.width, z = w.top, F = w.top + w.height, A = V.scrollLeft + P, q = et(V) - n.clientWidth - P, L = q < A ? A : q, W = V.scrollTop + $, b = tt(V) - n.clientHeight - $, E = b < W ? W : b, K = V.scrollLeft, H = et(V), T = V.scrollTop, Y = tt(V);
+      D <= K ? C = A : R >= H && (C = L), F <= T ? I = W : z >= Y && (I = E), I < W ? I = W : I > E && (I = E), C < A ? C = A : C > L && (C = L);
     }
-    if (l ? (c.x = o + (C - S), c.y = a + (I - h)) : (c.x = C, c.y = I), L !== null) {
-      const w = L.scrollLeft + P, R = et(L) - n.clientWidth - P, D = L.scrollTop + $, z = tt(L) - n.clientHeight - $, F = l ? w + B : w, A = l ? R + B : R, q = l ? D + M : D, V = l ? z + M : z;
-      c.x < F ? c.x = F : c.x > A && (c.x = A), c.y < q ? c.y = q : c.y > V && (c.y = V);
+    if (l ? (c.x = o + (C - S), c.y = a + (I - h)) : (c.x = C, c.y = I), V !== null) {
+      const w = V.scrollLeft + P, R = et(V) - n.clientWidth - P, D = V.scrollTop + $, z = tt(V) - n.clientHeight - $, F = l ? w + B : w, A = l ? R + B : R, q = l ? D + M : D, L = l ? z + M : z;
+      c.x < F ? c.x = F : c.x > A && (c.x = A), c.y < q ? c.y = q : c.y > L && (c.y = L);
     }
     return c;
   }
@@ -2490,14 +2548,14 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     y: e.top + e.height,
     placement: "bottom"
   };
-}, Lo = (s, o, a = {}) => {
+}, Vo = (s, o, a = {}) => {
   const e = Fe(s, o, a);
   return {
     x: e.left,
     y: e.top + e.height,
     placement: "bottom-start"
   };
-}, Vo = (s, o, a = {}) => {
+}, Lo = (s, o, a = {}) => {
   const e = Fe(s, o, a);
   return {
     x: e.left - o.getBoundingClientRect().width + e.width,
@@ -2542,9 +2600,9 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     case "bottom":
       return xo(s, o, e);
     case "bottom-start":
-      return Lo(s, o, e);
-    case "bottom-end":
       return Vo(s, o, e);
+    case "bottom-end":
+      return Lo(s, o, e);
     case "left":
       return Fo(s, o, e);
     case "left-start":
@@ -2620,7 +2678,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     });
     d.x = _.x, d.y = _.y, d.placement = _.placement, k.name === "arrow" && (_.baseX = _.x, _.baseY = _.y, _.x = _.arrowX ?? _.x, _.y = _.arrowY ?? _.y), d.middlewareData[k.name] = _;
   });
-  const m = at(s, o, d.placement, a), y = Ye(a, "offset"), l = y ? (i = y.params) == null ? void 0 : i.value : 0;
+  const m = at(s, o, d.placement, a), y = je(a, "offset"), l = y ? (i = y.params) == null ? void 0 : i.value : 0;
   if (Number.isFinite(d.x) || (d.x = m.x), !Number.isFinite(d.y))
     if (Ke(a, o)) {
       const k = s.getBoundingClientRect(), _ = o.getBoundingClientRect().height;
@@ -2628,7 +2686,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     } else
       d.y = m.y;
   e(d);
-}), Po = ["disabled", "aria-expanded", "onKeydown"], Oo = ["data-placement"], Eo = ["disabled", "aria-selected", "onClick"], mc = /* @__PURE__ */ oe({
+}), Po = ["disabled", "aria-expanded", "onKeydown"], Oo = ["data-placement"], Eo = ["disabled", "aria-selected", "onClick"], yc = /* @__PURE__ */ oe({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -2645,48 +2703,48 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     let a = 0;
     const e = o, t = s, i = N(null), n = N(null), d = N(null), r = N(!1), u = N("bottom"), c = N("bottom"), f = `vf-select-panel-${++a}`;
     let m = null;
-    const y = p(() => t.options.map((L) => ({
-      label: L[t.optionLabel],
-      value: L[t.optionValue],
-      disabled: L.disabled
-    }))), l = p(() => y.value.find((L) => L.value === t.modelValue)), k = p(() => {
-      var L;
-      return ((L = l.value) == null ? void 0 : L.label) ?? "";
+    const y = p(() => t.options.map((V) => ({
+      label: V[t.optionLabel],
+      value: V[t.optionValue],
+      disabled: V.disabled
+    }))), l = p(() => y.value.find((V) => V.value === t.modelValue)), k = p(() => {
+      var V;
+      return ((V = l.value) == null ? void 0 : V.label) ?? "";
     }), _ = p(() => {
-      const L = ["vf-select", `vf-select_${t.variant}`, r.value ? "vf-select_open" : ""];
-      return t.size !== "normal" && L.push(`vf-select_${t.size}`), t.disabled && L.push("vf-select_disabled"), L.filter(Boolean);
-    }), B = (L) => L.value === t.modelValue, M = (L) => {
-      L.disabled || (e("update:modelValue", L.value), e("change", L.value), C());
-    }, S = (L) => e("focus", L), h = (L) => e("blur", L), C = () => {
+      const V = ["vf-select", `vf-select_${t.variant}`, r.value ? "vf-select_open" : ""];
+      return t.size !== "normal" && V.push(`vf-select_${t.size}`), t.disabled && V.push("vf-select_disabled"), V.filter(Boolean);
+    }), B = (V) => V.value === t.modelValue, M = (V) => {
+      V.disabled || (e("update:modelValue", V.value), e("change", V.value), C());
+    }, S = (V) => e("focus", V), h = (V) => e("blur", V), C = () => {
       r.value = !1, u.value = "bottom", c.value = "bottom";
     }, I = () => {
       t.disabled || (r.value = !r.value, r.value && (u.value = "bottom", c.value = "bottom"));
     }, O = async () => {
-      var L, w;
-      r.value || (r.value = !0, await ze()), (w = (L = d.value) == null ? void 0 : L.querySelector(".vf-select__option:not(.is-disabled)")) == null || w.focus();
-    }, P = (L) => {
+      var V, w;
+      r.value || (r.value = !0, await ze()), (w = (V = d.value) == null ? void 0 : V.querySelector(".vf-select__option:not(.is-disabled)")) == null || w.focus();
+    }, P = (V) => {
       var R;
       if (!r.value || !i.value)
         return;
-      const w = L.target;
+      const w = V.target;
       i.value.contains(w) || (R = d.value) != null && R.contains(w) || C();
     }, $ = () => {
       if (!n.value || !d.value)
         return;
-      const L = n.value, w = d.value, R = async () => {
+      const V = n.value, w = d.value, R = async () => {
         const {
           x: A,
           y: q,
-          placement: V
-        } = await Re(L, w, {
+          placement: L
+        } = await Re(V, w, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        c.value = V ?? u.value, w.style.minWidth = `${L.getBoundingClientRect().width}px`, w.style.left = `${A}px`, w.style.top = `${q}px`;
+        c.value = L ?? u.value, w.style.minWidth = `${V.getBoundingClientRect().width}px`, w.style.left = `${A}px`, w.style.top = `${q}px`;
       }, D = async () => {
         await R();
-      }, z = De(L, () => {
+      }, z = De(V, () => {
         D();
       }), F = () => {
         D();
@@ -2698,8 +2756,8 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, m.update();
     };
-    return ie(r, async (L) => {
-      if (!L) {
+    return ie(r, async (V) => {
+      if (!V) {
         m && (m.destroy(), m = null);
         return;
       }
@@ -2710,11 +2768,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         m == null || m.update();
       },
       { deep: !0 }
-    ), Ve(() => {
+    ), Le(() => {
       document.addEventListener("click", P);
     }), ke(() => {
       document.removeEventListener("click", P), m == null || m.destroy(), m = null;
-    }), (L, w) => (v(), g("div", {
+    }), (V, w) => (v(), g("div", {
       ref_key: "root",
       ref: i,
       class: Z(_.value)
@@ -2724,7 +2782,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         ref: n,
         class: "vf-select__control",
         type: "button",
-        disabled: L.disabled,
+        disabled: V.disabled,
         "aria-expanded": r.value,
         "aria-controls": f,
         "aria-haspopup": "listbox",
@@ -2739,13 +2797,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         x("span", {
           class: Z(["vf-select__label", { "vf-select__label_placeholder": !k.value }])
-        }, G(k.value || L.placeholder), 3),
+        }, G(k.value || V.placeholder), 3),
         w[0] || (w[0] = x("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Po),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: f,
           ref_key: "panel",
@@ -2754,7 +2812,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": c.value
         }, [
-          (v(!0), g(ue, null, pe(y.value, (R) => (v(), g("button", {
+          (v(!0), g(ue, null, me(y.value, (R) => (v(), g("button", {
             key: R.value,
             class: Z(["vf-select__option", { "is-active": B(R), "is-disabled": R.disabled }]),
             type: "button",
@@ -2775,7 +2833,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, No = ["id", "disabled", "aria-selected", "onClick"], Go = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, gc = /* @__PURE__ */ oe({
+}, _c = /* @__PURE__ */ oe({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -2830,7 +2888,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       t.disabled || (r.value = !0, f.value = "bottom", m.value = "bottom", c.value < 0 && (c.value = I()));
     }, $ = () => {
       r.value = !1, c.value = -1, f.value = "bottom", m.value = "bottom";
-    }, L = () => {
+    }, V = () => {
       if (r.value) {
         $();
         return;
@@ -2864,7 +2922,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       const b = B.value[c.value];
       b && !b.disabled && w(b);
-    }, V = (b) => {
+    }, L = (b) => {
       var K;
       if (!r.value || !i.value)
         return;
@@ -2920,10 +2978,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), l || W(), l == null || l.update();
-    }), Ve(() => {
-      document.addEventListener("click", V);
+    }), Le(() => {
+      document.addEventListener("click", L);
     }), ke(() => {
-      document.removeEventListener("click", V), l == null || l.destroy(), l = null;
+      document.removeEventListener("click", L), l == null || l.destroy(), l = null;
     }), (b, E) => (v(), g("div", {
       ref_key: "root",
       ref: i,
@@ -2963,9 +3021,9 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         tabindex: "-1",
         onMousedown: E[0] || (E[0] = re(() => {
         }, ["prevent"])),
-        onClick: L
+        onClick: V
       }, " ▾ ", 40, Ho),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: y,
           ref_key: "panel",
@@ -2974,7 +3032,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": m.value
         }, [
-          b.loading ? (v(), g("div", Ko, G(b.loadingText), 1)) : B.value.length > 0 ? (v(!0), g(ue, { key: 1 }, pe(B.value, (K, H) => (v(), g("button", {
+          b.loading ? (v(), g("div", Ko, G(b.loadingText), 1)) : B.value.length > 0 ? (v(!0), g(ue, { key: 1 }, me(B.value, (K, H) => (v(), g("button", {
             id: h(H),
             key: K.value,
             class: Z(["vf-autocomplete__option", {
@@ -2996,13 +3054,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]))
     ], 2));
   }
-}), Yo = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], jo = ["disabled"], Xo = ["data-placement"], Uo = {
+}), jo = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], Yo = ["disabled"], Xo = ["data-placement"], Uo = {
   key: 0,
   class: "vf-combobox__loading"
 }, qo = ["id", "disabled", "aria-selected", "onClick"], Qo = {
   key: 2,
   class: "vf-combobox__empty"
-}, bc = /* @__PURE__ */ oe({
+}, kc = /* @__PURE__ */ oe({
   __name: "combobox",
   props: {
     modelValue: { default: void 0 },
@@ -3040,7 +3098,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), C = p(() => !t.strict || t.allowCreate), I = p(() => {
       const U = ["vf-combobox", `vf-combobox_${t.variant}`, r.value ? "vf-combobox_open" : ""];
       return t.size !== "normal" && U.push(`vf-combobox_${t.size}`), t.disabled && U.push("vf-combobox_disabled"), U.filter(Boolean);
-    }), O = (U) => `${y}-option-${U}`, P = (U) => U.value === t.modelValue, $ = () => M.value.findIndex((U) => !U.disabled), L = (U) => {
+    }), O = (U) => `${y}-option-${U}`, P = (U) => U.value === t.modelValue, $ = () => M.value.findIndex((U) => !U.disabled), V = (U) => {
       e("update:inputValue", U);
     }, w = (U) => {
       e("update:modelValue", U), e("change", U);
@@ -3070,18 +3128,18 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       D();
     }, A = () => {
       const U = u.value.trim();
-      return !U || !C.value ? !1 : (t.allowCreate && !S.value && e("create", U), w(U), L(U), z(), !0);
+      return !U || !C.value ? !1 : (t.allowCreate && !S.value && e("create", U), w(U), V(U), z(), !0);
     }, q = () => {
       var X;
       const U = ((X = _.value) == null ? void 0 : X.label) ?? "";
-      u.value = U, L(U);
-    }, V = (U) => {
-      U.disabled || (u.value = U.label, L(U.label), w(U.value), z());
+      u.value = U, V(U);
+    }, L = (U) => {
+      U.disabled || (u.value = U.label, V(U.label), w(U.value), z());
     }, W = () => {
-      u.value = "", L(""), e("update:modelValue", void 0), e("change", void 0), z();
+      u.value = "", V(""), e("update:modelValue", void 0), e("change", void 0), z();
     }, b = (U) => {
       const X = U.target;
-      u.value = X.value, L(X.value), e("search", X.value), D(), c.value = $();
+      u.value = X.value, V(X.value), e("search", X.value), D(), c.value = $();
     }, E = (U) => {
       e("focus", U), D();
     }, K = (U) => {
@@ -3106,7 +3164,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       const U = M.value[c.value];
       if (U && !U.disabled) {
-        V(U);
+        L(U);
         return;
       }
       A() || t.strict && q();
@@ -3172,7 +3230,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), l || le(), l == null || l.update();
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", ee);
     }), ke(() => {
       document.removeEventListener("click", ee), l == null || l.destroy(), l = null;
@@ -3206,7 +3264,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ce(re(z, ["prevent"]), ["esc"]),
           ce(z, ["tab"])
         ]
-      }, null, 40, Yo),
+      }, null, 40, jo),
       U.clearable && u.value.length > 0 && !U.disabled && !U.readonly ? (v(), g("button", {
         key: 0,
         class: "vf-combobox__clear",
@@ -3225,8 +3283,8 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         onMousedown: X[1] || (X[1] = re(() => {
         }, ["prevent"])),
         onClick: F
-      }, " ▾ ", 40, jo),
-      (v(), me(Le, { to: "body" }, [
+      }, " ▾ ", 40, Yo),
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: y,
           ref_key: "panel",
@@ -3235,7 +3293,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": m.value
         }, [
-          U.loading ? (v(), g("div", Uo, G(U.loadingText), 1)) : M.value.length > 0 ? (v(!0), g(ue, { key: 1 }, pe(M.value, (ae, ne) => (v(), g("button", {
+          U.loading ? (v(), g("div", Uo, G(U.loadingText), 1)) : M.value.length > 0 ? (v(!0), g(ue, { key: 1 }, me(M.value, (ae, ne) => (v(), g("button", {
             id: O(ne),
             key: ae.value,
             class: Z(["vf-combobox__option", {
@@ -3249,7 +3307,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             "aria-selected": P(ae),
             onMousedown: X[2] || (X[2] = re(() => {
             }, ["prevent"])),
-            onClick: (ge) => V(ae)
+            onClick: (ge) => L(ae)
           }, G(ae.label), 43, qo))), 128)) : (v(), g("div", Qo, G(U.emptyText), 1))
         ], 8, Xo), [
           [$e, r.value]
@@ -3270,7 +3328,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, nr = {
   key: 3,
   class: "vf-multiselect__empty"
-}, hc = /* @__PURE__ */ oe({
+}, Cc = /* @__PURE__ */ oe({
   __name: "multi-select",
   props: {
     modelValue: { default: () => [] },
@@ -3308,7 +3366,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       return t.size !== "normal" && T.push(`vf-multiselect_${t.size}`), t.disabled && T.push("vf-multiselect_disabled"), T.filter(Boolean);
     }), I = (T) => `${l}-option-${T}`, O = () => M.value.findIndex((T) => !T.disabled), P = (T) => B.value.includes(T.value), $ = (T) => {
       e("update:modelValue", T), e("change", T);
-    }, L = (T) => {
+    }, V = (T) => {
       if (!(T.disabled || t.readonly)) {
         if (P(T)) {
           $(B.value.filter((Y) => Y !== T.value));
@@ -3355,13 +3413,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       R(-1);
-    }, V = () => {
+    }, L = () => {
       if (!u.value) {
         D();
         return;
       }
       const T = M.value[f.value];
-      T && !T.disabled && L(T);
+      T && !T.disabled && V(T);
     }, W = (T) => {
       const Y = T.target;
       c.value = Y.value, e("search", Y.value), f.value = O();
@@ -3413,7 +3471,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       await ze(), k || H(), k == null || k.update();
     }), ie(M, () => {
       f.value >= M.value.length && (f.value = O());
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", K);
     }), ke(() => {
       document.removeEventListener("click", K), k == null || k.destroy(), k = null;
@@ -3435,7 +3493,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         onKeydown: [
           ce(re(A, ["prevent"]), ["down"]),
           ce(re(q, ["prevent"]), ["up"]),
-          ce(re(V, ["prevent"]), ["enter"]),
+          ce(re(L, ["prevent"]), ["enter"]),
           ce(re(z, ["prevent"]), ["esc"])
         ],
         onFocus: b,
@@ -3456,7 +3514,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": "Clear selection",
         onClick: re(w, ["stop"])
       }, " ✕ ")) : Q("", !0),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: l,
           ref_key: "panel",
@@ -3478,12 +3536,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               onKeydown: [
                 ce(re(A, ["prevent"]), ["down"]),
                 ce(re(q, ["prevent"]), ["up"]),
-                ce(re(V, ["prevent"]), ["enter"]),
+                ce(re(L, ["prevent"]), ["enter"]),
                 ce(re(z, ["prevent"]), ["esc"])
               ]
             }, null, 40, tr)
           ])) : Q("", !0),
-          T.loading ? (v(), g("div", ar, G(T.loadingText), 1)) : M.value.length > 0 ? (v(!0), g(ue, { key: 2 }, pe(M.value, (ee, le) => (v(), g("button", {
+          T.loading ? (v(), g("div", ar, G(T.loadingText), 1)) : M.value.length > 0 ? (v(!0), g(ue, { key: 2 }, me(M.value, (ee, le) => (v(), g("button", {
             id: I(le),
             key: ee.value,
             class: Z(["vf-multiselect__option", {
@@ -3495,7 +3553,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             role: "option",
             disabled: ee.disabled,
             "aria-selected": P(ee),
-            onClick: (U) => L(ee)
+            onClick: (U) => V(ee)
           }, [
             x("span", rr, G(ee.label), 1),
             P(ee) ? (v(), g("span", lr, "✓")) : Q("", !0)
@@ -3512,7 +3570,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, pr = ["id", "disabled", "onClick"], mr = {
   key: 2,
   class: "vf-tag-input__empty"
-}, yc = /* @__PURE__ */ oe({
+}, $c = /* @__PURE__ */ oe({
   __name: "tag-input",
   props: {
     modelValue: { default: () => [] },
@@ -3556,9 +3614,9 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       return t.size !== "normal" && J.push(`vf-tag-input_${t.size}`), t.disabled && J.push("vf-tag-input_disabled"), J.filter(Boolean);
     }), I = (J) => `${y}-option-${J}`, O = () => M.value.findIndex((J) => !J.disabled), P = (J) => S.value.get(String(J)) ?? String(J), $ = (J) => {
       e("update:modelValue", J), e("change", J);
-    }, L = (J, ve) => {
+    }, V = (J, ve) => {
       e("reject", { reason: J, value: ve });
-    }, w = (J) => t.readonly ? (L("readonly", J), !1) : J ? B.value.has(J) ? (L("duplicate", J), !1) : typeof t.maxTags == "number" && k.value.length >= t.maxTags ? (L("maxTags", J), !1) : t.validateTag && !t.validateTag(J) ? (L("invalid", J), !1) : !0 : !1, R = (J, ve) => {
+    }, w = (J) => t.readonly ? (V("readonly", J), !1) : J ? B.value.has(J) ? (V("duplicate", J), !1) : typeof t.maxTags == "number" && k.value.length >= t.maxTags ? (V("maxTags", J), !1) : t.validateTag && !t.validateTag(J) ? (V("invalid", J), !1) : !0 : !1, R = (J, ve) => {
       const be = typeof J == "string" ? J.trim() : String(J);
       return w(be) ? ($([...k.value, J]), e("add", { value: J, source: ve }), r.value = "", c.value = O(), !0) : !1;
     }, D = (J) => {
@@ -3592,7 +3650,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           return;
         }
       c.value = -1;
-    }, V = () => {
+    }, L = () => {
       t.disabled || (u.value = !0, f.value = "bottom", m.value = "bottom", c.value < 0 && (c.value = O()));
     }, W = () => {
       u.value = !1, c.value = -1, f.value = "bottom", m.value = "bottom";
@@ -3601,26 +3659,26 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         W();
         return;
       }
-      V(), E();
+      L(), E();
     }, E = () => {
       var J;
       (J = n.value) == null || J.focus();
     }, K = (J) => {
       const ve = J.target;
-      r.value = ve.value, e("search", ve.value), V(), c.value = O();
+      r.value = ve.value, e("search", ve.value), L(), c.value = O();
     }, H = (J) => {
-      e("focus", J), V();
+      e("focus", J), L();
     }, T = (J) => {
       e("blur", J);
     }, Y = () => {
       if (!u.value) {
-        V();
+        L();
         return;
       }
       q(1);
     }, ee = () => {
       if (!u.value) {
-        V();
+        L();
         return;
       }
       q(-1);
@@ -3687,7 +3745,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), l || ge(), l == null || l.update();
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", ne);
     }), ke(() => {
       document.removeEventListener("click", ne), l == null || l.destroy(), l = null;
@@ -3698,7 +3756,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       onClick: E
     }, [
       x("div", sr, [
-        (v(!0), g(ue, null, pe(k.value, (be, we) => (v(), g("span", {
+        (v(!0), g(ue, null, me(k.value, (be, we) => (v(), g("span", {
           key: `${String(be)}-${we}`,
           class: "vf-tag-input__tag"
         }, [
@@ -3756,7 +3814,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, ["prevent"])),
         onClick: re(b, ["stop"])
       }, " ▾ ", 40, cr),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: y,
           ref_key: "panel",
@@ -3765,7 +3823,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": m.value
         }, [
-          J.loading ? (v(), g("div", fr, G(J.loadingText), 1)) : M.value.length > 0 ? (v(!0), g(ue, { key: 1 }, pe(M.value, (be, we) => (v(), g("button", {
+          J.loading ? (v(), g("div", fr, G(J.loadingText), 1)) : M.value.length > 0 ? (v(!0), g(ue, { key: 1 }, me(M.value, (be, we) => (v(), g("button", {
             id: I(we),
             key: be.value,
             class: Z(["vf-tag-input__option", {
@@ -3791,7 +3849,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, kr = {
   class: "vf-datepicker__days",
   role: "grid"
-}, Cr = ["disabled", "data-date", "onClick"], _c = /* @__PURE__ */ oe({
+}, Cr = ["disabled", "data-date", "onClick"], wc = /* @__PURE__ */ oe({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -3808,7 +3866,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: o }) {
     let a = 0;
-    const e = o, t = s, i = N(null), n = N(null), d = N(null), r = N(!1), u = N("bottom"), c = N("bottom"), f = `vf-datepicker-panel-${++a}`, m = N(V(A(t.modelValue) ?? /* @__PURE__ */ new Date()));
+    const e = o, t = s, i = N(null), n = N(null), d = N(null), r = N(!1), u = N("bottom"), c = N("bottom"), f = `vf-datepicker-panel-${++a}`, m = N(L(A(t.modelValue) ?? /* @__PURE__ */ new Date()));
     let y = null;
     const l = p(() => A(t.modelValue)), k = p(() => A(t.min)), _ = p(() => A(t.max)), B = p(() => l.value ? l.value.toLocaleDateString(t.locale, {
       year: "numeric",
@@ -3845,7 +3903,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       t.disabled || t.readonly || (r.value = !0, u.value = "bottom", c.value = "bottom");
     }, $ = () => {
       r.value = !1, u.value = "bottom", c.value = "bottom";
-    }, L = () => {
+    }, V = () => {
       if (r.value) {
         $();
         return;
@@ -3898,7 +3956,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       () => t.modelValue,
       (T) => {
         const Y = A(T);
-        Y && (m.value = V(Y));
+        Y && (m.value = L(Y));
       },
       { immediate: !0 }
     ), ie(
@@ -3912,7 +3970,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), y || F(), y == null || y.update();
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", z);
     }), ke(() => {
       document.removeEventListener("click", z), y == null || y.destroy(), y = null;
@@ -3929,7 +3987,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     function q(T) {
       return new Date(T.getFullYear(), T.getMonth(), T.getDate());
     }
-    function V(T) {
+    function L(T) {
       return new Date(T.getFullYear(), T.getMonth(), 1);
     }
     function W(T, Y) {
@@ -3939,7 +3997,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       return new Date(T.getFullYear(), T.getMonth(), T.getDate() + Y);
     }
     function E(T, Y) {
-      const ee = V(T), U = (ee.getDay() - Y + 7) % 7;
+      const ee = L(T), U = (ee.getDay() - Y + 7) % 7;
       return b(ee, -U);
     }
     function K(T) {
@@ -3964,10 +4022,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-expanded": r.value,
         "aria-controls": f,
         "aria-haspopup": "dialog",
-        onClick: L,
+        onClick: V,
         onKeydown: [
           ce(re(P, ["prevent"]), ["down"]),
-          ce(re(L, ["prevent"]), ["enter"]),
+          ce(re(V, ["prevent"]), ["enter"]),
           ce(re($, ["prevent"]), ["esc"])
         ],
         onFocus: I,
@@ -3981,7 +4039,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, gr),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: f,
           ref_key: "panel",
@@ -4007,13 +4065,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, " › ")
           ]),
           x("div", _r, [
-            (v(!0), g(ue, null, pe(S.value, (ee) => (v(), g("span", {
+            (v(!0), g(ue, null, me(S.value, (ee) => (v(), g("span", {
               key: ee,
               class: "vf-datepicker__weekday"
             }, G(ee), 1))), 128))
           ]),
           x("div", kr, [
-            (v(!0), g(ue, null, pe(h.value, (ee) => (v(), g("button", {
+            (v(!0), g(ue, null, me(h.value, (ee) => (v(), g("button", {
               key: ee.key,
               class: Z(["vf-datepicker__day", {
                 "is-outside": !ee.inCurrentMonth,
@@ -4038,7 +4096,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, xr = {
   class: "vf-daterangepicker__days",
   role: "grid"
-}, Lr = ["disabled", "data-date", "onClick"], kc = /* @__PURE__ */ oe({
+}, Vr = ["disabled", "data-date", "onClick"], zc = /* @__PURE__ */ oe({
   __name: "date-range-picker",
   props: {
     modelValue: { default: null },
@@ -4103,7 +4161,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         r.value ? "vf-daterangepicker_open" : ""
       ];
       return t.size !== "normal" && X.push(`vf-daterangepicker_${t.size}`), t.disabled && X.push("vf-daterangepicker_disabled"), X.filter(Boolean);
-    }), $ = (X) => e("focus", X), L = (X) => e("blur", X), w = () => {
+    }), $ = (X) => e("focus", X), V = (X) => e("blur", X), w = () => {
       t.disabled || t.readonly || (r.value = !0, u.value = "bottom", c.value = "bottom");
     }, R = () => {
       r.value = !1, u.value = "bottom", c.value = "bottom";
@@ -4130,7 +4188,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       const ge = K(ae).getTime();
       K(X).getTime() < ge ? A(X, ae) : A(ae, X), R();
-    }, V = (X) => {
+    }, L = (X) => {
       var ne;
       if (!r.value || !i.value)
         return;
@@ -4182,10 +4240,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), y || W(), y == null || y.update();
-    }), Ve(() => {
-      document.addEventListener("click", V);
+    }), Le(() => {
+      document.addEventListener("click", L);
     }), ke(() => {
-      document.removeEventListener("click", V), y == null || y.destroy(), y = null;
+      document.removeEventListener("click", L), y == null || y.destroy(), y = null;
     });
     function b(X) {
       if (!X || !Array.isArray(X))
@@ -4247,7 +4305,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ce(re(R, ["prevent"]), ["esc"])
         ],
         onFocus: $,
-        onBlur: L
+        onBlur: V
       }, [
         x("span", {
           class: Z(["vf-daterangepicker__label", { "vf-daterangepicker__label_placeholder": S.value }])
@@ -4257,7 +4315,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, $r),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: f,
           ref_key: "panel",
@@ -4283,13 +4341,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, " › ")
           ]),
           x("div", Br, [
-            (v(!0), g(ue, null, pe(I.value, (ne) => (v(), g("span", {
+            (v(!0), g(ue, null, me(I.value, (ne) => (v(), g("span", {
               key: ne,
               class: "vf-daterangepicker__weekday"
             }, G(ne), 1))), 128))
           ]),
           x("div", xr, [
-            (v(!0), g(ue, null, pe(O.value, (ne) => (v(), g("button", {
+            (v(!0), g(ue, null, me(O.value, (ne) => (v(), g("button", {
               key: ne.key,
               class: Z(["vf-daterangepicker__day", {
                 "is-outside": !ne.inCurrentMonth,
@@ -4303,7 +4361,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               disabled: ne.isDisabled,
               "data-date": ne.iso,
               onClick: (ge) => q(ne.date)
-            }, G(ne.day), 11, Lr))), 128))
+            }, G(ne.day), 11, Vr))), 128))
           ])
         ], 40, wr), [
           [$e, r.value]
@@ -4311,7 +4369,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]))
     ], 2));
   }
-}), Vr = ["disabled", "aria-expanded", "onKeydown"], Fr = ["data-placement"], Tr = ["data-time", "disabled", "aria-selected", "onClick"], Cc = /* @__PURE__ */ oe({
+}), Lr = ["disabled", "aria-expanded", "onKeydown"], Fr = ["data-placement"], Tr = ["data-time", "disabled", "aria-selected", "onClick"], Sc = /* @__PURE__ */ oe({
   __name: "timepicker",
   props: {
     modelValue: { default: void 0 },
@@ -4331,10 +4389,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     const e = o, t = s, i = N(null), n = N(null), d = N(null), r = N(!1), u = N("bottom"), c = N("bottom"), f = `vf-timepicker-panel-${++a}`;
     let m = null;
     const y = p(() => z(t.min)), l = p(() => z(t.max)), k = p(() => z(t.modelValue)), _ = p(() => k.value === null ? "" : A(k.value, t.format)), B = p(() => !t.step || t.step <= 0 ? 30 : Math.min(Math.max(Math.round(t.step), 1), 1440)), M = p(() => {
-      const V = [], W = B.value, b = y.value, E = l.value;
+      const L = [], W = B.value, b = y.value, E = l.value;
       for (let K = 0; K < 1440; K += W) {
         const H = F(K);
-        V.push({
+        L.push({
           value: H,
           minutes: K,
           label: A(K, t.format),
@@ -4342,11 +4400,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           isDisabled: q(K, b, E)
         });
       }
-      return V;
+      return L;
     }), S = p(() => {
-      const V = ["vf-timepicker", `vf-timepicker_${t.variant}`, r.value ? "vf-timepicker_open" : ""];
-      return t.size !== "normal" && V.push(`vf-timepicker_${t.size}`), t.disabled && V.push("vf-timepicker_disabled"), V.filter(Boolean);
-    }), h = (V) => e("focus", V), C = (V) => e("blur", V), I = () => {
+      const L = ["vf-timepicker", `vf-timepicker_${t.variant}`, r.value ? "vf-timepicker_open" : ""];
+      return t.size !== "normal" && L.push(`vf-timepicker_${t.size}`), t.disabled && L.push("vf-timepicker_disabled"), L.filter(Boolean);
+    }), h = (L) => e("focus", L), C = (L) => e("blur", L), I = () => {
       t.disabled || t.readonly || (r.value = !0, u.value = "bottom", c.value = "bottom");
     }, O = () => {
       r.value = !1, u.value = "bottom", c.value = "bottom";
@@ -4357,38 +4415,38 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       I();
     }, $ = async () => {
-      var V, W;
-      r.value || (I(), await ze()), (W = (V = d.value) == null ? void 0 : V.querySelector(".vf-timepicker__option:not(.is-disabled)")) == null || W.focus();
-    }, L = (V) => {
+      var L, W;
+      r.value || (I(), await ze()), (W = (L = d.value) == null ? void 0 : L.querySelector(".vf-timepicker__option:not(.is-disabled)")) == null || W.focus();
+    }, V = (L) => {
       if (t.readonly)
         return;
-      const W = z(V);
-      W === null || q(W, y.value, l.value) || (e("update:modelValue", V), e("change", V), O());
-    }, w = (V) => {
+      const W = z(L);
+      W === null || q(W, y.value, l.value) || (e("update:modelValue", L), e("change", L), O());
+    }, w = (L) => {
       var b;
       if (!r.value || !i.value)
         return;
-      const W = V.target;
+      const W = L.target;
       i.value.contains(W) || (b = d.value) != null && b.contains(W) || O();
     }, R = () => {
       if (!n.value || !d.value)
         return;
-      const V = n.value, W = d.value, b = async () => {
+      const L = n.value, W = d.value, b = async () => {
         const {
           x: T,
           y: Y,
           placement: ee
-        } = await Re(V, W, {
+        } = await Re(L, W, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
         c.value = ee ?? u.value;
-        const le = V.getBoundingClientRect().width;
+        const le = L.getBoundingClientRect().width;
         W.style.minWidth = `${le}px`, W.style.width = `${le}px`, W.style.left = `${T}px`, W.style.top = `${Y}px`;
       }, E = async () => {
         await b();
-      }, K = De(V, () => {
+      }, K = De(L, () => {
         E();
       }), H = () => {
         E();
@@ -4402,11 +4460,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, D = () => {
       if (!d.value || k.value === null)
         return;
-      const V = d.value.querySelector(`[data-time="${F(k.value)}"]`);
-      !V || typeof V.scrollIntoView != "function" || V.scrollIntoView({ block: "nearest" });
+      const L = d.value.querySelector(`[data-time="${F(k.value)}"]`);
+      !L || typeof L.scrollIntoView != "function" || L.scrollIntoView({ block: "nearest" });
     };
-    ie(r, async (V) => {
-      if (!V) {
+    ie(r, async (L) => {
+      if (!L) {
         m && (m.destroy(), m = null);
         return;
       }
@@ -4416,35 +4474,35 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       () => {
         m == null || m.update();
       }
-    ), Ve(() => {
+    ), Le(() => {
       document.addEventListener("click", w);
     }), ke(() => {
       document.removeEventListener("click", w), m == null || m.destroy(), m = null;
     });
-    function z(V) {
-      if (!V)
+    function z(L) {
+      if (!L)
         return null;
-      const W = V.match(/^(\d{2}):(\d{2})$/);
+      const W = L.match(/^(\d{2}):(\d{2})$/);
       if (!W)
         return null;
       const b = Number(W[1]), E = Number(W[2]);
       return Number.isNaN(b) || Number.isNaN(E) || b < 0 || b > 23 || E < 0 || E > 59 ? null : b * 60 + E;
     }
-    function F(V) {
-      const W = Math.floor(V / 60), b = V % 60;
+    function F(L) {
+      const W = Math.floor(L / 60), b = L % 60;
       return `${String(W).padStart(2, "0")}:${String(b).padStart(2, "0")}`;
     }
-    function A(V, W) {
+    function A(L, W) {
       if (W === "12h") {
-        const b = Math.floor(V / 60), E = V % 60, K = b >= 12 ? "PM" : "AM";
+        const b = Math.floor(L / 60), E = L % 60, K = b >= 12 ? "PM" : "AM";
         return `${b % 12 || 12}:${String(E).padStart(2, "0")} ${K}`;
       }
-      return F(V);
+      return F(L);
     }
-    function q(V, W, b) {
-      return W !== null && V < W || b !== null && V > b;
+    function q(L, W, b) {
+      return W !== null && L < W || b !== null && L > b;
     }
-    return (V, W) => (v(), g("div", {
+    return (L, W) => (v(), g("div", {
       ref_key: "root",
       ref: i,
       class: Z(S.value)
@@ -4454,7 +4512,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         ref: n,
         class: "vf-timepicker__control",
         type: "button",
-        disabled: V.disabled,
+        disabled: L.disabled,
         "aria-expanded": r.value,
         "aria-controls": f,
         "aria-haspopup": "listbox",
@@ -4469,13 +4527,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         x("span", {
           class: Z(["vf-timepicker__label", { "vf-timepicker__label_placeholder": !_.value }])
-        }, G(_.value || V.placeholder), 3),
+        }, G(_.value || L.placeholder), 3),
         W[0] || (W[0] = x("span", {
           class: "vf-timepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, Vr),
-      (v(), me(Le, { to: "body" }, [
+      ], 40, Lr),
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: f,
           ref_key: "panel",
@@ -4484,7 +4542,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": c.value
         }, [
-          (v(!0), g(ue, null, pe(M.value, (b) => (v(), g("button", {
+          (v(!0), g(ue, null, me(M.value, (b) => (v(), g("button", {
             key: b.value,
             class: Z(["vf-timepicker__option", { "is-active": b.isSelected, "is-disabled": b.isDisabled }]),
             type: "button",
@@ -4492,7 +4550,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             "data-time": b.value,
             disabled: b.isDisabled,
             "aria-selected": b.isSelected,
-            onClick: (E) => L(b.value)
+            onClick: (E) => V(b.value)
           }, G(b.label), 11, Tr))), 128))
         ], 8, Fr), [
           [$e, r.value]
@@ -4509,7 +4567,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, Ar = ["disabled", "data-date", "onClick"], Hr = {
   class: "vf-datetimepicker__times",
   role: "listbox"
-}, Wr = ["data-time", "disabled", "aria-selected", "onClick"], $c = /* @__PURE__ */ oe({
+}, Wr = ["data-time", "disabled", "aria-selected", "onClick"], Bc = /* @__PURE__ */ oe({
   __name: "datetimepicker",
   props: {
     modelValue: { default: void 0 },
@@ -4551,16 +4609,16 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), O = p(() => {
       const te = ne(m.value, t.firstDayOfWeek), se = y.value ? ge(y.value) : null, de = ge(/* @__PURE__ */ new Date());
       return Array.from({ length: 42 }, (he, Be) => {
-        const xe = ae(te, Be), Ue = ge(xe);
+        const xe = ae(te, Be), qe = ge(xe);
         return {
-          key: `${Ue}-${Be}`,
-          iso: Ue,
+          key: `${qe}-${Be}`,
+          iso: qe,
           date: xe,
           day: xe.getDate(),
           inCurrentMonth: xe.getMonth() === m.value.getMonth(),
           isDisabled: we(xe, M.value, S.value),
-          isSelected: se === Ue,
-          isToday: Ue === de
+          isSelected: se === qe,
+          isToday: qe === de
         };
       });
     }), P = p(() => {
@@ -4581,7 +4639,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         r.value ? "vf-datetimepicker_open" : ""
       ];
       return t.size !== "normal" && te.push(`vf-datetimepicker_${t.size}`), t.disabled && te.push("vf-datetimepicker_disabled"), te.filter(Boolean);
-    }), L = (te) => e("focus", te), w = (te) => e("blur", te), R = () => {
+    }), V = (te) => e("focus", te), w = (te) => e("blur", te), R = () => {
       if (!y.value || l.value === null || Se(y.value, l.value, M.value, S.value))
         return;
       const te = ve(y.value, l.value);
@@ -4610,7 +4668,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       F();
-    }, V = () => {
+    }, L = () => {
       m.value = X(m.value, -1);
     }, W = () => {
       m.value = X(m.value, 1);
@@ -4629,17 +4687,17 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       const te = n.value, se = d.value, de = async () => {
         const {
-          x: Ue,
-          y: Lt,
-          placement: Vt
+          x: qe,
+          y: Vt,
+          placement: Lt
         } = await Re(te, se, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        c.value = Vt ?? u.value;
-        const rt = 8, Ft = se.getBoundingClientRect().width, Tt = Math.max(rt, window.innerWidth - Ft - rt), It = Math.min(Math.max(Ue, rt), Tt);
-        se.style.left = `${It}px`, se.style.top = `${Lt}px`;
+        c.value = Lt ?? u.value;
+        const rt = 8, Ft = se.getBoundingClientRect().width, Tt = Math.max(rt, window.innerWidth - Ft - rt), It = Math.min(Math.max(qe, rt), Tt);
+        se.style.left = `${It}px`, se.style.top = `${Vt}px`;
       }, he = async () => {
         await de();
       }, Be = De(te, () => {
@@ -4672,7 +4730,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), k || H(), k == null || k.update();
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", K);
     }), ke(() => {
       document.removeEventListener("click", K), k == null || k.destroy(), k = null;
@@ -4768,7 +4826,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ce(re(q, ["prevent"]), ["enter"]),
           ce(re(A, ["prevent"]), ["esc"])
         ],
-        onFocus: L,
+        onFocus: V,
         onBlur: w
       }, [
         x("span", {
@@ -4779,7 +4837,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Ir),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: f,
           ref_key: "panel",
@@ -4795,7 +4853,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
                 class: "vf-datetimepicker__nav",
                 type: "button",
                 "aria-label": "Previous month",
-                onClick: V
+                onClick: L
               }, " ‹ "),
               x("span", Pr, G(C.value), 1),
               x("button", {
@@ -4806,13 +4864,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               }, " › ")
             ]),
             x("div", Or, [
-              (v(!0), g(ue, null, pe(I.value, (de) => (v(), g("span", {
+              (v(!0), g(ue, null, me(I.value, (de) => (v(), g("span", {
                 key: de,
                 class: "vf-datetimepicker__weekday"
               }, G(de), 1))), 128))
             ]),
             x("div", Er, [
-              (v(!0), g(ue, null, pe(O.value, (de) => (v(), g("button", {
+              (v(!0), g(ue, null, me(O.value, (de) => (v(), g("button", {
                 key: de.key,
                 class: Z(["vf-datetimepicker__day", {
                   "is-outside": !de.inCurrentMonth,
@@ -4827,7 +4885,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             ])
           ]),
           x("div", Hr, [
-            (v(!0), g(ue, null, pe(P.value, (de) => (v(), g("button", {
+            (v(!0), g(ue, null, me(P.value, (de) => (v(), g("button", {
               key: de.value,
               class: Z(["vf-datetimepicker__time", { "is-active": de.isSelected, "is-disabled": de.isDisabled }]),
               type: "button",
@@ -4844,13 +4902,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]))
     ], 2));
   }
-}), Kr = { class: "vf-calendar__header" }, Nr = ["disabled"], Gr = { class: "vf-calendar__month-label" }, Yr = ["disabled"], jr = {
+}), Kr = { class: "vf-calendar__header" }, Nr = ["disabled"], Gr = { class: "vf-calendar__month-label" }, jr = ["disabled"], Yr = {
   class: "vf-calendar__weekdays",
   role: "row"
 }, Xr = {
   class: "vf-calendar__days",
   role: "grid"
-}, Ur = ["disabled", "data-date", "onClick"], wc = /* @__PURE__ */ oe({
+}, Ur = ["disabled", "data-date", "onClick"], xc = /* @__PURE__ */ oe({
   __name: "calendar",
   props: {
     modelValue: { default: void 0 },
@@ -4870,13 +4928,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       month: "long"
     })), u = p(() => {
       const O = new Intl.DateTimeFormat(e.locale, { weekday: "short" }), P = new Date(2026, 0, 4);
-      return Array.from({ length: 7 }, ($, L) => {
-        const w = (L + e.firstDayOfWeek) % 7, R = new Date(P);
+      return Array.from({ length: 7 }, ($, V) => {
+        const w = (V + e.firstDayOfWeek) % 7, R = new Date(P);
         return R.setDate(P.getDate() + w), O.format(R);
       });
     }), c = p(() => {
       const O = h(t.value, e.firstDayOfWeek), P = i.value ? C(i.value) : null, $ = C(/* @__PURE__ */ new Date());
-      return Array.from({ length: 42 }, (L, w) => {
+      return Array.from({ length: 42 }, (V, w) => {
         const R = S(O, w), D = C(R);
         return {
           key: `${D}-${w}`,
@@ -4916,8 +4974,8 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       const P = O.match(/^(\d{4})-(\d{2})-(\d{2})$/);
       if (!P)
         return null;
-      const $ = Number(P[1]), L = Number(P[2]) - 1, w = Number(P[3]), R = new Date($, L, w);
-      return R.getFullYear() !== $ || R.getMonth() !== L || R.getDate() !== w ? null : _(R);
+      const $ = Number(P[1]), V = Number(P[2]) - 1, w = Number(P[3]), R = new Date($, V, w);
+      return R.getFullYear() !== $ || R.getMonth() !== V || R.getDate() !== w ? null : _(R);
     }
     function _(O) {
       return new Date(O.getFullYear(), O.getMonth(), O.getDate());
@@ -4936,12 +4994,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       return S($, -w);
     }
     function C(O) {
-      const P = O.getFullYear(), $ = `${O.getMonth() + 1}`.padStart(2, "0"), L = `${O.getDate()}`.padStart(2, "0");
-      return `${P}-${$}-${L}`;
+      const P = O.getFullYear(), $ = `${O.getMonth() + 1}`.padStart(2, "0"), V = `${O.getDate()}`.padStart(2, "0");
+      return `${P}-${$}-${V}`;
     }
     function I(O, P, $) {
-      const L = _(O).getTime();
-      return !!(P && L < P.getTime() || $ && L > $.getTime());
+      const V = _(O).getTime();
+      return !!(P && V < P.getTime() || $ && V > $.getTime());
     }
     return (O, P) => (v(), g("div", {
       class: Z(f.value)
@@ -4961,16 +5019,16 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-label": "Next month",
           disabled: O.disabled,
           onClick: y
-        }, " › ", 8, Yr)
+        }, " › ", 8, jr)
       ]),
-      x("div", jr, [
-        (v(!0), g(ue, null, pe(u.value, ($) => (v(), g("span", {
+      x("div", Yr, [
+        (v(!0), g(ue, null, me(u.value, ($) => (v(), g("span", {
           key: $,
           class: "vf-calendar__weekday"
         }, G($), 1))), 128))
       ]),
       x("div", Xr, [
-        (v(!0), g(ue, null, pe(c.value, ($) => (v(), g("button", {
+        (v(!0), g(ue, null, me(c.value, ($) => (v(), g("button", {
           key: $.key,
           class: Z(["vf-calendar__day", {
             "is-outside": !$.inCurrentMonth,
@@ -4980,12 +5038,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           type: "button",
           disabled: O.disabled || $.isDisabled,
           "data-date": $.iso,
-          onClick: (L) => l($.date)
+          onClick: (V) => l($.date)
         }, G($.day), 11, Ur))), 128))
       ])
     ], 2));
   }
-}), qr = ["disabled"], Qr = ["disabled", "aria-current", "aria-label", "onClick"], Zr = ["disabled"], zc = /* @__PURE__ */ oe({
+}), qr = ["disabled"], Qr = ["disabled", "aria-current", "aria-label", "onClick"], Zr = ["disabled"], Vc = /* @__PURE__ */ oe({
   __name: "pagination",
   props: {
     modelValue: { default: 1 },
@@ -5049,7 +5107,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": "Previous page",
         onClick: k[0] || (k[0] = (_) => y(d.value - 1, _))
       }, G(l.prevLabel), 9, qr),
-      (v(!0), g(ue, null, pe(f.value, (_) => (v(), g("button", {
+      (v(!0), g(ue, null, me(f.value, (_) => (v(), g("button", {
         key: _.key,
         class: Z(["vf-pagination__item", {
           "is-current": _.type === "page" && _.page === d.value,
@@ -5079,7 +5137,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }), Jr = ["checked", "disabled"], el = {
   key: 0,
   class: "vf-checkbox__label"
-}, Sc = /* @__PURE__ */ oe({
+}, Lc = /* @__PURE__ */ oe({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -5114,7 +5172,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0)
     ], 2));
   }
-}), $t = Symbol("VueForgeRadioGroup"), tl = ["aria-disabled", "aria-label", "aria-labelledby"], Bc = /* @__PURE__ */ oe({
+}), $t = Symbol("VueForgeRadioGroup"), tl = ["aria-disabled", "aria-label", "aria-labelledby"], Fc = /* @__PURE__ */ oe({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -5152,7 +5210,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }), al = ["name", "value", "checked", "disabled"], ol = {
   key: 0,
   class: "vf-radio__label"
-}, xc = /* @__PURE__ */ oe({
+}, Tc = /* @__PURE__ */ oe({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -5164,7 +5222,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: o }) {
-    const a = o, e = s, t = je($t, null), i = p(() => t ? t.modelValue.value : e.modelValue), n = p(() => t ? t.name.value : e.name), d = p(() => t ? t.variant.value : e.variant), r = p(() => (t ? t.disabled.value : !1) || e.disabled), u = p(() => i.value === e.value), c = p(() => {
+    const a = o, e = s, t = Xe($t, null), i = p(() => t ? t.modelValue.value : e.modelValue), n = p(() => t ? t.name.value : e.name), d = p(() => t ? t.variant.value : e.variant), r = p(() => (t ? t.disabled.value : !1) || e.disabled), u = p(() => i.value === e.value), c = p(() => {
       const m = ["vf-radio", `vf-radio_${d.value}`];
       return r.value && m.push("vf-radio_disabled"), m;
     }), f = (m) => {
@@ -5190,7 +5248,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0)
     ], 2));
   }
-}), rl = ["aria-label", "aria-labelledby"], ll = ["aria-checked", "disabled", "onClick", "onKeydown"], Lc = /* @__PURE__ */ oe({
+}), rl = ["aria-label", "aria-labelledby"], ll = ["aria-checked", "disabled", "onClick", "onKeydown"], Ic = /* @__PURE__ */ oe({
   __name: "segmented-control",
   props: {
     modelValue: { default: void 0 },
@@ -5236,7 +5294,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": l.ariaLabel || void 0,
       "aria-labelledby": l.ariaLabelledby || void 0
     }, [
-      (v(!0), g(ue, null, pe(i.value, (_, B) => (v(), g("button", {
+      (v(!0), g(ue, null, me(i.value, (_, B) => (v(), g("button", {
         key: _.key,
         ref_for: !0,
         ref: (M) => m(M, B),
@@ -5252,7 +5310,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, G(_.label), 43, ll))), 128))
     ], 10, rl));
   }
-}), ut = Symbol("VueForgeTabs"), nl = ["aria-orientation", "aria-label", "aria-labelledby"], sl = { class: "vf-tabs__panels" }, Vc = /* @__PURE__ */ oe({
+}), ut = Symbol("VueForgeTabs"), nl = ["aria-orientation", "aria-label", "aria-labelledby"], sl = { class: "vf-tabs__panels" }, Dc = /* @__PURE__ */ oe({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -5311,7 +5369,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])
     ], 2));
   }
-}), il = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Fc = /* @__PURE__ */ oe({
+}), il = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Rc = /* @__PURE__ */ oe({
   __name: "tab",
   props: {
     value: {},
@@ -5320,7 +5378,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["change"],
   setup(s, { emit: o }) {
-    const a = o, e = s, t = je(ut, null), i = p(() => (t == null ? void 0 : t.activeValue.value) === e.value), n = p(() => ((t == null ? void 0 : t.disabled.value) ?? !1) || e.disabled), d = p(() => t ? t.getTabId(e.value) : void 0), r = p(() => t ? t.getPanelId(e.value) : void 0), u = p(() => n.value ? -1 : i.value ? 0 : -1), c = (f) => {
+    const a = o, e = s, t = Xe(ut, null), i = p(() => (t == null ? void 0 : t.activeValue.value) === e.value), n = p(() => ((t == null ? void 0 : t.disabled.value) ?? !1) || e.disabled), d = p(() => t ? t.getTabId(e.value) : void 0), r = p(() => t ? t.getPanelId(e.value) : void 0), u = p(() => n.value ? -1 : i.value ? 0 : -1), c = (f) => {
       !t || n.value || (t.onChange(e.value, f), a("change", e.value, f));
     };
     return (f, m) => (v(), g("button", {
@@ -5339,13 +5397,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])
     ], 10, il));
   }
-}), dl = ["id", "aria-labelledby"], Tc = /* @__PURE__ */ oe({
+}), dl = ["id", "aria-labelledby"], Mc = /* @__PURE__ */ oe({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(s) {
-    const o = s, a = je(ut, null), e = p(() => (a == null ? void 0 : a.activeValue.value) === o.value), t = p(() => a ? a.getTabId(o.value) : void 0), i = p(() => a ? a.getPanelId(o.value) : void 0);
+    const o = s, a = Xe(ut, null), e = p(() => (a == null ? void 0 : a.activeValue.value) === o.value), t = p(() => a ? a.getTabId(o.value) : void 0), i = p(() => a ? a.getPanelId(o.value) : void 0);
     return (n, d) => Ce((v(), g("div", {
       id: i.value,
       class: "vf-tab-panel",
@@ -5358,7 +5416,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       [$e, e.value]
     ]);
   }
-}), wt = Symbol("VueForgeAccordion"), ul = ["aria-label", "aria-labelledby"], Ic = /* @__PURE__ */ oe({
+}), wt = Symbol("VueForgeAccordion"), ul = ["aria-label", "aria-labelledby"], Pc = /* @__PURE__ */ oe({
   __name: "accordion",
   props: {
     modelValue: { default: void 0 },
@@ -5403,7 +5461,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       j(f.$slots, "default")
     ], 10, ul));
   }
-}), cl = ["id", "disabled", "aria-expanded", "aria-controls"], vl = { class: "vf-accordion__title" }, fl = ["id", "aria-labelledby", "aria-hidden"], pl = { class: "vf-accordion__panel-inner" }, Dc = /* @__PURE__ */ oe({
+}), cl = ["id", "disabled", "aria-expanded", "aria-controls"], vl = { class: "vf-accordion__title" }, fl = ["id", "aria-labelledby", "aria-hidden"], pl = { class: "vf-accordion__panel-inner" }, Oc = /* @__PURE__ */ oe({
   __name: "accordion-item",
   props: {
     value: {},
@@ -5412,7 +5470,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     unmount: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const o = s, a = je(wt, null), e = p(() => {
+    const o = s, a = Xe(wt, null), e = p(() => {
       if (!a)
         return !1;
       const c = a.modelValue.value;
@@ -5465,7 +5523,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, hl = {
   key: 1,
   class: "vf-toast__message"
-}, Rc = /* @__PURE__ */ oe({
+}, Ec = /* @__PURE__ */ oe({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -5524,14 +5582,14 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       [$e, r.modelValue]
     ]);
   }
-}), Mc = /* @__PURE__ */ oe({
+}), Ac = /* @__PURE__ */ oe({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(s) {
     const o = s, a = p(() => `vf-toast-container_${o.position}`);
-    return (e, t) => (v(), me(Le, { to: "body" }, [
+    return (e, t) => (v(), pe(Ve, { to: "body" }, [
       x("div", {
         class: Z(["vf-toast-container", a.value]),
         role: "region",
@@ -5554,7 +5612,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, wl = {
   key: 1,
   class: "vf-alert__actions"
-}, Pc = /* @__PURE__ */ oe({
+}, Hc = /* @__PURE__ */ oe({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -5627,10 +5685,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, xl = {
   key: 1,
   class: "vf-empty-state__description"
-}, Ll = {
+}, Vl = {
   key: 1,
   class: "vf-empty-state__actions"
-}, Oc = /* @__PURE__ */ oe({
+}, Wc = /* @__PURE__ */ oe({
   __name: "empty-state",
   props: {
     title: { default: "" },
@@ -5666,15 +5724,15 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ])
         ])) : Q("", !0)
       ]),
-      e.$slots.actions ? (v(), g("div", Ll, [
+      e.$slots.actions ? (v(), g("div", Vl, [
         j(e.$slots, "actions")
       ])) : Q("", !0)
     ], 2));
   }
-}), Vl = ["checked", "disabled"], Fl = {
+}), Ll = ["checked", "disabled"], Fl = {
   key: 0,
   class: "vf-switch__label"
-}, Ec = /* @__PURE__ */ oe({
+}, Kc = /* @__PURE__ */ oe({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -5699,7 +5757,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         checked: n.modelValue,
         disabled: n.disabled,
         onChange: i
-      }, null, 40, Vl),
+      }, null, 40, Ll),
       d[0] || (d[0] = x("span", { class: "vf-switch__track" }, [
         x("span", { class: "vf-switch__thumb" })
       ], -1)),
@@ -5710,7 +5768,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0)
     ], 2));
   }
-}), Tl = { class: "vf-popover" }, Il = ["aria-expanded", "onKeydown"], Ac = /* @__PURE__ */ oe({
+}), Tl = { class: "vf-popover" }, Il = ["aria-expanded", "onKeydown"], Nc = /* @__PURE__ */ oe({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(s, { expose: o, emit: a }) {
@@ -5805,34 +5863,34 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(s, { expose: o, emit: a }) {
     const e = a, t = s;
     let i = 0, n = 0, d = "", r = null;
-    const u = N(null), c = Rt(), f = Xe(), m = `vf-modal-title-${++i}`, y = `vf-modal-body-${i}`, l = p(() => !!t.title || !!f.header), k = p(() => !!f.body || !!f.default), _ = p(() => {
-      const L = ["vf-modal"];
-      return t.size !== "md" && L.push(`vf-modal_${t.size}`), L;
+    const u = N(null), c = Rt(), f = Ue(), m = `vf-modal-title-${++i}`, y = `vf-modal-body-${i}`, l = p(() => !!t.title || !!f.header), k = p(() => !!f.body || !!f.default), _ = p(() => {
+      const V = ["vf-modal"];
+      return t.size !== "md" && V.push(`vf-modal_${t.size}`), V;
     }), B = () => e("update:modelValue", !0), M = () => {
       e("update:modelValue", !1), e("close");
     }, S = () => {
       t.closeOnOverlay && M();
-    }, h = (L) => {
-      !t.modelValue || !t.closeOnEsc || L.key === "Escape" && (L.preventDefault(), M());
+    }, h = (V) => {
+      !t.modelValue || !t.closeOnEsc || V.key === "Escape" && (V.preventDefault(), M());
     }, C = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((w) => !w.hasAttribute("disabled") && !w.getAttribute("aria-hidden")) : [], I = () => {
       var w;
-      const L = C();
-      L.length ? L[0].focus() : (w = u.value) == null || w.focus();
-    }, O = (L) => {
+      const V = C();
+      V.length ? V[0].focus() : (w = u.value) == null || w.focus();
+    }, O = (V) => {
       var F;
-      if (L.key !== "Tab")
+      if (V.key !== "Tab")
         return;
       const w = C();
       if (!w.length) {
-        L.preventDefault(), (F = u.value) == null || F.focus();
+        V.preventDefault(), (F = u.value) == null || F.focus();
         return;
       }
       const R = w[0], D = w[w.length - 1], z = document.activeElement;
-      if (L.shiftKey && z === R) {
-        L.preventDefault(), D.focus();
+      if (V.shiftKey && z === R) {
+        V.preventDefault(), D.focus();
         return;
       }
-      !L.shiftKey && z === D && (L.preventDefault(), R.focus());
+      !V.shiftKey && z === D && (V.preventDefault(), R.focus());
     }, P = () => {
       !t.lockScroll || typeof document > "u" || (n === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1);
     }, $ = () => {
@@ -5840,13 +5898,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     };
     return ie(
       () => t.modelValue,
-      async (L) => {
-        L ? (typeof document < "u" && (r = document.activeElement), P(), e("open"), await ze(), I(), typeof document < "u" && document.addEventListener("keydown", h)) : ($(), typeof document < "u" && (document.removeEventListener("keydown", h), r == null || r.focus()));
+      async (V) => {
+        V ? (typeof document < "u" && (r = document.activeElement), P(), e("open"), await ze(), I(), typeof document < "u" && document.addEventListener("keydown", h)) : ($(), typeof document < "u" && (document.removeEventListener("keydown", h), r == null || r.focus()));
       },
       { immediate: !0 }
     ), ke(() => {
       $(), typeof document < "u" && document.removeEventListener("keydown", h);
-    }), o({ open: B, close: M }), (L, w) => (v(), me(Le, { to: "body" }, [
+    }), o({ open: B, close: M }), (V, w) => (v(), pe(Ve, { to: "body" }, [
       Ce(x("div", st(We(c), {
         class: _.value,
         role: "presentation"
@@ -5871,12 +5929,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               id: m,
               class: "vf-modal__header-content"
             }, [
-              j(L.$slots, "header", {}, () => [
-                L.title ? (v(), g("h3", Ml, G(L.title), 1)) : Q("", !0)
+              j(V.$slots, "header", {}, () => [
+                V.title ? (v(), g("h3", Ml, G(V.title), 1)) : Q("", !0)
               ])
             ])
           ])) : Q("", !0),
-          L.showClose ? j(L.$slots, "close", {
+          V.showClose ? j(V.$slots, "close", {
             key: 1,
             close: M
           }, () => [
@@ -5887,24 +5945,24 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               onClick: M
             }, "×")
           ]) : Q("", !0),
-          L.$slots.body || L.$slots.default ? (v(), g("div", {
+          V.$slots.body || V.$slots.default ? (v(), g("div", {
             key: 2,
             id: y,
             class: "vf-modal__body"
           }, [
-            j(L.$slots, "body"),
-            L.$slots.body ? Q("", !0) : j(L.$slots, "default", { key: 0 })
+            j(V.$slots, "body"),
+            V.$slots.body ? Q("", !0) : j(V.$slots, "default", { key: 0 })
           ])) : Q("", !0),
-          L.$slots.footer ? (v(), g("div", Pl, [
-            j(L.$slots, "footer")
+          V.$slots.footer ? (v(), g("div", Pl, [
+            j(V.$slots, "footer")
           ])) : Q("", !0)
         ], 40, Dl)
       ], 16), [
-        [$e, L.modelValue]
+        [$e, V.modelValue]
       ])
     ]));
   }
-}), El = { class: "vf-confirm-dialog__message" }, Al = { class: "vf-confirm-dialog__actions" }, Hc = /* @__PURE__ */ oe({
+}), El = { class: "vf-confirm-dialog__message" }, Al = { class: "vf-confirm-dialog__actions" }, Gc = /* @__PURE__ */ oe({
   __name: "confirm-dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -5950,7 +6008,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       close: () => {
         n.value = "cancel", d();
       }
-    }), (m, y) => (v(), me(Ol, {
+    }), (m, y) => (v(), pe(Ol, {
       ref_key: "modal",
       ref: i,
       class: "vf-confirm-dialog",
@@ -6008,7 +6066,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, Nl = {
   key: 3,
   class: "vf-drawer__footer"
-}, Wc = /* @__PURE__ */ oe({
+}, jc = /* @__PURE__ */ oe({
   __name: "drawer",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -6025,7 +6083,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(s, { expose: o, emit: a }) {
     const e = a, t = s;
     let i = 0, n = 0, d = "", r = null;
-    const u = N(null), c = Xe(), f = `vf-drawer-title-${++i}`, m = `vf-drawer-body-${i}`, y = p(() => !!t.title || !!c.header), l = p(() => !!c.body || !!c.default), k = p(() => {
+    const u = N(null), c = Ue(), f = `vf-drawer-title-${++i}`, m = `vf-drawer-body-${i}`, y = p(() => !!t.title || !!c.header), l = p(() => !!c.body || !!c.default), k = p(() => {
       switch (t.position) {
         case "left":
           return "translate3d(-100%, 0, 0)";
@@ -6070,18 +6128,18 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       !w.shiftKey && F === z && (w.preventDefault(), D.focus());
     }, $ = () => {
       !t.lockScroll || typeof document > "u" || (n === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1);
-    }, L = () => {
+    }, V = () => {
       !t.lockScroll || typeof document > "u" || (n = Math.max(0, n - 1), n === 0 && (document.body.style.overflow = d));
     };
     return ie(
       () => t.modelValue,
       async (w) => {
-        w ? (typeof document < "u" && (r = document.activeElement), $(), e("open"), await ze(), O(), typeof document < "u" && document.addEventListener("keydown", C)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", C), r == null || r.focus()));
+        w ? (typeof document < "u" && (r = document.activeElement), $(), e("open"), await ze(), O(), typeof document < "u" && document.addEventListener("keydown", C)) : (V(), typeof document < "u" && (document.removeEventListener("keydown", C), r == null || r.focus()));
       },
       { immediate: !0 }
     ), ke(() => {
-      L(), typeof document < "u" && document.removeEventListener("keydown", C);
-    }), o({ open: M, close: S }), (w, R) => (v(), me(Le, { to: "body" }, [
+      V(), typeof document < "u" && document.removeEventListener("keydown", C);
+    }), o({ open: M, close: S }), (w, R) => (v(), pe(Ve, { to: "body" }, [
       Ge(Mt, {
         name: "vf-drawer",
         duration: { enter: 320, leave: 320 }
@@ -6149,7 +6207,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       })
     ]));
   }
-}), Gl = ["aria-expanded", "aria-disabled", "onKeydown"], Yl = ["data-placement"], jl = /* @__PURE__ */ oe({
+}), Gl = ["aria-expanded", "aria-disabled", "onKeydown"], jl = ["data-placement"], Yl = /* @__PURE__ */ oe({
   name: "VfDropdown",
   __name: "dropdown",
   props: {
@@ -6181,14 +6239,14 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, h = ($) => {
       if (e("select", $), !t.closeOnSelect)
         return;
-      const L = $.target;
-      L && (L.closest(".vf-menu__parent") || (L.closest(".vf-menu__link") || L.closest("[data-dropdown-close]")) && B());
+      const V = $.target;
+      V && (V.closest(".vf-menu__parent") || (V.closest(".vf-menu__link") || V.closest("[data-dropdown-close]")) && B());
     }, C = ($) => {
       var w;
       if (!u.value || !n.value)
         return;
-      const L = $.target;
-      n.value.contains(L) || (w = r.value) != null && w.contains(L) || B();
+      const V = $.target;
+      n.value.contains(V) || (w = r.value) != null && w.contains(V) || B();
     }, I = ($) => {
       !u.value || !t.closeOnEsc || $.key === "Escape" && ($.preventDefault(), B());
     }, O = ($) => {
@@ -6210,17 +6268,17 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, P = () => {
       if (!d.value || !r.value)
         return;
-      const $ = d.value, L = r.value, w = async () => {
+      const $ = d.value, V = r.value, w = async () => {
         const {
           x: F,
           y: A,
           placement: q
-        } = await Re($, L, {
+        } = await Re($, V, {
           placement: c.value,
           strategy: "fixed",
           middleware: [Ie(t.offset), Te({ placements: O(c.value) })]
         });
-        f.value = q ?? c.value, t.matchTriggerWidth && (L.style.minWidth = `${$.getBoundingClientRect().width}px`), L.style.left = `${F}px`, L.style.top = `${A}px`;
+        f.value = q ?? c.value, t.matchTriggerWidth && (V.style.minWidth = `${$.getBoundingClientRect().width}px`), V.style.left = `${F}px`, V.style.top = `${A}px`;
       }, R = async () => {
         await w();
       }, D = De($, () => {
@@ -6252,11 +6310,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       await ze(), y || P(), y == null || y.update();
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", C), document.addEventListener("keydown", I);
     }), ke(() => {
       document.removeEventListener("click", C), document.removeEventListener("keydown", I), y == null || y.destroy(), y = null;
-    }), o({ open: _, close: B, toggle: M }), ($, L) => (v(), g("div", {
+    }), o({ open: _, close: B, toggle: M }), ($, V) => (v(), g("div", {
       ref_key: "root",
       ref: n,
       class: Z(["vf-dropdown", { "vf-dropdown_disabled": $.disabled }])
@@ -6278,7 +6336,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         j($.$slots, "trigger")
       ], 40, Gl),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: m,
           ref_key: "panel",
@@ -6289,18 +6347,18 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           onClick: h
         }, [
           j($.$slots, "default", {}, () => [
-            t.items.length ? (v(), me(ht, {
+            t.items.length ? (v(), pe(ht, {
               key: 0,
               items: t.items
             }, null, 8, ["items"])) : Q("", !0)
           ])
-        ], 8, Yl), [
+        ], 8, jl), [
           [$e, u.value]
         ])
       ]))
     ], 2));
   }
-}), Kc = /* @__PURE__ */ oe({
+}), Yc = /* @__PURE__ */ oe({
   name: "VfSplitButton",
   __name: "split-button",
   props: {
@@ -6323,7 +6381,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["click", "update:modelValue", "open", "close", "select"],
   setup(s, { expose: o, emit: a }) {
-    const e = s, t = a, i = je(dt, null), n = N(null), d = p(() => e.size ?? (i == null ? void 0 : i.value.size) ?? "normal"), r = p(() => e.variant ?? (i == null ? void 0 : i.value.variant)), u = p(() => e.severity ?? (i == null ? void 0 : i.value.severity) ?? "primary"), c = p(() => e.disabled || (i == null ? void 0 : i.value.disabled) === !0), f = p(() => {
+    const e = s, t = a, i = Xe(dt, null), n = N(null), d = p(() => e.size ?? (i == null ? void 0 : i.value.size) ?? "normal"), r = p(() => e.variant ?? (i == null ? void 0 : i.value.variant)), u = p(() => e.severity ?? (i == null ? void 0 : i.value.severity) ?? "primary"), c = p(() => e.disabled || (i == null ? void 0 : i.value.disabled) === !0), f = p(() => {
       const l = ["vf-splitbutton"];
       return (c.value || e.loading) && l.push("vf-splitbutton_disabled"), (d.value === "small" || d.value === "large") && l.push(`vf-splitbutton_${d.value}`), l;
     }), m = (l) => {
@@ -6352,7 +6410,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), (l, k) => (v(), g("div", {
       class: Z(["vf-splitbutton", f.value])
     }, [
-      l.$slots.default ? (v(), me(Ze, {
+      l.$slots.default ? (v(), pe(Ze, {
         key: 0,
         class: "vf-splitbutton__main",
         label: l.label,
@@ -6369,7 +6427,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           j(l.$slots, "default")
         ]),
         _: 3
-      }, 8, ["label", "icon", "type", "size", "variant", "severity", "loading", "disabled"])) : (v(), me(Ze, {
+      }, 8, ["label", "icon", "type", "size", "variant", "severity", "loading", "disabled"])) : (v(), pe(Ze, {
         key: 1,
         class: "vf-splitbutton__main",
         label: l.label,
@@ -6382,7 +6440,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         disabled: c.value,
         onClick: m
       }, null, 8, ["label", "icon", "type", "size", "variant", "severity", "loading", "disabled"])),
-      Ge(jl, {
+      Ge(Yl, {
         ref_key: "dropdown",
         ref: n,
         class: "vf-splitbutton__dropdown",
@@ -6422,7 +6480,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]), 1032, ["model-value", "items", "placement", "offset", "disabled", "close-on-select", "close-on-esc", "match-trigger-width"])
     ], 2));
   }
-}), Nc = /* @__PURE__ */ oe({
+}), Xc = /* @__PURE__ */ oe({
   name: "VfContextMenu",
   __name: "context-menu",
   props: {
@@ -6450,9 +6508,9 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, k = () => {
       if (!d.value)
         return;
-      const $ = d.value.getBoundingClientRect(), L = window.innerWidth, w = window.innerHeight, R = 8;
+      const $ = d.value.getBoundingClientRect(), V = window.innerWidth, w = window.innerHeight, R = 8;
       let D = f.value.x + t.offset, z = f.value.y + t.offset;
-      D + $.width > L - R && (D = Math.max(R, L - $.width - R)), z + $.height > w - R && (z = Math.max(R, w - $.height - R)), u.value = {
+      D + $.width > V - R && (D = Math.max(R, V - $.width - R)), z + $.height > w - R && (z = Math.max(R, w - $.height - R)), u.value = {
         left: `${D}px`,
         top: `${z}px`,
         minWidth: "var(--vf-context-menu-min-width)"
@@ -6471,11 +6529,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       const $ = P.target;
       $ && ($.closest(".vf-menu__parent") || ($.closest(".vf-menu__link") || $.closest("[data-context-menu-close]")) && B());
     }, C = (P) => {
-      var L;
+      var V;
       if (!r.value || !n.value)
         return;
       const $ = P.target;
-      n.value.contains($) || (L = d.value) != null && L.contains($) || B();
+      n.value.contains($) || (V = d.value) != null && V.contains($) || B();
     }, I = (P) => {
       !r.value || !t.closeOnEsc || P.key === "Escape" && (P.preventDefault(), B());
     }, O = () => {
@@ -6489,7 +6547,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       { immediate: !0 }
     ), ie(r, async (P) => {
       P ? (!f.value.x && !f.value.y && (f.value = y()), e("open"), await ze(), k()) : e("close");
-    }), Ve(() => {
+    }), Le(() => {
       document.addEventListener("click", C), document.addEventListener("keydown", I), window.addEventListener("resize", O);
     }), ke(() => {
       document.removeEventListener("click", C), document.removeEventListener("keydown", I), window.removeEventListener("resize", O);
@@ -6504,7 +6562,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         j(P.$slots, "default")
       ], 34),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: c,
           ref_key: "panel",
@@ -6515,7 +6573,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           onClick: h
         }, [
           j(P.$slots, "menu", {}, () => [
-            t.items.length ? (v(), me(ht, {
+            t.items.length ? (v(), pe(ht, {
               key: 0,
               items: t.items
             }, null, 8, ["items"])) : Q("", !0)
@@ -6544,7 +6602,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, nn = {
   key: 1,
   class: "vf-command-palette__empty"
-}, Gc = /* @__PURE__ */ oe({
+}, Uc = /* @__PURE__ */ oe({
   name: "VfCommandPalette",
   __name: "command-palette",
   props: {
@@ -6636,7 +6694,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       D.key === "Escape" && e.closeOnEsc && (D.preventDefault(), S());
-    }, L = () => {
+    }, V = () => {
       e.closeOnOverlay && S();
     }, w = (D) => {
       if (!(D instanceof Element))
@@ -6664,15 +6722,15 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         m.value.some((z) => z._index === u.value && !z.disabled) || _();
       },
       { deep: !0 }
-    ), Ve(() => {
+    ), Le(() => {
       document.addEventListener("keydown", R);
     }), ke(() => {
       document.removeEventListener("keydown", R);
-    }), o({ open: M, close: S, toggle: h }), (D, z) => (v(), me(Le, { to: "body" }, [
+    }), o({ open: M, close: S, toggle: h }), (D, z) => (v(), pe(Ve, { to: "body" }, [
       Ce(x("div", Xl, [
         x("div", {
           class: "vf-command-palette__overlay",
-          onClick: L
+          onClick: V
         }),
         x("div", {
           ref_key: "panel",
@@ -6695,13 +6753,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, null, 40, Ql)
           ]),
           x("div", Zl, [
-            y.value.length ? (v(!0), g(ue, { key: 0 }, pe(y.value, (F) => (v(), g("div", {
+            y.value.length ? (v(!0), g(ue, { key: 0 }, me(y.value, (F) => (v(), g("div", {
               key: F.name,
               class: "vf-command-palette__group",
               "data-group": F.name
             }, [
               F.name ? (v(), g("div", en, G(F.name), 1)) : Q("", !0),
-              (v(!0), g(ue, null, pe(F.items, (A) => (v(), g("button", {
+              (v(!0), g(ue, null, me(F.items, (A) => (v(), g("button", {
                 key: A._key,
                 class: Z(["vf-command-palette__item", {
                   "is-active": A._index === u.value,
@@ -6748,7 +6806,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, Bn = ["onClick"], xn = {
   key: 1,
   class: "vf-notification-center__empty"
-}, Yc = /* @__PURE__ */ oe({
+}, qc = /* @__PURE__ */ oe({
   __name: "notification-center",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -6820,7 +6878,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       const M = i.value.map((S) => ({ ...S }));
       i.value = [], u(), a("clear", M);
     };
-    return (M, S) => (v(), me(Le, { to: "body" }, [
+    return (M, S) => (v(), pe(Ve, { to: "body" }, [
       Ce(x("div", sn, [
         x("div", {
           class: "vf-notification-center__overlay",
@@ -6863,7 +6921,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ]),
           x("div", hn, [
             i.value.length ? (v(), g("ul", yn, [
-              (v(!0), g(ue, null, pe(i.value, (h, C) => (v(), g("li", {
+              (v(!0), g(ue, null, me(i.value, (h, C) => (v(), g("li", {
                 key: String(h.id),
                 class: Z(["vf-notification-center__item", { "is-unread": !h.read }]),
                 "data-severity": h.severity || "neutral"
@@ -6904,10 +6962,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])
     ]));
   }
-}), Ln = ["aria-hidden"], Vn = ["aria-label"], Fn = { class: "vf-app-shell__header" }, Tn = ["aria-label"], In = { class: "vf-app-shell__header-content" }, Dn = ["aria-label"], Rn = {
+}), Vn = ["aria-hidden"], Ln = ["aria-label"], Fn = { class: "vf-app-shell__header" }, Tn = ["aria-label"], In = { class: "vf-app-shell__header-content" }, Dn = ["aria-label"], Rn = {
   key: 1,
   class: "vf-app-shell__footer"
-}, jc = /* @__PURE__ */ oe({
+}, Qc = /* @__PURE__ */ oe({
   __name: "app-shell",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -6925,7 +6983,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "sidebar-toggle", "breakpoint-change"],
   setup(s, { emit: o }) {
-    const a = o, e = s, t = Xe(), i = p(() => !!t.footer), n = N(!!e.modelValue), d = N(!1), r = N(!1), u = p(() => ({
+    const a = o, e = s, t = Ue(), i = p(() => !!t.footer), n = N(!!e.modelValue), d = N(!1), r = N(!1), u = p(() => ({
       "--vf-app-shell-sidebar-width-prop": e.sidebarWidth,
       "--vf-app-shell-sidebar-collapsed-width-prop": e.sidebarCollapsedWidth
     })), c = () => {
@@ -6975,14 +7033,14 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           mobile: d.value,
           collapsed: n.value
         })
-      ], 8, Ln),
+      ], 8, Vn),
       d.value && r.value ? (v(), g("button", {
         key: 0,
         type: "button",
         class: "vf-app-shell__overlay",
         "aria-label": k.closeSidebarLabel,
         onClick: y
-      }, null, 8, Vn)) : Q("", !0),
+      }, null, 8, Ln)) : Q("", !0),
       x("header", Fn, [
         k.showToggle ? (v(), g("button", {
           key: 0,
@@ -7014,10 +7072,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0)
     ], 6));
   }
-}), Mn = ["aria-label"], Pn = { class: "vf-kanban-board__columns" }, On = ["data-column-id"], En = { class: "vf-kanban-board__column-header" }, An = { class: "vf-kanban-board__column-title" }, Hn = { class: "vf-kanban-board__column-count" }, Wn = ["onDrop"], Kn = ["onClick", "onDragstart", "onDrop"], Nn = { class: "vf-kanban-board__card" }, Gn = { class: "vf-kanban-board__card-title" }, Yn = {
+}), Mn = ["aria-label"], Pn = { class: "vf-kanban-board__columns" }, On = ["data-column-id"], En = { class: "vf-kanban-board__column-header" }, An = { class: "vf-kanban-board__column-title" }, Hn = { class: "vf-kanban-board__column-count" }, Wn = ["onDrop"], Kn = ["onClick", "onDragstart", "onDrop"], Nn = { class: "vf-kanban-board__card" }, Gn = { class: "vf-kanban-board__card-title" }, jn = {
   key: 0,
   class: "vf-kanban-board__card-description"
-}, jn = {
+}, Yn = {
   key: 1,
   class: "vf-kanban-board__tags"
 }, Xn = {
@@ -7026,7 +7084,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, Un = {
   key: 0,
   class: "vf-kanban-board__empty"
-}, qn = { class: "vf-kanban-board__column-footer" }, Xc = /* @__PURE__ */ oe({
+}, qn = { class: "vf-kanban-board__column-footer" }, Zc = /* @__PURE__ */ oe({
   __name: "kanban-board",
   props: {
     columns: { default: () => [] },
@@ -7048,17 +7106,17 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       const h = [...t.value], C = h.findIndex((w) => String(w.id) === String(B));
       if (C < 0)
         return;
-      const O = h[C].columnId, [P] = h.splice(C, 1), $ = c(h, M, S), L = {
+      const O = h[C].columnId, [P] = h.splice(C, 1), $ = c(h, M, S), V = {
         ...P,
         columnId: M
       };
-      h.splice($, 0, L), t.value = h, a(
+      h.splice($, 0, V), t.value = h, a(
         "update:items",
         h.map((w) => ({
           ...w,
           tags: w.tags ? [...w.tags] : []
         }))
-      ), a("move", L, O, M);
+      ), a("move", V, O, M);
     }, m = (B) => {
       a("click", B);
     }, y = (B, M) => {
@@ -7086,7 +7144,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": B.ariaLabel || void 0
     }, [
       x("div", Pn, [
-        (v(!0), g(ue, null, pe(d.value, (S) => (v(), g("section", {
+        (v(!0), g(ue, null, me(d.value, (S) => (v(), g("section", {
           key: String(S.id),
           class: "vf-kanban-board__column",
           "data-column-id": String(S.id)
@@ -7106,7 +7164,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, ["prevent"])),
             onDrop: re((h) => _(S.id, h), ["prevent"])
           }, [
-            (v(!0), g(ue, null, pe(u(S.id), (h, C) => (v(), g("li", {
+            (v(!0), g(ue, null, me(u(S.id), (h, C) => (v(), g("li", {
               key: String(h.id),
               class: Z(["vf-kanban-board__item", {
                 "is-dragging": i.value === h.id,
@@ -7131,9 +7189,9 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
                 return [
                   x("div", Nn, [
                     x("p", Gn, G(h.title), 1),
-                    h.description ? (v(), g("p", Yn, G(h.description), 1)) : Q("", !0),
-                    (I = h.tags) != null && I.length ? (v(), g("div", jn, [
-                      (v(!0), g(ue, null, pe(h.tags, (O) => (v(), g("span", {
+                    h.description ? (v(), g("p", jn, G(h.description), 1)) : Q("", !0),
+                    (I = h.tags) != null && I.length ? (v(), g("div", Yn, [
+                      (v(!0), g(ue, null, me(h.tags, (O) => (v(), g("span", {
                         key: O,
                         class: "vf-kanban-board__tag"
                       }, G(O), 1))), 128))
@@ -7163,7 +7221,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, Uc = /* @__PURE__ */ oe({
+}, Jc = /* @__PURE__ */ oe({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -7214,7 +7272,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       r || f(), r == null || r.update();
-    }), Ve(() => {
+    }), Le(() => {
       i.value && f();
     }), ke(() => {
       r == null || r.destroy(), r = null;
@@ -7235,7 +7293,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         j(y.$slots, "default")
       ], 544),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: d,
           ref_key: "panel",
@@ -7268,7 +7326,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, rs = {
   key: 2,
   class: "vf-tour__progress"
-}, ls = { class: "vf-tour__actions" }, ns = ["disabled"], qc = /* @__PURE__ */ oe({
+}, ls = { class: "vf-tour__actions" }, ns = ["disabled"], ev = /* @__PURE__ */ oe({
   __name: "tour",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -7336,7 +7394,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         n.value = K ?? z(), D.style.left = `${b}px`, D.style.top = `${E}px`;
       }, q = async () => {
         B(), await A();
-      }, V = De(R, () => {
+      }, L = De(R, () => {
         q();
       }), W = () => {
         q();
@@ -7344,7 +7402,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       document.addEventListener("scroll", W, !0), window.addEventListener("resize", W, !1), u = {
         update: q,
         destroy: () => {
-          V(), document.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W, !1);
+          L(), document.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W, !1);
         }
       }, u.update();
     }, h = async () => {
@@ -7365,7 +7423,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       m.value || I(i.value - 1, "prev");
     }, $ = () => {
       a("skip", f.value), C("skip");
-    }, L = () => {
+    }, V = () => {
       e.closeOnOverlay && C("overlay");
     }, w = (R) => {
       !e.modelValue || !e.closeOnEsc || R.key === "Escape" && (R.preventDefault(), C("esc"));
@@ -7386,11 +7444,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       u == null || u.destroy(), u = null, typeof document < "u" && document.removeEventListener("keydown", w, !1);
     }), (R, D) => {
       var z, F;
-      return v(), me(Le, { to: "body" }, [
+      return v(), pe(Ve, { to: "body" }, [
         Ce(x("div", es, [
           x("div", {
             class: "vf-tour__overlay",
-            onClick: L
+            onClick: V
           }),
           R.mask && l.value ? (v(), g("div", {
             key: 0,
@@ -7465,7 +7523,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]);
     };
   }
-}), Qc = /* @__PURE__ */ oe({
+}), tv = /* @__PURE__ */ oe({
   __name: "skeleton",
   props: {
     width: { default: "" },
@@ -7503,7 +7561,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, cs = {
   key: 2,
   class: "vf-progress__label"
-}, Zc = /* @__PURE__ */ oe({
+}, av = /* @__PURE__ */ oe({
   __name: "progress",
   props: {
     value: { default: null },
@@ -7515,7 +7573,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     ariaLabel: { default: "" }
   },
   setup(s) {
-    const o = s, a = Xe(), e = (y) => Math.min(100, Math.max(0, y)), t = p(() => o.value === void 0 || o.value === null || Number.isNaN(o.value)), i = p(() => t.value ? 0 : e(Number(o.value))), n = p(() => t.value ? void 0 : i.value), d = p(() => !!a.default), r = p(() => o.label ? o.label : o.showValue && !t.value ? `${Math.round(i.value)}%` : ""), u = p(() => {
+    const o = s, a = Ue(), e = (y) => Math.min(100, Math.max(0, y)), t = p(() => o.value === void 0 || o.value === null || Number.isNaN(o.value)), i = p(() => t.value ? 0 : e(Number(o.value))), n = p(() => t.value ? void 0 : i.value), d = p(() => !!a.default), r = p(() => o.label ? o.label : o.showValue && !t.value ? `${Math.round(i.value)}%` : ""), u = p(() => {
       const y = ["vf-progress", `vf-progress_${o.variant}`, `vf-progress_size-${o.size}`];
       return t.value && y.push("vf-progress_indeterminate"), y;
     }), c = p(() => {
@@ -7571,7 +7629,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0)
     ], 10, ss));
   }
-}), vs = ["data-variant", "data-severity", "aria-label"], Jc = /* @__PURE__ */ oe({
+}), vs = ["data-variant", "data-severity", "aria-label"], ov = /* @__PURE__ */ oe({
   __name: "badge",
   props: {
     label: { default: "" },
@@ -7597,7 +7655,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }), fs = ["data-variant", "data-severity", "aria-label"], ps = {
   key: 0,
   class: "vf-chip__icon"
-}, ms = { class: "vf-chip__label" }, gs = ["disabled", "aria-label"], ev = /* @__PURE__ */ oe({
+}, ms = { class: "vf-chip__label" }, gs = ["disabled", "aria-label"], rv = /* @__PURE__ */ oe({
   __name: "chip",
   props: {
     label: { default: "" },
@@ -7652,7 +7710,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }), bs = ["aria-label", "aria-labelledby"], hs = ["disabled", "data-value", "onClick"], ys = { class: "vf-filter-chips__label" }, _s = {
   key: 0,
   class: "vf-filter-chips__count"
-}, ks = ["disabled", "aria-label"], tv = /* @__PURE__ */ oe({
+}, ks = ["disabled", "aria-label"], lv = /* @__PURE__ */ oe({
   __name: "filter-chips",
   props: {
     modelValue: { default: null },
@@ -7706,7 +7764,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": c.ariaLabel || void 0,
       "aria-labelledby": c.ariaLabelledby || void 0
     }, [
-      (v(!0), g(ue, null, pe(c.options, (m) => (v(), g("button", {
+      (v(!0), g(ue, null, me(c.options, (m) => (v(), g("button", {
         key: String(m.value),
         class: Z(["vf-filter-chips__chip", { "is-active": d(m.value) }]),
         type: "button",
@@ -7730,7 +7788,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }), Cs = ["data-status", "aria-label"], $s = { class: "vf-avatar__content" }, ws = ["src", "alt"], zs = {
   key: 1,
   class: "vf-avatar__initials"
-}, Ss = ["data-status"], av = /* @__PURE__ */ oe({
+}, Ss = ["data-status"], nv = /* @__PURE__ */ oe({
   __name: "avatar",
   props: {
     src: { default: "" },
@@ -7788,7 +7846,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }), Bs = ["aria-label", "data-severity"], xs = {
   key: 0,
   class: "vf-spinner__label"
-}, ov = /* @__PURE__ */ oe({
+}, sv = /* @__PURE__ */ oe({
   name: "VfSpinner",
   __name: "spinner",
   props: {
@@ -7799,7 +7857,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     ariaLabel: { default: "Loading" }
   },
   setup(s) {
-    const o = s, a = Xe(), e = p(() => !!a.default), t = p(() => o.label || ""), i = p(() => ["vf-spinner", `vf-spinner_${o.variant}`, `vf-spinner_size-${o.size}`]);
+    const o = s, a = Ue(), e = p(() => !!a.default), t = p(() => o.label || ""), i = p(() => ["vf-spinner", `vf-spinner_${o.variant}`, `vf-spinner_size-${o.size}`]);
     return (n, d) => (v(), g("div", {
       class: Z(i.value),
       role: "status",
@@ -7817,7 +7875,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0)
     ], 10, Bs));
   }
-}), Ls = ["aria-label"], Vs = {
+}), Vs = ["aria-label"], Ls = {
   key: 0,
   class: "vf-datatable__head"
 }, Fs = { class: "vf-datatable__row" }, Ts = ["aria-sort"], Is = ["onClick"], Ds = { class: "vf-datatable__header-text" }, Rs = {
@@ -7829,7 +7887,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, Os = ["colspan"], Es = {
   key: 1,
   class: "vf-datatable__row vf-datatable__row_state"
-}, As = ["colspan"], Hs = ["onClick"], rv = /* @__PURE__ */ oe({
+}, As = ["colspan"], Hs = ["onClick"], iv = /* @__PURE__ */ oe({
   __name: "data-table",
   props: {
     rows: { default: () => [] },
@@ -7862,59 +7920,59 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         i.value = $ ?? null;
       }
     );
-    const n = p(() => t.value), d = p(() => i.value), r = p(() => Math.max(1, a.columns.length)), u = ($) => $.sortable === !1 ? !1 : $.sortable === !0 ? !0 : a.sortable, c = ($, L) => $ == null && L == null ? 0 : $ == null ? -1 : L == null ? 1 : typeof $ == "number" && typeof L == "number" ? $ - L : String($).localeCompare(String(L)), f = p(() => {
-      const $ = a.rows ?? [], L = n.value, w = d.value;
-      return !L || !w ? $ : [...$].sort((R, D) => {
-        const z = R == null ? void 0 : R[L], F = D == null ? void 0 : D[L], A = c(z, F);
+    const n = p(() => t.value), d = p(() => i.value), r = p(() => Math.max(1, a.columns.length)), u = ($) => $.sortable === !1 ? !1 : $.sortable === !0 ? !0 : a.sortable, c = ($, V) => $ == null && V == null ? 0 : $ == null ? -1 : V == null ? 1 : typeof $ == "number" && typeof V == "number" ? $ - V : String($).localeCompare(String(V)), f = p(() => {
+      const $ = a.rows ?? [], V = n.value, w = d.value;
+      return !V || !w ? $ : [...$].sort((R, D) => {
+        const z = R == null ? void 0 : R[V], F = D == null ? void 0 : D[V], A = c(z, F);
         return w === "asc" ? A : -A;
       });
     }), m = p(() => {
       const $ = ["vf-datatable", `vf-datatable_${a.variant}`];
       return a.size !== "normal" && $.push(`vf-datatable_${a.size}`), a.striped && $.push("vf-datatable_striped"), a.hover && $.push("vf-datatable_hover"), $;
-    }), y = ($, L) => {
+    }), y = ($, V) => {
       if (typeof a.rowKey == "function")
-        return a.rowKey($, L);
+        return a.rowKey($, V);
       if (a.rowKey && typeof a.rowKey == "string") {
         const w = $ == null ? void 0 : $[a.rowKey];
-        return typeof w == "string" || typeof w == "number" ? w : L;
+        return typeof w == "string" || typeof w == "number" ? w : V;
       }
-      return L;
-    }, l = ($, L) => $ == null ? void 0 : $[L.field], k = ($, L) => {
-      const w = l($, L);
-      return L.formatter ? L.formatter($, w, L) : w ?? "";
+      return V;
+    }, l = ($, V) => $ == null ? void 0 : $[V.field], k = ($, V) => {
+      const w = l($, V);
+      return V.formatter ? V.formatter($, w, V) : w ?? "";
     }, _ = ($) => {
       if (!u($))
         return;
-      let L = $.field, w = "asc";
-      n.value === $.field && (d.value === "asc" ? w = "desc" : d.value === "desc" ? (L = null, w = null) : w = "asc"), t.value = L, i.value = w, e("update:sortField", L), e("update:sortOrder", w), e("sort", L, w);
+      let V = $.field, w = "asc";
+      n.value === $.field && (d.value === "asc" ? w = "desc" : d.value === "desc" ? (V = null, w = null) : w = "asc"), t.value = V, i.value = w, e("update:sortField", V), e("update:sortOrder", w), e("sort", V, w);
     }, B = ($) => n.value !== $.field ? "↕" : d.value === "asc" ? "↑" : "↓", M = ($) => n.value !== $.field ? "" : "is-active", S = ($) => {
       if (u($))
         return n.value !== $.field ? "none" : d.value === "asc" ? "ascending" : "descending";
     }, h = ($) => {
-      const L = [];
-      return a.striped && $ % 2 === 1 && L.push("vf-datatable__row_striped"), L;
+      const V = [];
+      return a.striped && $ % 2 === 1 && V.push("vf-datatable__row_striped"), V;
     }, C = ($) => {
-      const L = [];
-      return $.align && L.push(`vf-datatable__cell_${$.align}`), u($) && L.push("vf-datatable__header_sortable"), L;
+      const V = [];
+      return $.align && V.push(`vf-datatable__cell_${$.align}`), u($) && V.push("vf-datatable__header_sortable"), V;
     }, I = ($) => {
-      const L = [];
-      return $.align && L.push(`vf-datatable__cell_${$.align}`), L;
+      const V = [];
+      return $.align && V.push(`vf-datatable__cell_${$.align}`), V;
     }, O = ($) => {
-      const L = {};
-      return $.width && (L.width = $.width), $.minWidth && (L.minWidth = $.minWidth), L;
-    }, P = ($, L, w) => {
-      e("rowClick", $, L, w);
+      const V = {};
+      return $.width && (V.width = $.width), $.minWidth && (V.minWidth = $.minWidth), V;
+    }, P = ($, V, w) => {
+      e("rowClick", $, V, w);
     };
-    return ($, L) => (v(), g("div", {
+    return ($, V) => (v(), g("div", {
       class: Z(m.value)
     }, [
       x("table", {
         class: "vf-datatable__table",
         "aria-label": $.ariaLabel
       }, [
-        $.showHeader ? (v(), g("thead", Vs, [
+        $.showHeader ? (v(), g("thead", Ls, [
           x("tr", Fs, [
-            (v(!0), g(ue, null, pe($.columns, (w) => (v(), g("th", {
+            (v(!0), g(ue, null, me($.columns, (w) => (v(), g("th", {
               key: w.field,
               class: Z(["vf-datatable__header", C(w)]),
               style: ye(O(w)),
@@ -7959,12 +8017,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
                 fe(G($.loadingText), 1)
               ])
             ], 8, Os)
-          ])) : f.value.length ? (v(!0), g(ue, { key: 2 }, pe(f.value, (w, R) => (v(), g("tr", {
+          ])) : f.value.length ? (v(!0), g(ue, { key: 2 }, me(f.value, (w, R) => (v(), g("tr", {
             key: y(w, R),
             class: Z(["vf-datatable__row", h(R)]),
             onClick: (D) => P(w, R, D)
           }, [
-            (v(!0), g(ue, null, pe($.columns, (D) => (v(), g("td", {
+            (v(!0), g(ue, null, me($.columns, (D) => (v(), g("td", {
               key: D.field,
               class: Z(["vf-datatable__cell", I(D)]),
               style: ye(O(D))
@@ -7990,19 +8048,19 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
             ], 8, As)
           ]))
         ])
-      ], 8, Ls)
+      ], 8, Vs)
     ], 2));
   }
 }), Ws = { class: "vf-slider__control" }, Ks = ["min", "max", "step", "value", "disabled", "aria-label"], Ns = ["min", "max", "step", "value", "disabled", "aria-label"], Gs = {
   key: 0,
   class: "vf-slider__marks"
-}, Ys = {
+}, js = {
   key: 0,
   class: "vf-slider__mark-label"
-}, js = {
+}, Ys = {
   key: 1,
   class: "vf-slider__value"
-}, lv = /* @__PURE__ */ oe({
+}, dv = /* @__PURE__ */ oe({
   name: "VfSlider",
   __name: "slider",
   props: {
@@ -8022,68 +8080,68 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(s, { emit: o }) {
-    const a = o, e = s, t = p(() => e.range || Array.isArray(e.modelValue)), i = p(() => Number.isFinite(e.min) ? e.min : 0), n = p(() => Number.isFinite(e.max) ? e.max : 100), d = p(() => e.step && e.step > 0 ? e.step : 1), r = (V) => {
-      const W = V.toString();
+    const a = o, e = s, t = p(() => e.range || Array.isArray(e.modelValue)), i = p(() => Number.isFinite(e.min) ? e.min : 0), n = p(() => Number.isFinite(e.max) ? e.max : 100), d = p(() => e.step && e.step > 0 ? e.step : 1), r = (L) => {
+      const W = L.toString();
       return W.includes(".") ? W.split(".")[1].length : 0;
-    }, u = (V) => Math.min(n.value, Math.max(i.value, V)), c = (V) => {
-      const W = Number(V), b = i.value, E = Number.isFinite(W) ? W : b, K = u(E), H = d.value, T = r(H), Y = Math.round((K - i.value) / H) * H + i.value;
+    }, u = (L) => Math.min(n.value, Math.max(i.value, L)), c = (L) => {
+      const W = Number(L), b = i.value, E = Number.isFinite(W) ? W : b, K = u(E), H = d.value, T = r(H), Y = Math.round((K - i.value) / H) * H + i.value;
       return Number.parseFloat(Y.toFixed(T));
     }, f = p(() => {
       if (!t.value) {
         const E = c(e.modelValue ?? i.value);
         return [E, E];
       }
-      const V = Array.isArray(e.modelValue) ? e.modelValue : [i.value, n.value];
-      let W = c(V[0]), b = c(V[1]);
+      const L = Array.isArray(e.modelValue) ? e.modelValue : [i.value, n.value];
+      let W = c(L[0]), b = c(L[1]);
       return W > b && ([W, b] = [b, W]), [W, b];
     }), m = p(
       () => t.value ? f.value[0] : c(e.modelValue ?? i.value)
-    ), y = p(() => t.value ? f.value[1] : c(e.modelValue ?? i.value)), l = (V) => {
+    ), y = p(() => t.value ? f.value[1] : c(e.modelValue ?? i.value)), l = (L) => {
       const W = n.value - i.value;
-      return W <= 0 ? 0 : (V - i.value) / W * 100;
+      return W <= 0 ? 0 : (L - i.value) / W * 100;
     }, k = p(() => t.value ? l(m.value) : 0), _ = p(() => l(t.value ? y.value : m.value)), B = p(() => ({
       "--vf-slider-start": `${k.value}%`,
       "--vf-slider-end": `${_.value}%`
     })), M = p(() => {
-      const V = ["vf-slider", `vf-slider_${e.variant}`];
-      return e.size !== "normal" && V.push(`vf-slider_${e.size}`), e.disabled && V.push("vf-slider_disabled"), t.value && V.push("vf-slider_range"), V;
+      const L = ["vf-slider", `vf-slider_${e.variant}`];
+      return e.size !== "normal" && L.push(`vf-slider_${e.size}`), e.disabled && L.push("vf-slider_disabled"), t.value && L.push("vf-slider_range"), L;
     }), S = p(() => ({
       zIndex: t.value && k.value > 50 ? 4 : 3
     })), h = p(() => ({
       zIndex: t.value && k.value > 50 ? 3 : 4
-    })), C = (V, W, b) => {
+    })), C = (L, W, b) => {
       if (e.disabled)
         return;
-      const E = c(Number(V));
+      const E = c(Number(L));
       a("update:modelValue", E), a(b, W);
-    }, I = (V, W, b, E) => {
+    }, I = (L, W, b, E) => {
       if (e.disabled)
         return;
-      const K = c(Number(V));
+      const K = c(Number(L));
       let [H, T] = f.value;
       W === "start" ? H = Math.min(K, T) : T = Math.max(K, H), a("update:modelValue", [H, T]), a(E, b);
-    }, O = (V) => {
-      const W = V.target;
+    }, O = (L) => {
+      const W = L.target;
       if (t.value) {
-        I(W.value, "start", V, "input");
+        I(W.value, "start", L, "input");
         return;
       }
-      C(W.value, V, "input");
-    }, P = (V) => {
-      const W = V.target;
-      I(W.value, "end", V, "input");
-    }, $ = (V) => {
-      const W = V.target;
+      C(W.value, L, "input");
+    }, P = (L) => {
+      const W = L.target;
+      I(W.value, "end", L, "input");
+    }, $ = (L) => {
+      const W = L.target;
       if (t.value) {
-        I(W.value, "start", V, "change");
+        I(W.value, "start", L, "change");
         return;
       }
-      C(W.value, V, "change");
-    }, L = (V) => {
-      const W = V.target;
-      I(W.value, "end", V, "change");
-    }, w = (V) => a("focus", V), R = (V) => a("blur", V), D = p(() => e.marks ?? []), z = (V) => ({ left: `${l(u(V))}%` }), F = p(() => t.value ? `${f.value[0]} - ${f.value[1]}` : `${m.value}`), A = p(() => t.value ? e.ariaLabelStart : e.ariaLabel), q = p(() => t.value ? e.ariaLabelEnd : e.ariaLabel);
-    return (V, W) => (v(), g("div", {
+      C(W.value, L, "change");
+    }, V = (L) => {
+      const W = L.target;
+      I(W.value, "end", L, "change");
+    }, w = (L) => a("focus", L), R = (L) => a("blur", L), D = p(() => e.marks ?? []), z = (L) => ({ left: `${l(u(L))}%` }), F = p(() => t.value ? `${f.value[0]} - ${f.value[1]}` : `${m.value}`), A = p(() => t.value ? e.ariaLabelStart : e.ariaLabel), q = p(() => t.value ? e.ariaLabelEnd : e.ariaLabel);
+    return (L, W) => (v(), g("div", {
       class: Z(M.value),
       style: ye(B.value)
     }, [
@@ -8098,7 +8156,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           max: n.value,
           step: d.value,
           value: m.value,
-          disabled: V.disabled,
+          disabled: L.disabled,
           "aria-label": A.value,
           style: ye(S.value),
           onInput: O,
@@ -8114,28 +8172,28 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           max: n.value,
           step: d.value,
           value: y.value,
-          disabled: V.disabled,
+          disabled: L.disabled,
           "aria-label": q.value,
           style: ye(h.value),
           onInput: P,
-          onChange: L,
+          onChange: V,
           onFocus: w,
           onBlur: R
         }, null, 44, Ns)) : Q("", !0)
       ]),
       D.value.length ? (v(), g("div", Gs, [
-        (v(!0), g(ue, null, pe(D.value, (b) => (v(), g("span", {
+        (v(!0), g(ue, null, me(D.value, (b) => (v(), g("span", {
           key: b.value,
           class: "vf-slider__mark",
           style: ye(z(b.value))
         }, [
-          b.label ? (v(), g("span", Ys, G(b.label), 1)) : Q("", !0)
+          b.label ? (v(), g("span", js, G(b.label), 1)) : Q("", !0)
         ], 4))), 128))
       ])) : Q("", !0),
-      V.showValue ? (v(), g("div", js, G(F.value), 1)) : Q("", !0)
+      L.showValue ? (v(), g("div", Ys, G(F.value), 1)) : Q("", !0)
     ], 6));
   }
-}), zt = Symbol("VueForgeSplitter"), Xs = ["aria-orientation", "aria-valuenow", "onMousedown", "onKeydown"], nv = /* @__PURE__ */ oe({
+}), zt = Symbol("VueForgeSplitter"), Xs = ["aria-orientation", "aria-valuenow", "onMousedown", "onKeydown"], uv = /* @__PURE__ */ oe({
   __name: "splitter",
   props: {
     modelValue: { default: () => [] },
@@ -8148,25 +8206,25 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(s, { emit: o }) {
     const a = s, e = o;
     let t = 0;
-    const i = N(null), n = N([]), d = N([]), r = N(null), u = (V) => typeof V == "number" ? `${V}px` : V, c = (V) => typeof V == "number" && Number.isFinite(V) && V > 0, f = (V, W, b) => Math.min(b, Math.max(W, V)), m = (V, W = 4) => {
+    const i = N(null), n = N([]), d = N([]), r = N(null), u = (L) => typeof L == "number" ? `${L}px` : L, c = (L) => typeof L == "number" && Number.isFinite(L) && L > 0, f = (L, W, b) => Math.min(b, Math.max(W, L)), m = (L, W = 4) => {
       const b = 10 ** W;
-      return Math.round(V * b) / b;
-    }, y = (V) => {
-      if (!V.length)
+      return Math.round(L * b) / b;
+    }, y = (L) => {
+      if (!L.length)
         return [];
-      const W = V.reduce((T, Y) => T + Y, 0);
+      const W = L.reduce((T, Y) => T + Y, 0);
       if (W <= 0) {
-        const T = 100 / V.length;
-        return V.map(
-          (Y, ee) => ee === V.length - 1 ? m(100 - T * (V.length - 1)) : T
+        const T = 100 / L.length;
+        return L.map(
+          (Y, ee) => ee === L.length - 1 ? m(100 - T * (L.length - 1)) : T
         );
       }
-      const E = V.map((T) => T / W * 100).map((T) => m(T)), K = m(100 - E.reduce((T, Y) => T + Y, 0)), H = E.length - 1;
+      const E = L.map((T) => T / W * 100).map((T) => m(T)), K = m(100 - E.reduce((T, Y) => T + Y, 0)), H = E.length - 1;
       return E[H] = m(E[H] + K), E;
-    }, l = (V, W) => {
-      if (!V.length)
+    }, l = (L, W) => {
+      if (!L.length)
         return [];
-      const E = W.reduce((ee, le) => ee + le, 0) >= 100 ? y(W) : W.map((ee) => Math.max(ee, 0)), K = V.map((ee, le) => Math.max(ee, E[le] ?? 0));
+      const E = W.reduce((ee, le) => ee + le, 0) >= 100 ? y(W) : W.map((ee) => Math.max(ee, 0)), K = L.map((ee, le) => Math.max(ee, E[le] ?? 0));
       let H = K.reduce((ee, le) => ee + le, 0);
       if (H > 100) {
         let ee = H - 100, le = 0;
@@ -8193,15 +8251,15 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       const T = K.map((ee) => m(ee)), Y = m(100 - T.reduce((ee, le) => ee + le, 0));
       return T[T.length - 1] = m(T[T.length - 1] + Y), T;
-    }, k = (V) => {
-      if (!V)
+    }, k = (L) => {
+      if (!L)
         return [];
       const W = a.modelValue;
-      if (W.length === V && W.every(c))
+      if (W.length === L && W.every(c))
         return y(W);
       const b = n.value.map((Y) => Y.size), E = b.filter(c);
       if (!E.length)
-        return y(Array.from({ length: V }, () => 1));
+        return y(Array.from({ length: L }, () => 1));
       const K = E.reduce((Y, ee) => Y + ee, 0), H = b.length - E.length, T = b.map((Y) => c(Y) ? Y : 0);
       if (K < 100 && H > 0) {
         const ee = (100 - K) / H;
@@ -8210,17 +8268,17 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return y(T);
       }
       return y(T);
-    }, _ = () => n.value.map((V, W) => {
+    }, _ = () => n.value.map((L, W) => {
       const b = a.minSizes[W];
-      return c(b) ? b : c(V.minSize) ? V.minSize : 5;
+      return c(b) ? b : c(L.minSize) ? L.minSize : 5;
     }), B = () => {
-      const V = n.value.length, W = k(V), b = l(W, _());
+      const L = n.value.length, W = k(L), b = l(W, _());
       d.value = b;
     }, M = p(() => {
-      const V = ["vf-splitter", `vf-splitter_${a.direction}`];
-      return a.disabled && V.push("vf-splitter_disabled"), V;
-    }), S = p(() => Math.max(0, n.value.length - 1)), h = p(() => a.direction === "horizontal" ? "vertical" : "horizontal"), C = p(() => u(a.gutterSize)), I = (V) => {
-      const W = n.value.findIndex((K) => K.id === V);
+      const L = ["vf-splitter", `vf-splitter_${a.direction}`];
+      return a.disabled && L.push("vf-splitter_disabled"), L;
+    }), S = p(() => Math.max(0, n.value.length - 1)), h = p(() => a.direction === "horizontal" ? "vertical" : "horizontal"), C = p(() => u(a.gutterSize)), I = (L) => {
+      const W = n.value.findIndex((K) => K.id === L);
       if (W < 0)
         return;
       const b = `${d.value[W] ?? 0}%`, E = `${_()[W] ?? 0}%`;
@@ -8231,8 +8289,8 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         flex: `0 0 ${b}`,
         minWidth: E
       };
-    }, O = (V) => d.value.slice(0, V + 1).reduce((W, b) => W + b, 0), P = (V) => {
-      const W = O(V);
+    }, O = (L) => d.value.slice(0, L + 1).reduce((W, b) => W + b, 0), P = (L) => {
+      const W = O(L);
       return a.direction === "vertical" ? {
         top: `calc(${W}% - (${C.value} / 2))`,
         left: "0",
@@ -8244,54 +8302,54 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         bottom: "0",
         width: C.value
       };
-    }, $ = (V, W, b = !0) => {
+    }, $ = (L, W, b = !0) => {
       const E = [...d.value];
-      if (!E[V] || !E[V + 1])
+      if (!E[L] || !E[L + 1])
         return;
-      const K = _(), H = E[V] + E[V + 1], T = K[V] ?? 0, Y = K[V + 1] ?? 0, ee = f(E[V] + W, T, H - Y), le = H - ee;
-      E[V] = m(ee), E[V + 1] = m(le);
+      const K = _(), H = E[L] + E[L + 1], T = K[L] ?? 0, Y = K[L + 1] ?? 0, ee = f(E[L] + W, T, H - Y), le = H - ee;
+      E[L] = m(ee), E[L + 1] = m(le);
       const U = l(y(E), K);
       d.value = U, b && e("update:modelValue", [...U]);
     };
-    let L = 0, w = [0, 0];
-    const R = (V) => {
+    let V = 0, w = [0, 0];
+    const R = (L) => {
       if (r.value === null || !i.value)
         return;
       const W = i.value.getBoundingClientRect(), b = a.direction === "vertical" ? W.height : W.width;
       if (b <= 0)
         return;
-      const K = ((a.direction === "vertical" ? V.clientY : V.clientX) - L) / b * 100, T = w[0] + K - (d.value[r.value] ?? 0);
+      const K = ((a.direction === "vertical" ? L.clientY : L.clientX) - V) / b * 100, T = w[0] + K - (d.value[r.value] ?? 0);
       $(r.value, T, !0);
     }, D = () => {
       r.value !== null && (r.value = null, window.removeEventListener("mousemove", R), window.removeEventListener("mouseup", D), e("change", [...d.value]));
-    }, z = (V, W) => {
-      a.disabled || !i.value || (r.value = W, L = a.direction === "vertical" ? V.clientY : V.clientX, w = [d.value[W] ?? 0, d.value[W + 1] ?? 0], window.addEventListener("mousemove", R), window.addEventListener("mouseup", D));
-    }, F = (V, W) => {
+    }, z = (L, W) => {
+      a.disabled || !i.value || (r.value = W, V = a.direction === "vertical" ? L.clientY : L.clientX, w = [d.value[W] ?? 0, d.value[W + 1] ?? 0], window.addEventListener("mousemove", R), window.addEventListener("mouseup", D));
+    }, F = (L, W) => {
       if (a.disabled)
         return;
       const b = a.direction === "horizontal", E = b ? "ArrowLeft" : "ArrowUp", K = b ? "ArrowRight" : "ArrowDown";
-      if ([E, K, "Home", "End"].includes(V.key)) {
-        if (V.preventDefault(), V.key === "Home") {
+      if ([E, K, "Home", "End"].includes(L.key)) {
+        if (L.preventDefault(), L.key === "Home") {
           const H = _(), T = d.value[W] ?? 0, Y = H[W] ?? 0;
           $(W, Y - T);
-        } else if (V.key === "End") {
+        } else if (L.key === "End") {
           const H = _(), T = (d.value[W] ?? 0) + (d.value[W + 1] ?? 0), Y = d.value[W] ?? 0, ee = T - (H[W + 1] ?? 0);
           $(W, ee - Y);
         } else {
-          const H = V.shiftKey ? 5 : 2, T = V.key === K ? H : -H;
+          const H = L.shiftKey ? 5 : 2, T = L.key === K ? H : -H;
           $(W, T);
         }
         e("change", [...d.value]);
       }
-    }, A = (V) => {
+    }, A = (L) => {
       const W = `vf-splitter-panel-${++t}`;
       return n.value.push({
         id: W,
-        size: V.size,
-        minSize: V.minSize
+        size: L.size,
+        minSize: L.minSize
       }), B(), W;
-    }, q = (V) => {
-      n.value = n.value.filter((W) => W.id !== V), B();
+    }, q = (L) => {
+      n.value = n.value.filter((W) => W.id !== L), B();
     };
     return Qe(zt, {
       direction: p(() => a.direction),
@@ -8313,13 +8371,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       { deep: !0 }
     ), ke(() => {
       D();
-    }), (V, W) => (v(), g("div", {
+    }), (L, W) => (v(), g("div", {
       ref_key: "root",
       ref: i,
       class: Z(M.value)
     }, [
-      j(V.$slots, "default"),
-      (v(!0), g(ue, null, pe(S.value, (b, E) => (v(), g("div", {
+      j(L.$slots, "default"),
+      (v(!0), g(ue, null, me(S.value, (b, E) => (v(), g("div", {
         key: `gutter-${E}`,
         class: Z(["vf-splitter__gutter", { "is-dragging": r.value === E }]),
         style: ye(P(E)),
@@ -8334,14 +8392,14 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]), 46, Xs))), 128))
     ], 2));
   }
-}), sv = /* @__PURE__ */ oe({
+}), cv = /* @__PURE__ */ oe({
   __name: "splitter-panel",
   props: {
     size: { default: void 0 },
     minSize: { default: void 0 }
   },
   setup(s) {
-    const o = s, a = je(zt, null);
+    const o = s, a = Xe(zt, null);
     if (!a)
       throw new Error("SplitterPanel must be used inside Splitter");
     const e = a.registerPanel({
@@ -8373,7 +8431,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, ai = {
   key: 1,
   class: "vf-stepper__description"
-}, iv = /* @__PURE__ */ oe({
+}, vv = /* @__PURE__ */ oe({
   name: "VfStepper",
   __name: "stepper",
   props: {
@@ -8413,11 +8471,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": h.ariaLabelledby || void 0
     }, [
       x("ol", qs, [
-        (v(!0), g(ue, null, pe(t.value, (I, O) => (v(), g("li", {
+        (v(!0), g(ue, null, me(t.value, (I, O) => (v(), g("li", {
           key: S(I, O),
           class: Z(["vf-stepper__item", l(I, O)])
         }, [
-          (v(), me(qe(k(I)), {
+          (v(), pe(Ye(k(I)), {
             class: "vf-stepper__button",
             type: _(I),
             disabled: B(I),
@@ -8469,7 +8527,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, li = { class: "vf-wizard__list" }, ni = ["id", "aria-selected", "aria-controls", "disabled", "onClick"], si = { class: "vf-wizard__indicator" }, ii = { class: "vf-wizard__meta" }, di = { class: "vf-wizard__title" }, ui = {
   key: 0,
   class: "vf-wizard__description"
-}, ci = { class: "vf-wizard__content" }, vi = { class: "vf-wizard__footer" }, fi = ["disabled"], dv = /* @__PURE__ */ oe({
+}, ci = { class: "vf-wizard__content" }, vi = { class: "vf-wizard__footer" }, fi = ["disabled"], fv = /* @__PURE__ */ oe({
   __name: "wizard",
   props: {
     modelValue: { default: void 0 },
@@ -8521,7 +8579,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       const F = r.value[z];
       if (!F)
         return !0;
-      const A = F.value, q = F.validate ? await F.validate(A, z) : !0, V = e.validateStep ? await e.validateStep(F, z, A) : !0, W = (T) => T == null || T === !0 ? "" : T === !1 ? "Step is invalid" : String(T), b = W(q), E = W(V), K = b || E;
+      const A = F.value, q = F.validate ? await F.validate(A, z) : !0, L = e.validateStep ? await e.validateStep(F, z, A) : !0, W = (T) => T == null || T === !0 ? "" : T === !1 ? "Step is invalid" : String(T), b = W(q), E = W(L), K = b || E;
       if (K)
         return d.value = {
           ...d.value,
@@ -8532,7 +8590,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, $ = async (z, F) => {
       const A = r.value[z];
       !A || C(A, z) || u.value >= 0 && z > u.value && !await P(u.value) || O(A.value, F);
-    }, L = async () => {
+    }, V = async () => {
       u.value <= 0 || await $(u.value - 1, "prev");
     }, w = async () => {
       u.value < 0 || !await P(u.value) || a("complete", n.value, c.value, u.value);
@@ -8569,7 +8627,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, [
       x("nav", ri, [
         x("ol", li, [
-          (v(!0), g(ue, null, pe(r.value, (A, q) => (v(), g("li", {
+          (v(!0), g(ue, null, me(r.value, (A, q) => (v(), g("li", {
             key: String(A.value),
             class: Z(["vf-wizard__item", h(A, q)])
           }, [
@@ -8581,7 +8639,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               "aria-selected": B(A.value) ? "true" : "false",
               "aria-controls": _(A.value),
               disabled: C(A, q),
-              onClick: (V) => D(q)
+              onClick: (L) => D(q)
             }, [
               x("span", si, [
                 j(z.$slots, "indicator", {
@@ -8609,14 +8667,14 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           isFirst: f.value,
           isLast: m.value,
           next: R,
-          prev: L,
+          prev: V,
           complete: w
         }, () => [
           x("button", {
             class: "vf-wizard__button vf-wizard__button_secondary",
             type: "button",
             disabled: f.value,
-            onClick: L
+            onClick: V
           }, G(z.prevLabel), 9, fi),
           x("button", {
             class: "vf-wizard__button vf-wizard__button_primary",
@@ -8627,13 +8685,13 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])
     ], 10, oi));
   }
-}), pi = ["id", "aria-labelledby", "aria-hidden"], uv = /* @__PURE__ */ oe({
+}), pi = ["id", "aria-labelledby", "aria-hidden"], pv = /* @__PURE__ */ oe({
   __name: "wizard-step",
   props: {
     value: {}
   },
   setup(s) {
-    const o = s, a = je(St, null);
+    const o = s, a = Xe(St, null);
     if (!a)
       throw new Error("WizardStep must be used inside Wizard");
     const e = p(() => a.isActive(o.value)), t = p(() => a.getPanelId(o.value)), i = p(() => a.getStepId(o.value));
@@ -8665,7 +8723,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, zi = {
   key: 2,
   class: "vf-timeline__description"
-}, cv = /* @__PURE__ */ oe({
+}, mv = /* @__PURE__ */ oe({
   name: "VfTimeline",
   __name: "timeline",
   props: {
@@ -8683,7 +8741,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": i.ariaLabelledby || void 0
     }, [
       x("ol", gi, [
-        (v(!0), g(ue, null, pe(a.value, (d, r) => (v(), g("li", {
+        (v(!0), g(ue, null, me(a.value, (d, r) => (v(), g("li", {
           key: t(d, r),
           class: "vf-timeline__item",
           "data-status": d.status ?? "neutral"
@@ -8694,7 +8752,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
                 item: d,
                 index: r
               }, () => [
-                d.icon ? (v(), me(We(Ne), {
+                d.icon ? (v(), pe(We(Ne), {
                   key: 0,
                   icon: d.icon
                 }, null, 8, ["icon"])) : (v(), g("span", _i))
@@ -8716,7 +8774,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])
     ], 10, mi));
   }
-}), Si = ["aria-label", "aria-readonly", "aria-disabled"], Bi = ["aria-checked", "aria-label", "tabindex", "disabled", "onClick", "onKeydown"], xi = { class: "vf-rating__icon vf-rating__icon_empty" }, Li = { class: "vf-rating__icon_inner" }, vv = /* @__PURE__ */ oe({
+}), Si = ["aria-label", "aria-readonly", "aria-disabled"], Bi = ["aria-checked", "aria-label", "tabindex", "disabled", "onClick", "onKeydown"], xi = { class: "vf-rating__icon vf-rating__icon_empty" }, Vi = { class: "vf-rating__icon_inner" }, gv = /* @__PURE__ */ oe({
   __name: "rating",
   props: {
     modelValue: { default: 0 },
@@ -8764,10 +8822,10 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         t.value = r.value;
         return;
       }
-      let A = 0, q = z, V = Number.POSITIVE_INFINITY;
+      let A = 0, q = z, L = Number.POSITIVE_INFINITY;
       R.forEach((b, E) => {
         const K = b.getBoundingClientRect(), H = K.left + K.width / 2, T = Math.abs(D - H);
-        T < V && (V = T, A = E, q = K);
+        T < L && (L = T, A = E, q = K);
       });
       let W = A + 1;
       if (e.allowHalf) {
@@ -8809,7 +8867,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, C = (w) => a("focus", w), I = (w) => a("blur", w), O = (w) => {
       const R = c.value - (w - 1), D = Math.min(1, Math.max(0, R));
       return e.allowHalf ? D >= 1 ? "100%" : D >= 0.5 ? "50%" : "0%" : D >= 1 ? "100%" : "0%";
-    }, P = (w) => w === f.value ? 0 : -1, $ = (w) => (e.modelValue ?? 0) === 0 ? !1 : w === f.value, L = (w) => e.ariaLabel ? `${e.ariaLabel} ${w}` : `${w}`;
+    }, P = (w) => w === f.value ? 0 : -1, $ = (w) => (e.modelValue ?? 0) === 0 ? !1 : w === f.value, V = (w) => e.ariaLabel ? `${e.ariaLabel} ${w}` : `${w}`;
     return (w, R) => (v(), g("div", {
       class: Z(["vf-rating", m.value]),
       ref_key: "rootRef",
@@ -8821,7 +8879,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       onMousemove: B,
       onMouseleave: M
     }, [
-      (v(!0), g(ue, null, pe(u.value, (D) => (v(), g("button", {
+      (v(!0), g(ue, null, me(u.value, (D) => (v(), g("button", {
         key: D,
         type: "button",
         class: "vf-rating__item",
@@ -8830,7 +8888,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         ref: n,
         role: "radio",
         "aria-checked": $(D),
-        "aria-label": L(D),
+        "aria-label": V(D),
         tabindex: P(D),
         disabled: w.disabled,
         onFocus: C,
@@ -8856,7 +8914,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           class: "vf-rating__icon vf-rating__icon_fill",
           style: ye({ width: O(D) })
         }, [
-          x("span", Li, [
+          x("span", Vi, [
             j(w.$slots, "active-icon", {}, () => [
               R[1] || (R[1] = x("svg", {
                 viewBox: "0 0 24 24",
@@ -8874,7 +8932,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ], 40, Bi))), 128))
     ], 42, Si));
   }
-}), Vi = {
+}), Li = {
   class: "vf-tree__node",
   role: "none"
 }, Fi = ["aria-level", "aria-expanded", "aria-selected", "aria-disabled", "tabindex"], Ti = ["disabled", "aria-label"], Ii = {
@@ -8973,7 +9031,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     };
     return (l, k) => {
       const _ = nt("TreeNode", !0);
-      return v(), g("li", Vi, [
+      return v(), g("li", Li, [
         x("div", {
           class: Z(["vf-tree__row", n.value]),
           style: ye(d.value),
@@ -9008,7 +9066,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ])
         ], 46, Fi),
         a.value && i.value ? (v(), g("ul", Ri, [
-          (v(!0), g(ue, null, pe(l.node.children, (B) => (v(), me(_, {
+          (v(!0), g(ue, null, me(l.node.children, (B) => (v(), pe(_, {
             key: B.key,
             node: B,
             level: l.level + 1,
@@ -9078,7 +9136,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": l.ariaLabelledby || void 0
     }, [
       x("ul", Oi, [
-        (v(!0), g(ue, null, pe(l.items, (_) => (v(), me(Mi, {
+        (v(!0), g(ue, null, me(l.items, (_) => (v(), pe(Mi, {
           key: _.key,
           node: _,
           level: 1,
@@ -9110,7 +9168,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, Gi = {
   key: 3,
   class: "vf-treeselect__empty"
-}, fv = /* @__PURE__ */ oe({
+}, bv = /* @__PURE__ */ oe({
   __name: "tree-select",
   props: {
     items: { default: () => [] },
@@ -9183,7 +9241,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       return t.size !== "normal" && H.push(`vf-treeselect_${t.size}`), t.disabled && H.push("vf-treeselect_disabled"), H.filter(Boolean);
     }), $ = () => {
       u.value = !1, f.value = "bottom", m.value = "bottom", c.value = "";
-    }, L = async () => {
+    }, V = async () => {
       var H;
       t.disabled || (u.value = !0, f.value = "bottom", m.value = "bottom", t.filter && (await ze(), (H = r.value) == null || H.focus()));
     }, w = () => {
@@ -9191,7 +9249,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         $();
         return;
       }
-      L();
+      V();
     }, R = (H) => {
       t.readonly || (e("update:modelValue", H), t.multiple || $());
     }, D = (H, T, Y) => {
@@ -9207,7 +9265,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       const H = t.multiple ? [] : void 0;
       e("update:modelValue", H), e("change", H);
-    }, V = (H) => {
+    }, L = (H) => {
       const T = H.target;
       c.value = T.value, e("search", T.value);
     }, W = (H) => e("focus", H), b = (H) => e("blur", H), E = (H) => {
@@ -9256,7 +9314,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         l == null || l.update();
       },
       { deep: !0 }
-    ), Ve(() => {
+    ), Le(() => {
       document.addEventListener("click", E);
     }), ke(() => {
       document.removeEventListener("click", E), l == null || l.destroy(), l = null;
@@ -9276,7 +9334,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-haspopup": "tree",
         onClick: w,
         onKeydown: [
-          ce(re(L, ["prevent"]), ["down"]),
+          ce(re(V, ["prevent"]), ["down"]),
           ce(re(w, ["prevent"]), ["enter"]),
           ce(re($, ["prevent"]), ["esc"])
         ],
@@ -9298,7 +9356,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": "Clear selection",
         onClick: re(q, ["stop"])
       }, " ✕ ")) : Q("", !0),
-      (v(), me(Le, { to: "body" }, [
+      (v(), pe(Ve, { to: "body" }, [
         Ce(x("div", {
           id: y,
           ref_key: "panel",
@@ -9314,11 +9372,11 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               type: "text",
               value: c.value,
               placeholder: H.searchPlaceholder,
-              onInput: V,
+              onInput: L,
               onKeydown: ce(re($, ["prevent"]), ["esc"])
             }, null, 40, Ki)
           ])) : Q("", !0),
-          H.loading ? (v(), g("div", Ni, G(H.loadingText), 1)) : O.value.length > 0 ? (v(), me(Ei, {
+          H.loading ? (v(), g("div", Ni, G(H.loadingText), 1)) : O.value.length > 0 ? (v(), pe(Ei, {
             key: 2,
             class: "vf-treeselect__tree",
             items: O.value,
@@ -9347,7 +9405,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       ]))
     ], 2));
   }
-}), Yi = ["aria-label"], ji = { class: "vf-breadcrumbs__list" }, Xi = {
+}), ji = ["aria-label"], Yi = { class: "vf-breadcrumbs__list" }, Xi = {
   key: 0,
   class: "vf-breadcrumbs__current",
   "aria-current": "page"
@@ -9355,7 +9413,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
   key: 0,
   class: "vf-breadcrumbs__separator",
   "aria-hidden": "true"
-}, pv = /* @__PURE__ */ oe({
+}, hv = /* @__PURE__ */ oe({
   name: "VfBreadcrumbs",
   __name: "breadcrumbs",
   props: {
@@ -9369,8 +9427,8 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       class: "vf-breadcrumbs",
       "aria-label": n.ariaLabel
     }, [
-      x("ol", ji, [
-        (v(!0), g(ue, null, pe(a.value, (r, u) => (v(), g(ue, {
+      x("ol", Yi, [
+        (v(!0), g(ue, null, me(a.value, (r, u) => (v(), g(ue, {
           key: i(r, u)
         }, [
           x("li", {
@@ -9382,7 +9440,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
               isLast: u === a.value.length - 1,
               active: t(r, u)
             }, () => [
-              t(r, u) ? (v(), g("span", Xi, G(r.label), 1)) : (v(), me(it, {
+              t(r, u) ? (v(), g("span", Xi, G(r.label), 1)) : (v(), pe(it, {
                 key: 1,
                 class: "vf-breadcrumbs__link",
                 to: r.to,
@@ -9403,12 +9461,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ])) : Q("", !0)
         ], 64))), 128))
       ])
-    ], 8, Yi));
+    ], 8, ji));
   }
 }), qi = ["aria-orientation", "aria-label"], Qi = {
   key: 0,
   class: "vf-divider__label"
-}, mv = /* @__PURE__ */ oe({
+}, yv = /* @__PURE__ */ oe({
   name: "VfDivider",
   __name: "divider",
   props: {
@@ -9419,7 +9477,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     ariaLabel: { default: "Divider" }
   },
   setup(s) {
-    const o = s, a = Xe(), e = p(() => o.orientation === "horizontal" && (!!o.label || !!a.default)), t = p(() => {
+    const o = s, a = Ue(), e = p(() => o.orientation === "horizontal" && (!!o.label || !!a.default)), t = p(() => {
       const i = ["vf-divider", `vf-divider_${o.orientation}`, `vf-divider_${o.variant}`];
       return o.inset && i.push("vf-divider_inset"), e.value && i.push("vf-divider_with-label"), i;
     });
@@ -9454,7 +9512,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, ld = {
   key: 0,
   class: "vf-page-header__actions"
-}, gv = /* @__PURE__ */ oe({
+}, _v = /* @__PURE__ */ oe({
   name: "VfPageHeader",
   __name: "page-header",
   props: {
@@ -9464,7 +9522,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
     divider: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const o = s, a = Xe(), e = p(() => !!o.title || !!a.title), t = p(() => !!o.subtitle || !!a.subtitle), i = p(() => {
+    const o = s, a = Ue(), e = p(() => !!o.title || !!a.title), t = p(() => !!o.subtitle || !!a.subtitle), i = p(() => {
       const n = ["vf-page-header"];
       return o.size !== "normal" && n.push(`vf-page-header_${o.size}`), o.divider && n.push("vf-page-header_divider"), n;
     });
@@ -9505,7 +9563,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
 }, id = {
   key: 2,
   class: "vf-virtual-scroller__content vf-virtual-scroller__content_static"
-}, bv = /* @__PURE__ */ oe({
+}, kv = /* @__PURE__ */ oe({
   name: "VfVirtualScroller",
   __name: "virtual-scroller",
   props: {
@@ -9557,7 +9615,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           return F;
       }
       return z;
-    }, L = () => {
+    }, V = () => {
       const D = { start: l.value, end: Math.max(l.value, _.value - 1) };
       (n.value.start !== D.start || n.value.end !== D.end) && (n.value = D, a("rangeChange", D));
     }, w = () => {
@@ -9565,12 +9623,12 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
       D && !d.value && (d.value = !0, a("reachEnd")), D || (d.value = !1);
     }, R = (D) => {
       const z = D.target;
-      i.value = z.scrollTop, a("scroll", D), L(), w();
+      i.value = z.scrollTop, a("scroll", D), V(), w();
     };
     return ie(
       () => [e.items, e.virtual, e.itemHeight, e.overscan],
       () => {
-        L(), w();
+        V(), w();
       },
       { immediate: !0 }
     ), (D, z) => (v(), g("div", {
@@ -9591,7 +9649,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           class: "vf-virtual-scroller__content",
           style: ye(O.value)
         }, [
-          (v(!0), g(ue, null, pe(B.value, (F) => (v(), g("div", {
+          (v(!0), g(ue, null, me(B.value, (F) => (v(), g("div", {
             key: F.key,
             class: "vf-virtual-scroller__item",
             style: ye(P.value),
@@ -9606,7 +9664,7 @@ const ho = (s, o) => s.strategy ? s.strategy : bo(o) ? "fixed" : "absolute", Ke
           ], 4))), 128))
         ], 4)
       ], 4)) : (v(), g("div", id, [
-        (v(!0), g(ue, null, pe(r.value, (F, A) => (v(), g("div", {
+        (v(!0), g(ue, null, me(r.value, (F, A) => (v(), g("div", {
           key: $(F, A),
           class: "vf-virtual-scroller__item",
           style: ye(P.value),
@@ -9770,7 +9828,7 @@ const xt = (s) => {
     return;
   const a = vt(o.preset, o.overrides), { selector: e, darkSelector: t } = kd(o);
   He = { ...o }, Cd(a, e, t, o.strict);
-}, hv = (s) => {
+}, Cv = (s) => {
   if (!He)
     return;
   const o = s.overrides === void 0 ? He.overrides : vt(He.overrides ?? {}, s.overrides ?? {}), a = {
@@ -9780,7 +9838,7 @@ const xt = (s) => {
     darkSelector: s.darkSelector ?? He.darkSelector
   };
   xt(a);
-}, yv = () => He ? { ...He } : null, _v = {
+}, $v = () => He ? { ...He } : null, wv = {
   install(s, o = {}) {
     o.theme && xt(o.theme);
   }
@@ -10025,7 +10083,17 @@ const xt = (s) => {
   backgroundColorMuted: "var(--vf-bg-soft-color)",
   backgroundColorElevated: "var(--vf-gray-100)",
   borderColor: "var(--vf-border-color)"
+}, Vd = {
+  gap: "0.75rem",
+  alignItems: "stretch",
+  justifyContent: "flex-start",
+  wrap: "nowrap"
 }, Ld = {
+  gap: "0.75rem",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  wrap: "wrap"
+}, Fd = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10046,7 +10114,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Vd = {
+}, Td = {
   gap: "0",
   borderRadius: "var(--vf-radii-md)",
   addonPadding: "0 var(--vf-controls-padding-x)",
@@ -10064,7 +10132,7 @@ const xt = (s) => {
     addonPadding: "0 var(--vf-sizes-lg-padding-x)",
     addonFontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Fd = {
+}, Id = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10097,7 +10165,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     buttonPadding: "0.26rem 0.62rem"
   }
-}, Td = {
+}, Dd = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10130,7 +10198,7 @@ const xt = (s) => {
     iconSize: "0.9rem",
     clearSize: "1.25rem"
   }
-}, Id = {
+}, Rd = {
   minWidth: "14rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10165,7 +10233,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Dd = {
+}, Md = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10199,7 +10267,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Rd = {
+}, Pd = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   cellSize: "2.25rem",
@@ -10223,7 +10291,7 @@ const xt = (s) => {
     padding: "0.35rem",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Md = {
+}, Od = {
   minWidth: "12rem",
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -10261,7 +10329,7 @@ const xt = (s) => {
     swatchSize: "1.15rem",
     presetSize: "1.5rem"
   }
-}, Pd = {
+}, Ed = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10282,7 +10350,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Od = {
+}, Ad = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10315,11 +10383,11 @@ const xt = (s) => {
     controlWidth: "1.75rem",
     controlFontSize: "0.8rem"
   }
-}, Ed = {
+}, Hd = {
   gap: "0.75rem",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ad = {
+}, Wd = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -10341,7 +10409,7 @@ const xt = (s) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, Hd = {
+}, Kd = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10364,7 +10432,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Wd = {
+}, Nd = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -10404,7 +10472,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     toolbarButtonPadding: "0.3rem 0.55rem"
   }
-}, Kd = {
+}, Gd = {
   minHeight: "2.75rem",
   fontSize: "var(--vf-typography-font-size)",
   gap: "0.75rem",
@@ -10445,10 +10513,10 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     buttonPadding: "0.45rem 0.9rem"
   }
-}, Nd = {
+}, jd = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, Gd = {
+}, Yd = {
   gap: "0.35rem",
   fontSize: "var(--vf-typography-font-size)",
   textColor: "var(--vf-secondary-text-color)",
@@ -10456,7 +10524,7 @@ const xt = (s) => {
   activeColor: "var(--vf-text-color)",
   separatorColor: "var(--vf-divider-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Yd = {
+}, Xd = {
   color: "var(--vf-border-color)",
   textColor: "var(--vf-secondary-text-color)",
   thickness: "1px",
@@ -10465,7 +10533,7 @@ const xt = (s) => {
   inset: "1rem",
   labelPadding: "0 0.4rem",
   labelFontSize: "0.875rem"
-}, jd = {
+}, Ud = {
   gap: "0.5rem",
   contentGap: "0.35rem",
   breadcrumbGap: "0.25rem",
@@ -10492,7 +10560,7 @@ const xt = (s) => {
     titleFontSize: "2rem",
     subtitleFontSize: "1.05rem"
   }
-}, Xd = {
+}, qd = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -10512,7 +10580,7 @@ const xt = (s) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Ud = {
+}, Qd = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -10539,13 +10607,13 @@ const xt = (s) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, qd = {
+}, Zd = {
   maxWidth: "420px",
   messageColor: "var(--vf-secondary-text-color)",
   messageFontSize: "0.95rem",
   messageLineHeight: "1.5",
   actionsGap: "0.5rem"
-}, Qd = {
+}, Jd = {
   width: "320px",
   widthSm: "260px",
   widthLg: "420px",
@@ -10571,9 +10639,9 @@ const xt = (s) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, Zd = {
+}, eu = {
   backgroundColor: "var(--vf-bg-color)"
-}, Jd = {
+}, tu = {
   panelPadding: "0.25rem",
   panelBorderRadius: "8px",
   panelBorderColor: "var(--vf-border-color)",
@@ -10582,7 +10650,7 @@ const xt = (s) => {
   zIndex: "50",
   disabledOpacity: "var(--vf-states-disabled-opacity)",
   itemPadding: "0.25rem 0.5rem"
-}, eu = {
+}, au = {
   borderRadius: "var(--vf-button-border-radius)",
   toggleMinWidth: "2.25rem",
   togglePaddingX: "0.55rem",
@@ -10594,7 +10662,7 @@ const xt = (s) => {
   large: {
     toggleMinWidth: "2.5rem"
   }
-}, tu = {
+}, ou = {
   minWidth: "11rem",
   panelPadding: "0.25rem",
   panelBorderRadius: "8px",
@@ -10604,7 +10672,7 @@ const xt = (s) => {
   zIndex: "60",
   disabledOpacity: "var(--vf-states-disabled-opacity)",
   itemPadding: "0.25rem 0.5rem"
-}, au = {
+}, ru = {
   width: "92vw",
   maxWidth: "640px",
   maxHeight: "70vh",
@@ -10647,7 +10715,7 @@ const xt = (s) => {
   shortcutFontSize: "0.75rem",
   emptyPadding: "1rem 0.5rem",
   emptyColor: "var(--vf-secondary-text-color)"
-}, ou = {
+}, lu = {
   zIndex: "125",
   overlayBackgroundColor: "rgba(0, 0, 0, 0.35)",
   top: "1rem",
@@ -10688,7 +10756,7 @@ const xt = (s) => {
   itemMetaColor: "var(--vf-secondary-text-color)",
   emptyPadding: "1rem",
   emptyColor: "var(--vf-secondary-text-color)"
-}, ru = {
+}, nu = {
   gap: "0",
   backgroundColor: "var(--vf-bg-color)",
   textColor: "var(--vf-text-color)",
@@ -10711,7 +10779,7 @@ const xt = (s) => {
   toggleHoverBackgroundColor: "rgba(var(--vf-gray-600-rgb), 0.16)",
   overlayBackgroundColor: "rgba(0, 0, 0, 0.34)",
   zIndex: "110"
-}, lu = {
+}, su = {
   gap: "0.5rem",
   columnMinWidth: "17rem",
   columnGap: "0.75rem",
@@ -10750,7 +10818,7 @@ const xt = (s) => {
   columnFooterPadding: "0.6rem 0.75rem",
   columnFooterBorderColor: "var(--vf-border-color)",
   dragOpacity: "0.6"
-}, nu = {
+}, iu = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -10783,7 +10851,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, su = {
+}, du = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -10822,7 +10890,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, iu = {
+}, uu = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -10864,7 +10932,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, du = {
+}, cu = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -10909,7 +10977,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, uu = {
+}, vu = {
   minWidth: "12rem",
   minHeight: "var(--vf-controls-height)",
   fontSize: "var(--vf-typography-font-size)",
@@ -10964,7 +11032,7 @@ const xt = (s) => {
     chipPadding: "0.25rem 0.55rem",
     chipFontSize: "0.9em"
   }
-}, cu = {
+}, fu = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -11014,7 +11082,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, vu = {
+}, pu = {
   minWidth: "14rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -11066,7 +11134,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, fu = {
+}, mu = {
   minWidth: "10rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -11100,7 +11168,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, pu = {
+}, gu = {
   minWidth: "14rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -11161,7 +11229,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, mu = {
+}, bu = {
   width: "100%",
   fontSize: "var(--vf-typography-font-size)",
   padding: "0.5rem",
@@ -11199,7 +11267,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, gu = {
+}, hu = {
   gap: "0.4rem",
   itemMinWidth: "2rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -11224,7 +11292,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     padding: "0.45rem 0.8rem"
   }
-}, bu = {
+}, yu = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -11236,7 +11304,7 @@ const xt = (s) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, hu = {
+}, _u = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -11250,7 +11318,7 @@ const xt = (s) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, yu = {
+}, ku = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -11262,7 +11330,7 @@ const xt = (s) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, _u = {
+}, Cu = {
   fontSize: "0.95rem",
   padding: "0.16rem",
   gap: "0.16rem",
@@ -11288,7 +11356,7 @@ const xt = (s) => {
     padding: "0.2rem",
     segmentPadding: "0.42rem 0.78rem"
   }
-}, ku = {
+}, $u = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -11309,7 +11377,7 @@ const xt = (s) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Cu = {
+}, wu = {
   gap: "0.75rem",
   borderRadius: "var(--vf-radii-md)",
   borderColor: "var(--vf-border-color)",
@@ -11340,7 +11408,7 @@ const xt = (s) => {
     headerFontSize: "1rem",
     contentPadding: "0.9rem 1.1rem"
   }
-}, $u = {
+}, zu = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -11351,7 +11419,7 @@ const xt = (s) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, wu = {
+}, Su = {
   zIndex: "120",
   overlayBackgroundColor: "rgba(0, 0, 0, 0.45)",
   width: "22rem",
@@ -11389,7 +11457,7 @@ const xt = (s) => {
   spotlightBorderWidth: "2px",
   spotlightBorderColor: "rgba(var(--vf-blue-600-rgb), 0.55)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, zu = {
+}, Bu = {
   width: "100%",
   height: "1rem",
   lineHeight: "0.9rem",
@@ -11397,7 +11465,7 @@ const xt = (s) => {
   backgroundColor: "var(--vf-gutter-color)",
   shimmerColor: "var(--vf-bg-color)",
   animationDuration: "2s"
-}, Su = {
+}, xu = {
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)",
   backgroundColor: "var(--vf-bg-color)",
@@ -11428,7 +11496,7 @@ const xt = (s) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     cellPadding: "0.75rem 0.9rem"
   }
-}, Bu = {
+}, Vu = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -11467,7 +11535,7 @@ const xt = (s) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, xu = {
+}, Lu = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -11505,7 +11573,7 @@ const xt = (s) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Lu = {
+}, Fu = {
   gap: "0.75rem",
   bodyGap: "0.35rem",
   padding: "1.25rem",
@@ -11536,7 +11604,7 @@ const xt = (s) => {
     titleFontSize: "1.125rem",
     descriptionFontSize: "1rem"
   }
-}, Vu = {
+}, Tu = {
   width: "100%",
   height: "0.5rem",
   borderRadius: "999px",
@@ -11572,7 +11640,7 @@ const xt = (s) => {
     circularSize: "3.25rem",
     circularThickness: "7"
   }
-}, Fu = {
+}, Iu = {
   fontSize: "0.75rem",
   lineHeight: "1",
   paddingX: "0.5rem",
@@ -11637,7 +11705,7 @@ const xt = (s) => {
     paddingX: "0.65rem",
     paddingY: "0.3rem"
   }
-}, Tu = {
+}, Du = {
   fontSize: "0.8125rem",
   lineHeight: "1",
   paddingX: "0.55rem",
@@ -11709,7 +11777,7 @@ const xt = (s) => {
     paddingX: "0.7rem",
     paddingY: "0.28rem"
   }
-}, Iu = {
+}, Ru = {
   fontSize: "0.8125rem",
   gap: "0.35rem",
   chipGap: "0.3rem",
@@ -11741,7 +11809,7 @@ const xt = (s) => {
     fontSize: "0.95rem",
     chipPadding: "0.38rem 0.72rem"
   }
-}, Du = {
+}, Mu = {
   size: "2.5rem",
   fontSize: "0.9rem",
   fontWeight: "600",
@@ -11767,7 +11835,7 @@ const xt = (s) => {
     fontSize: "1rem",
     statusSize: "0.75rem"
   }
-}, Ru = {
+}, Pu = {
   size: "1.5rem",
   thickness: "2px",
   color: "var(--vf-blue-600)",
@@ -11802,7 +11870,7 @@ const xt = (s) => {
     thickness: "3px",
     labelFontSize: "1rem"
   }
-}, Mu = {
+}, Ou = {
   width: "100%",
   gap: "0.5rem",
   textColor: "var(--vf-text-color)",
@@ -11834,7 +11902,7 @@ const xt = (s) => {
     thumbSize: "1.25rem",
     valueFontSize: "1rem"
   }
-}, Pu = {
+}, Eu = {
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)",
   panelBackgroundColor: "var(--vf-controls-background-color)",
@@ -11844,7 +11912,7 @@ const xt = (s) => {
   handleColor: "var(--vf-border-color)",
   gutterActiveBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.12)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ou = {
+}, Au = {
   gap: "1rem",
   itemGap: "0.75rem",
   lineThickness: "2px",
@@ -11887,7 +11955,7 @@ const xt = (s) => {
     lineLength: "1.75rem",
     itemGap: "1rem"
   }
-}, Eu = {
+}, Hu = {
   gap: "1rem",
   borderColor: "var(--vf-border-color)",
   headerPaddingBottom: "0.75rem",
@@ -11925,7 +11993,7 @@ const xt = (s) => {
   secondaryButtonTextColor: "var(--vf-text-color)",
   secondaryButtonHoverBackgroundColor: "rgba(var(--vf-gray-600-rgb), 0.12)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Au = {
+}, Wu = {
   gap: "1rem",
   itemGap: "0.75rem",
   markerSize: "1.75rem",
@@ -11989,7 +12057,7 @@ const xt = (s) => {
     titleFontSize: "1.125rem",
     descriptionFontSize: "1rem"
   }
-}, Hu = {
+}, Ku = {
   gap: "0.25rem",
   size: "1.1rem",
   color: "var(--vf-gutter-color)",
@@ -12004,7 +12072,7 @@ const xt = (s) => {
   large: {
     size: "1.35rem"
   }
-}, Wu = {
+}, Nu = {
   gap: "0.3rem",
   indent: "1rem",
   rowGap: "0.5rem",
@@ -12038,7 +12106,7 @@ const xt = (s) => {
     rowFontSize: "1rem",
     toggleSize: "1.1rem"
   }
-}, Ku = {
+}, Gu = {
   minWidth: "14rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -12077,7 +12145,7 @@ const xt = (s) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Nu = {
+}, ju = {
   fontSize: "var(--vf-typography-font-size)",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)",
@@ -12088,7 +12156,7 @@ const xt = (s) => {
   itemBorderColor: "var(--vf-border-color)",
   emptyPadding: "0.75rem",
   emptyColor: "var(--vf-secondary-text-color)"
-}, kv = {
+}, zv = {
   ...gt,
   components: {
     base: gt,
@@ -12098,167 +12166,171 @@ const xt = (s) => {
     container: Sd,
     grid: Bd,
     section: xd,
-    input: Ld,
-    inputGroup: Vd,
-    inlineEdit: Fd,
-    searchInput: Td,
-    mentionInput: Id,
-    passwordInput: Dd,
-    otpInput: Rd,
-    colorPicker: Md,
-    maskedInput: Pd,
-    numberInput: Od,
-    form: Ed,
-    formField: Ad,
-    textarea: Hd,
-    richTextEditor: Wd,
-    fileUpload: Kd,
-    link: Nd,
-    breadcrumbs: Gd,
-    divider: Yd,
-    pageHeader: jd,
-    menu: Xd,
-    modal: Ud,
-    confirmDialog: qd,
-    drawer: Qd,
-    popover: Zd,
-    dropdown: Jd,
-    splitbutton: eu,
-    contextMenu: tu,
-    commandPalette: au,
-    notificationCenter: ou,
-    appShell: ru,
-    kanbanBoard: lu,
-    select: nu,
-    autocomplete: su,
-    combobox: iu,
-    multiselect: du,
-    taginput: uu,
-    datepicker: cu,
-    daterangepicker: vu,
-    timepicker: fu,
-    datetimepicker: pu,
-    calendar: mu,
-    pagination: gu,
-    checkbox: bu,
-    radio: hu,
-    switch: yu,
-    segmentedControl: _u,
-    tabs: ku,
-    accordion: Cu,
-    tooltip: $u,
-    tour: wu,
-    skeleton: zu,
-    datatable: Su,
-    toast: Bu,
-    alert: xu,
-    emptyState: Lu,
-    progress: Vu,
-    badge: Fu,
-    chip: Tu,
-    filterChips: Iu,
-    avatar: Du,
-    spinner: Ru,
-    slider: Mu,
-    splitter: Pu,
-    stepper: Ou,
-    wizard: Eu,
-    timeline: Au,
-    rating: Hu,
-    tree: Wu,
-    treeselect: Ku,
-    virtualScroller: Nu
+    stack: Vd,
+    inline: Ld,
+    input: Fd,
+    inputGroup: Td,
+    inlineEdit: Id,
+    searchInput: Dd,
+    mentionInput: Rd,
+    passwordInput: Md,
+    otpInput: Pd,
+    colorPicker: Od,
+    maskedInput: Ed,
+    numberInput: Ad,
+    form: Hd,
+    formField: Wd,
+    textarea: Kd,
+    richTextEditor: Nd,
+    fileUpload: Gd,
+    link: jd,
+    breadcrumbs: Yd,
+    divider: Xd,
+    pageHeader: Ud,
+    menu: qd,
+    modal: Qd,
+    confirmDialog: Zd,
+    drawer: Jd,
+    popover: eu,
+    dropdown: tu,
+    splitbutton: au,
+    contextMenu: ou,
+    commandPalette: ru,
+    notificationCenter: lu,
+    appShell: nu,
+    kanbanBoard: su,
+    select: iu,
+    autocomplete: du,
+    combobox: uu,
+    multiselect: cu,
+    taginput: vu,
+    datepicker: fu,
+    daterangepicker: pu,
+    timepicker: mu,
+    datetimepicker: gu,
+    calendar: bu,
+    pagination: hu,
+    checkbox: yu,
+    radio: _u,
+    switch: ku,
+    segmentedControl: Cu,
+    tabs: $u,
+    accordion: wu,
+    tooltip: zu,
+    tour: Su,
+    skeleton: Bu,
+    datatable: xu,
+    toast: Vu,
+    alert: Lu,
+    emptyState: Fu,
+    progress: Tu,
+    badge: Iu,
+    chip: Du,
+    filterChips: Ru,
+    avatar: Mu,
+    spinner: Pu,
+    slider: Ou,
+    splitter: Eu,
+    stepper: Au,
+    wizard: Hu,
+    timeline: Wu,
+    rating: Ku,
+    tree: Nu,
+    treeselect: Gu,
+    virtualScroller: ju
   }
 };
 export {
-  Ic as Accordion,
-  Dc as AccordionItem,
-  Pc as Alert,
-  jc as AppShell,
-  gc as Autocomplete,
-  av as Avatar,
-  Jc as Badge,
-  pv as Breadcrumbs,
+  Pc as Accordion,
+  Oc as AccordionItem,
+  Hc as Alert,
+  Qc as AppShell,
+  _c as Autocomplete,
+  nv as Avatar,
+  ov as Badge,
+  hv as Breadcrumbs,
   Ze as Button,
-  Zu as ButtonGroup,
-  wc as Calendar,
+  ac as ButtonGroup,
+  xc as Calendar,
   qt as Card,
-  Sc as Checkbox,
-  ev as Chip,
-  sc as ColorPicker,
-  bc as Combobox,
-  Gc as CommandPalette,
-  Hc as ConfirmDialog,
-  Xu as Container,
-  Nc as ContextMenu,
-  rv as DataTable,
-  _c as DatePicker,
-  kc as DateRangePicker,
-  $c as DateTimePicker,
-  kv as DefaultTheme,
-  mv as Divider,
-  Wc as Drawer,
-  jl as Dropdown,
-  Oc as EmptyState,
-  pc as FileUpload,
-  tv as FilterChips,
-  uc as Form,
-  cc as FormField,
-  qu as Grid,
-  Qu as GridItem,
-  ac as InlineEdit,
-  Ju as Input,
-  tc as InputAddon,
-  ec as InputGroup,
-  Xc as KanbanBoard,
+  Lc as Checkbox,
+  rv as Chip,
+  cc as ColorPicker,
+  kc as Combobox,
+  Uc as CommandPalette,
+  Gc as ConfirmDialog,
+  qu as Container,
+  Xc as ContextMenu,
+  iv as DataTable,
+  wc as DatePicker,
+  zc as DateRangePicker,
+  Bc as DateTimePicker,
+  zv as DefaultTheme,
+  yv as Divider,
+  jc as Drawer,
+  Yl as Dropdown,
+  Wc as EmptyState,
+  hc as FileUpload,
+  lv as FilterChips,
+  pc as Form,
+  mc as FormField,
+  Zu as Grid,
+  Ju as GridItem,
+  tc as Inline,
+  nc as InlineEdit,
+  oc as Input,
+  lc as InputAddon,
+  rc as InputGroup,
+  Zc as KanbanBoard,
   it as Link,
-  ic as MaskedInput,
-  rc as MentionInput,
+  vc as MaskedInput,
+  ic as MentionInput,
   ht as Menu,
   Ol as Modal,
-  hc as MultiSelect,
-  Yc as NotificationCenter,
-  dc as NumberInput,
-  nc as OtpInput,
-  gv as PageHeader,
-  zc as Pagination,
-  lc as PasswordInput,
-  Ac as Popover,
-  Zc as Progress,
-  xc as RadioButton,
-  Bc as RadioGroup,
-  vv as Rating,
-  fc as RichTextEditor,
-  oc as SearchInput,
-  Uu as Section,
-  Lc as SegmentedControl,
-  mc as Select,
-  Qc as Skeleton,
-  lv as Slider,
-  ov as Spinner,
-  Kc as SplitButton,
-  nv as Splitter,
-  sv as SplitterPanel,
-  iv as Stepper,
-  Ec as Switch,
-  Fc as Tab,
-  Tc as TabPanel,
-  Vc as Tabs,
-  yc as TagInput,
-  vc as Textarea,
-  Cc as TimePicker,
-  cv as Timeline,
-  Rc as Toast,
-  Mc as ToastContainer,
-  Uc as Tooltip,
-  qc as Tour,
+  Cc as MultiSelect,
+  qc as NotificationCenter,
+  fc as NumberInput,
+  uc as OtpInput,
+  _v as PageHeader,
+  Vc as Pagination,
+  dc as PasswordInput,
+  Nc as Popover,
+  av as Progress,
+  Tc as RadioButton,
+  Fc as RadioGroup,
+  gv as Rating,
+  bc as RichTextEditor,
+  sc as SearchInput,
+  Qu as Section,
+  Ic as SegmentedControl,
+  yc as Select,
+  tv as Skeleton,
+  dv as Slider,
+  sv as Spinner,
+  Yc as SplitButton,
+  uv as Splitter,
+  cv as SplitterPanel,
+  ec as Stack,
+  vv as Stepper,
+  Kc as Switch,
+  Rc as Tab,
+  Mc as TabPanel,
+  Dc as Tabs,
+  $c as TagInput,
+  gc as Textarea,
+  Sc as TimePicker,
+  mv as Timeline,
+  Ec as Toast,
+  Ac as ToastContainer,
+  Jc as Tooltip,
+  ev as Tour,
   Ei as Tree,
-  fv as TreeSelect,
-  bv as VirtualScroller,
-  _v as VueForge,
-  dv as Wizard,
-  uv as WizardStep,
-  yv as getTheme,
+  bv as TreeSelect,
+  kv as VirtualScroller,
+  wv as VueForge,
+  fv as Wizard,
+  pv as WizardStep,
+  $v as getTheme,
   xt as setTheme,
-  hv as updateTheme
+  Cv as updateTheme
 };