npm - @codemonster-ru/vueforge-core - Versions diffs - 1.3.3 → 1.4.0 - Mend

@codemonster-ru/vueforge-core 1.3.3 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/README.md +63 -7
package/dist/index.d.ts +1 -1
package/dist/index.d.ts.map +1 -1
package/dist/plugin.d.ts +3 -3
package/dist/plugin.d.ts.map +1 -1
package/dist/providers/VfThemeProvider.vue.d.ts +2 -4
package/dist/providers/VfThemeProvider.vue.d.ts.map +1 -1
package/dist/providers/vueForgeConfig.d.ts +7 -1
package/dist/providers/vueForgeConfig.d.ts.map +1 -1
package/dist/types/theme.d.ts +3 -0
package/dist/types/theme.d.ts.map +1 -1
package/dist/vueforge-core.js +697 -688
package/package.json +1 -1

package/dist/vueforge-core.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { resolveThemeConfig as Le, applyThemeConfig as Se, resolveTheme as ze, DEFAULT_STORAGE_KEY as Me, DEFAULT_ATTRIBUTE as Pe, isThemeMode as Ne, vfMotionDurationsMs as U } from "@codemonster-ru/vueforge-theme";
+import { resolveThemeConfig as Le, applyThemeConfig as Se, resolveTheme as Me, DEFAULT_STORAGE_KEY as ze, DEFAULT_ATTRIBUTE as Pe, isThemeMode as Ne, vfMotionDurationsMs as U } from "@codemonster-ru/vueforge-theme";
 import { createThemePreset as Wn } from "@codemonster-ru/vueforge-theme";
 import { defaultThemePreset as Fe } from "./theme-api.js";
-import { defineComponent as L, ref as A, inject as we, computed as s, watch as Z, onMounted as de, onBeforeUnmount as ee, provide as Re, renderSlot as B, toValue as K, nextTick as ae, openBlock as c, createElementBlock as m, createElementVNode as T, unref as h, toDisplayString as F, normalizeClass as P, createVNode as j, Transition as ne, withCtx as Q, createCommentVNode as O, useAttrs as R, mergeProps as H, createTextVNode as oe, normalizeStyle as W, useSlots as Te, createBlock as q, Teleport as le, resolveDynamicComponent as re, normalizeProps as Ve, guardReactiveProps as xe, resolveComponent as He, Fragment as ue, renderList as ce } from "vue";
-import { d as Ce } from "./useScrollLock-FYdn9vRp.js";
+import { defineComponent as L, inject as we, computed as s, ref as D, watch as Z, onMounted as ce, onBeforeUnmount as ee, provide as Re, renderSlot as E, toValue as K, nextTick as ae, openBlock as d, createElementBlock as h, createElementVNode as T, unref as y, toDisplayString as F, normalizeClass as P, createVNode as j, Transition as ne, withCtx as Q, createCommentVNode as O, useAttrs as R, mergeProps as H, createTextVNode as oe, normalizeStyle as W, useSlots as Te, createBlock as q, Teleport as le, resolveDynamicComponent as re, normalizeProps as Ve, guardReactiveProps as Ce, resolveComponent as He, Fragment as ue, renderList as de } from "vue";
+import { d as xe } from "./useScrollLock-FYdn9vRp.js";
 import { t as Yn, a as Xn, u as Gn, b as Qn, c as Jn, v as Zn } from "./useScrollLock-FYdn9vRp.js";
 import { VueIconify as te, icons as X } from "@codemonster-ru/vueiconify";
 import { autoUpdate as Ke, computePosition as je, offset as ve, flip as pe, shift as me, arrow as he } from "@codemonster-ru/floater.js";
