@codemonster-ru/vueforge-core 1.2.0 → 1.3.0

package/dist/vueforge-core.js

@@ -1,20 +1,30 @@
-import { r as Le, a as Se, b as ze, D as Me, c as Pe, i as Ne, v as U } from "./public-CFcLjh0P.js";
-import { d as Hn, e as Kn } from "./public-CFcLjh0P.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 Fe, 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 Re, Fragment as ue, renderList as ce } from "vue";
-import { d as Ce } from "./useScrollLock-B7pq1ybb.js";
-import { t as qn, a as Wn, u as Un, b as Yn, c as Xn, v as Gn } from "./useScrollLock-B7pq1ybb.js";
+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 { 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 { 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 He, computePosition as Ke, offset as ve, flip as pe, shift as me, arrow as he } from "@codemonster-ru/floater.js";
+import { autoUpdate as Ke, computePosition as je, offset as ve, flip as pe, shift as me, arrow as he } from "@codemonster-ru/floater.js";
 const Be = Symbol("VueForgeConfig");
-function je() {
+function qe(t = {}) {
+  return Le({
+    ...t,
+    preset: t.preset ?? Fe
+  });
+}
+function We(t, n) {
+  return Se(t, n);
+}
+function Ue() {
   return {
     install(n, e = {}) {
-      const i = Le(e.theme);
-      n.provide(Be, { theme: i }), typeof document < "u" && Se(i);
+      const i = qe(e.theme);
+      n.provide(Be, { theme: i }), typeof document < "u" && We(i);
     }
   };
 }
-const hn = je(), Ee = Symbol("VfThemeContext"), yn = /* @__PURE__ */ L({
+const bn = Ue(), Ee = Symbol("VfThemeContext"), $n = /* @__PURE__ */ L({
   __name: "VfThemeProvider",
   props: {
     defaultTheme: { default: "system" },
@@ -22,7 +32,9 @@ const hn = je(), Ee = Symbol("VfThemeContext"), yn = /* @__PURE__ */ L({
     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(
+    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
@@ -73,7 +85,7 @@ const hn = je(), Ee = Symbol("VfThemeContext"), yn = /* @__PURE__ */ L({
     }), ee(() => {
       var d;
       (d = l.value) == null || d.removeEventListener("change", I), V();
-    }), Fe(Ee, {
+    }), Re(Ee, {
       mode: e,
       resolvedTheme: u,
       setTheme: S,
@@ -88,7 +100,9 @@ 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 p = Array.isArray(t) ? t.map((g) => g.value).filter((g) => g instanceof HTMLElement) : [t.value].filter(
+      (g) => g instanceof HTMLElement
+    );
     p.length === 0 || p.some((g) => g.contains(u)) || n(r);
   };
   de(() => {
@@ -98,7 +112,9 @@ function Oe(t, n, e = {}) {
   });
 }
 function se(t = {}) {
-  const n = s(() => K(t.open) !== void 0), e = A(t.defaultOpen ?? !1), i = s(() => n.value ? !!K(t.open) : e.value);
+  const n = s(() => K(t.open) !== void 0), e = A(t.defaultOpen ?? !1), i = s(
+    () => n.value ? !!K(t.open) : e.value
+  );
   Z(
     () => K(t.open),
     (r) => {
@@ -137,11 +153,15 @@ function ye(t, n, e = {}) {
   async function v() {
     if (!t.value || !n.value)
       return;
-    const V = await Ke(t.value, n.value, {
-      placement: K(e.placement) ?? r.value,
-      middleware: K(e.middleware),
-      strategy: K(e.strategy)
-    });
+    const V = await je(
+      t.value,
+      n.value,
+      {
+        placement: K(e.placement) ?? r.value,
+        middleware: K(e.middleware),
+        strategy: K(e.strategy)
+      }
+    );
     i.value = V.x, l.value = V.y, r.value = V.placement, u.value = V.middlewareData ?? {};
   }
   function E() {
@@ -153,7 +173,7 @@ function ye(t, n, e = {}) {
     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 = He(t.value, () => {
+      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();
       }))));
     },
@@ -170,7 +190,7 @@ function ye(t, n, e = {}) {
     cleanup: E
   };
 }
-const qe = [
+const Ye = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -178,8 +198,10 @@ const qe = [
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function We(t) {
-  return Array.from(t.querySelectorAll(qe)).filter(
+function Xe(t) {
+  return Array.from(
+    t.querySelectorAll(Ye)
+  ).filter(
     (n) => !n.hasAttribute("hidden") && n.getAttribute("aria-hidden") !== "true"
   );
 }
@@ -190,7 +212,7 @@ function De(t, n = {}) {
     const l = t.value;
     if (!l)
       return;
-    const r = We(l);
+    const r = Xe(l);
     if (r.length === 0) {
       i.preventDefault(), l.focus();
       return;
@@ -208,12 +230,12 @@ function De(t, n = {}) {
     document.removeEventListener("keydown", e);
   });
 }
-let Ue = 0;
+let Ge = 0;
 function G(t = {}) {
-  const n = `${t.prefix ?? "vf"}-${++Ue}`;
+  const n = `${t.prefix ?? "vf"}-${++Ge}`;
   return s(() => K(t.providedId) ?? n);
 }
-function _n() {
+function kn() {
   const t = we(Ee);
   if (!t)
     throw new Error("useTheme must be used inside VfThemeProvider.");
@@ -224,7 +246,7 @@ function _n() {
     toggleTheme: t.toggleTheme
   };
 }
-const Ye = { class: "vf-accordion" }, Xe = ["id", "aria-controls", "aria-expanded", "disabled"], Ge = ["id", "aria-labelledby"], Qe = { class: "vf-accordion__content-inner" }, gn = /* @__PURE__ */ L({
+const Qe = { class: "vf-accordion" }, Je = ["id", "aria-controls", "aria-expanded", "disabled"], Ze = ["id", "aria-labelledby"], et = { class: "vf-accordion__content-inner" }, wn = /* @__PURE__ */ L({
   __name: "VfAccordion",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -280,7 +302,7 @@ const Ye = { class: "vf-accordion" }, Xe = ["id", "aria-controls", "aria-expande
       const o = _;
       o.style.height = "", o.style.opacity = "", o.style.overflow = "", o.style.transition = "";
     }
-    return (_, o) => (c(), m("section", Ye, [
+    return (_, o) => (c(), m("section", Qe, [
       T("button", {
         id: h(l),
         "aria-controls": h(r),
@@ -303,7 +325,7 @@ const Ye = { class: "vf-accordion" }, Xe = ["id", "aria-controls", "aria-expande
             size: "0.875rem"
           }, null, 8, ["icon"])
         ], 2)
-      ], 40, Xe),
+      ], 40, Je),
       j(ne, {
         css: !1,
         onBeforeEnter: V,
@@ -321,10 +343,10 @@ const Ye = { class: "vf-accordion" }, Xe = ["id", "aria-controls", "aria-expande
             class: "vf-accordion__content",
             role: "region"
           }, [
-            T("div", Qe, [
+            T("div", et, [
               B(_.$slots, "default", { open: h(p) })
             ])
-          ], 8, Ge)) : O("", !0)
+          ], 8, Ze)) : O("", !0)
         ]),
         _: 3
       })
@@ -334,13 +356,13 @@ const Ye = { class: "vf-accordion" }, Xe = ["id", "aria-controls", "aria-expande
 function N(...t) {
   return t.filter(Boolean).join(" ");
 }
-const Je = {
+const tt = {
   class: "vf-alert__icon",
   "aria-hidden": "true"
-}, Ze = { class: "vf-alert__content" }, et = {
+}, nt = { class: "vf-alert__content" }, at = {
   key: 0,
   class: "vf-alert__title"
-}, tt = { class: "vf-alert__body" }, bn = /* @__PURE__ */ L({
+}, ot = { class: "vf-alert__body" }, Tn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfAlert",
   props: {
@@ -355,25 +377,25 @@ const Je = {
       class: i.value,
       role: "alert"
     }, h(e)), [
-      T("div", Je, [
+      T("div", tt, [
         j(h(te), {
           icon: l.value,
           size: "2rem"
         }, null, 8, ["icon"])
       ]),
-      T("div", Ze, [
-        n.title || r.$slots.title ? (c(), m("p", et, [
+      T("div", nt, [
+        n.title || r.$slots.title ? (c(), m("p", at, [
           B(r.$slots, "title", {}, () => [
             oe(F(n.title), 1)
           ])
         ])) : O("", !0),
-        T("div", tt, [
+        T("div", ot, [
           B(r.$slots, "default")
         ])
       ])
     ], 16));
   }
-}), kn = /* @__PURE__ */ L({
+}), Vn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfBadge",
   props: {
@@ -387,7 +409,7 @@ const Je = {
       B(l.$slots, "default")
     ], 16));
   }
-}), nt = ["type"], $n = /* @__PURE__ */ L({
+}), lt = ["type"], xn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfButton",
   props: {
@@ -410,12 +432,12 @@ const Je = {
       type: n.type
     }, h(e)), [
       B(l.$slots, "default")
-    ], 16, nt));
+    ], 16, lt));
   }
-}), at = { key: 0 }, ot = { class: "vf-card__title" }, lt = {
+}), st = { key: 0 }, it = { class: "vf-card__title" }, rt = {
   key: 1,
   class: "vf-card__body"
-}, st = { key: 2 }, wn = /* @__PURE__ */ L({
+}, ut = { key: 2 }, Cn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfCard",
   props: {
@@ -423,25 +445,27 @@ const Je = {
     compact: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t, e = R(), i = s(() => N("vf-card", n.compact && "vf-card--compact"));
+    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", at, [
+      n.title || l.$slots.header ? (c(), m("header", st, [
         B(l.$slots, "header", {}, () => [
-          T("h3", ot, F(n.title), 1)
+          T("h3", it, F(n.title), 1)
         ])
       ])) : O("", !0),
-      l.$slots.default ? (c(), m("div", lt, [
+      l.$slots.default ? (c(), m("div", rt, [
         B(l.$slots, "default")
       ])) : O("", !0),
-      l.$slots.footer ? (c(), m("footer", st, [
+      l.$slots.footer ? (c(), m("footer", ut, [
         B(l.$slots, "footer")
       ])) : O("", !0)
     ], 16));
   }
-}), it = ["checked", "disabled", "aria-invalid"], rt = {
+}), ct = ["checked", "disabled", "aria-invalid"], dt = {
   key: 0,
   class: "vf-checkbox__content"
-}, Tn = /* @__PURE__ */ L({
+}, Bn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfCheckbox",
   props: {
@@ -462,7 +486,11 @@ const Je = {
         e.disabled && "vf-checkbox--disabled",
         l.class
       )
-    ), u = s(() => l.style), p = s(() => Object.fromEntries(Object.entries(l).filter(([b]) => b !== "class" && b !== "style")));
+    ), u = s(() => l.style), p = 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);
@@ -477,21 +505,21 @@ const Je = {
         checked: e.modelValue,
         disabled: e.disabled,
         "aria-invalid": e.invalid || void 0
-      }, p.value, { onChange: g }), null, 16, it),
+      }, p.value, { onChange: g }), null, 16, ct),
       v[0] || (v[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", rt, [
+      t.label || b.$slots.default ? (c(), m("span", dt, [
         B(b.$slots, "default", {}, () => [
           oe(F(t.label), 1)
         ])
       ])) : O("", !0)
     ], 6));
   }
-}), ut = ["type"], Ae = /* @__PURE__ */ L({
+}), ft = ["type"], Ae = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfIconButton",
   props: {
@@ -517,18 +545,18 @@ const Je = {
         size: l.value,
         "aria-hidden": "true"
       }, null, 8, ["icon", "size"])
-    ], 16, ut));
+    ], 16, ft));
   }