@@ -20,77 +20,86 @@ function Ue() {
   return {
     install(n, e = {}) {
       const i = qe(e.theme);
-      n.provide(Be, { theme: i }), typeof document < "u" && We(i);
+      n.provide(Be, {
+        theme: i,
+        themeMode: {
+          defaultTheme: e.defaultTheme,
+          storageKey: e.themeStorageKey,
+          attribute: e.themeAttribute
+        }
+      }), typeof document < "u" && We(i);
     }
   };
 }
 const bn = Ue(), Ee = Symbol("VfThemeContext"), $n = /* @__PURE__ */ L({
   __name: "VfThemeProvider",
   props: {
-    defaultTheme: { default: "system" },
+    defaultTheme: {},
     storageKey: {},
     attribute: {}
   },
   setup(t) {
-    const n = t, e = A(n.defaultTheme), i = A("light"), l = A(null), r = we(Be, null), u = s(
-      () => ze(e.value, i.value)
-    ), p = s(
-      () => n.storageKey ?? (r == null ? void 0 : r.theme.options.storageKey) ?? Me
-    ), g = s(
-      () => n.attribute ?? (r == null ? void 0 : r.theme.options.attribute) ?? Pe
-    ), b = A(!1);
-    let v = null;
-    function E() {
+    const n = t, e = we(Be, null), i = s(
+      () => n.defaultTheme ?? (e == null ? void 0 : e.themeMode.defaultTheme) ?? "system"
+    ), l = D(i.value), r = D("light"), u = D(null), v = s(
+      () => Me(l.value, r.value)
+    ), _ = s(
+      () => n.storageKey ?? (e == null ? void 0 : e.themeMode.storageKey) ?? (e == null ? void 0 : e.theme.options.storageKey) ?? ze
+    ), b = s(
+      () => n.attribute ?? (e == null ? void 0 : e.themeMode.attribute) ?? (e == null ? void 0 : e.theme.options.attribute) ?? Pe
+    ), p = D(!1);
+    let C = null;
+    function x() {
       if (typeof window > "u")
         return;
-      const d = window.localStorage.getItem(p.value);
-      Ne(d) && (e.value = d);
+      const f = window.localStorage.getItem(_.value);
+      Ne(f) && (l.value = f);
     }
-    function V() {
-      v !== null && (window.clearTimeout(v), v = null);
+    function w() {
+      C !== null && (window.clearTimeout(C), C = null);
     }
-    function w(d, _ = {}) {
+    function S(f, a = {}) {
       if (typeof document > "u")
         return;
-      const o = document.documentElement;
-      _.animate && (V(), o.classList.add("vf-theme-transitioning")), o.setAttribute(g.value, d), _.animate && (v = window.setTimeout(() => {
-        o.classList.remove("vf-theme-transitioning"), v = null;
+      const m = document.documentElement;
+      a.animate && (w(), m.classList.add("vf-theme-transitioning")), m.setAttribute(b.value, f), a.animate && (C = window.setTimeout(() => {
+        m.classList.remove("vf-theme-transitioning"), C = null;
       }, 320));
     }
-    function I(d) {
-      var _;
-      if (d) {
-        i.value = d.matches ? "dark" : "light";
+    function I(f) {
+      var a;
+      if (f) {
+        r.value = f.matches ? "dark" : "light";
         return;
       }
-      i.value = (_ = l.value) != null && _.matches ? "dark" : "light";
+      r.value = (a = u.value) != null && a.matches ? "dark" : "light";
     }
-    function S(d) {
-      e.value = d;
+    function M(f) {
+      l.value = f;
     }
-    function z() {
-      const d = u.value === "dark" ? "light" : "dark";
-      e.value = d;
+    function $() {
+      const f = v.value === "dark" ? "light" : "dark";
+      l.value = f;
     }
-    return Z(e, (d) => {
-      typeof window > "u" || window.localStorage.setItem(p.value, d);
+    return Z(l, (f) => {
+      typeof window > "u" || window.localStorage.setItem(_.value, f);
     }), Z(
-      u,
-      (d) => {
-        w(d, { animate: b.value });
+      v,
+      (f) => {
+        S(f, { animate: p.value });
       },
       { immediate: !0 }
-    ), de(() => {
-      E(), l.value = window.matchMedia("(prefers-color-scheme: dark)"), I(), l.value.addEventListener("change", I), b.value = !0;
+    ), ce(() => {
+      l.value = i.value, x(), u.value = window.matchMedia("(prefers-color-scheme: dark)"), I(), u.value.addEventListener("change", I), p.value = !0;
     }), ee(() => {
-      var d;
-      (d = l.value) == null || d.removeEventListener("change", I), V();
+      var f;
+      (f = u.value) == null || f.removeEventListener("change", I), w();
     }), Re(Ee, {
-      mode: e,
-      resolvedTheme: u,
-      setTheme: S,
-      toggleTheme: z
-    }), (d, _) => B(d.$slots, "default");
+      mode: l,
+      resolvedTheme: v,
+      setTheme: M,
+      toggleTheme: $
+    }), (f, a) => E(f.$slots, "default");
   }
 });
 function Oe(t, n, e = {}) {
@@ -100,19 +109,19 @@ function Oe(t, n, e = {}) {
     const u = r.target;
     if (!(u instanceof Node))
       return;
-    const p = Array.isArray(t) ? t.map((g) => g.value).filter((g) => g instanceof HTMLElement) : [t.value].filter(
-      (g) => g instanceof HTMLElement
+    const v = Array.isArray(t) ? t.map((_) => _.value).filter((_) => _ instanceof HTMLElement) : [t.value].filter(
+      (_) => _ instanceof HTMLElement
     );
-    p.length === 0 || p.some((g) => g.contains(u)) || n(r);
+    v.length === 0 || v.some((_) => _.contains(u)) || n(r);
   };
-  de(() => {
+  ce(() => {
     document.addEventListener(i, l);
   }), ee(() => {
     document.removeEventListener(i, l);
   });
 }
 function se(t = {}) {
-  const n = s(() => K(t.open) !== void 0), e = A(t.defaultOpen ?? !1), i = s(
+  const n = s(() => K(t.open) !== void 0), e = D(t.defaultOpen ?? !1), i = s(
     () => n.value ? !!K(t.open) : e.value
   );
   Z(
@@ -137,23 +146,23 @@ function fe(t, n = {}) {
   const e = n.event ?? "keydown", i = (l) => {
     K(n.enabled) === !1 || l.key !== "Escape" || t(l);
   };
-  de(() => {
+  ce(() => {
     document.addEventListener(e, i);
   }), ee(() => {
     document.removeEventListener(e, i);
   });
 }
 function ye(t, n, e = {}) {
-  const i = A(0), l = A(0), r = A(K(e.placement) ?? "bottom"), u = A({}), p = A(null);
-  let g = 0;
+  const i = D(0), l = D(0), r = D(K(e.placement) ?? "bottom"), u = D({}), v = D(null);
+  let _ = 0;
   const b = s(() => ({
     left: `${i.value}px`,
     top: `${l.value}px`
   }));
-  async function v() {
+  async function p() {
     if (!t.value || !n.value)
       return;
-    const V = await je(
+    const x = await je(
       t.value,
       n.value,
       {
@@ -162,32 +171,32 @@ function ye(t, n, e = {}) {
         strategy: K(e.strategy)
       }
     );
-    i.value = V.x, l.value = V.y, r.value = V.placement, u.value = V.middlewareData ?? {};
+    i.value = x.x, l.value = x.y, r.value = x.placement, u.value = x.middlewareData ?? {};
   }
-  function E() {
-    var V;
-    (V = p.value) == null || V.call(p), p.value = null;
+  function C() {
+    var x;
+    (x = v.value) == null || x.call(v), v.value = null;
   }
   return Z(
     [() => K(e.enabled) !== !1, t, n],
-    async ([V]) => {
-      g += 1;
-      const w = g;
-      E(), !(!V || !t.value || !n.value) && (await ae(), !(w !== g || K(e.enabled) === !1 || !t.value || !n.value) && (await v(), !(w !== g || K(e.enabled) === !1 || !t.value || !n.value) && (p.value = Ke(t.value, () => {
-        v();
+    async ([x]) => {
+      _ += 1;
+      const w = _;
+      C(), !(!x || !t.value || !n.value) && (await ae(), !(w !== _ || K(e.enabled) === !1 || !t.value || !n.value) && (await p(), !(w !== _ || K(e.enabled) === !1 || !t.value || !n.value) && (v.value = Ke(t.value, () => {
+        p();
       }))));
     },
     { immediate: !0 }
   ), ee(() => {
-    E();
+    C();
   }), {
     x: i,
     y: l,
     placement: r,
     middlewareData: u,
     styles: b,
-    update: v,
-    cleanup: E
+    update: p,
+    cleanup: C
   };
 }
 const Ye = [
@@ -205,7 +214,7 @@ function Xe(t) {
     (n) => !n.hasAttribute("hidden") && n.getAttribute("aria-hidden") !== "true"
   );
 }
-function De(t, n = {}) {
+function Ae(t, n = {}) {
   const e = (i) => {
     if (i.key !== "Tab" || K(n.enabled) === !1)
       return;
@@ -217,14 +226,14 @@ function De(t, n = {}) {
       i.preventDefault(), l.focus();
       return;
     }
-    const u = r[0], p = r[r.length - 1], g = document.activeElement;
+    const u = r[0], v = r[r.length - 1], _ = document.activeElement;
     if (i.shiftKey) {
-      (g === u || g === l) && (i.preventDefault(), p.focus());
+      (_ === u || _ === l) && (i.preventDefault(), v.focus());
       return;
     }
-    g === p && (i.preventDefault(), u.focus());
+    _ === v && (i.preventDefault(), u.focus());
   };
-  de(() => {
+  ce(() => {
     document.addEventListener("keydown", e);
   }), ee(() => {
     document.removeEventListener("keydown", e);
@@ -259,92 +268,92 @@ const Qe = { class: "vf-accordion" }, Je = ["id", "aria-controls", "aria-expande
     const e = t, i = n, l = G({ prefix: "vf-accordion-trigger" }), r = G({ prefix: "vf-accordion-content" }), u = se({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
-      onOpenChange: (_) => {
-        i("update:open", _), i("openChange", _);
+      onOpenChange: (f) => {
+        i("update:open", f), i("openChange", f);
       }
-    }), p = u.isOpen, g = [
+    }), v = u.isOpen, _ = [
       "height var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)",
       "opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)"
     ].join(", ");
-    function b(_) {
-      const o = _.firstElementChild;
-      return (o == null ? void 0 : o.offsetHeight) ?? _.scrollHeight;
+    function b(f) {
+      const a = f.firstElementChild;
+      return (a == null ? void 0 : a.offsetHeight) ?? f.scrollHeight;
     }
-    function v() {
+    function p() {
       e.disabled || u.toggle();
     }
-    function E(_) {
-      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), v());
+    function C(f) {
+      (f.key === "Enter" || f.key === " ") && (f.preventDefault(), p());
     }
-    function V(_) {
-      const o = _;
-      o.style.height = "0px", o.style.opacity = "0", o.style.overflow = "hidden";
+    function x(f) {
+      const a = f;
+      a.style.height = "0px", a.style.opacity = "0", a.style.overflow = "hidden";
     }
-    function w(_, o) {
-      const y = _;
-      y.style.transition = g, requestAnimationFrame(() => {
-        y.style.height = `${b(y)}px`, y.style.opacity = "1";
-      }), window.setTimeout(o, U.normal);
+    function w(f, a) {
+      const m = f;
+      m.style.transition = _, requestAnimationFrame(() => {
+        m.style.height = `${b(m)}px`, m.style.opacity = "1";
+      }), window.setTimeout(a, U.normal);
     }
-    function I(_) {
-      const o = _;
-      o.style.height = "", o.style.opacity = "", o.style.overflow = "", o.style.transition = "";
+    function S(f) {
+      const a = f;
+      a.style.height = "", a.style.opacity = "", a.style.overflow = "", a.style.transition = "";
     }
-    function S(_) {
-      const o = _;
-      o.style.height = `${b(o)}px`, o.style.opacity = "1", o.style.overflow = "hidden";
+    function I(f) {
+      const a = f;
+      a.style.height = `${b(a)}px`, a.style.opacity = "1", a.style.overflow = "hidden";
     }
-    function z(_, o) {
-      const y = _;
-      y.style.transition = g, y.offsetHeight, y.style.height = "0px", y.style.opacity = "0", window.setTimeout(o, U.normal);
+    function M(f, a) {
+      const m = f;
+      m.style.transition = _, m.offsetHeight, m.style.height = "0px", m.style.opacity = "0", window.setTimeout(a, U.normal);
     }
-    function d(_) {
-      const o = _;
-      o.style.height = "", o.style.opacity = "", o.style.overflow = "", o.style.transition = "";
+    function $(f) {
+      const a = f;
+      a.style.height = "", a.style.opacity = "", a.style.overflow = "", a.style.transition = "";
     }
-    return (_, o) => (c(), m("section", Qe, [
+    return (f, a) => (d(), h("section", Qe, [
       T("button", {
-        id: h(l),
-        "aria-controls": h(r),
-        "aria-expanded": h(p),
+        id: y(l),
+        "aria-controls": y(r),
+        "aria-expanded": y(v),
         disabled: t.disabled,
         class: "vf-accordion__trigger",
         type: "button",
-        onClick: v,
-        onKeydown: E
+        onClick: p,
+        onKeydown: C
       }, [
-        B(_.$slots, "trigger", { open: h(p) }, () => [
+        E(f.$slots, "trigger", { open: y(v) }, () => [
           T("span", null, F(t.title), 1)
         ]),
         T("span", {
           "aria-hidden": "true",
-          class: P(["vf-accordion__icon", h(p) && "vf-accordion__icon--open"])
+          class: P(["vf-accordion__icon", y(v) && "vf-accordion__icon--open"])
         }, [
-          j(h(te), {
-            icon: h(X).chevronDown,
+          j(y(te), {
+            icon: y(X).chevronDown,
             size: "0.875rem"
           }, null, 8, ["icon"])
         ], 2)
       ], 40, Je),
       j(ne, {
         css: !1,
-        onBeforeEnter: V,
+        onBeforeEnter: x,
         onEnter: w,
-        onAfterEnter: I,
-        onBeforeLeave: S,
-        onLeave: z,
-        onAfterLeave: d
+        onAfterEnter: S,
+        onBeforeLeave: I,
+        onLeave: M,
+        onAfterLeave: $
       }, {
         default: Q(() => [
-          h(p) ? (c(), m("div", {
+          y(v) ? (d(), h("div", {
             key: 0,
-            id: h(r),
-            "aria-labelledby": h(l),
+            id: y(r),
+            "aria-labelledby": y(l),
             class: "vf-accordion__content",
             role: "region"
           }, [
             T("div", et, [
-              B(_.$slots, "default", { open: h(p) })
+              E(f.$slots, "default", { open: y(v) })
             ])
           ], 8, Ze)) : O("", !0)
         ]),
@@ -373,24 +382,24 @@ const tt = {
     const n = t, e = R(), i = s(
       () => N("vf-alert", n.tone !== "primary" && `vf-alert--${n.tone}`)
     ), l = s(() => n.tone === "success" ? X.checkCircle : n.tone === "info" ? X.info : n.tone === "warn" ? X.warning : n.tone === "help" ? X.questionCircle : n.tone === "danger" ? X.warning : n.tone === "contrast" ? X.info : X.info);
-    return (r, u) => (c(), m("section", H({
+    return (r, u) => (d(), h("section", H({
       class: i.value,
       role: "alert"
-    }, h(e)), [
+    }, y(e)), [
       T("div", tt, [
-        j(h(te), {
+        j(y(te), {
           icon: l.value,
           size: "2rem"
         }, null, 8, ["icon"])
       ]),
       T("div", nt, [
-        n.title || r.$slots.title ? (c(), m("p", at, [
-          B(r.$slots, "title", {}, () => [
+        n.title || r.$slots.title ? (d(), h("p", at, [
+          E(r.$slots, "title", {}, () => [
             oe(F(n.title), 1)
           ])
         ])) : O("", !0),
         T("div", ot, [
-          B(r.$slots, "default")
+          E(r.$slots, "default")
         ])
       ])
     ], 16));
@@ -405,11 +414,11 @@ const tt = {
     const n = t, e = R(), i = s(
       () => N("vf-badge", n.tone !== "neutral" && `vf-badge--${n.tone}`)
     );
-    return (l, r) => (c(), m("span", H({ class: i.value }, h(e)), [
-      B(l.$slots, "default")
+    return (l, r) => (d(), h("span", H({ class: i.value }, y(e)), [
+      E(l.$slots, "default")
     ], 16));
   }
-}), lt = ["type"], xn = /* @__PURE__ */ L({
+}), lt = ["type"], Cn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfButton",
   props: {
@@ -427,17 +436,17 @@ const tt = {
         n.block && "vf-button--block"
       )
     );
-    return (l, r) => (c(), m("button", H({
+    return (l, r) => (d(), h("button", H({
       class: i.value,
       type: n.type
-    }, h(e)), [
-      B(l.$slots, "default")
+    }, y(e)), [
+      E(l.$slots, "default")
     ], 16, lt));
   }
 }), st = { key: 0 }, it = { class: "vf-card__title" }, rt = {
   key: 1,
   class: "vf-card__body"
-}, ut = { key: 2 }, Cn = /* @__PURE__ */ L({
+}, ut = { key: 2 }, xn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfCard",
   props: {
@@ -448,21 +457,21 @@ const tt = {
     const n = t, e = R(), i = s(
       () => N("vf-card", n.compact && "vf-card--compact")
     );
-    return (l, r) => (c(), m("section", H({ class: i.value }, h(e)), [
-      n.title || l.$slots.header ? (c(), m("header", st, [
-        B(l.$slots, "header", {}, () => [
+    return (l, r) => (d(), h("section", H({ class: i.value }, y(e)), [
+      n.title || l.$slots.header ? (d(), h("header", st, [
+        E(l.$slots, "header", {}, () => [
           T("h3", it, F(n.title), 1)
         ])
       ])) : O("", !0),
-      l.$slots.default ? (c(), m("div", rt, [
-        B(l.$slots, "default")
+      l.$slots.default ? (d(), h("div", rt, [
+        E(l.$slots, "default")
       ])) : O("", !0),
-      l.$slots.footer ? (c(), m("footer", ut, [
-        B(l.$slots, "footer")
+      l.$slots.footer ? (d(), h("footer", ut, [
+        E(l.$slots, "footer")
       ])) : O("", !0)
     ], 16));
   }
-}), ct = ["checked", "disabled", "aria-invalid"], dt = {
+}), dt = ["checked", "disabled", "aria-invalid"], ct = {
   key: 0,
   class: "vf-checkbox__content"
 }, Bn = /* @__PURE__ */ L({
@@ -486,16 +495,16 @@ const tt = {
         e.disabled && "vf-checkbox--disabled",
         l.class
       )
-    ), u = s(() => l.style), p = s(
+    ), u = s(() => l.style), v = s(
       () => Object.fromEntries(
         Object.entries(l).filter(([b]) => b !== "class" && b !== "style")
       )
     );
-    function g(b) {
-      const v = b.target.checked;
-      i("update:modelValue", v), i("change", v);
+    function _(b) {
+      const p = b.target.checked;
+      i("update:modelValue", p), i("change", p);
     }
-    return (b, v) => (c(), m("label", {
+    return (b, p) => (d(), h("label", {
       class: P(r.value),
       style: W(u.value)
     }, [
@@ -505,21 +514,21 @@ const tt = {
         checked: e.modelValue,
         disabled: e.disabled,
         "aria-invalid": e.invalid || void 0
-      }, p.value, { onChange: g }), null, 16, ct),
-      v[0] || (v[0] = T("span", {
+      }, v.value, { onChange: _ }), null, 16, dt),
+      p[0] || (p[0] = T("span", {
         class: "vf-checkbox__control",
         "aria-hidden": "true"
       }, [
         T("span", { class: "vf-checkbox__mark" })
       ], -1)),
-      t.label || b.$slots.default ? (c(), m("span", dt, [
-        B(b.$slots, "default", {}, () => [
+      t.label || b.$slots.default ? (d(), h("span", ct, [
+        E(b.$slots, "default", {}, () => [
           oe(F(t.label), 1)
         ])
       ])) : O("", !0)
     ], 6));
   }
-}), ft = ["type"], Ae = /* @__PURE__ */ L({
+}), ft = ["type"], De = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfIconButton",
   props: {
@@ -536,11 +545,11 @@ const tt = {
         n.size !== "md" && `vf-icon-button--${n.size}`
       )
     ), l = s(() => n.size === "sm" ? "0.875rem" : n.size === "lg" ? "1.125rem" : "1rem");
-    return (r, u) => (c(), m("button", H({
+    return (r, u) => (d(), h("button", H({
       class: i.value,
       type: n.type
-    }, h(e)), [
-      j(h(te), {
+    }, y(e)), [
+      j(y(te), {
         icon: n.icon,
         size: l.value,
         "aria-hidden": "true"
@@ -576,81 +585,81 @@ const tt = {
   },
   emits: ["update:open", "openChange"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = R(), r = A(null), u = A(null), p = Te(), g = G({ prefix: "vf-drawer-title" }), b = se({
+    const e = t, i = n, l = R(), r = D(null), u = D(null), v = Te(), _ = G({ prefix: "vf-drawer-title" }), b = se({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
-      onOpenChange: (x) => {
-        i("update:open", x), i("openChange", x);
+      onOpenChange: (V) => {
+        i("update:open", V), i("openChange", V);
       }
-    }), v = b.isOpen, E = {
+    }), p = b.isOpen, C = {
       enter: U.normal,
       leave: U.normal
     };
-    function V(x) {
-      return typeof x == "number" ? `${x}px` : x;
+    function x(V) {
+      return typeof V == "number" ? `${V}px` : V;
     }
     const w = s(() => {
-      const x = {}, k = V(e.offsetTop), J = V(e.bodyPadding);
-      return k != null && (x["--vf-drawer-offset-top"] = k), J != null && (x["--vf-drawer-body-padding"] = J), x;
-    }), I = s(
+      const V = {}, k = x(e.offsetTop), J = x(e.bodyPadding);
+      return k != null && (V["--vf-drawer-offset-top"] = k), J != null && (V["--vf-drawer-body-padding"] = J), V;
+    }), S = s(
       () => N(
         "vf-drawer",
         `vf-drawer--${e.placement}`,
         e.offsetTop != null && "vf-drawer--offset-top"
       )
-    ), S = s(() => [
+    ), I = s(() => [
       w.value,
       l.style
-    ]), z = s(() => Object.fromEntries(
-      Object.entries(l).filter(([x]) => x !== "class" && x !== "style")
-    )), d = s(
+    ]), M = s(() => Object.fromEntries(
+      Object.entries(l).filter(([V]) => V !== "class" && V !== "style")
+    )), $ = s(
       () => e.disableTeleport || e.teleportTo === !1 || e.teleportTo === null
-    ), _ = s(() => e.scrollLockTarget === !1 ? null : e.scrollLockTarget), o = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), y = s(
+    ), f = s(() => e.scrollLockTarget === !1 ? null : e.scrollLockTarget), a = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), m = s(
       () => N(
         "vf-drawer__content",
         `vf-drawer__content--${e.placement}`,
         `vf-drawer__content--${e.size}`
       )
-    ), f = s(() => !!p.header), a = s(
-      () => e.title || f.value ? g.value : void 0
+    ), c = s(() => !!v.header), o = s(
+      () => e.title || c.value ? _.value : void 0
     );
-    function C() {
+    function B() {
       b.close();
     }
-    function D() {
-      e.closeOnOverlayClick && C();
+    function A() {
+      e.closeOnOverlayClick && B();
     }
-    function M() {
-      const x = r.value;
-      if (!x)
+    function z() {
+      const V = r.value;
+      if (!V)
         return;
-      const k = x.querySelector(
+      const k = V.querySelector(
         "[autofocus], [data-autofocus]"
       );
       if (k) {
         k.focus();
         return;
       }
-      x.focus();
+      V.focus();
     }
     return fe(
-      (x) => {
-        !e.closeOnEscape || !v.value || (x.preventDefault(), C());
+      (V) => {
+        !e.closeOnEscape || !p.value || (V.preventDefault(), B());
       },
       {
-        enabled: v
+        enabled: p
       }
-    ), De(r, {
-      enabled: v
-    }), Ce(v, {
-      target: _
+    ), Ae(r, {
+      enabled: p
+    }), xe(p, {
+      target: f
     }), Z(
-      v,
-      async (x) => {
+      p,
+      async (V) => {
         var k;
         if (!(typeof document > "u")) {
-          if (x) {
-            u.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, await ae(), M();
+          if (V) {
+            u.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, await ae(), z();
             return;
           }
           (k = u.value) == null || k.focus();
@@ -658,63 +667,63 @@ const tt = {
       },
       { immediate: !0 }
     ), ee(() => {
-      var x;
-      v.value && ((x = u.value) == null || x.focus());
-    }), (x, k) => (c(), q(le, {
-      to: o.value,
-      disabled: d.value
+      var V;
+      p.value && ((V = u.value) == null || V.focus());
+    }), (V, k) => (d(), q(le, {
+      to: a.value,
+      disabled: $.value
     }, [
       j(ne, {
         name: "vf-drawer-transition",
         appear: "",
-        duration: E
+        duration: C
       }, {
         default: Q(() => [
-          h(v) ? (c(), m("div", H({
+          y(p) ? (d(), h("div", H({
             key: 0,
-            class: [I.value, h(l).class],
-            style: S.value
-          }, z.value), [
+            class: [S.value, y(l).class],
+            style: I.value
+          }, M.value), [
             T("div", {
               class: "vf-drawer__overlay",
               "aria-hidden": "true",
-              onClick: D
+              onClick: A
             }),
             T("section", {
               ref_key: "contentRef",
               ref: r,
-              class: P(y.value),
-              "aria-labelledby": a.value,
+              class: P(m.value),
+              "aria-labelledby": o.value,
               "aria-modal": "true",
               role: "dialog",
               tabindex: "-1"
             }, [
-              t.title || x.$slots.header ? (c(), m("header", pt, [
+              t.title || V.$slots.header ? (d(), h("header", pt, [
                 T("div", null, [
-                  B(x.$slots, "header", {}, () => [
-                    t.title ? (c(), m("h2", {
+                  E(V.$slots, "header", {}, () => [
+                    t.title ? (d(), h("h2", {
                       key: 0,
-                      id: h(g),
+                      id: y(_),
                       class: "vf-drawer__title"
                     }, F(t.title), 9, mt)) : O("", !0)
                   ])
                 ]),
                 T("div", ht, [
-                  B(x.$slots, "actions", { close: C }),
-                  e.closable ? (c(), q(Ae, {
+                  E(V.$slots, "actions", { close: B }),
+                  e.closable ? (d(), q(De, {
                     key: 0,
-                    icon: h(X).xmark,
+                    icon: y(X).xmark,
                     "aria-label": "Close drawer",
                     size: "sm",
-                    onClick: C
+                    onClick: B
                   }, null, 8, ["icon"])) : O("", !0)
                 ])
               ])) : O("", !0),
-              x.$slots.default ? (c(), m("div", yt, [
-                B(x.$slots, "default", { close: C })
+              V.$slots.default ? (d(), h("div", yt, [
+                E(V.$slots, "default", { close: B })
               ])) : O("", !0),
-              x.$slots.footer ? (c(), m("footer", _t, [
-                B(x.$slots, "footer", { close: C })
+              V.$slots.footer ? (d(), h("footer", _t, [
+                E(V.$slots, "footer", { close: B })
               ])) : O("", !0)
             ], 10, vt)
           ], 16)) : O("", !0)
@@ -732,7 +741,7 @@ const tt = {
 }, kt = ["id"], wt = ["id"], Tt = { class: "vf-dialog__actions" }, Vt = {
   key: 1,
   class: "vf-dialog__body"
-}, xt = {
+}, Ct = {
   key: 2,
   class: "vf-dialog__footer"
 }, On = /* @__PURE__ */ L({
@@ -751,130 +760,130 @@ const tt = {
   },
   emits: ["update:open", "openChange"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = A(null), r = A(null), u = Te(), p = G({ prefix: "vf-dialog-title" }), g = G({ prefix: "vf-dialog-description" }), b = se({
+    const e = t, i = n, l = D(null), r = D(null), u = Te(), v = G({ prefix: "vf-dialog-title" }), _ = G({ prefix: "vf-dialog-description" }), b = se({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
-      onOpenChange: (a) => {
-        i("update:open", a), i("openChange", a);
+      onOpenChange: (o) => {
+        i("update:open", o), i("openChange", o);
       }
-    }), v = b.isOpen, E = {
+    }), p = b.isOpen, C = {
       enter: U.fast,
       leave: U.fast
-    }, V = s(
+    }, x = s(
       () => e.disableTeleport || e.teleportTo === !1 || e.teleportTo === null
-    ), w = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), I = s(
+    ), w = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), S = s(
       () => N(
         "vf-dialog__content",
         e.size !== "md" && `vf-dialog__content--${e.size}`
       )
-    ), S = s(() => !!u.header), z = s(() => !!u.description), d = s(
-      () => e.title || S.value ? p.value : void 0
-    ), _ = s(
-      () => e.description || z.value ? g.value : void 0
+    ), I = s(() => !!u.header), M = s(() => !!u.description), $ = s(
+      () => e.title || I.value ? v.value : void 0
+    ), f = s(
+      () => e.description || M.value ? _.value : void 0
     );
-    function o() {
+    function a() {
       b.close();
     }
-    function y() {
-      e.closeOnOverlayClick && o();
+    function m() {
+      e.closeOnOverlayClick && a();
     }
-    function f() {
-      const a = l.value;
-      if (!a)
+    function c() {
+      const o = l.value;
+      if (!o)
         return;
-      const C = a.querySelector(
+      const B = o.querySelector(
         "[autofocus], [data-autofocus]"
       );
-      if (C) {
-        C.focus();
+      if (B) {
+        B.focus();
         return;
       }
-      a.focus();
+      o.focus();
     }
     return fe(
-      (a) => {
-        !e.closeOnEscape || !v.value || (a.preventDefault(), o());
+      (o) => {
+        !e.closeOnEscape || !p.value || (o.preventDefault(), a());
       },
       {
-        enabled: v
+        enabled: p
       }
-    ), De(l, {
-      enabled: v
-    }), Ce(v), Z(
-      v,
-      async (a) => {
-        var C;
+    ), Ae(l, {
+      enabled: p
+    }), xe(p), Z(
+      p,
+      async (o) => {
+        var B;
         if (!(typeof document > "u")) {
-          if (a) {
-            r.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, await ae(), f();
+          if (o) {
+            r.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, await ae(), c();
             return;
           }
-          (C = r.value) == null || C.focus();
+          (B = r.value) == null || B.focus();
         }
       },
       { immediate: !0 }
     ), ee(() => {
-      var a;
-      v.value && ((a = r.value) == null || a.focus());
-    }), (a, C) => (c(), q(le, {
+      var o;
+      p.value && ((o = r.value) == null || o.focus());
+    }), (o, B) => (d(), q(le, {
       to: w.value,
-      disabled: V.value
+      disabled: x.value
     }, [
       j(ne, {
         name: "vf-dialog-transition",
         appear: "",
-        duration: E
+        duration: C
       }, {
         default: Q(() => [
-          h(v) ? (c(), m("div", gt, [
+          y(p) ? (d(), h("div", gt, [
             T("div", {
               class: "vf-dialog__overlay",
               "aria-hidden": "true",
-              onClick: y
+              onClick: m
             }),
             T("section", {
               ref_key: "contentRef",
               ref: l,
-              class: P(I.value),
-              "aria-describedby": _.value,
-              "aria-labelledby": d.value,
+              class: P(S.value),
+              "aria-describedby": f.value,
+              "aria-labelledby": $.value,
               "aria-modal": "true",
               role: "dialog",
               tabindex: "-1"
             }, [
-              t.title || t.description || a.$slots.header || a.$slots.description ? (c(), m("header", $t, [
+              t.title || t.description || o.$slots.header || o.$slots.description ? (d(), h("header", $t, [
                 T("div", null, [
-                  B(a.$slots, "header", {}, () => [
-                    t.title ? (c(), m("h2", {
+                  E(o.$slots, "header", {}, () => [
+                    t.title ? (d(), h("h2", {
                       key: 0,
-                      id: h(p),
+                      id: y(v),
                       class: "vf-dialog__title"
                     }, F(t.title), 9, kt)) : O("", !0)
                   ]),
-                  B(a.$slots, "description", {}, () => [
-                    t.description ? (c(), m("p", {
+                  E(o.$slots, "description", {}, () => [
+                    t.description ? (d(), h("p", {
                       key: 0,
-                      id: h(g),
+                      id: y(_),
                       class: "vf-dialog__description"
                     }, F(t.description), 9, wt)) : O("", !0)
                   ])
                 ]),
                 T("div", Tt, [
-                  B(a.$slots, "actions", { close: o }),
-                  e.closable ? (c(), q(Ae, {
+                  E(o.$slots, "actions", { close: a }),
+                  e.closable ? (d(), q(De, {
                     key: 0,
-                    icon: h(X).xmark,
+                    icon: y(X).xmark,
                     "aria-label": "Close dialog",
                     size: "sm",
-                    onClick: o
+                    onClick: a
                   }, null, 8, ["icon"])) : O("", !0)
                 ])
               ])) : O("", !0),
-              a.$slots.default ? (c(), m("div", Vt, [
-                B(a.$slots, "default", { close: o })
+              o.$slots.default ? (d(), h("div", Vt, [
+                E(o.$slots, "default", { close: a })
               ])) : O("", !0),
-              a.$slots.footer ? (c(), m("footer", xt, [
-                B(a.$slots, "footer", { close: o })
+              o.$slots.footer ? (d(), h("footer", Ct, [
+                E(o.$slots, "footer", { close: a })
               ])) : O("", !0)
             ], 10, bt)
           ])) : O("", !0)
@@ -883,7 +892,7 @@ const tt = {
       })
     ], 8, ["to", "disabled"]));
   }
-}), Ct = ["aria-orientation", "role"], Dn = /* @__PURE__ */ L({
+}), xt = ["aria-orientation", "role"], An = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfDivider",
   props: {
@@ -893,13 +902,13 @@ const tt = {
     const n = t, e = R(), i = s(() => n.orientation === "vertical"), l = s(
       () => N("vf-divider", `vf-divider--${n.orientation}`)
     );
-    return (r, u) => (c(), m("div", H({
+    return (r, u) => (d(), h("div", H({
       class: l.value,
       "aria-orientation": n.orientation,
       role: i.value ? "separator" : void 0
-    }, h(e)), null, 16, Ct));
+    }, y(e)), null, 16, xt));
   }
-}), Bt = { class: "vf-dropdown" }, Et = ["id", "aria-controls", "aria-expanded"], Ot = ["id", "aria-labelledby"], An = /* @__PURE__ */ L({
+}), Bt = { class: "vf-dropdown" }, Et = ["id", "aria-controls", "aria-expanded"], Ot = ["id", "aria-labelledby"], Dn = /* @__PURE__ */ L({
   __name: "VfDropdown",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -911,137 +920,137 @@ const tt = {
   },
   emits: ["update:open", "openChange"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = A(null), r = A(null), u = A(null), p = G({ prefix: "vf-dropdown-menu" }), g = G({ prefix: "vf-dropdown-trigger" }), b = {
+    const e = t, i = n, l = D(null), r = D(null), u = D(null), v = G({ prefix: "vf-dropdown-menu" }), _ = G({ prefix: "vf-dropdown-trigger" }), b = {
       enter: U.fast,
       leave: U.fast
-    }, v = s(
+    }, p = s(
       () => e.disableTeleport || e.teleportTo === !1 || e.teleportTo === null
-    ), E = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), V = se({
+    ), C = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), x = se({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
-      onOpenChange: ($) => {
-        i("update:open", $), i("openChange", $);
+      onOpenChange: (g) => {
+        i("update:open", g), i("openChange", g);
       }
-    }), w = V.isOpen, I = s(() => [
+    }), w = x.isOpen, S = s(() => [
       "vf-dropdown__menu",
-      o.value.startsWith("top") && "vf-dropdown__menu--top"
-    ]), S = s(() => {
-      const $ = y.value.arrow;
+      a.value.startsWith("top") && "vf-dropdown__menu--top"
+    ]), I = s(() => {
+      const g = m.value.arrow;
       return {
-        x: ($ == null ? void 0 : $.x) !== void 0 && ($ == null ? void 0 : $.baseX) !== void 0 ? $.x - $.baseX : 0,
-        y: ($ == null ? void 0 : $.y) !== void 0 && ($ == null ? void 0 : $.baseY) !== void 0 ? $.y - $.baseY : 0
+        x: (g == null ? void 0 : g.x) !== void 0 && (g == null ? void 0 : g.baseX) !== void 0 ? g.x - g.baseX : 0,
+        y: (g == null ? void 0 : g.y) !== void 0 && (g == null ? void 0 : g.baseY) !== void 0 ? g.y - g.baseY : 0
       };
-    }), z = s(() => ({
-      left: `${S.value.x}px`,
-      top: `${S.value.y}px`
-    })), d = s(() => [
+    }), M = s(() => ({
+      left: `${I.value.x}px`,
+      top: `${I.value.y}px`
+    })), $ = s(() => [
       "vf-dropdown__arrow",
-      o.value.startsWith("top") ? "vf-dropdown__arrow--top" : "vf-dropdown__arrow--bottom"
-    ]), _ = s(
+      a.value.startsWith("top") ? "vf-dropdown__arrow--top" : "vf-dropdown__arrow--bottom"
+    ]), f = s(
       () => e.placement === "bottom-end" ? ["bottom-end", "top-end"] : ["bottom-start", "top-start"]
     ), {
-      placement: o,
-      middlewareData: y,
-      styles: f
+      placement: a,
+      middlewareData: m,
+      styles: c
     } = ye(l, r, {
       enabled: w,
       placement: s(() => e.placement),
       middleware: s(
         () => [
           ve(10),
-          pe({ placements: _.value }),
+          pe({ placements: f.value }),
           me(),
           u.value ? he(u.value) : void 0
-        ].filter(($) => $ !== void 0)
+        ].filter((g) => g !== void 0)
       ),
       strategy: "fixed"
     });
-    function a() {
-      var $;
+    function o() {
+      var g;
       return Array.from(
-        (($ = r.value) == null ? void 0 : $.querySelectorAll('[role="menuitem"]')) ?? []
+        ((g = r.value) == null ? void 0 : g.querySelectorAll('[role="menuitem"]')) ?? []
       );
     }
-    async function C() {
-      var $;
-      await ae(), ($ = a()[0]) == null || $.focus();
+    async function B() {
+      var g;
+      await ae(), (g = o()[0]) == null || g.focus();
     }
-    function D($ = {}) {
-      V.open(), $.focusFirstItem && C();
+    function A(g = {}) {
+      x.open(), g.focusFirstItem && B();
     }
-    function M() {
-      var $;
-      V.close(), ($ = l.value) == null || $.focus();
+    function z() {
+      var g;
+      x.close(), (g = l.value) == null || g.focus();
     }
-    function x() {
+    function V() {
       if (w.value) {
-        M();
+        z();
         return;
       }
-      D();
+      A();
     }
-    function k($) {
-      ($.key === "ArrowDown" || $.key === "Enter" || $.key === " ") && ($.preventDefault(), D({ focusFirstItem: !0 }));
+    function k(g) {
+      (g.key === "ArrowDown" || g.key === "Enter" || g.key === " ") && (g.preventDefault(), A({ focusFirstItem: !0 }));
     }
-    function J($) {
+    function J(g) {
       var ge, be, $e, ke;
-      const Y = a(), _e = Y.findIndex(
+      const Y = o(), _e = Y.findIndex(
         (Ie) => Ie === document.activeElement
       );
-      if ($.key === "ArrowDown") {
-        $.preventDefault(), (ge = Y[(_e + 1 + Y.length) % Y.length]) == null || ge.focus();
+      if (g.key === "ArrowDown") {
+        g.preventDefault(), (ge = Y[(_e + 1 + Y.length) % Y.length]) == null || ge.focus();
         return;
       }
-      if ($.key === "ArrowUp") {
-        $.preventDefault(), (be = Y[(_e - 1 + Y.length) % Y.length]) == null || be.focus();
+      if (g.key === "ArrowUp") {
+        g.preventDefault(), (be = Y[(_e - 1 + Y.length) % Y.length]) == null || be.focus();
         return;
       }
-      if ($.key === "Home") {
-        $.preventDefault(), ($e = Y[0]) == null || $e.focus();
+      if (g.key === "Home") {
+        g.preventDefault(), ($e = Y[0]) == null || $e.focus();
         return;
       }
-      $.key === "End" && ($.preventDefault(), (ke = Y[Y.length - 1]) == null || ke.focus());
+      g.key === "End" && (g.preventDefault(), (ke = Y[Y.length - 1]) == null || ke.focus());
     }
     function ie() {
-      e.closeOnSelect && M();
+      e.closeOnSelect && z();
     }
     return Oe(
       [l, r],
       () => {
-        w.value && M();
+        w.value && z();
       },
       {
         enabled: w,
         event: "click"
       }
     ), fe(
-      ($) => {
-        w.value && ($.preventDefault(), M());
+      (g) => {
+        w.value && (g.preventDefault(), z());
       },
       {
         enabled: w
       }
-    ), ($, Y) => (c(), m("div", Bt, [
+    ), (g, Y) => (d(), h("div", Bt, [
       T("div", {
-        id: h(g),
+        id: y(_),
         ref_key: "triggerRef",
         ref: l,
         class: "vf-dropdown__trigger",
-        "aria-controls": h(p),
-        "aria-expanded": h(w),
+        "aria-controls": y(v),
+        "aria-expanded": y(w),
         "aria-haspopup": "menu",
         tabindex: "0",
-        onClick: x,
+        onClick: V,
         onKeydown: k
       }, [
-        B($.$slots, "trigger", {
-          open: h(w),
-          toggle: x
+        E(g.$slots, "trigger", {
+          open: y(w),
+          toggle: V
         })
       ], 40, Et),
-      (c(), q(le, {
-        to: E.value,
-        disabled: v.value
+      (d(), q(le, {
+        to: C.value,
+        disabled: p.value
       }, [
         j(ne, {
           name: "vf-floating-transition",
@@ -1049,14 +1058,14 @@ const tt = {
           duration: b
         }, {
           default: Q(() => [
-            h(w) ? (c(), m("div", {
+            y(w) ? (d(), h("div", {
               key: 0,
-              id: h(p),
+              id: y(v),
               ref_key: "menuRef",
               ref: r,
-              class: P(I.value),
-              style: W(h(f)),
-              "aria-labelledby": h(g),
+              class: P(S.value),
+              style: W(y(c)),
+              "aria-labelledby": y(_),
               role: "menu",
               onClick: ie,
               onKeydown: J
@@ -1064,13 +1073,13 @@ const tt = {
               T("span", {
                 ref_key: "arrowRef",
                 ref: u,
-                class: P(d.value),
-                style: W(z.value),
+                class: P($.value),
+                style: W(M.value),
                 "aria-hidden": "true"
               }, null, 6),
-              B($.$slots, "default", {
-                close: M,
-                open: h(w)
+              E(g.$slots, "default", {
+                close: z,
+                open: y(w)
               })
             ], 46, Ot)) : O("", !0)
           ]),
@@ -1079,7 +1088,7 @@ const tt = {
       ], 8, ["to", "disabled"]))
     ]));
   }
-}), Dt = ["value", "aria-invalid"], In = /* @__PURE__ */ L({
+}), At = ["value", "aria-invalid"], In = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfInput",
   props: {
@@ -1096,14 +1105,14 @@ const tt = {
         e.invalid && "vf-input--invalid"
       )
     );
-    function u(p) {
-      i("update:modelValue", p.target.value);
+    function u(v) {
+      i("update:modelValue", v.target.value);
     }
-    return (p, g) => (c(), m("input", H({
+    return (v, _) => (d(), h("input", H({
       class: r.value,
       value: e.modelValue,
       "aria-invalid": e.invalid || void 0
-    }, h(l), { onInput: u }), null, 16, Dt));
+    }, y(l), { onInput: u }), null, 16, At));
   }
 }), Ln = /* @__PURE__ */ L({
   inheritAttrs: !1,
@@ -1124,7 +1133,7 @@ const tt = {
         n.underline && "vf-link--underline",
         n.tone === "muted" && "vf-link--muted"
       )
-    ), p = s(() => i.value ? {
+    ), v = s(() => i.value ? {
       to: n.to,
       target: n.target,
       rel: r.value
@@ -1132,19 +1141,19 @@ const tt = {
       href: n.href,
       target: n.target,
       rel: r.value
-    }), g = s(() => ({
+    }), _ = s(() => ({
       ...e,
-      ...p.value,
+      ...v.value,
       class: u.value
     }));
-    return (b, v) => (c(), q(re(l.value), Ve(xe(g.value)), {
+    return (b, p) => (d(), q(re(l.value), Ve(Ce(_.value)), {
       default: Q(() => [
-        B(b.$slots, "default")
+        E(b.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), At = { class: "vf-nav-menu__node" }, It = { class: "vf-nav-menu__item-content" }, Lt = { class: "vf-nav-menu__group-label" }, St = ["aria-expanded", "disabled"], zt = { class: "vf-nav-menu__item-content" }, Mt = {
+}), Dt = { class: "vf-nav-menu__node" }, It = { class: "vf-nav-menu__item-content" }, Lt = { class: "vf-nav-menu__group-label" }, St = ["aria-expanded", "disabled"], Mt = { class: "vf-nav-menu__item-content" }, zt = {
   key: 0,
   class: "vf-nav-menu__leading-icon",
   "aria-hidden": "true"
@@ -1172,70 +1181,70 @@ const tt = {
   emits: ["toggle", "select"],
   setup(t, { emit: n }) {
     const e = t, i = n, l = s(() => {
-      var f;
-      return !!((f = e.item.children) != null && f.length);
+      var c;
+      return !!((c = e.item.children) != null && c.length);
     }), r = s(() => e.item.kind === "group"), u = s(
       () => e.expandedValues.includes(e.item.value)
-    ), p = s(() => e.activeValue === e.item.value), g = s(
+    ), v = s(() => e.activeValue === e.item.value), _ = s(
       () => e.item.href !== void 0 || e.item.to !== void 0
-    ), b = s(() => e.item.to !== void 0 ? re("RouterLink") : "a"), v = s(() => e.item.rel ? e.item.rel : e.item.target === "_blank" ? "noopener noreferrer" : void 0), E = s(() => e.item.to !== void 0 ? {
+    ), b = s(() => e.item.to !== void 0 ? re("RouterLink") : "a"), p = s(() => e.item.rel ? e.item.rel : e.item.target === "_blank" ? "noopener noreferrer" : void 0), C = s(() => e.item.to !== void 0 ? {
       to: e.item.to,
       target: e.item.target,
-      rel: v.value
+      rel: p.value
     } : {
       href: e.item.href,
       target: e.item.target,
-      rel: v.value
+      rel: p.value
     });
-    function V() {
+    function x() {
       e.item.disabled || i("toggle", {
         value: e.item.value,
         parentPath: e.parentPath
       });
     }
-    function w(f) {
+    function w(c) {
       if (e.item.disabled) {
-        f == null || f.preventDefault();
+        c == null || c.preventDefault();
         return;
       }
       i("select", e.item);
     }
-    function I(f) {
-      const a = f;
-      return a.style.transition = "height var(--vf-motion-duration-normal) var(--vf-motion-ease-standard), opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)", a;
+    function S(c) {
+      const o = c;
+      return o.style.transition = "height var(--vf-motion-duration-normal) var(--vf-motion-ease-standard), opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)", o;
     }
-    function S(f) {
-      const a = I(f);
-      a.style.overflow = "hidden", a.style.height = "0", a.style.opacity = "0";
+    function I(c) {
+      const o = S(c);
+      o.style.overflow = "hidden", o.style.height = "0", o.style.opacity = "0";
     }
-    function z(f) {
-      const a = I(f);
+    function M(c) {
+      const o = S(c);
       requestAnimationFrame(() => {
-        a.style.height = `${a.scrollHeight}px`, a.style.opacity = "1";
+        o.style.height = `${o.scrollHeight}px`, o.style.opacity = "1";
       });
     }
-    function d(f) {
-      const a = f;
-      a.style.transition = "", a.style.overflow = "", a.style.height = "", a.style.opacity = "";
+    function $(c) {
+      const o = c;
+      o.style.transition = "", o.style.overflow = "", o.style.height = "", o.style.opacity = "";
     }
-    function _(f) {
-      const a = I(f);
-      a.style.overflow = "hidden", a.style.height = `${a.scrollHeight}px`, a.style.opacity = "1";
+    function f(c) {
+      const o = S(c);
+      o.style.overflow = "hidden", o.style.height = `${o.scrollHeight}px`, o.style.opacity = "1";
     }
-    function o(f) {
-      const a = f;
-      a.offsetHeight, requestAnimationFrame(() => {
-        a.style.height = "0", a.style.opacity = "0";
+    function a(c) {
+      const o = c;
+      o.offsetHeight, requestAnimationFrame(() => {
+        o.style.height = "0", o.style.opacity = "0";
       });
     }
-    function y(f) {
-      const a = f;
-      a.style.transition = "", a.style.overflow = "", a.style.height = "", a.style.opacity = "";
+    function m(c) {
+      const o = c;
+      o.style.transition = "", o.style.overflow = "", o.style.height = "", o.style.opacity = "";
     }
-    return (f, a) => {
-      const C = He("VfNavMenuItemNode", !0);
-      return c(), m("li", At, [
-        r.value ? (c(), m("div", {
+    return (c, o) => {
+      const B = He("VfNavMenuItemNode", !0);
+      return d(), h("li", Dt, [
+        r.value ? (d(), h("div", {
           key: 0,
           class: P(["vf-nav-menu__group", `vf-nav-menu__group--level-${t.level}`]),
           style: W({ "--vf-nav-menu-level": String(t.level) })
@@ -1243,7 +1252,7 @@ const tt = {
           T("span", It, [
             T("span", Lt, F(t.item.label), 1)
           ])
-        ], 6)) : l.value ? (c(), m("button", {
+        ], 6)) : l.value ? (d(), h("button", {
           key: 1,
           class: P([
             "vf-nav-menu__item",
@@ -1254,11 +1263,11 @@ const tt = {
           "aria-expanded": u.value,
           disabled: t.item.disabled,
           type: "button",
-          onClick: V
+          onClick: x
         }, [
-          T("span", zt, [
-            t.item.leadingIcon ? (c(), m("span", Mt, [
-              j(h(te), {
+          T("span", Mt, [
+            t.item.leadingIcon ? (d(), h("span", zt, [
+              j(y(te), {
                 icon: t.item.leadingIcon,
                 size: "1rem"
               }, null, 8, ["icon"])
@@ -1269,25 +1278,25 @@ const tt = {
             class: P(["vf-nav-menu__icon", u.value && "vf-nav-menu__icon--open"]),
             "aria-hidden": "true"
           }, [
-            j(h(te), {
-              icon: h(X).chevronDown,
+            j(y(te), {
+              icon: y(X).chevronDown,
               size: "0.875rem"
             }, null, 8, ["icon"])
           ], 2)
-        ], 14, St)) : g.value ? (c(), q(re(b.value), H({ key: 2 }, E.value, {
+        ], 14, St)) : _.value ? (d(), q(re(b.value), H({ key: 2 }, C.value, {
           class: [
             "vf-nav-menu__item",
-            p.value && "vf-nav-menu__item--active",
+            v.value && "vf-nav-menu__item--active",
             t.item.disabled && "vf-nav-menu__item--disabled"
           ],
           style: { "--vf-nav-menu-level": String(t.level) },
-          "aria-current": p.value ? "page" : void 0,
+          "aria-current": v.value ? "page" : void 0,
           onClick: w
         }), {
           default: Q(() => [
             T("span", Nt, [
-              t.item.leadingIcon ? (c(), m("span", Ft, [
-                j(h(te), {
+              t.item.leadingIcon ? (d(), h("span", Ft, [
+                j(y(te), {
                   icon: t.item.leadingIcon,
                   size: "1rem"
                 }, null, 8, ["icon"])
@@ -1296,22 +1305,22 @@ const tt = {
             ])
           ]),
           _: 1
-        }, 16, ["class", "style", "aria-current"])) : (c(), m("button", {
+        }, 16, ["class", "style", "aria-current"])) : (d(), h("button", {
           key: 3,
           class: P([
             "vf-nav-menu__item",
-            p.value && "vf-nav-menu__item--active",
+            v.value && "vf-nav-menu__item--active",
             t.item.disabled && "vf-nav-menu__item--disabled"
           ]),
           style: W({ "--vf-nav-menu-level": String(t.level) }),
-          "aria-current": p.value ? "page" : void 0,
+          "aria-current": v.value ? "page" : void 0,
           disabled: t.item.disabled,
           type: "button",
-          onClick: a[0] || (a[0] = (D) => w())
+          onClick: o[0] || (o[0] = (A) => w())
         }, [
           T("span", Kt, [
-            t.item.leadingIcon ? (c(), m("span", jt, [
-              j(h(te), {
+            t.item.leadingIcon ? (d(), h("span", jt, [
+              j(y(te), {
                 icon: t.item.leadingIcon,
                 size: "1rem"
               }, null, 8, ["icon"])
@@ -1319,28 +1328,28 @@ const tt = {
             T("span", qt, F(t.item.label), 1)
           ])
         ], 14, Ht)),
-        l.value && r.value ? (c(), m("ul", Wt, [
-          (c(!0), m(ue, null, ce(t.item.children, (D) => (c(), q(C, {
-            key: D.value,
-            item: D,
+        l.value && r.value ? (d(), h("ul", Wt, [
+          (d(!0), h(ue, null, de(t.item.children, (A) => (d(), q(B, {
+            key: A.value,
+            item: A,
             level: t.level + 1,
             "parent-path": [...t.parentPath, t.item.value],
             "active-value": t.activeValue,
             "expanded-values": t.expandedValues,
-            onToggle: a[1] || (a[1] = (M) => i("toggle", M)),
-            onSelect: a[2] || (a[2] = (M) => i("select", M))
+            onToggle: o[1] || (o[1] = (z) => i("toggle", z)),
+            onSelect: o[2] || (o[2] = (z) => i("select", z))
           }, null, 8, ["item", "level", "parent-path", "active-value", "expanded-values"]))), 128))
-        ])) : l.value ? (c(), q(ne, {
+        ])) : l.value ? (d(), q(ne, {
           key: 5,
-          onBeforeEnter: S,
-          onEnter: z,
-          onAfterEnter: d,
-          onBeforeLeave: _,
-          onLeave: o,
-          onAfterLeave: y
+          onBeforeEnter: I,
+          onEnter: M,
+          onAfterEnter: $,
+          onBeforeLeave: f,
+          onLeave: a,
+          onAfterLeave: m
         }, {
           default: Q(() => [
-            u.value ? (c(), m("div", {
+            u.value ? (d(), h("div", {
               key: 0,
               class: P([
                 "vf-nav-menu__collapse",
@@ -1348,15 +1357,15 @@ const tt = {
               ])
             }, [
               T("ul", Ut, [
-                (c(!0), m(ue, null, ce(t.item.children, (D) => (c(), q(C, {
-                  key: D.value,
-                  item: D,
+                (d(!0), h(ue, null, de(t.item.children, (A) => (d(), q(B, {
+                  key: A.value,
+                  item: A,
                   level: t.level + 1,
                   "parent-path": [...t.parentPath, t.item.value],
                   "active-value": t.activeValue,
                   "expanded-values": t.expandedValues,
-                  onToggle: a[3] || (a[3] = (M) => i("toggle", M)),
-                  onSelect: a[4] || (a[4] = (M) => i("select", M))
+                  onToggle: o[3] || (o[3] = (z) => i("toggle", z)),
+                  onSelect: o[4] || (o[4] = (z) => i("select", z))
                 }, null, 8, ["item", "level", "parent-path", "active-value", "expanded-values"]))), 128))
               ])
             ], 2)) : O("", !0)
@@ -1377,88 +1386,88 @@ const tt = {
   },
   emits: ["update:modelValue", "change", "select"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = A(e.defaultValue), r = s(() => e.modelValue ?? l.value), u = A([]);
-    function p(o, y) {
-      return o.some(
-        (f) => {
-          var a;
-          return y(f) || ((a = f.children) != null && a.length ? p(f.children, y) : !1);
+    const e = t, i = n, l = D(e.defaultValue), r = s(() => e.modelValue ?? l.value), u = D([]);
+    function v(a, m) {
+      return a.some(
+        (c) => {
+          var o;
+          return m(c) || ((o = c.children) != null && o.length ? v(c.children, m) : !1);
         }
       );
     }
-    const g = s(
-      () => p(e.items, (o) => o.kind === "group")
+    const _ = s(
+      () => v(e.items, (a) => a.kind === "group")
     ), b = s(
-      () => p(e.items, (o) => !!o.leadingIcon)
-    ), v = s(() => !g.value && !b.value);
-    function E(o) {
-      var y;
-      return o.kind !== "group" && !!((y = o.children) != null && y.length);
+      () => v(e.items, (a) => !!a.leadingIcon)
+    ), p = s(() => !_.value && !b.value);
+    function C(a) {
+      var m;
+      return a.kind !== "group" && !!((m = a.children) != null && m.length);
     }
-    function V(o, y, f = []) {
-      var a;
-      if (!y)
+    function x(a, m, c = []) {
+      var o;
+      if (!m)
         return [];
-      for (const C of o) {
-        if (C.value === y)
-          return f;
-        if ((a = C.children) != null && a.length) {
-          const D = V(C.children, y, [
-            ...f,
-            C.value
+      for (const B of a) {
+        if (B.value === m)
+          return c;
+        if ((o = B.children) != null && o.length) {
+          const A = x(B.children, m, [
+            ...c,
+            B.value
           ]);
-          if (D.length)
-            return D;
+          if (A.length)
+            return A;
         }
       }
       return [];
     }
     function w() {
-      const o = V(e.items, r.value);
+      const a = x(e.items, r.value);
       u.value = Array.from(
-        /* @__PURE__ */ new Set([...u.value, ...o])
+        /* @__PURE__ */ new Set([...u.value, ...a])
       );
     }
-    function I(o, y) {
-      var D;
-      if (!y.length)
-        return o;
-      const [f, ...a] = y, C = o.find((M) => M.value === f);
-      return (D = C == null ? void 0 : C.children) != null && D.length ? I(C.children, a) : [];
-    }
-    function S(o) {
-      return o.flatMap((y) => {
-        var a;
-        const f = (a = y.children) != null && a.length ? S(y.children) : [];
-        return E(y) ? [y.value, ...f] : f;
+    function S(a, m) {
+      var A;
+      if (!m.length)
+        return a;
+      const [c, ...o] = m, B = a.find((z) => z.value === c);
+      return (A = B == null ? void 0 : B.children) != null && A.length ? S(B.children, o) : [];
+    }
+    function I(a) {
+      return a.flatMap((m) => {
+        var o;
+        const c = (o = m.children) != null && o.length ? I(m.children) : [];
+        return C(m) ? [m.value, ...c] : c;
       });
     }
-    function z(o) {
-      e.modelValue === void 0 && (l.value = o), i("update:modelValue", o), i("change", o);
+    function M(a) {
+      e.modelValue === void 0 && (l.value = a), i("update:modelValue", a), i("change", a);
     }
-    function d(o) {
-      z(o.value), u.value = Array.from(
+    function $(a) {
+      M(a.value), u.value = Array.from(
         /* @__PURE__ */ new Set([
           ...u.value,
-          ...V(e.items, o.value)
+          ...x(e.items, a.value)
         ])
-      ), i("select", o);
+      ), i("select", a);
     }
-    function _(o) {
-      const { value: y, parentPath: f } = o;
-      if (u.value.includes(y)) {
+    function f(a) {
+      const { value: m, parentPath: c } = a;
+      if (u.value.includes(m)) {
         u.value = u.value.filter(
-          (a) => a !== y
+          (o) => o !== m
         );
         return;
       }
       if (e.expandMode === "single") {
-        const C = I(e.items, f).filter((D) => D.value !== y && E(D)).flatMap((D) => S([D]));
+        const B = S(e.items, c).filter((A) => A.value !== m && C(A)).flatMap((A) => I([A]));
         u.value = u.value.filter(
-          (D) => !C.includes(D)
+          (A) => !B.includes(A)
         );
       }
-      u.value = [...u.value, y];
+      u.value = [...u.value, m];
     }
     return Z(
       () => [e.items, r.value],
@@ -1466,25 +1475,25 @@ const tt = {
         w();
       },
       { immediate: !0, deep: !0 }
-    ), (o, y) => (c(), m("nav", {
-      class: P(["vf-nav-menu", v.value && "vf-nav-menu--simple"]),
+    ), (a, m) => (d(), h("nav", {
+      class: P(["vf-nav-menu", p.value && "vf-nav-menu--simple"]),
       "aria-label": t.ariaLabel
     }, [
       T("ul", Gt, [
-        (c(!0), m(ue, null, ce(t.items, (f) => (c(), q(Yt, {
-          key: f.value,
-          item: f,
+        (d(!0), h(ue, null, de(t.items, (c) => (d(), q(Yt, {
+          key: c.value,
+          item: c,
           level: 0,
           "parent-path": [],
           "active-value": r.value,
           "expanded-values": u.value,
-          onToggle: _,
-          onSelect: d
+          onToggle: f,
+          onSelect: $
         }, null, 8, ["item", "active-value", "expanded-values"]))), 128))
       ])
     ], 10, Xt));
   }
-}), Qt = { key: 0 }, Jt = { class: "vf-panel__title" }, zn = /* @__PURE__ */ L({
+}), Qt = { key: 0 }, Jt = { class: "vf-panel__title" }, Mn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfPanel",
   props: {
@@ -1495,16 +1504,16 @@ const tt = {
     const n = t, e = R(), i = s(
       () => N("vf-panel", n.subtle && "vf-panel--subtle")
     );
-    return (l, r) => (c(), m("section", H({ class: i.value }, h(e)), [
-      n.title || l.$slots.header ? (c(), m("header", Qt, [
-        B(l.$slots, "header", {}, () => [
+    return (l, r) => (d(), h("section", H({ class: i.value }, y(e)), [
+      n.title || l.$slots.header ? (d(), h("header", Qt, [
+        E(l.$slots, "header", {}, () => [
           T("h3", Jt, F(n.title), 1)
         ])
       ])) : O("", !0),
-      B(l.$slots, "default")
+      E(l.$slots, "default")
     ], 16));
   }
-}), Zt = { class: "vf-popover" }, en = ["id", "aria-controls", "aria-expanded"], tn = ["id", "aria-labelledby"], Mn = /* @__PURE__ */ L({
+}), Zt = { class: "vf-popover" }, en = ["id", "aria-controls", "aria-expanded"], tn = ["id", "aria-labelledby"], zn = /* @__PURE__ */ L({
   __name: "VfPopover",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1517,52 +1526,52 @@ const tt = {
   },
   emits: ["update:open", "openChange"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = A(null), r = A(null), u = A(null), p = G({ prefix: "vf-popover-content" }), g = G({ prefix: "vf-popover-trigger" }), b = {
+    const e = t, i = n, l = D(null), r = D(null), u = D(null), v = G({ prefix: "vf-popover-content" }), _ = G({ prefix: "vf-popover-trigger" }), b = {
       enter: U.fast,
       leave: U.fast
-    }, v = s(
+    }, p = s(
       () => e.disableTeleport || e.teleportTo === !1 || e.teleportTo === null
-    ), E = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), V = se({
+    ), C = s(() => typeof e.teleportTo == "string" || typeof HTMLElement < "u" && e.teleportTo instanceof HTMLElement ? e.teleportTo : "body"), x = se({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
       onOpenChange: (k) => {
         i("update:open", k), i("openChange", k);
       }
-    }), w = V.isOpen, I = s(
+    }), w = x.isOpen, S = s(
       () => e.placement === "bottom-end" ? ["bottom-end", "top-end"] : ["bottom-start", "top-start"]
     ), {
-      placement: S,
-      middlewareData: z,
-      styles: d
+      placement: I,
+      middlewareData: M,
+      styles: $
     } = ye(l, r, {
       enabled: w,
       placement: s(() => e.placement),
       middleware: s(
         () => [
           ve(10),
-          pe({ placements: I.value }),
+          pe({ placements: S.value }),
           me(),
           u.value ? he(u.value) : void 0
         ].filter((k) => k !== void 0)
       ),
       strategy: "fixed"
-    }), _ = s(() => [
+    }), f = s(() => [
       "vf-popover__content",
-      S.value.startsWith("top") && "vf-popover__content--top"
-    ]), o = s(() => {
-      const k = z.value.arrow;
+      I.value.startsWith("top") && "vf-popover__content--top"
+    ]), a = s(() => {
+      const k = M.value.arrow;
       return {
         x: (k == null ? void 0 : k.x) !== void 0 && (k == null ? void 0 : k.baseX) !== void 0 ? k.x - k.baseX : 0,
         y: (k == null ? void 0 : k.y) !== void 0 && (k == null ? void 0 : k.baseY) !== void 0 ? k.y - k.baseY : 0
       };
-    }), y = s(() => ({
-      left: `${o.value.x}px`,
-      top: `${o.value.y}px`
-    })), f = s(() => [
+    }), m = s(() => ({
+      left: `${a.value.x}px`,
+      top: `${a.value.y}px`
+    })), c = s(() => [
       "vf-popover__arrow",
-      S.value.startsWith("top") ? "vf-popover__arrow--top" : "vf-popover__arrow--bottom"
+      I.value.startsWith("top") ? "vf-popover__arrow--top" : "vf-popover__arrow--bottom"
     ]);
-    async function a() {
+    async function o() {
       var J, ie;
       await ae();
       const k = (J = r.value) == null ? void 0 : J.querySelector(
@@ -1574,27 +1583,27 @@ const tt = {
       }
       (ie = r.value) == null || ie.focus();
     }
-    function C() {
-      V.open(), a();
+    function B() {
+      x.open(), o();
     }
-    function D() {
+    function A() {
       var k;
-      V.close(), (k = l.value) == null || k.focus();
+      x.close(), (k = l.value) == null || k.focus();
     }
-    function M() {
+    function z() {
       if (w.value) {
-        D();
+        A();
         return;
       }
-      C();
+      B();
     }
-    function x(k) {
-      (k.key === "Enter" || k.key === " ") && (k.preventDefault(), M()), k.key === "ArrowDown" && (k.preventDefault(), C());
+    function V(k) {
+      (k.key === "Enter" || k.key === " ") && (k.preventDefault(), z()), k.key === "ArrowDown" && (k.preventDefault(), B());
     }
     return Oe(
       [l, r],
       () => {
-        w.value && e.closeOnOutsideClick && D();
+        w.value && e.closeOnOutsideClick && A();
       },
       {
         enabled: w,
@@ -1602,32 +1611,32 @@ const tt = {
       }
     ), fe(
       (k) => {
-        !w.value || !e.closeOnEscape || (k.preventDefault(), D());
+        !w.value || !e.closeOnEscape || (k.preventDefault(), A());
       },
       {
         enabled: w
       }
-    ), (k, J) => (c(), m("div", Zt, [
+    ), (k, J) => (d(), h("div", Zt, [
       T("div", {
-        id: h(g),
+        id: y(_),
         ref_key: "triggerRef",
         ref: l,
         class: "vf-popover__trigger",
-        "aria-controls": h(p),
-        "aria-expanded": h(w),
+        "aria-controls": y(v),
+        "aria-expanded": y(w),
         "aria-haspopup": "dialog",
         tabindex: "0",
-        onClick: M,
-        onKeydown: x
+        onClick: z,
+        onKeydown: V
       }, [
-        B(k.$slots, "trigger", {
-          open: h(w),
-          toggle: M
+        E(k.$slots, "trigger", {
+          open: y(w),
+          toggle: z
         })
       ], 40, en),
-      (c(), q(le, {
-        to: E.value,
-        disabled: v.value
+      (d(), q(le, {
+        to: C.value,
+        disabled: p.value
       }, [
         j(ne, {
           name: "vf-floating-transition",
@@ -1635,27 +1644,27 @@ const tt = {
           duration: b
         }, {
           default: Q(() => [
-            h(w) ? (c(), m("section", {
+            y(w) ? (d(), h("section", {
               key: 0,
-              id: h(p),
+              id: y(v),
               ref_key: "contentRef",
               ref: r,
-              class: P(_.value),
-              style: W(h(d)),
-              "aria-labelledby": h(g),
+              class: P(f.value),
+              style: W(y($)),
+              "aria-labelledby": y(_),
               role: "dialog",
               tabindex: "-1"
             }, [
               T("span", {
                 ref_key: "arrowRef",
                 ref: u,
-                class: P(f.value),
-                style: W(y.value),
+                class: P(c.value),
+                style: W(m.value),
                 "aria-hidden": "true"
               }, null, 6),
-              B(k.$slots, "default", {
-                open: h(w),
-                close: D
+              E(k.$slots, "default", {
+                open: y(w),
+                close: A
               })
             ], 14, tn)) : O("", !0)
           ]),
@@ -1689,17 +1698,17 @@ const tt = {
         e.disabled && "vf-radio--disabled",
         l.class
       )
-    ), p = s(() => l.style), g = s(
+    ), v = s(() => l.style), _ = s(
       () => Object.fromEntries(
-        Object.entries(l).filter(([v]) => v !== "class" && v !== "style")
+        Object.entries(l).filter(([p]) => p !== "class" && p !== "style")
       )
     );
-    function b(v) {
-      v.target.checked && (i("update:modelValue", e.value), i("change", e.value));
+    function b(p) {
+      p.target.checked && (i("update:modelValue", e.value), i("change", e.value));
     }
-    return (v, E) => (c(), m("label", {
+    return (p, C) => (d(), h("label", {
       class: P(u.value),
-      style: W(p.value)
+      style: W(v.value)
     }, [
       T("input", H({
         class: "vf-radio__input",
@@ -1708,15 +1717,15 @@ const tt = {
         disabled: e.disabled,
         value: e.value,
         "aria-invalid": e.invalid || void 0
-      }, g.value, { onChange: b }), null, 16, nn),
-      E[0] || (E[0] = T("span", {
+      }, _.value, { onChange: b }), null, 16, nn),
+      C[0] || (C[0] = T("span", {
         class: "vf-radio__control",
         "aria-hidden": "true"
       }, [
         T("span", { class: "vf-radio__dot" })
       ], -1)),
-      t.label || v.$slots.default ? (c(), m("span", an, [
-        B(v.$slots, "default", {}, () => [
+      t.label || p.$slots.default ? (d(), h("span", an, [
+        E(p.$slots, "default", {}, () => [
           oe(F(t.label), 1)
         ])
       ])) : O("", !0)
@@ -1744,16 +1753,16 @@ const tt = {
         e.disabled && "vf-switch--disabled",
         l.class
       )
-    ), u = s(() => l.style), p = s(
+    ), u = s(() => l.style), v = s(
       () => Object.fromEntries(
         Object.entries(l).filter(([b]) => b !== "class" && b !== "style")
       )
     );
-    function g(b) {
-      const v = b.target.checked;
-      i("update:modelValue", v), i("change", v);
+    function _(b) {
+      const p = b.target.checked;
+      i("update:modelValue", p), i("change", p);
     }
-    return (b, v) => (c(), m("label", {
+    return (b, p) => (d(), h("label", {
       class: P(r.value),
       style: W(u.value)
     }, [
@@ -1763,15 +1772,15 @@ const tt = {
         role: "switch",
         checked: e.modelValue,
         disabled: e.disabled
-      }, p.value, { onChange: g }), null, 16, on),
-      v[0] || (v[0] = T("span", {
+      }, v.value, { onChange: _ }), null, 16, on),
+      p[0] || (p[0] = T("span", {
         class: "vf-switch__control",
         "aria-hidden": "true"
       }, [
         T("span", { class: "vf-switch__thumb" })
       ], -1)),
-      t.label || b.$slots.default ? (c(), m("span", ln, [
-        B(b.$slots, "default", {}, () => [
+      t.label || b.$slots.default ? (d(), h("span", ln, [
+        E(b.$slots, "default", {}, () => [
           oe(F(t.label), 1)
         ])
       ])) : O("", !0)
@@ -1787,15 +1796,15 @@ const tt = {
     const n = t, e = R(), i = s(
       () => N("vf-tag", n.tone !== "neutral" && `vf-tag--${n.tone}`)
     );
-    return (l, r) => (c(), m("span", H({ class: i.value }, h(e)), [
-      B(l.$slots, "default")
+    return (l, r) => (d(), h("span", H({ class: i.value }, y(e)), [
+      E(l.$slots, "default")
     ], 16));
   }
 }), sn = { class: "vf-tabs" }, rn = {
   class: "vf-tabs__list",
   role: "tablist",
   "aria-orientation": "horizontal"
-}, un = ["id", "aria-controls", "aria-selected", "disabled", "tabindex", "onClick", "onKeydown"], cn = ["id", "aria-labelledby"], Rn = /* @__PURE__ */ L({
+}, un = ["id", "aria-controls", "aria-selected", "disabled", "tabindex", "onClick", "onKeydown"], dn = ["id", "aria-labelledby"], Rn = /* @__PURE__ */ L({
   __name: "VfTabs",
   props: {
     items: {},
@@ -1804,106 +1813,106 @@ const tt = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = G({ prefix: "vf-tabs" }), r = A([]), u = s(
+    const e = t, i = n, l = G({ prefix: "vf-tabs" }), r = D([]), u = s(
       () => {
-        var d;
-        return (d = e.items.find((_) => !_.disabled)) == null ? void 0 : d.value;
+        var $;
+        return ($ = e.items.find((f) => !f.disabled)) == null ? void 0 : $.value;
       }
-    ), p = A(e.defaultValue ?? u.value), g = s(() => e.modelValue !== void 0), b = s(
-      () => e.modelValue ?? p.value ?? u.value
+    ), v = D(e.defaultValue ?? u.value), _ = s(() => e.modelValue !== void 0), b = s(
+      () => e.modelValue ?? v.value ?? u.value
     );
     Z(
       () => e.items,
-      (d) => {
-        !d.some(
-          (o) => o.value === b.value && !o.disabled
-        ) && u.value && v(u.value);
+      ($) => {
+        !$.some(
+          (a) => a.value === b.value && !a.disabled
+        ) && u.value && p(u.value);
       },
       { deep: !0 }
     );
-    function v(d) {
-      g.value || (p.value = d), i("update:modelValue", d), i("change", d);
+    function p($) {
+      _.value || (v.value = $), i("update:modelValue", $), i("change", $);
     }
-    function E(d) {
-      d.disabled || v(d.value);
+    function C($) {
+      $.disabled || p($.value);
     }
-    function V() {
-      return e.items.filter((d) => !d.disabled);
+    function x() {
+      return e.items.filter(($) => !$.disabled);
     }
-    function w(d) {
-      var o;
-      const _ = e.items.findIndex((y) => y.value === d);
-      (o = r.value[_]) == null || o.focus();
+    function w($) {
+      var a;
+      const f = e.items.findIndex((m) => m.value === $);
+      (a = r.value[f]) == null || a.focus();
     }
-    function I(d, _) {
-      const o = V(), y = o.findIndex(
-        (f) => f.value === _.value
+    function S($, f) {
+      const a = x(), m = a.findIndex(
+        (c) => c.value === f.value
       );
-      if (y !== -1) {
-        if (d.key === "ArrowRight" || d.key === "ArrowDown") {
-          d.preventDefault();
-          const f = o[(y + 1) % o.length];
-          E(f), w(f.value);
+      if (m !== -1) {
+        if ($.key === "ArrowRight" || $.key === "ArrowDown") {
+          $.preventDefault();
+          const c = a[(m + 1) % a.length];
+          C(c), w(c.value);
           return;
         }
-        if (d.key === "ArrowLeft" || d.key === "ArrowUp") {
-          d.preventDefault();
-          const f = o[(y - 1 + o.length) % o.length];
-          E(f), w(f.value);
+        if ($.key === "ArrowLeft" || $.key === "ArrowUp") {
+          $.preventDefault();
+          const c = a[(m - 1 + a.length) % a.length];
+          C(c), w(c.value);
           return;
         }
-        if (d.key === "Home") {
-          d.preventDefault();
-          const f = o[0];
-          E(f), w(f.value);
+        if ($.key === "Home") {
+          $.preventDefault();
+          const c = a[0];
+          C(c), w(c.value);
           return;
         }
-        if (d.key === "End") {
-          d.preventDefault();
-          const f = o[o.length - 1];
-          E(f), w(f.value);
+        if ($.key === "End") {
+          $.preventDefault();
+          const c = a[a.length - 1];
+          C(c), w(c.value);
         }
       }
     }
-    function S(d) {
-      return `${l.value}-tab-${d}`;
+    function I($) {
+      return `${l.value}-tab-${$}`;
     }
-    function z(d) {
-      return `${l.value}-panel-${d}`;
+    function M($) {
+      return `${l.value}-panel-${$}`;
     }
-    return (d, _) => (c(), m("div", sn, [
+    return ($, f) => (d(), h("div", sn, [
       T("div", rn, [
-        (c(!0), m(ue, null, ce(t.items, (o, y) => (c(), m("button", {
-          id: S(o.value),
-          key: o.value,
+        (d(!0), h(ue, null, de(t.items, (a, m) => (d(), h("button", {
+          id: I(a.value),
+          key: a.value,
           ref_for: !0,
-          ref: (f) => {
-            r.value[y] = f;
+          ref: (c) => {
+            r.value[m] = c;
           },
-          "aria-controls": z(o.value),
-          "aria-selected": b.value === o.value,
-          disabled: o.disabled,
-          tabindex: b.value === o.value ? 0 : -1,
+          "aria-controls": M(a.value),
+          "aria-selected": b.value === a.value,
+          disabled: a.disabled,
+          tabindex: b.value === a.value ? 0 : -1,
           class: "vf-tabs__tab",
           role: "tab",
           type: "button",
-          onClick: (f) => E(o),
-          onKeydown: (f) => I(f, o)
-        }, F(o.label), 41, un))), 128))
+          onClick: (c) => C(a),
+          onKeydown: (c) => S(c, a)
+        }, F(a.label), 41, un))), 128))
       ]),
-      b.value ? (c(), m("div", {
+      b.value ? (d(), h("div", {
         key: 0,
-        id: z(b.value),
-        "aria-labelledby": S(b.value),
+        id: M(b.value),
+        "aria-labelledby": I(b.value),
         class: "vf-tabs__panel",
         role: "tabpanel",
         tabindex: "0"
       }, [
-        B(d.$slots, "panel", Ve(xe({ activeValue: b.value })))
-      ], 8, cn)) : O("", !0)
+        E($.$slots, "panel", Ve(Ce({ activeValue: b.value })))
+      ], 8, dn)) : O("", !0)
     ]));
   }
-}), dn = ["value", "aria-invalid"], Hn = /* @__PURE__ */ L({
+}), cn = ["value", "aria-invalid"], Hn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfTextarea",
   props: {
@@ -1920,14 +1929,14 @@ const tt = {
         e.invalid && "vf-textarea--invalid"
       )
     );
-    function u(p) {
-      i("update:modelValue", p.target.value);
+    function u(v) {
+      i("update:modelValue", v.target.value);
     }
-    return (p, g) => (c(), m("textarea", H({
+    return (v, _) => (d(), h("textarea", H({
       class: r.value,
       value: e.modelValue,
       "aria-invalid": e.invalid || void 0
-    }, h(l), { onInput: u }), null, 16, dn));
+    }, y(l), { onInput: u }), null, 16, cn));
   }
 }), fn = ["aria-describedby"], vn = ["id"], Kn = /* @__PURE__ */ L({
   __name: "VfTooltip",
@@ -1939,16 +1948,16 @@ const tt = {
     disableTeleport: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t, e = A(!1), i = G({ prefix: "vf-tooltip" }), l = A(null), r = A(null), u = A(null), p = A(null), g = {
+    const n = t, e = D(!1), i = G({ prefix: "vf-tooltip" }), l = D(null), r = D(null), u = D(null), v = D(null), _ = {
       enter: U.fast,
       leave: U.fast
     }, b = s(
       () => n.disableTeleport || n.teleportTo === !1 || n.teleportTo === null
-    ), v = s(() => typeof n.teleportTo == "string" || typeof HTMLElement < "u" && n.teleportTo instanceof HTMLElement ? n.teleportTo : "body"), {
-      placement: E,
-      middlewareData: V,
+    ), p = s(() => typeof n.teleportTo == "string" || typeof HTMLElement < "u" && n.teleportTo instanceof HTMLElement ? n.teleportTo : "body"), {
+      placement: C,
+      middlewareData: x,
       styles: w,
-      cleanup: I
+      cleanup: S
     } = ye(r, u, {
       enabled: e,
       placement: s(() => n.placement),
@@ -1957,79 +1966,79 @@ const tt = {
           ve(10),
           pe({ placements: ["top", "bottom"] }),
           me(),
-          p.value ? he(p.value) : void 0
-        ].filter((a) => a !== void 0)
+          v.value ? he(v.value) : void 0
+        ].filter((o) => o !== void 0)
       ),
       strategy: "fixed"
-    }), S = s(() => [
+    }), I = s(() => [
       "vf-tooltip__content",
-      E.value.startsWith("bottom") && "vf-tooltip__content--bottom",
-      E.value.startsWith("top") && "vf-tooltip__content--top"
-    ]), z = s(() => {
-      const a = V.value.arrow;
+      C.value.startsWith("bottom") && "vf-tooltip__content--bottom",
+      C.value.startsWith("top") && "vf-tooltip__content--top"
+    ]), M = s(() => {
+      const o = x.value.arrow;
       return {
-        x: (a == null ? void 0 : a.x) !== void 0 && (a == null ? void 0 : a.baseX) !== void 0 ? a.x - a.baseX : 0,
-        y: (a == null ? void 0 : a.y) !== void 0 && (a == null ? void 0 : a.baseY) !== void 0 ? a.y - a.baseY : 0
+        x: (o == null ? void 0 : o.x) !== void 0 && (o == null ? void 0 : o.baseX) !== void 0 ? o.x - o.baseX : 0,
+        y: (o == null ? void 0 : o.y) !== void 0 && (o == null ? void 0 : o.baseY) !== void 0 ? o.y - o.baseY : 0
       };
-    }), d = s(() => ["vf-tooltip__arrow"]), _ = s(() => ({
-      left: `${z.value.x}px`,
-      top: `${z.value.y}px`
+    }), $ = s(() => ["vf-tooltip__arrow"]), f = s(() => ({
+      left: `${M.value.x}px`,
+      top: `${M.value.y}px`
     }));
-    function o() {
+    function a() {
       l.value !== null && (window.clearTimeout(l.value), l.value = null);
     }
-    function y() {
-      o(), l.value = window.setTimeout(() => {
+    function m() {
+      a(), l.value = window.setTimeout(() => {
         e.value = !0;
       }, n.openDelay);
     }
-    function f() {
-      o(), e.value = !1;
+    function c() {
+      a(), e.value = !1;
     }
     return ee(() => {
-      o(), I();
-    }), (a, C) => (c(), m("span", {
+      a(), S();
+    }), (o, B) => (d(), h("span", {
       class: "vf-tooltip",
-      onMouseenter: y,
-      onMouseleave: f,
-      onFocusin: y,
-      onFocusout: f
+      onMouseenter: m,
+      onMouseleave: c,
+      onFocusin: m,
+      onFocusout: c
     }, [
       T("span", {
         ref_key: "triggerRef",
         ref: r,
         class: "vf-tooltip__trigger",
-        "aria-describedby": e.value ? h(i) : void 0
+        "aria-describedby": e.value ? y(i) : void 0
       }, [
-        B(a.$slots, "default")
+        E(o.$slots, "default")
       ], 8, fn),
-      (c(), q(le, {
-        to: v.value,
+      (d(), q(le, {
+        to: p.value,
         disabled: b.value
       }, [
         j(ne, {
           name: "vf-floating-transition",
           appear: "",
-          duration: g
+          duration: _
         }, {
           default: Q(() => [
-            e.value && (t.text || a.$slots.content) ? (c(), m("span", {
+            e.value && (t.text || o.$slots.content) ? (d(), h("span", {
               key: 0,
-              id: h(i),
+              id: y(i),
               ref_key: "contentRef",
               ref: u,
-              class: P(S.value),
-              style: W(h(w)),
+              class: P(I.value),
+              style: W(y(w)),
               role: "tooltip"
             }, [
-              B(a.$slots, "content", {}, () => [
+              E(o.$slots, "content", {}, () => [
                 oe(F(t.text), 1)
               ]),
               T("span", {
                 ref_key: "arrowRef",
-                ref: p,
-                class: P(d.value),
-                style: W(_.value),
+                ref: v,
+                class: P($.value),
+                style: W(f.value),
                 "aria-hidden": "true"
               }, null, 6)
             ], 14, vn)) : O("", !0)
@@ -2044,19 +2053,19 @@ export {
   wn as VfAccordion,
   Tn as VfAlert,
   Vn as VfBadge,
-  xn as VfButton,
-  Cn as VfCard,
+  Cn as VfButton,
+  xn as VfCard,
   Bn as VfCheckbox,
   On as VfDialog,
-  Dn as VfDivider,
+  An as VfDivider,
   En as VfDrawer,
-  An as VfDropdown,
-  Ae as VfIconButton,
+  Dn as VfDropdown,
+  De as VfIconButton,
   In as VfInput,
   Ln as VfLink,
   Sn as VfNavMenu,
-  zn as VfPanel,
-  Mn as VfPopover,
+  Mn as VfPanel,
+  zn as VfPopover,
   Pn as VfRadio,
   Nn as VfSwitch,
   Rn as VfTabs,
@@ -2064,9 +2073,9 @@ export {
   Hn as VfTextarea,
   $n as VfThemeProvider,
   Kn as VfTooltip,
-  bn as VueForge,
+  bn as VueForgeCore,
   Wn as createThemePreset,
-  Ue as createVueForge,
+  Ue as createVueForgeCore,
   bn as default,
   Fe as defaultThemePreset,
   Yn as toMaxWidthQuery,
@@ -2078,9 +2087,9 @@ export {
   se as useDisclosure,
   fe as useEscapeKey,
   ye as useFloating,
-  De as useFocusTrap,
+  Ae as useFocusTrap,
   G as useId,
-  Ce as useScrollLock,
+  xe as useScrollLock,
   kn as useTheme,
   Zn as vfBreakpoints
 };