-}), ct = ["aria-labelledby"], dt = {
+}), vt = ["aria-labelledby"], pt = {
   key: 0,
   class: "vf-drawer__header"
-}, ft = ["id"], vt = { class: "vf-drawer__actions" }, pt = {
+}, mt = ["id"], ht = { class: "vf-drawer__actions" }, yt = {
   key: 1,
   class: "vf-drawer__body"
-}, mt = {
+}, _t = {
   key: 2,
   class: "vf-drawer__footer"
-}, Vn = /* @__PURE__ */ L({
+}, En = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfDrawer",
   props: {
@@ -562,12 +590,27 @@ const Je = {
       return typeof x == "number" ? `${x}px` : x;
     }
     const w = s(() => {
-      const x = {}, $ = V(e.offsetTop), J = V(e.bodyPadding);
-      return $ != null && (x["--vf-drawer-offset-top"] = $), J != null && (x["--vf-drawer-body-padding"] = J), x;
+      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(
-      () => N("vf-drawer", `vf-drawer--${e.placement}`, e.offsetTop != null && "vf-drawer--offset-top")
-    ), S = s(() => [w.value, l.style]), z = s(() => Object.fromEntries(Object.entries(l).filter(([x]) => x !== "class" && x !== "style"))), d = 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(
-      () => N("vf-drawer__content", `vf-drawer__content--${e.placement}`, `vf-drawer__content--${e.size}`)
+      () => N(
+        "vf-drawer",
+        `vf-drawer--${e.placement}`,
+        e.offsetTop != null && "vf-drawer--offset-top"
+      )
+    ), S = s(() => [
+      w.value,
+      l.style
+    ]), z = s(() => Object.fromEntries(
+      Object.entries(l).filter(([x]) => x !== "class" && x !== "style")
+    )), d = 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(
+      () => 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
     );
@@ -581,9 +624,11 @@ const Je = {
       const x = r.value;
       if (!x)
         return;
-      const $ = x.querySelector("[autofocus], [data-autofocus]");
-      if ($) {
-        $.focus();
+      const k = x.querySelector(
+        "[autofocus], [data-autofocus]"
+      );
+      if (k) {
+        k.focus();
         return;
       }
       x.focus();
@@ -602,20 +647,20 @@ const Je = {
     }), Z(
       v,
       async (x) => {
-        var $;
+        var k;
         if (!(typeof document > "u")) {
           if (x) {
             u.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, await ae(), M();
             return;
           }
-          ($ = u.value) == null || $.focus();
+          (k = u.value) == null || k.focus();
         }
       },
       { immediate: !0 }
     ), ee(() => {
       var x;
       v.value && ((x = u.value) == null || x.focus());
-    }), (x, $) => (c(), q(le, {
+    }), (x, k) => (c(), q(le, {
       to: o.value,
       disabled: d.value
     }, [
@@ -644,17 +689,17 @@ const Je = {
               role: "dialog",
               tabindex: "-1"
             }, [
-              t.title || x.$slots.header ? (c(), m("header", dt, [
+              t.title || x.$slots.header ? (c(), m("header", pt, [
                 T("div", null, [
                   B(x.$slots, "header", {}, () => [
                     t.title ? (c(), m("h2", {
                       key: 0,
                       id: h(g),
                       class: "vf-drawer__title"
-                    }, F(t.title), 9, ft)) : O("", !0)
+                    }, F(t.title), 9, mt)) : O("", !0)
                   ])
                 ]),
-                T("div", vt, [
+                T("div", ht, [
                   B(x.$slots, "actions", { close: C }),
                   e.closable ? (c(), q(Ae, {
                     key: 0,
@@ -665,32 +710,32 @@ const Je = {
                   }, null, 8, ["icon"])) : O("", !0)
                 ])
               ])) : O("", !0),
-              x.$slots.default ? (c(), m("div", pt, [
+              x.$slots.default ? (c(), m("div", yt, [
                 B(x.$slots, "default", { close: C })
               ])) : O("", !0),
-              x.$slots.footer ? (c(), m("footer", mt, [
+              x.$slots.footer ? (c(), m("footer", _t, [
                 B(x.$slots, "footer", { close: C })
               ])) : O("", !0)
-            ], 10, ct)
+            ], 10, vt)
           ], 16)) : O("", !0)
         ]),
         _: 3
       })
     ], 8, ["to", "disabled"]));
   }
-}), ht = {
+}), gt = {
   key: 0,
   class: "vf-dialog"
-}, yt = ["aria-describedby", "aria-labelledby"], _t = {
+}, bt = ["aria-describedby", "aria-labelledby"], $t = {
   key: 0,
   class: "vf-dialog__header"
-}, gt = ["id"], bt = ["id"], kt = { class: "vf-dialog__actions" }, $t = {
+}, kt = ["id"], wt = ["id"], Tt = { class: "vf-dialog__actions" }, Vt = {
   key: 1,
   class: "vf-dialog__body"
-}, wt = {
+}, xt = {
   key: 2,
   class: "vf-dialog__footer"
-}, xn = /* @__PURE__ */ L({
+}, On = /* @__PURE__ */ L({
   __name: "VfDialog",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -715,8 +760,13 @@ const Je = {
     }), v = b.isOpen, E = {
       enter: U.fast,
       leave: U.fast
-    }, V = 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(
-      () => N("vf-dialog__content", e.size !== "md" && `vf-dialog__content--${e.size}`)
+    }, V = 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(
+      () => 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(
@@ -732,7 +782,9 @@ const Je = {
       const a = l.value;
       if (!a)
         return;
-      const C = a.querySelector("[autofocus], [data-autofocus]");
+      const C = a.querySelector(
+        "[autofocus], [data-autofocus]"
+      );
       if (C) {
         C.focus();
         return;
@@ -774,7 +826,7 @@ const Je = {
         duration: E
       }, {
         default: Q(() => [
-          h(v) ? (c(), m("div", ht, [
+          h(v) ? (c(), m("div", gt, [
             T("div", {
               class: "vf-dialog__overlay",
               "aria-hidden": "true",
@@ -790,24 +842,24 @@ const Je = {
               role: "dialog",
               tabindex: "-1"
             }, [
-              t.title || t.description || a.$slots.header || a.$slots.description ? (c(), m("header", _t, [
+              t.title || t.description || a.$slots.header || a.$slots.description ? (c(), m("header", $t, [
                 T("div", null, [
                   B(a.$slots, "header", {}, () => [
                     t.title ? (c(), m("h2", {
                       key: 0,
                       id: h(p),
                       class: "vf-dialog__title"
-                    }, F(t.title), 9, gt)) : O("", !0)
+                    }, F(t.title), 9, kt)) : O("", !0)
                   ]),
                   B(a.$slots, "description", {}, () => [
                     t.description ? (c(), m("p", {
                       key: 0,
                       id: h(g),
                       class: "vf-dialog__description"
-                    }, F(t.description), 9, bt)) : O("", !0)
+                    }, F(t.description), 9, wt)) : O("", !0)
                   ])
                 ]),
-                T("div", kt, [
+                T("div", Tt, [
                   B(a.$slots, "actions", { close: o }),
                   e.closable ? (c(), q(Ae, {
                     key: 0,
@@ -818,34 +870,36 @@ const Je = {
                   }, null, 8, ["icon"])) : O("", !0)
                 ])
               ])) : O("", !0),
-              a.$slots.default ? (c(), m("div", $t, [
+              a.$slots.default ? (c(), m("div", Vt, [
                 B(a.$slots, "default", { close: o })
               ])) : O("", !0),
-              a.$slots.footer ? (c(), m("footer", wt, [
+              a.$slots.footer ? (c(), m("footer", xt, [
                 B(a.$slots, "footer", { close: o })
               ])) : O("", !0)
-            ], 10, yt)
+            ], 10, bt)
           ])) : O("", !0)
         ]),
         _: 3
       })
     ], 8, ["to", "disabled"]));
   }
-}), Tt = ["aria-orientation", "role"], Cn = /* @__PURE__ */ L({
+}), Ct = ["aria-orientation", "role"], Dn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfDivider",
   props: {
     orientation: { default: "horizontal" }
   },
   setup(t) {
-    const n = t, e = R(), i = s(() => n.orientation === "vertical"), l = s(() => N("vf-divider", `vf-divider--${n.orientation}`));
+    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({
       class: l.value,
       "aria-orientation": n.orientation,
       role: i.value ? "separator" : void 0
-    }, h(e)), null, 16, Tt));
+    }, h(e)), null, 16, Ct));
   }
-}), Vt = { class: "vf-dropdown" }, xt = ["id", "aria-controls", "aria-expanded"], Ct = ["id", "aria-labelledby"], Bn = /* @__PURE__ */ L({
+}), Bt = { class: "vf-dropdown" }, Et = ["id", "aria-controls", "aria-expanded"], Ot = ["id", "aria-labelledby"], An = /* @__PURE__ */ L({
   __name: "VfDropdown",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -860,20 +914,22 @@ const Je = {
     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 = {
       enter: U.fast,
       leave: U.fast
-    }, v = 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({
+    }, v = 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({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
-      onOpenChange: (k) => {
-        i("update:open", k), i("openChange", k);
+      onOpenChange: ($) => {
+        i("update:open", $), i("openChange", $);
       }
     }), w = V.isOpen, I = s(() => [
       "vf-dropdown__menu",
       o.value.startsWith("top") && "vf-dropdown__menu--top"
     ]), S = s(() => {
-      const k = y.value.arrow;
+      const $ = y.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
+        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
       };
     }), z = s(() => ({
       left: `${S.value.x}px`,
@@ -883,30 +939,39 @@ const Je = {
       o.value.startsWith("top") ? "vf-dropdown__arrow--top" : "vf-dropdown__arrow--bottom"
     ]), _ = s(
       () => e.placement === "bottom-end" ? ["bottom-end", "top-end"] : ["bottom-start", "top-start"]
-    ), { placement: o, middlewareData: y, styles: f } = ye(l, r, {
+    ), {
+      placement: o,
+      middlewareData: y,
+      styles: f
+    } = ye(l, r, {
       enabled: w,
       placement: s(() => e.placement),
       middleware: s(
-        () => [ve(10), pe({ placements: _.value }), me(), u.value ? he(u.value) : void 0].filter(
-          (k) => k !== void 0
-        )
+        () => [
+          ve(10),
+          pe({ placements: _.value }),
+          me(),
+          u.value ? he(u.value) : void 0
+        ].filter(($) => $ !== void 0)
       ),
       strategy: "fixed"
     });
     function a() {
-      var k;
-      return Array.from(((k = r.value) == null ? void 0 : k.querySelectorAll('[role="menuitem"]')) ?? []);
+      var $;
+      return Array.from(
+        (($ = r.value) == null ? void 0 : $.querySelectorAll('[role="menuitem"]')) ?? []
+      );
     }
     async function C() {
-      var k;
-      await ae(), (k = a()[0]) == null || k.focus();
+      var $;
+      await ae(), ($ = a()[0]) == null || $.focus();
     }
-    function D(k = {}) {
-      V.open(), k.focusFirstItem && C();
+    function D($ = {}) {
+      V.open(), $.focusFirstItem && C();
     }
     function M() {
-      var k;
-      V.close(), (k = l.value) == null || k.focus();
+      var $;
+      V.close(), ($ = l.value) == null || $.focus();
     }
     function x() {
       if (w.value) {
@@ -915,25 +980,27 @@ const Je = {
       }
       D();
     }
-    function $(k) {
-      (k.key === "ArrowDown" || k.key === "Enter" || k.key === " ") && (k.preventDefault(), D({ focusFirstItem: !0 }));
+    function k($) {
+      ($.key === "ArrowDown" || $.key === "Enter" || $.key === " ") && ($.preventDefault(), D({ focusFirstItem: !0 }));
     }
-    function J(k) {
-      var ge, be, ke, $e;
-      const Y = a(), _e = Y.findIndex((Ie) => Ie === document.activeElement);
-      if (k.key === "ArrowDown") {
-        k.preventDefault(), (ge = Y[(_e + 1 + Y.length) % Y.length]) == null || ge.focus();
+    function J($) {
+      var ge, be, $e, ke;
+      const Y = a(), _e = Y.findIndex(
+        (Ie) => Ie === document.activeElement
+      );
+      if ($.key === "ArrowDown") {
+        $.preventDefault(), (ge = Y[(_e + 1 + Y.length) % Y.length]) == null || ge.focus();
         return;
       }
-      if (k.key === "ArrowUp") {
-        k.preventDefault(), (be = Y[(_e - 1 + Y.length) % Y.length]) == null || be.focus();
+      if ($.key === "ArrowUp") {
+        $.preventDefault(), (be = Y[(_e - 1 + Y.length) % Y.length]) == null || be.focus();
         return;
       }
-      if (k.key === "Home") {
-        k.preventDefault(), (ke = Y[0]) == null || ke.focus();
+      if ($.key === "Home") {
+        $.preventDefault(), ($e = Y[0]) == null || $e.focus();
         return;
       }
-      k.key === "End" && (k.preventDefault(), ($e = Y[Y.length - 1]) == null || $e.focus());
+      $.key === "End" && ($.preventDefault(), (ke = Y[Y.length - 1]) == null || ke.focus());
     }
     function ie() {
       e.closeOnSelect && M();
@@ -948,13 +1015,13 @@ const Je = {
         event: "click"
       }
     ), fe(
-      (k) => {
-        w.value && (k.preventDefault(), M());
+      ($) => {
+        w.value && ($.preventDefault(), M());
       },
       {
         enabled: w
       }
-    ), (k, Y) => (c(), m("div", Vt, [
+    ), ($, Y) => (c(), m("div", Bt, [
       T("div", {
         id: h(g),
         ref_key: "triggerRef",
@@ -965,13 +1032,13 @@ const Je = {
         "aria-haspopup": "menu",
         tabindex: "0",
         onClick: x,
-        onKeydown: $
+        onKeydown: k
       }, [
-        B(k.$slots, "trigger", {
+        B($.$slots, "trigger", {
           open: h(w),
           toggle: x
         })
-      ], 40, xt),
+      ], 40, Et),
       (c(), q(le, {
         to: E.value,
         disabled: v.value
@@ -1001,18 +1068,18 @@ const Je = {
                 style: W(z.value),
                 "aria-hidden": "true"
               }, null, 6),
-              B(k.$slots, "default", {
+              B($.$slots, "default", {
                 close: M,
                 open: h(w)
               })
-            ], 46, Ct)) : O("", !0)
+            ], 46, Ot)) : O("", !0)
           ]),
           _: 3
         })
       ], 8, ["to", "disabled"]))
     ]));
   }
-}), Bt = ["value", "aria-invalid"], En = /* @__PURE__ */ L({
+}), Dt = ["value", "aria-invalid"], In = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfInput",
   props: {
@@ -1036,9 +1103,9 @@ const Je = {
       class: r.value,
       value: e.modelValue,
       "aria-invalid": e.invalid || void 0
-    }, h(l), { onInput: u }), null, 16, Bt));
+    }, h(l), { onInput: u }), null, 16, Dt));
   }
-}), On = /* @__PURE__ */ L({
+}), Ln = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfLink",
   props: {
@@ -1077,22 +1144,22 @@ const Je = {
       _: 3
     }, 16));
   }
-}), Et = { class: "vf-nav-menu__node" }, Ot = { class: "vf-nav-menu__item-content" }, Dt = { class: "vf-nav-menu__group-label" }, At = ["aria-expanded", "disabled"], It = { class: "vf-nav-menu__item-content" }, Lt = {
+}), 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 = {
   key: 0,
   class: "vf-nav-menu__leading-icon",
   "aria-hidden": "true"
-}, St = { class: "vf-nav-menu__label" }, zt = { class: "vf-nav-menu__item-content" }, Mt = {
+}, Pt = { class: "vf-nav-menu__label" }, Nt = { class: "vf-nav-menu__item-content" }, Ft = {
   key: 0,
   class: "vf-nav-menu__leading-icon",
   "aria-hidden": "true"
-}, Pt = { class: "vf-nav-menu__label" }, Nt = ["aria-current", "disabled"], Ft = { class: "vf-nav-menu__item-content" }, Rt = {
+}, Rt = { class: "vf-nav-menu__label" }, Ht = ["aria-current", "disabled"], Kt = { class: "vf-nav-menu__item-content" }, jt = {
   key: 0,
   class: "vf-nav-menu__leading-icon",
   "aria-hidden": "true"
-}, Ht = { class: "vf-nav-menu__label" }, Kt = {
+}, qt = { class: "vf-nav-menu__label" }, Wt = {
   key: 4,
   class: "vf-nav-menu__list vf-nav-menu__list--nested"
-}, jt = { class: "vf-nav-menu__list vf-nav-menu__list--nested" }, qt = /* @__PURE__ */ L({
+}, Ut = { class: "vf-nav-menu__list vf-nav-menu__list--nested" }, Yt = /* @__PURE__ */ L({
   name: "VfNavMenuItemNode",
   __name: "VfNavMenuItemNode",
   props: {
@@ -1107,7 +1174,11 @@ const Je = {
     const e = t, i = n, l = s(() => {
       var f;
       return !!((f = e.item.children) != null && f.length);
-    }), r = s(() => e.item.kind === "group"), u = s(() => e.expandedValues.includes(e.item.value)), p = s(() => e.activeValue === e.item.value), g = 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 ? {
+    }), r = s(() => e.item.kind === "group"), u = s(
+      () => e.expandedValues.includes(e.item.value)
+    ), p = s(() => e.activeValue === e.item.value), g = 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 ? {
       to: e.item.to,
       target: e.item.target,
       rel: v.value
@@ -1162,33 +1233,37 @@ const Je = {
       a.style.transition = "", a.style.overflow = "", a.style.height = "", a.style.opacity = "";
     }
     return (f, a) => {
-      const C = Re("VfNavMenuItemNode", !0);
-      return c(), m("li", Et, [
+      const C = He("VfNavMenuItemNode", !0);
+      return c(), m("li", At, [
         r.value ? (c(), m("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) })
         }, [
-          T("span", Ot, [
-            T("span", Dt, F(t.item.label), 1)
+          T("span", It, [
+            T("span", Lt, F(t.item.label), 1)
           ])
         ], 6)) : l.value ? (c(), m("button", {
           key: 1,
-          class: P(["vf-nav-menu__item", "vf-nav-menu__item--branch", u.value && "vf-nav-menu__item--expanded"]),
+          class: P([
+            "vf-nav-menu__item",
+            "vf-nav-menu__item--branch",
+            u.value && "vf-nav-menu__item--expanded"
+          ]),
           style: W({ "--vf-nav-menu-level": String(t.level) }),
           "aria-expanded": u.value,
           disabled: t.item.disabled,
           type: "button",
           onClick: V
         }, [
-          T("span", It, [
-            t.item.leadingIcon ? (c(), m("span", Lt, [
+          T("span", zt, [
+            t.item.leadingIcon ? (c(), m("span", Mt, [
               j(h(te), {
                 icon: t.item.leadingIcon,
                 size: "1rem"
               }, null, 8, ["icon"])
             ])) : O("", !0),
-            T("span", St, F(t.item.label), 1)
+            T("span", Pt, F(t.item.label), 1)
           ]),
           T("span", {
             class: P(["vf-nav-menu__icon", u.value && "vf-nav-menu__icon--open"]),
@@ -1199,44 +1274,52 @@ const Je = {
               size: "0.875rem"
             }, null, 8, ["icon"])
           ], 2)
-        ], 14, At)) : g.value ? (c(), q(re(b.value), H({ key: 2 }, E.value, {
-          class: ["vf-nav-menu__item", p.value && "vf-nav-menu__item--active", t.item.disabled && "vf-nav-menu__item--disabled"],
+        ], 14, St)) : g.value ? (c(), q(re(b.value), H({ key: 2 }, E.value, {
+          class: [
+            "vf-nav-menu__item",
+            p.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,
           onClick: w
         }), {
           default: Q(() => [
-            T("span", zt, [
-              t.item.leadingIcon ? (c(), m("span", Mt, [
+            T("span", Nt, [
+              t.item.leadingIcon ? (c(), m("span", Ft, [
                 j(h(te), {
                   icon: t.item.leadingIcon,
                   size: "1rem"
                 }, null, 8, ["icon"])
               ])) : O("", !0),
-              T("span", Pt, F(t.item.label), 1)
+              T("span", Rt, F(t.item.label), 1)
             ])
           ]),
           _: 1
         }, 16, ["class", "style", "aria-current"])) : (c(), m("button", {
           key: 3,
-          class: P(["vf-nav-menu__item", p.value && "vf-nav-menu__item--active", t.item.disabled && "vf-nav-menu__item--disabled"]),
+          class: P([
+            "vf-nav-menu__item",
+            p.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,
           disabled: t.item.disabled,
           type: "button",
           onClick: a[0] || (a[0] = (D) => w())
         }, [
-          T("span", Ft, [
-            t.item.leadingIcon ? (c(), m("span", Rt, [
+          T("span", Kt, [
+            t.item.leadingIcon ? (c(), m("span", jt, [
               j(h(te), {
                 icon: t.item.leadingIcon,
                 size: "1rem"
               }, null, 8, ["icon"])
             ])) : O("", !0),
-            T("span", Ht, F(t.item.label), 1)
+            T("span", qt, F(t.item.label), 1)
           ])
-        ], 14, Nt)),
-        l.value && r.value ? (c(), m("ul", Kt, [
+        ], 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,
@@ -1259,9 +1342,12 @@ const Je = {
           default: Q(() => [
             u.value ? (c(), m("div", {
               key: 0,
-              class: P(["vf-nav-menu__collapse", `vf-nav-menu__collapse--level-${t.level}`])
+              class: P([
+                "vf-nav-menu__collapse",
+                `vf-nav-menu__collapse--level-${t.level}`
+              ])
             }, [
-              T("ul", jt, [
+              T("ul", Ut, [
                 (c(!0), m(ue, null, ce(t.item.children, (D) => (c(), q(C, {
                   key: D.value,
                   item: D,
@@ -1280,7 +1366,7 @@ const Je = {
       ]);
     };
   }
-}), Wt = ["aria-label"], Ut = { class: "vf-nav-menu__list" }, Dn = /* @__PURE__ */ L({
+}), Xt = ["aria-label"], Gt = { class: "vf-nav-menu__list" }, Sn = /* @__PURE__ */ L({
   __name: "VfNavMenu",
   props: {
     items: {},
@@ -1293,12 +1379,18 @@ const Je = {
   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);
-      });
+      return o.some(
+        (f) => {
+          var a;
+          return y(f) || ((a = f.children) != null && a.length ? p(f.children, y) : !1);
+        }
+      );
     }
-    const g = s(() => p(e.items, (o) => o.kind === "group")), b = s(() => p(e.items, (o) => !!o.leadingIcon)), v = s(() => !g.value && !b.value);
+    const g = s(
+      () => p(e.items, (o) => o.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);
@@ -1311,7 +1403,10 @@ const Je = {
         if (C.value === y)
           return f;
         if ((a = C.children) != null && a.length) {
-          const D = V(C.children, y, [...f, C.value]);
+          const D = V(C.children, y, [
+            ...f,
+            C.value
+          ]);
           if (D.length)
             return D;
         }
@@ -1320,7 +1415,9 @@ const Je = {
     }
     function w() {
       const o = V(e.items, r.value);
-      u.value = Array.from(/* @__PURE__ */ new Set([...u.value, ...o]));
+      u.value = Array.from(
+        /* @__PURE__ */ new Set([...u.value, ...o])
+      );
     }
     function I(o, y) {
       var D;
@@ -1340,17 +1437,26 @@ const Je = {
       e.modelValue === void 0 && (l.value = o), i("update:modelValue", o), i("change", o);
     }
     function d(o) {
-      z(o.value), u.value = Array.from(/* @__PURE__ */ new Set([...u.value, ...V(e.items, o.value)])), i("select", o);
+      z(o.value), u.value = Array.from(
+        /* @__PURE__ */ new Set([
+          ...u.value,
+          ...V(e.items, o.value)
+        ])
+      ), i("select", o);
     }
     function _(o) {
       const { value: y, parentPath: f } = o;
       if (u.value.includes(y)) {
-        u.value = u.value.filter((a) => a !== y);
+        u.value = u.value.filter(
+          (a) => a !== y
+        );
         return;
       }
       if (e.expandMode === "single") {
         const C = I(e.items, f).filter((D) => D.value !== y && E(D)).flatMap((D) => S([D]));
-        u.value = u.value.filter((D) => !C.includes(D));
+        u.value = u.value.filter(
+          (D) => !C.includes(D)
+        );
       }
       u.value = [...u.value, y];
     }
@@ -1364,8 +1470,8 @@ const Je = {
       class: P(["vf-nav-menu", v.value && "vf-nav-menu--simple"]),
       "aria-label": t.ariaLabel
     }, [
-      T("ul", Ut, [
-        (c(!0), m(ue, null, ce(t.items, (f) => (c(), q(qt, {
+      T("ul", Gt, [
+        (c(!0), m(ue, null, ce(t.items, (f) => (c(), q(Yt, {
           key: f.value,
           item: f,
           level: 0,
@@ -1376,9 +1482,9 @@ const Je = {
           onSelect: d
         }, null, 8, ["item", "active-value", "expanded-values"]))), 128))
       ])
-    ], 10, Wt));
+    ], 10, Xt));
   }
-}), Yt = { key: 0 }, Xt = { class: "vf-panel__title" }, An = /* @__PURE__ */ L({
+}), Qt = { key: 0 }, Jt = { class: "vf-panel__title" }, zn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfPanel",
   props: {
@@ -1386,17 +1492,19 @@ const Je = {
     subtle: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t, e = R(), i = s(() => N("vf-panel", n.subtle && "vf-panel--subtle"));
+    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", Yt, [
+      n.title || l.$slots.header ? (c(), m("header", Qt, [
         B(l.$slots, "header", {}, () => [
-          T("h3", Xt, F(n.title), 1)
+          T("h3", Jt, F(n.title), 1)
         ])
       ])) : O("", !0),
       B(l.$slots, "default")
     ], 16));
   }
-}), Gt = { class: "vf-popover" }, Qt = ["id", "aria-controls", "aria-expanded"], Jt = ["id", "aria-labelledby"], In = /* @__PURE__ */ L({
+}), Zt = { class: "vf-popover" }, en = ["id", "aria-controls", "aria-expanded"], tn = ["id", "aria-labelledby"], Mn = /* @__PURE__ */ L({
   __name: "VfPopover",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1412,31 +1520,40 @@ const Je = {
     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 = {
       enter: U.fast,
       leave: U.fast
-    }, v = 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({
+    }, v = 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({
       defaultOpen: e.defaultOpen,
       open: s(() => e.open),
-      onOpenChange: ($) => {
-        i("update:open", $), i("openChange", $);
+      onOpenChange: (k) => {
+        i("update:open", k), i("openChange", k);
       }
     }), w = V.isOpen, I = s(
       () => e.placement === "bottom-end" ? ["bottom-end", "top-end"] : ["bottom-start", "top-start"]
-    ), { placement: S, middlewareData: z, styles: d } = ye(l, r, {
+    ), {
+      placement: S,
+      middlewareData: z,
+      styles: d
+    } = ye(l, r, {
       enabled: w,
       placement: s(() => e.placement),
       middleware: s(
-        () => [ve(10), pe({ placements: I.value }), me(), u.value ? he(u.value) : void 0].filter(
-          ($) => $ !== void 0
-        )
+        () => [
+          ve(10),
+          pe({ placements: I.value }),
+          me(),
+          u.value ? he(u.value) : void 0
+        ].filter((k) => k !== void 0)
       ),
       strategy: "fixed"
     }), _ = s(() => [
       "vf-popover__content",
       S.value.startsWith("top") && "vf-popover__content--top"
     ]), o = s(() => {
-      const $ = z.value.arrow;
+      const k = z.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: (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`,
@@ -1448,9 +1565,11 @@ const Je = {
     async function a() {
       var J, ie;
       await ae();
-      const $ = (J = r.value) == null ? void 0 : J.querySelector("[autofocus], [data-autofocus]");
-      if ($) {
-        $.focus();
+      const k = (J = r.value) == null ? void 0 : J.querySelector(
+        "[autofocus], [data-autofocus]"
+      );
+      if (k) {
+        k.focus();
         return;
       }
       (ie = r.value) == null || ie.focus();
@@ -1459,8 +1578,8 @@ const Je = {
       V.open(), a();
     }
     function D() {
-      var $;
-      V.close(), ($ = l.value) == null || $.focus();
+      var k;
+      V.close(), (k = l.value) == null || k.focus();
     }
     function M() {
       if (w.value) {
@@ -1469,8 +1588,8 @@ const Je = {
       }
       C();
     }
-    function x($) {
-      ($.key === "Enter" || $.key === " ") && ($.preventDefault(), M()), $.key === "ArrowDown" && ($.preventDefault(), C());
+    function x(k) {
+      (k.key === "Enter" || k.key === " ") && (k.preventDefault(), M()), k.key === "ArrowDown" && (k.preventDefault(), C());
     }
     return Oe(
       [l, r],
@@ -1482,13 +1601,13 @@ const Je = {
         event: "click"
       }
     ), fe(
-      ($) => {
-        !w.value || !e.closeOnEscape || ($.preventDefault(), D());
+      (k) => {
+        !w.value || !e.closeOnEscape || (k.preventDefault(), D());
       },
       {
         enabled: w
       }
-    ), ($, J) => (c(), m("div", Gt, [
+    ), (k, J) => (c(), m("div", Zt, [
       T("div", {
         id: h(g),
         ref_key: "triggerRef",
@@ -1501,11 +1620,11 @@ const Je = {
         onClick: M,
         onKeydown: x
       }, [
-        B($.$slots, "trigger", {
+        B(k.$slots, "trigger", {
           open: h(w),
           toggle: M
         })
-      ], 40, Qt),
+      ], 40, en),
       (c(), q(le, {
         to: E.value,
         disabled: v.value
@@ -1534,21 +1653,21 @@ const Je = {
                 style: W(y.value),
                 "aria-hidden": "true"
               }, null, 6),
-              B($.$slots, "default", {
+              B(k.$slots, "default", {
                 open: h(w),
                 close: D
               })
-            ], 14, Jt)) : O("", !0)
+            ], 14, tn)) : O("", !0)
           ]),
           _: 3
         })
       ], 8, ["to", "disabled"]))
     ]));
   }
-}), Zt = ["checked", "disabled", "value", "aria-invalid"], en = {
+}), nn = ["checked", "disabled", "value", "aria-invalid"], an = {
   key: 0,
   class: "vf-radio__content"
-}, Ln = /* @__PURE__ */ L({
+}, Pn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfRadio",
   props: {
@@ -1570,7 +1689,11 @@ const Je = {
         e.disabled && "vf-radio--disabled",
         l.class
       )
-    ), p = s(() => l.style), g = s(() => Object.fromEntries(Object.entries(l).filter(([v]) => v !== "class" && v !== "style")));
+    ), p = s(() => l.style), g = s(
+      () => Object.fromEntries(
+        Object.entries(l).filter(([v]) => v !== "class" && v !== "style")
+      )
+    );
     function b(v) {
       v.target.checked && (i("update:modelValue", e.value), i("change", e.value));
     }
@@ -1585,24 +1708,24 @@ const Je = {
         disabled: e.disabled,
         value: e.value,
         "aria-invalid": e.invalid || void 0
-      }, g.value, { onChange: b }), null, 16, Zt),
+      }, g.value, { onChange: b }), null, 16, nn),
       E[0] || (E[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", en, [
+      t.label || v.$slots.default ? (c(), m("span", an, [
         B(v.$slots, "default", {}, () => [
           oe(F(t.label), 1)
         ])
       ])) : O("", !0)
     ], 6));
   }
-}), tn = ["checked", "disabled"], nn = {
+}), on = ["checked", "disabled"], ln = {
   key: 0,
   class: "vf-switch__content"
-}, Sn = /* @__PURE__ */ L({
+}, Nn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfSwitch",
   props: {
@@ -1621,7 +1744,11 @@ const Je = {
         e.disabled && "vf-switch--disabled",
         l.class
       )
-    ), u = s(() => l.style), p = s(() => Object.fromEntries(Object.entries(l).filter(([b]) => b !== "class" && b !== "style")));
+    ), u = s(() => l.style), p = 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);
@@ -1636,21 +1763,21 @@ const Je = {
         role: "switch",
         checked: e.modelValue,
         disabled: e.disabled
-      }, p.value, { onChange: g }), null, 16, tn),
+      }, p.value, { onChange: g }), null, 16, on),
       v[0] || (v[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", nn, [
+      t.label || b.$slots.default ? (c(), m("span", ln, [
         B(b.$slots, "default", {}, () => [
           oe(F(t.label), 1)
         ])
       ])) : O("", !0)
     ], 6));
   }
-}), zn = /* @__PURE__ */ L({
+}), Fn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfTag",
   props: {
@@ -1664,11 +1791,11 @@ const Je = {
       B(l.$slots, "default")
     ], 16));
   }
-}), an = { class: "vf-tabs" }, on = {
+}), sn = { class: "vf-tabs" }, rn = {
   class: "vf-tabs__list",
   role: "tablist",
   "aria-orientation": "horizontal"
-}, ln = ["id", "aria-controls", "aria-selected", "disabled", "tabindex", "onClick", "onKeydown"], sn = ["id", "aria-labelledby"], Mn = /* @__PURE__ */ L({
+}, un = ["id", "aria-controls", "aria-selected", "disabled", "tabindex", "onClick", "onKeydown"], cn = ["id", "aria-labelledby"], Rn = /* @__PURE__ */ L({
   __name: "VfTabs",
   props: {
     items: {},
@@ -1677,14 +1804,20 @@ const Je = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: n }) {
-    const e = t, i = n, l = G({ prefix: "vf-tabs" }), r = A([]), u = s(() => {
-      var d;
-      return (d = e.items.find((_) => !_.disabled)) == null ? void 0 : d.value;
-    }), p = A(e.defaultValue ?? u.value), g = s(() => e.modelValue !== void 0), b = s(() => e.modelValue ?? p.value ?? u.value);
+    const e = t, i = n, l = G({ prefix: "vf-tabs" }), r = A([]), u = s(
+      () => {
+        var d;
+        return (d = e.items.find((_) => !_.disabled)) == null ? void 0 : d.value;
+      }
+    ), p = A(e.defaultValue ?? u.value), g = s(() => e.modelValue !== void 0), b = s(
+      () => e.modelValue ?? p.value ?? u.value
+    );
     Z(
       () => e.items,
       (d) => {
-        !d.some((o) => o.value === b.value && !o.disabled) && u.value && v(u.value);
+        !d.some(
+          (o) => o.value === b.value && !o.disabled
+        ) && u.value && v(u.value);
       },
       { deep: !0 }
     );
@@ -1703,7 +1836,9 @@ const Je = {
       (o = r.value[_]) == null || o.focus();
     }
     function I(d, _) {
-      const o = V(), y = o.findIndex((f) => f.value === _.value);
+      const o = V(), y = o.findIndex(
+        (f) => f.value === _.value
+      );
       if (y !== -1) {
         if (d.key === "ArrowRight" || d.key === "ArrowDown") {
           d.preventDefault();
@@ -1736,8 +1871,8 @@ const Je = {
     function z(d) {
       return `${l.value}-panel-${d}`;
     }
-    return (d, _) => (c(), m("div", an, [
-      T("div", on, [
+    return (d, _) => (c(), m("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,
@@ -1754,7 +1889,7 @@ const Je = {
           type: "button",
           onClick: (f) => E(o),
           onKeydown: (f) => I(f, o)
-        }, F(o.label), 41, ln))), 128))
+        }, F(o.label), 41, un))), 128))
       ]),
       b.value ? (c(), m("div", {
         key: 0,
@@ -1765,10 +1900,10 @@ const Je = {
         tabindex: "0"
       }, [
         B(d.$slots, "panel", Ve(xe({ activeValue: b.value })))
-      ], 8, sn)) : O("", !0)
+      ], 8, cn)) : O("", !0)
     ]));
   }
-}), rn = ["value", "aria-invalid"], Pn = /* @__PURE__ */ L({
+}), dn = ["value", "aria-invalid"], Hn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VfTextarea",
   props: {
@@ -1792,9 +1927,9 @@ const Je = {
       class: r.value,
       value: e.modelValue,
       "aria-invalid": e.invalid || void 0
-    }, h(l), { onInput: u }), null, 16, rn));
+    }, h(l), { onInput: u }), null, 16, dn));
   }
-}), un = ["aria-describedby"], cn = ["id"], Nn = /* @__PURE__ */ L({
+}), fn = ["aria-describedby"], vn = ["id"], Kn = /* @__PURE__ */ L({
   __name: "VfTooltip",
   props: {
     text: { default: void 0 },
@@ -1807,26 +1942,30 @@ const Je = {
     const n = t, e = A(!1), i = G({ prefix: "vf-tooltip" }), l = A(null), r = A(null), u = A(null), p = A(null), g = {
       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, styles: w, cleanup: I } = ye(
-      r,
-      u,
-      {
-        enabled: e,
-        placement: s(() => n.placement),
-        middleware: s(
-          () => [ve(10), pe({ placements: ["top", "bottom"] }), me(), p.value ? he(p.value) : void 0].filter(
-            (a) => a !== void 0
-          )
-        ),
-        strategy: "fixed"
-      }
-    ), S = s(
-      () => [
-        "vf-tooltip__content",
-        E.value.startsWith("bottom") && "vf-tooltip__content--bottom",
-        E.value.startsWith("top") && "vf-tooltip__content--top"
-      ]
-    ), z = s(() => {
+    }, 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,
+      styles: w,
+      cleanup: I
+    } = ye(r, u, {
+      enabled: e,
+      placement: s(() => n.placement),
+      middleware: s(
+        () => [
+          ve(10),
+          pe({ placements: ["top", "bottom"] }),
+          me(),
+          p.value ? he(p.value) : void 0
+        ].filter((a) => a !== void 0)
+      ),
+      strategy: "fixed"
+    }), S = 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;
       return {
         x: (a == null ? void 0 : a.x) !== void 0 && (a == null ? void 0 : a.baseX) !== void 0 ? a.x - a.baseX : 0,
@@ -1863,7 +2002,7 @@ const Je = {
         "aria-describedby": e.value ? h(i) : void 0
       }, [
         B(a.$slots, "default")
-      ], 8, un),
+      ], 8, fn),
       (c(), q(le, {
         to: v.value,
         disabled: b.value
@@ -1893,7 +2032,7 @@ const Je = {
                 style: W(_.value),
                 "aria-hidden": "true"
               }, null, 6)
-            ], 14, cn)) : O("", !0)
+            ], 14, vn)) : O("", !0)
           ]),
           _: 3
         })
@@ -1902,39 +2041,39 @@ const Je = {
   }
 });
 export {
-  gn as VfAccordion,
-  bn as VfAlert,
-  kn as VfBadge,
-  $n as VfButton,
-  wn as VfCard,
-  Tn as VfCheckbox,
-  xn as VfDialog,
-  Cn as VfDivider,
-  Vn as VfDrawer,
-  Bn as VfDropdown,
+  wn as VfAccordion,
+  Tn as VfAlert,
+  Vn as VfBadge,
+  xn as VfButton,
+  Cn as VfCard,
+  Bn as VfCheckbox,
+  On as VfDialog,
+  Dn as VfDivider,
+  En as VfDrawer,
+  An as VfDropdown,
   Ae as VfIconButton,
-  En as VfInput,
-  On as VfLink,
-  Dn as VfNavMenu,
-  An as VfPanel,
-  In as VfPopover,
-  Ln as VfRadio,
-  Sn as VfSwitch,
-  Mn as VfTabs,
-  zn as VfTag,
-  Pn as VfTextarea,
-  yn as VfThemeProvider,
-  Nn as VfTooltip,
-  hn as VueForge,
-  Hn as createThemePreset,
-  je as createVueForge,
-  hn as default,
-  Kn as defaultThemePreset,
-  qn as toMaxWidthQuery,
-  Wn as toMinWidthQuery,
-  Un as useBreakpoint,
-  Yn as useBreakpointValue,
-  Xn as useBreakpoints,
+  In as VfInput,
+  Ln as VfLink,
+  Sn as VfNavMenu,
+  zn as VfPanel,
+  Mn as VfPopover,
+  Pn as VfRadio,
+  Nn as VfSwitch,
+  Rn as VfTabs,
+  Fn as VfTag,
+  Hn as VfTextarea,
+  $n as VfThemeProvider,
+  Kn as VfTooltip,
+  bn as VueForge,
+  Wn as createThemePreset,
+  Ue as createVueForge,
+  bn as default,
+  Fe as defaultThemePreset,
+  Yn as toMaxWidthQuery,
+  Xn as toMinWidthQuery,
+  Gn as useBreakpoint,
+  Qn as useBreakpointValue,
+  Jn as useBreakpoints,
   Oe as useClickOutside,
   se as useDisclosure,
   fe as useEscapeKey,
@@ -1942,6 +2081,6 @@ export {
   De as useFocusTrap,
   G as useId,
   Ce as useScrollLock,
-  _n as useTheme,
-  Gn as vfBreakpoints
+  kn as useTheme,
+  Zn as vfBreakpoints
 };