@codemonster-ru/vueforge 0.17.0 → 0.18.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as Y, ref as M, computed as g, watch as oe, resolveComponent as je, openBlock as b, createElementBlock as y, normalizeClass as I, renderSlot as z, Fragment as pe, createTextVNode as re, toDisplayString as K, createBlock as ae, withCtx as me, createCommentVNode as D, createElementVNode as B, renderList as Be, withKeys as ee, withModifiers as J, unref as ke, createVNode as Ge, useSlots as Xe, nextTick as ze, onMounted as Le, onBeforeUnmount as we, Teleport as $e, withDirectives as he, vShow as ye, provide as qe, inject as We, reactive as lt, createSlots as nt } from "vue";
+import { defineComponent as N, ref as M, computed as g, watch as oe, resolveComponent as Ge, openBlock as b, createElementBlock as y, normalizeClass as I, renderSlot as $, Fragment as pe, createTextVNode as Z, toDisplayString as E, createBlock as re, withCtx as he, createCommentVNode as F, createElementVNode as B, renderList as Be, withKeys as te, withModifiers as Q, unref as ke, createVNode as je, useSlots as Xe, nextTick as ze, onMounted as Le, onBeforeUnmount as we, Teleport as $e, withDirectives as be, vShow as me, provide as qe, inject as Oe, reactive as lt, createSlots as nt } from "vue";
 import { useRoute as st, useRouter as it } from "vue-router";
 import { CmIcon as Ce } from "@codemonster-ru/vueiconify";
-const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ Y({
+const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ N({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -30,7 +30,7 @@ const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ Y({
     return oe(i, (f) => {
       f && (r("active"), r("onActive")), r("update:active", f);
     }), (f, w) => {
-      const C = je("router-link");
+      const C = Ge("router-link");
       return l.value === "a" ? (b(), y("a", {
         key: 0,
         href: c.value,
@@ -39,10 +39,10 @@ const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ Y({
         tabindex: f.disabled ? -1 : void 0,
         onClick: p
       }, [
-        f.$slots.default ? z(f.$slots, "default", { key: 0 }) : (b(), y(pe, { key: 1 }, [
-          re(K(f.label), 1)
+        f.$slots.default ? $(f.$slots, "default", { key: 0 }) : (b(), y(pe, { key: 1 }, [
+          Z(E(f.label), 1)
         ], 64))
-      ], 10, dt)) : (b(), ae(C, {
+      ], 10, dt)) : (b(), re(C, {
         key: 1,
         ref_key: "link",
         ref: s,
@@ -54,9 +54,9 @@ const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ Y({
         "exact-active-class": "vf-link_active",
         onClick: p
       }, {
-        default: me(() => [
-          f.$slots.default ? z(f.$slots, "default", { key: 0 }) : (b(), y(pe, { key: 1 }, [
-            re(K(f.label), 1)
+        default: he(() => [
+          f.$slots.default ? $(f.$slots, "default", { key: 0 }) : (b(), y(pe, { key: 1 }, [
+            Z(E(f.label), 1)
           ], 64))
         ]),
         _: 3
@@ -84,17 +84,17 @@ const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ Y({
 function gt(t, e) {
   return b(), y("div", vt, [
     t.$slots.default ? (b(), y("div", ft, [
-      z(t.$slots, "default")
-    ])) : D("", !0),
+      $(t.$slots, "default")
+    ])) : F("", !0),
     t.$slots.header ? (b(), y("div", pt, [
-      z(t.$slots, "header")
-    ])) : D("", !0),
+      $(t.$slots, "header")
+    ])) : F("", !0),
     t.$slots.body ? (b(), y("div", bt, [
-      z(t.$slots, "body")
-    ])) : D("", !0),
+      $(t.$slots, "body")
+    ])) : F("", !0),
     t.$slots.footer ? (b(), y("div", mt, [
-      z(t.$slots, "footer")
-    ])) : D("", !0)
+      $(t.$slots, "footer")
+    ])) : F("", !0)
   ]);
 }
 const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
@@ -104,7 +104,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, kt = ["aria-expanded", "onClick", "onKeydown"], ka = /* @__PURE__ */ Y({
+}, kt = ["aria-expanded", "onClick", "onKeydown"], Fa = /* @__PURE__ */ N({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -135,7 +135,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
       },
       { deep: !0, immediate: !0 }
     ), (n, i) => {
-      const v = je("VfMenu");
+      const v = Ge("VfMenu");
       return b(), y("div", {
         class: I(["vf-menu", `vf-menu_${n.orientation}`])
       }, [
@@ -145,7 +145,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
             class: "vf-menu__item",
             role: "none"
           }, [
-            n.$slots[u(p, f)] ? z(n.$slots, u(p, f), {
+            n.$slots[u(p, f)] ? $(n.$slots, u(p, f), {
               key: 0,
               item: { ...p, class: "vf-menu__link" }
             }) : p.separator ? (b(), y("hr", _t)) : p.items && p.items.length ? (b(), y(pe, { key: 2 }, [
@@ -156,25 +156,25 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
                 "aria-expanded": p.subMenuVisible ? "true" : "false",
                 onClick: (w) => l(p),
                 onKeydown: [
-                  ee(J((w) => l(p), ["prevent"]), ["enter"]),
-                  ee(J((w) => l(p), ["prevent"]), ["space"])
+                  te(Q((w) => l(p), ["prevent"]), ["enter"]),
+                  te(Q((w) => l(p), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (b(), ae(ke(Ce), {
+                p.icon ? (b(), re(ke(Ce), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : D("", !0),
-                re(" " + K(p.label) + " ", 1),
-                Ge(ke(Ce), { icon: "chevronDown" })
+                }, null, 8, ["icon"])) : F("", !0),
+                Z(" " + E(p.label) + " ", 1),
+                je(ke(Ce), { icon: "chevronDown" })
               ], 42, kt),
-              p.items ? (b(), ae(v, {
+              p.items ? (b(), re(v, {
                 key: 0,
                 items: p.items,
                 class: I(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
                 onOnActive: d
-              }, null, 8, ["items", "class"])) : D("", !0)
-            ], 64)) : (b(), ae(Ue, {
+              }, null, 8, ["items", "class"])) : F("", !0)
+            ], 64)) : (b(), re(Ue, {
               key: 3,
               to: p.to,
               href: p.href ?? p.url,
@@ -187,13 +187,13 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
               onClick: (w) => l(p),
               onActive: (w) => d(p)
             }, {
-              default: me(() => [
-                p.icon ? (b(), ae(ke(Ce), {
+              default: he(() => [
+                p.icon ? (b(), re(ke(Ce), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : D("", !0),
-                re(" " + K(p.label), 1)
+                }, null, 8, ["icon"])) : F("", !0),
+                Z(" " + E(p.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
       ], 2);
     };
   }
-}), Ct = ["type", "disabled"], Ca = /* @__PURE__ */ Y({
+}), Ct = ["type", "disabled"], Sa = /* @__PURE__ */ N({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -231,27 +231,27 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
       class: I(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (b(), ae(ke(Ce), {
+      e.icon && !e.loading ? (b(), re(ke(Ce), {
         key: 0,
         icon: e.icon,
         class: I(l.value)
-      }, null, 8, ["icon", "class"])) : D("", !0),
-      e.loading ? (b(), ae(ke(Ce), {
+      }, null, 8, ["icon", "class"])) : F("", !0),
+      e.loading ? (b(), re(ke(Ce), {
         key: 1,
         icon: "circleNotch",
         class: I(l.value),
         spin: ""
-      }, null, 8, ["class"])) : D("", !0),
+      }, null, 8, ["class"])) : F("", !0),
       n.$slots.default ? (b(), y("span", {
         key: 2,
         class: I(d.value)
       }, [
-        z(n.$slots, "default")
+        $(n.$slots, "default")
       ], 2)) : n.label ? (b(), y("span", {
         key: 3,
         class: I(d.value)
-      }, K(n.label), 3)) : D("", !0)
-    ], 10, Ct)) : (b(), ae(Ue, {
+      }, E(n.label), 3)) : F("", !0)
+    ], 10, Ct)) : (b(), re(Ue, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
@@ -259,21 +259,21 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
       class: I(c.value),
       disabled: e.loading || e.disabled
     }, {
-      default: me(() => [
-        e.icon ? (b(), ae(ke(Ce), {
+      default: he(() => [
+        e.icon ? (b(), re(ke(Ce), {
           key: 0,
           icon: e.icon,
           class: I(l.value)
-        }, null, 8, ["icon", "class"])) : D("", !0),
+        }, null, 8, ["icon", "class"])) : F("", !0),
         n.$slots.default ? (b(), y("span", {
           key: 1,
           class: I(d.value)
         }, [
-          z(n.$slots, "default")
+          $(n.$slots, "default")
         ], 2)) : n.label ? (b(), y("span", {
           key: 2,
           class: I(d.value)
-        }, K(n.label), 3)) : D("", !0)
+        }, E(n.label), 3)) : F("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
@@ -284,7 +284,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
 }, $t = ["type", "value", "placeholder", "disabled", "readonly"], xt = {
   key: 1,
   class: "vf-input__suffix"
-}, wa = /* @__PURE__ */ Y({
+}, Va = /* @__PURE__ */ N({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -308,8 +308,8 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
       class: I(a.value)
     }, [
       d.$slots.prefix ? (b(), y("span", wt, [
-        z(d.$slots, "prefix")
-      ])) : D("", !0),
+        $(d.$slots, "prefix")
+      ])) : F("", !0),
       B("input", {
         class: "vf-input__control",
         type: d.type,
@@ -323,15 +323,15 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
         onBlur: l
       }, null, 40, $t),
       d.$slots.suffix ? (b(), y("span", xt, [
-        z(d.$slots, "suffix")
-      ])) : D("", !0)
+        $(d.$slots, "suffix")
+      ])) : F("", !0)
     ], 2));
   }
 }), Bt = ["for"], zt = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Ft = { class: "vf-form-field__control" }, St = ["id"], Vt = ["id"], $a = /* @__PURE__ */ Y({
+}, Ft = { class: "vf-form-field__control" }, St = ["id"], Vt = ["id"], Ta = /* @__PURE__ */ N({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -358,13 +358,13 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
         class: "vf-form-field__label",
         for: a.value
       }, [
-        z(v.$slots, "label", {}, () => [
-          re(K(v.label), 1)
+        $(v.$slots, "label", {}, () => [
+          Z(E(v.label), 1)
         ]),
-        v.required ? (b(), y("span", zt, "*")) : D("", !0)
-      ], 8, Bt)) : D("", !0),
+        v.required ? (b(), y("span", zt, "*")) : F("", !0)
+      ], 8, Bt)) : F("", !0),
       B("div", Ft, [
-        z(v.$slots, "default", {
+        $(v.$slots, "default", {
           id: a.value,
           describedBy: n.value,
           invalid: d.value,
@@ -376,23 +376,23 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
         id: u.value,
         class: "vf-form-field__hint"
       }, [
-        z(v.$slots, "hint", {}, () => [
-          re(K(v.hint), 1)
+        $(v.$slots, "hint", {}, () => [
+          Z(E(v.hint), 1)
         ])
-      ], 8, St)) : D("", !0),
+      ], 8, St)) : F("", !0),
       d.value ? (b(), y("p", {
         key: 2,
         id: s.value,
         class: "vf-form-field__error",
         role: "alert"
       }, [
-        z(v.$slots, "error", {}, () => [
-          re(K(v.error), 1)
+        $(v.$slots, "error", {}, () => [
+          Z(E(v.error), 1)
         ])
-      ], 8, Vt)) : D("", !0)
+      ], 8, Vt)) : F("", !0)
     ], 2));
   }
-}), Tt = ["value", "placeholder", "disabled", "readonly", "rows"], xa = /* @__PURE__ */ Y({
+}), Tt = ["value", "placeholder", "disabled", "readonly", "rows"], La = /* @__PURE__ */ N({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -455,8 +455,8 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
 function Lt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be = (t, e) => Rt(t, e) === "fixed", se = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, u = e ? be(r, e) : !1;
+const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge = (t, e) => Rt(t, e) === "fixed", se = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, u = e ? ge(r, e) : !1;
   if (a && !u) {
     const s = a.getBoundingClientRect(), c = a.scrollLeft, l = a.scrollTop;
     return {
@@ -472,15 +472,15 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     width: o.width,
     height: o.height
   };
-}, ge = (t, e) => {
+}, ye = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Ze = (t, e) => !!ge(t, e), Dt = (t) => {
+}, Ze = (t, e) => !!ye(t, e), Dt = (t) => {
   const e = ue(t);
   let r = "";
   return e !== null && ((e.dataset.scrollTop === void 0 || e.scrollTop === +e.dataset.scrollTop) && (e.dataset.scrollTop = "0"), (e.dataset.scrollLeft === void 0 || e.scrollLeft === +e.dataset.scrollLeft) && (e.dataset.scrollLeft = "0"), e.scrollTop > +e.dataset.scrollTop ? r = "bottom" : e.scrollTop < +e.dataset.scrollTop ? r = "top" : e.scrollLeft > +e.dataset.scrollLeft ? r = "right" : e.scrollLeft < +e.dataset.scrollLeft && (r = "left"), e.dataset.scrollTop = e.scrollTop <= 0 ? "0" : e.scrollTop.toString(), e.dataset.scrollLeft = e.scrollLeft <= 0 ? "0" : e.scrollLeft.toString()), r;
 }, Fe = (t) => t.scrollLeft + t.clientWidth, Se = (t) => t.scrollTop + t.clientHeight, ie = (t, e, r = null, o = {}, a) => {
-  if (r === null && typeof window < "u" && be(o, e))
+  if (r === null && typeof window < "u" && ge(o, e))
     return t;
   let u = 0;
   if (r === null) {
@@ -490,7 +490,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   return t - u;
 }, de = (t, e, r = null, o = {}, a) => {
   let u;
-  if (r === null && typeof window < "u" && be(o, e))
+  if (r === null && typeof window < "u" && ge(o, e))
     u = window.innerWidth;
   else if (r === null) {
     const s = ue(e);
@@ -500,7 +500,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   return -(t + e.clientWidth - u);
 }, ve = (t, e, r = null, o = {}, a) => {
   let u;
-  if (r === null && typeof window < "u" && be(o, e))
+  if (r === null && typeof window < "u" && ge(o, e))
     u = window.innerHeight;
   else if (r === null) {
     const s = ue(e);
@@ -509,7 +509,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     u = r.getBoundingClientRect().height;
   return -(t + e.clientHeight - u);
 }, ce = (t, e, r = null, o = {}, a) => {
-  if (r === null && typeof window < "u" && be(o, e))
+  if (r === null && typeof window < "u" && ge(o, e))
     return t;
   let u = 0;
   if (r === null) {
@@ -526,7 +526,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   reference: u,
   scrollDirection: s
 }) => {
-  const c = Ve(u, o, a, t), l = ge(t, "offset");
+  const c = Ve(u, o, a, t), l = ye(t, "offset");
   if (l) {
     const d = l.fn({
       x: c.x,
@@ -567,67 +567,67 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       placement: c
     }, v = {
       ...o,
-      middleware: (n = o.middleware) == null ? void 0 : n.filter((S) => S.name !== "shift")
+      middleware: (n = o.middleware) == null ? void 0 : n.filter((V) => V.name !== "shift")
     }, p = (t == null ? void 0 : t.placements) ?? Ae, f = !(t != null && t.placements), w = f ? Ae : p;
     let C = !1;
-    const F = (S) => {
+    const S = (V) => {
       if (C)
         return;
-      const O = Ke({
+      const W = Ke({
         options: v,
         primaryX: a,
         primaryY: u,
         floating: s,
-        placement: S,
+        placement: V,
         reference: l,
         scrollDirection: d
       });
-      O && (i.x = O.x, i.y = O.y, i.placement = O.placement, C = !0);
-    }, E = Jt(l, s, v);
-    if (!f && p.includes(c) && F(c), C || w.forEach(F), !C) {
-      const S = p.reduce(
-        (O, V) => {
-          const T = Ke({
+      W && (i.x = W.x, i.y = W.y, i.placement = W.placement, C = !0);
+    }, H = Jt(l, s, v);
+    if (!f && p.includes(c) && S(c), C || w.forEach(S), !C) {
+      const V = p.reduce(
+        (W, T) => {
+          const L = Ke({
             options: v,
             primaryX: a,
             primaryY: u,
             floating: s,
-            placement: V,
+            placement: T,
             reference: l,
             scrollDirection: d
           });
-          if (!T)
-            return O;
-          const H = xe(V), L = E[H];
-          return !O || L > O.space ? { result: T, space: L } : O;
+          if (!L)
+            return W;
+          const A = xe(T), R = H[A];
+          return !W || R > W.space ? { result: L, space: R } : W;
         },
         null
       );
-      S && (i.x = S.result.x, i.y = S.result.y, i.placement = S.result.placement, C = !0);
+      V && (i.x = V.result.x, i.y = V.result.y, i.placement = V.result.placement, C = !0);
     }
     if (!C && p.length > 0) {
-      const S = xe(c);
-      let O = S, V = E[S];
+      const V = xe(c);
+      let W = V, T = H[V];
       p.forEach((_) => {
-        const m = xe(_), $ = E[m];
-        $ > V && (V = $, O = m);
+        const m = xe(_), x = H[m];
+        x > T && (T = x, W = m);
       });
-      const T = Zt(O, c, p), H = Ve(l, s, T, v), L = ge(v, "offset");
-      if (L) {
-        const _ = L.fn({
-          x: H.x,
-          y: H.y,
+      const L = Zt(W, c, p), A = Ve(l, s, L, v), R = ye(v, "offset");
+      if (R) {
+        const _ = R.fn({
+          x: A.x,
+          y: A.y,
           options: v,
           primaryX: a,
           primaryY: u,
           floating: s,
-          placement: T,
+          placement: L,
           reference: l,
           scrollDirection: d
         });
-        H.x = _.x, H.y = _.y;
+        A.x = _.x, A.y = _.y;
       }
-      i.x = H.x, i.y = H.y, i.placement = H.placement;
+      i.x = A.x, i.y = A.y, i.placement = A.placement;
     }
     return i;
   }
@@ -635,7 +635,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   var u, s, c;
   let l = 0;
   o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
-  const d = ge(e, "arrow"), n = ge(e, "shift");
+  const d = ye(e, "arrow"), n = ye(e, "shift");
   if (d) {
     const i = ((u = d.params) == null ? void 0 : u.arrow).getBoundingClientRect();
     o.startsWith("right") ? l -= i.width / 2 : o.startsWith("left") && (l += i.width / 2);
@@ -651,7 +651,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   var u, s, c;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
-  const d = ge(e, "arrow"), n = ge(e, "shift");
+  const d = ye(e, "arrow"), n = ye(e, "shift");
   if (d) {
     const i = ((u = d.params) == null ? void 0 : u.arrow).getBoundingClientRect();
     o.startsWith("top") ? l += i.height / 2 : o.startsWith("bottom") && (l -= i.height / 2);
@@ -660,7 +660,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     let i = null, v = 0;
     n && (i = (s = n.params) == null ? void 0 : s.parent);
     const p = (c = d.params) == null ? void 0 : c.arrow;
-    v = p.getBoundingClientRect().height / 2, v += Ot(p), v -= t, o.startsWith("top") ? ie(r - l, a, i, e) <= t ? ie(r, a, i, e) >= 0 ? l = -(t - ie(r, a, i, e)) : l = -t : ve(r - l + v, a, i, e) <= t && (l = t + ve(r - v, a, i, e), l <= t && (l = t)) : o.startsWith("bottom") ? ie(r - l - v, a, i, e) <= t ? ie(r - l - v, a, i, e) >= 0 ? (l = -t - (ie(r - l - v, a, i, e) + t), i && (l = -t)) : l = -t : ve(r - l, a, i, e) <= t && (ve(r, a, i, e) >= 0 ? l = t - ve(r, a, i, e) : l = t) : ie(r - l, a, i, e) <= t ? ie(r - l, a, i, e) >= 0 ? l = -(t - ie(r - l, a, i, e)) : l = -t : ve(r - l, a, i, e) <= t && (ve(r - l, a, i, e) >= 0 ? l = t - ve(r - l, a, i, e) : l = t);
+    v = p.getBoundingClientRect().height / 2, v += Wt(p), v -= t, o.startsWith("top") ? ie(r - l, a, i, e) <= t ? ie(r, a, i, e) >= 0 ? l = -(t - ie(r, a, i, e)) : l = -t : ve(r - l + v, a, i, e) <= t && (l = t + ve(r - v, a, i, e), l <= t && (l = t)) : o.startsWith("bottom") ? ie(r - l - v, a, i, e) <= t ? ie(r - l - v, a, i, e) >= 0 ? (l = -t - (ie(r - l - v, a, i, e) + t), i && (l = -t)) : l = -t : ve(r - l, a, i, e) <= t && (ve(r, a, i, e) >= 0 ? l = t - ve(r, a, i, e) : l = t) : ie(r - l, a, i, e) <= t ? ie(r - l, a, i, e) >= 0 ? l = -(t - ie(r - l, a, i, e)) : l = -t : ve(r - l, a, i, e) <= t && (ve(r - l, a, i, e) >= 0 ? l = t - ve(r - l, a, i, e) : l = t);
   }
   return l;
 }, De = (t) => ({
@@ -697,27 +697,27 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       x: e,
       y: r,
       placement: c
-    }, i = o.middleware || [], v = i.findIndex(($) => $.name === "shift"), p = i.findIndex(($) => $.name === "offset"), f = p !== -1 && (v === -1 || p > v), w = i.find(($) => $.name === "offset"), C = w ? (d = w.params) == null ? void 0 : d.value : 0, F = f ? Je(C, o, a, c, s) : 0, E = f ? Qe(C, o, u, c, s) : 0, S = e - F, O = r - E;
-    let V = S, T = O;
-    const H = w ? Math.abs(C) : 0, L = H, _ = H;
-    if (be(o, s) && typeof window < "u") {
-      const $ = L, A = window.innerWidth - s.clientWidth - L, j = A < $ ? $ : A, G = _, Q = window.innerHeight - s.clientHeight - _, N = Q < G ? G : Q;
-      V < $ ? V = $ : V > j && (V = j), T < G ? T = G : T > N && (T = N), f ? (n.x = e + (V - S), n.y = r + (T - O)) : (n.x = V, n.y = T);
-      const te = L, X = window.innerWidth - s.clientWidth - L, le = _, h = window.innerHeight - s.clientHeight - _, R = f ? te + F : te, W = f ? X + F : X, Z = f ? le + E : le, k = f ? h + E : h;
-      return n.x < R ? n.x = R : n.x > W && (n.x = W), n.y < Z ? n.y = Z : n.y > k && (n.y = k), n;
+    }, i = o.middleware || [], v = i.findIndex((x) => x.name === "shift"), p = i.findIndex((x) => x.name === "offset"), f = p !== -1 && (v === -1 || p > v), w = i.find((x) => x.name === "offset"), C = w ? (d = w.params) == null ? void 0 : d.value : 0, S = f ? Je(C, o, a, c, s) : 0, H = f ? Qe(C, o, u, c, s) : 0, V = e - S, W = r - H;
+    let T = V, L = W;
+    const A = w ? Math.abs(C) : 0, R = A, _ = A;
+    if (ge(o, s) && typeof window < "u") {
+      const x = R, K = window.innerWidth - s.clientWidth - R, G = K < x ? x : K, j = _, ee = window.innerHeight - s.clientHeight - _, Y = ee < j ? j : ee;
+      T < x ? T = x : T > G && (T = G), L < j ? L = j : L > Y && (L = Y), f ? (n.x = e + (T - V), n.y = r + (L - W)) : (n.x = T, n.y = L);
+      const ae = R, X = window.innerWidth - s.clientWidth - R, le = _, h = window.innerHeight - s.clientHeight - _, D = f ? ae + S : ae, O = f ? X + S : X, J = f ? le + H : le, k = f ? h + H : h;
+      return n.x < D ? n.x = D : n.x > O && (n.x = O), n.y < J ? n.y = J : n.y > k && (n.y = k), n;
     }
     const m = ue(s);
     if (m !== null) {
-      const $ = se(l, s, o), A = $.left, j = $.left + $.width, G = $.top, Q = $.top + $.height, N = m.scrollLeft + L, te = Fe(m) - s.clientWidth - L, X = te < N ? N : te, le = m.scrollTop + _, h = Se(m) - s.clientHeight - _, R = h < le ? le : h, W = m.scrollLeft, Z = Fe(m), k = m.scrollTop, x = Se(m);
-      j <= W ? V = N : A >= Z && (V = X), Q <= k ? T = le : G >= x && (T = R), T < le ? T = le : T > R && (T = R), V < N ? V = N : V > X && (V = X);
+      const x = se(l, s, o), K = x.left, G = x.left + x.width, j = x.top, ee = x.top + x.height, Y = m.scrollLeft + R, ae = Fe(m) - s.clientWidth - R, X = ae < Y ? Y : ae, le = m.scrollTop + _, h = Se(m) - s.clientHeight - _, D = h < le ? le : h, O = m.scrollLeft, J = Fe(m), k = m.scrollTop, z = Se(m);
+      G <= O ? T = Y : K >= J && (T = X), ee <= k ? L = le : j >= z && (L = D), L < le ? L = le : L > D && (L = D), T < Y ? T = Y : T > X && (T = X);
     }
-    if (f ? (n.x = e + (V - S), n.y = r + (T - O)) : (n.x = V, n.y = T), m !== null) {
-      const $ = m.scrollLeft + L, A = Fe(m) - s.clientWidth - L, j = m.scrollTop + _, G = Se(m) - s.clientHeight - _, Q = f ? $ + F : $, N = f ? A + F : A, te = f ? j + E : j, X = f ? G + E : G;
-      n.x < Q ? n.x = Q : n.x > N && (n.x = N), n.y < te ? n.y = te : n.y > X && (n.y = X);
+    if (f ? (n.x = e + (T - V), n.y = r + (L - W)) : (n.x = T, n.y = L), m !== null) {
+      const x = m.scrollLeft + R, K = Fe(m) - s.clientWidth - R, G = m.scrollTop + _, j = Se(m) - s.clientHeight - _, ee = f ? x + S : x, Y = f ? K + S : K, ae = f ? G + H : G, X = f ? j + H : j;
+      n.x < ee ? n.x = ee : n.x > Y && (n.x = Y), n.y < ae ? n.y = ae : n.y > X && (n.y = X);
     }
     return n;
   }
-}), Pt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Ot = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Ie = (t, e) => {
+}), Pt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Wt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Ie = (t, e) => {
   const r = ue(t), o = [];
   if (r !== null) {
     const a = () => e();
@@ -732,7 +732,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     a.observe(t), o.push(() => a.disconnect());
   }
   return () => o.forEach((a) => a());
-}, Wt = (t, e, r = {}) => {
+}, Ot = (t, e, r = {}) => {
   const o = se(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
@@ -788,14 +788,14 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     y: o.top + o.height,
     placement: "bottom-start"
   };
-}, jt = (t, e, r = {}) => {
+}, Gt = (t, e, r = {}) => {
   const o = se(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
-}, Gt = (t, e, r = {}) => {
+}, jt = (t, e, r = {}) => {
   const o = se(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
@@ -819,7 +819,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 }, Ve = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return Wt(t, e, o);
+      return Ot(t, e, o);
     case "top-start":
       return Mt(t, e, o);
     case "top-end":
@@ -835,9 +835,9 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     case "bottom-start":
       return Yt(t, e, o);
     case "bottom-end":
-      return jt(t, e, o);
-    case "left":
       return Gt(t, e, o);
+    case "left":
+      return jt(t, e, o);
     case "left-start":
       return Xt(t, e, o);
     case "left-end":
@@ -850,7 +850,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       };
   }
 }, Ut = (t, e, r, o = {}) => {
-  if (be(o, e)) {
+  if (ge(o, e)) {
     if (typeof window > "u")
       return !0;
     const i = t.x, v = t.y, p = i + e.clientWidth, f = v + e.clientHeight;
@@ -875,7 +875,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       bottom: 0,
       left: 0
     };
-  const o = be(r, e) ? null : ue(t), a = t.getBoundingClientRect(), u = o ? o.getBoundingClientRect() : {
+  const o = ge(r, e) ? null : ue(t), a = t.getBoundingClientRect(), u = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -911,15 +911,15 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     });
     c.x = C.x, c.y = C.y, c.placement = C.placement, w.name === "arrow" && (C.baseX = C.x, C.baseY = C.y, C.x = C.arrowX ?? C.x, C.y = C.arrowY ?? C.y), c.middlewareData[w.name] = C;
   });
-  const v = Ve(t, e, c.placement, r), p = ge(r, "offset"), f = p ? (u = p.params) == null ? void 0 : u.value : 0;
+  const v = Ve(t, e, c.placement, r), p = ye(r, "offset"), f = p ? (u = p.params) == null ? void 0 : u.value : 0;
   if (Number.isFinite(c.x) || (c.x = v.x), !Number.isFinite(c.y))
-    if (be(r, e)) {
+    if (ge(r, e)) {
       const w = t.getBoundingClientRect(), C = e.getBoundingClientRect().height;
       c.placement.startsWith("top") ? c.y = w.top - C - f : c.placement.startsWith("bottom") ? c.y = w.bottom + f : c.y = v.y;
     } else
       c.y = v.y;
   o(c);
-}), Qt = ["disabled", "aria-expanded", "onKeydown"], eo = ["data-placement"], to = ["disabled", "aria-selected", "onClick"], Ba = /* @__PURE__ */ Y({
+}), Qt = ["disabled", "aria-expanded", "onKeydown"], eo = ["data-placement"], to = ["disabled", "aria-selected", "onClick"], Ra = /* @__PURE__ */ N({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -946,46 +946,46 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     }), C = g(() => {
       const m = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
       return a.size !== "normal" && m.push(`vf-select_${a.size}`), a.disabled && m.push("vf-select_disabled"), m.filter(Boolean);
-    }), F = (m) => m.value === a.modelValue, E = (m) => {
-      m.disabled || (o("update:modelValue", m.value), o("change", m.value), V());
-    }, S = (m) => o("focus", m), O = (m) => o("blur", m), V = () => {
+    }), S = (m) => m.value === a.modelValue, H = (m) => {
+      m.disabled || (o("update:modelValue", m.value), o("change", m.value), T());
+    }, V = (m) => o("focus", m), W = (m) => o("blur", m), T = () => {
       l.value = !1, d.value = "bottom", n.value = "bottom";
-    }, T = () => {
+    }, L = () => {
       a.disabled || (l.value = !l.value, l.value && (d.value = "bottom", n.value = "bottom"));
-    }, H = async () => {
-      var m, $;
-      l.value || (l.value = !0, await ze()), ($ = (m = c.value) == null ? void 0 : m.querySelector(".vf-select__option:not(.is-disabled)")) == null || $.focus();
-    }, L = (m) => {
-      var A;
+    }, A = async () => {
+      var m, x;
+      l.value || (l.value = !0, await ze()), (x = (m = c.value) == null ? void 0 : m.querySelector(".vf-select__option:not(.is-disabled)")) == null || x.focus();
+    }, R = (m) => {
+      var K;
       if (!l.value || !u.value)
         return;
-      const $ = m.target;
-      u.value.contains($) || (A = c.value) != null && A.contains($) || V();
+      const x = m.target;
+      u.value.contains(x) || (K = c.value) != null && K.contains(x) || T();
     }, _ = () => {
       if (!s.value || !c.value)
         return;
-      const m = s.value, $ = c.value, A = async () => {
+      const m = s.value, x = c.value, K = async () => {
         const {
-          x: N,
-          y: te,
+          x: Y,
+          y: ae,
           placement: X
-        } = await Pe(m, $, {
+        } = await Pe(m, x, {
           placement: d.value,
           strategy: "fixed",
           middleware: [De(2), Re({ placements: ["bottom", "top"] })]
         });
-        n.value = X ?? d.value, $.style.minWidth = `${m.getBoundingClientRect().width}px`, $.style.left = `${N}px`, $.style.top = `${te}px`;
-      }, j = async () => {
-        await A();
-      }, G = Ie(m, () => {
-        j();
-      }), Q = () => {
-        j();
+        n.value = X ?? d.value, x.style.minWidth = `${m.getBoundingClientRect().width}px`, x.style.left = `${Y}px`, x.style.top = `${ae}px`;
+      }, G = async () => {
+        await K();
+      }, j = Ie(m, () => {
+        G();
+      }), ee = () => {
+        G();
       };
-      document.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q, !1), v = {
-        update: j,
+      document.addEventListener("scroll", ee, !0), window.addEventListener("resize", ee, !1), v = {
+        update: G,
         destroy: () => {
-          G(), document.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q, !1);
+          j(), document.removeEventListener("scroll", ee, !0), window.removeEventListener("resize", ee, !1);
         }
       }, v.update();
     };
@@ -1002,10 +1002,10 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       },
       { deep: !0 }
     ), Le(() => {
-      document.addEventListener("click", L);
+      document.addEventListener("click", R);
     }), we(() => {
-      document.removeEventListener("click", L), v == null || v.destroy(), v = null;
-    }), (m, $) => (b(), y("div", {
+      document.removeEventListener("click", R), v == null || v.destroy(), v = null;
+    }), (m, x) => (b(), y("div", {
       ref_key: "root",
       ref: u,
       class: I(C.value)
@@ -1019,25 +1019,25 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         "aria-expanded": l.value,
         "aria-controls": i,
         "aria-haspopup": "listbox",
-        onClick: T,
+        onClick: L,
         onKeydown: [
-          ee(J(H, ["prevent"]), ["down"]),
-          ee(J(T, ["prevent"]), ["enter"]),
-          ee(J(V, ["prevent"]), ["esc"])
+          te(Q(A, ["prevent"]), ["down"]),
+          te(Q(L, ["prevent"]), ["enter"]),
+          te(Q(T, ["prevent"]), ["esc"])
         ],
-        onFocus: S,
-        onBlur: O
+        onFocus: V,
+        onBlur: W
       }, [
         B("span", {
           class: I(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
-        }, K(w.value || m.placeholder), 3),
-        $[0] || ($[0] = B("span", {
+        }, E(w.value || m.placeholder), 3),
+        x[0] || (x[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Qt),
-      (b(), ae($e, { to: "body" }, [
-        he(B("div", {
+      (b(), re($e, { to: "body" }, [
+        be(B("div", {
           id: i,
           ref_key: "panel",
           ref: c,
@@ -1045,17 +1045,17 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
           role: "listbox",
           "data-placement": n.value
         }, [
-          (b(!0), y(pe, null, Be(p.value, (A) => (b(), y("button", {
-            key: A.value,
-            class: I(["vf-select__option", { "is-active": F(A), "is-disabled": A.disabled }]),
+          (b(!0), y(pe, null, Be(p.value, (K) => (b(), y("button", {
+            key: K.value,
+            class: I(["vf-select__option", { "is-active": S(K), "is-disabled": K.disabled }]),
             type: "button",
             role: "option",
-            disabled: A.disabled,
-            "aria-selected": F(A),
-            onClick: (j) => E(A)
-          }, K(A.label), 11, to))), 128))
+            disabled: K.disabled,
+            "aria-selected": S(K),
+            onClick: (G) => H(K)
+          }, E(K.label), 11, to))), 128))
         ], 8, eo), [
-          [ye, l.value]
+          [me, l.value]
         ])
       ]))
     ], 2));
@@ -1066,7 +1066,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 }, no = ["id", "disabled", "aria-selected", "onClick"], so = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, za = /* @__PURE__ */ Y({
+}, Da = /* @__PURE__ */ N({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1092,33 +1092,33 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       label: h[a.optionLabel],
       value: h[a.optionValue],
       disabled: h.disabled
-    }))), C = g(() => w.value.find((h) => h.value === a.modelValue)), F = g(() => {
+    }))), C = g(() => w.value.find((h) => h.value === a.modelValue)), S = g(() => {
       if (!a.filter)
         return w.value;
       const h = d.value.trim().toLowerCase();
-      return h ? w.value.filter((R) => R.label.toLowerCase().includes(h)) : w.value;
-    }), E = g(() => {
+      return h ? w.value.filter((D) => D.label.toLowerCase().includes(h)) : w.value;
+    }), H = g(() => {
       if (!(!l.value || n.value < 0))
-        return O(n.value);
-    }), S = g(() => {
+        return W(n.value);
+    }), V = g(() => {
       const h = ["vf-autocomplete", `vf-autocomplete_${a.variant}`, l.value ? "vf-autocomplete_open" : ""];
       return a.size !== "normal" && h.push(`vf-autocomplete_${a.size}`), a.disabled && h.push("vf-autocomplete_disabled"), h.filter(Boolean);
-    }), O = (h) => `${p}-option-${h}`, V = (h) => h.value === a.modelValue, T = () => F.value.findIndex((h) => !h.disabled), H = (h) => {
-      const R = F.value;
-      if (!R.length) {
+    }), W = (h) => `${p}-option-${h}`, T = (h) => h.value === a.modelValue, L = () => S.value.findIndex((h) => !h.disabled), A = (h) => {
+      const D = S.value;
+      if (!D.length) {
         n.value = -1;
         return;
       }
-      let W = n.value;
-      (W < 0 || W >= R.length) && (W = h > 0 ? -1 : R.length);
-      for (let Z = 0; Z < R.length; Z += 1)
-        if (W = (W + h + R.length) % R.length, !R[W].disabled) {
-          n.value = W;
+      let O = n.value;
+      (O < 0 || O >= D.length) && (O = h > 0 ? -1 : D.length);
+      for (let J = 0; J < D.length; J += 1)
+        if (O = (O + h + D.length) % D.length, !D[O].disabled) {
+          n.value = O;
           return;
         }
       n.value = -1;
-    }, L = () => {
-      a.disabled || (l.value = !0, i.value = "bottom", v.value = "bottom", n.value < 0 && (n.value = T()));
+    }, R = () => {
+      a.disabled || (l.value = !0, i.value = "bottom", v.value = "bottom", n.value < 0 && (n.value = L()));
     }, _ = () => {
       l.value = !1, n.value = -1, i.value = "bottom", v.value = "bottom";
     }, m = () => {
@@ -1126,66 +1126,66 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         _();
         return;
       }
-      L();
-    }, $ = (h) => {
+      R();
+    }, x = (h) => {
       h.disabled || (d.value = h.label, o("update:modelValue", h.value), o("change", h.value), _());
-    }, A = (h) => {
-      const R = h.target;
-      d.value = R.value, o("search", R.value), L(), n.value = T();
-    }, j = (h) => {
-      o("focus", h), L();
+    }, K = (h) => {
+      const D = h.target;
+      d.value = D.value, o("search", D.value), R(), n.value = L();
     }, G = (h) => {
+      o("focus", h), R();
+    }, j = (h) => {
       o("blur", h);
-    }, Q = () => {
+    }, ee = () => {
       if (!l.value) {
-        L();
+        R();
         return;
       }
-      H(1);
-    }, N = () => {
+      A(1);
+    }, Y = () => {
       if (!l.value) {
-        L();
+        R();
         return;
       }
-      H(-1);
-    }, te = () => {
+      A(-1);
+    }, ae = () => {
       if (!l.value) {
-        L();
+        R();
         return;
       }
-      const h = F.value[n.value];
-      h && !h.disabled && $(h);
+      const h = S.value[n.value];
+      h && !h.disabled && x(h);
     }, X = (h) => {
-      var W;
+      var O;
       if (!l.value || !u.value)
         return;
-      const R = h.target;
-      u.value.contains(R) || (W = c.value) != null && W.contains(R) || _();
+      const D = h.target;
+      u.value.contains(D) || (O = c.value) != null && O.contains(D) || _();
     }, le = () => {
       if (!s.value || !c.value)
         return;
-      const h = s.value, R = c.value, W = async () => {
+      const h = s.value, D = c.value, O = async () => {
         const {
           x: P,
           y: q,
           placement: ne
-        } = await Pe(h, R, {
+        } = await Pe(h, D, {
           placement: i.value,
           strategy: "fixed",
           middleware: [De(2), Re({ placements: ["bottom", "top"] })]
         });
-        v.value = ne ?? i.value, R.style.minWidth = `${h.getBoundingClientRect().width}px`, R.style.left = `${P}px`, R.style.top = `${q}px`;
-      }, Z = async () => {
-        await W();
+        v.value = ne ?? i.value, D.style.minWidth = `${h.getBoundingClientRect().width}px`, D.style.left = `${P}px`, D.style.top = `${q}px`;
+      }, J = async () => {
+        await O();
       }, k = Ie(h, () => {
-        Z();
-      }), x = () => {
-        Z();
+        J();
+      }), z = () => {
+        J();
       };
-      document.addEventListener("scroll", x, !0), window.addEventListener("resize", x, !1), f = {
-        update: Z,
+      document.addEventListener("scroll", z, !0), window.addEventListener("resize", z, !1), f = {
+        update: J,
         destroy: () => {
-          k(), document.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x, !1);
+          k(), document.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z, !1);
         }
       }, f.update();
     };
@@ -1203,8 +1203,8 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         l.value || (d.value = ((h = C.value) == null ? void 0 : h.label) ?? ""), f == null || f.update();
       },
       { deep: !0 }
-    ), oe(F, () => {
-      n.value >= F.value.length && (n.value = T());
+    ), oe(S, () => {
+      n.value >= S.value.length && (n.value = L());
     }), oe(l, async (h) => {
       if (!h) {
         f && (f.destroy(), f = null);
@@ -1215,10 +1215,10 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       document.addEventListener("click", X);
     }), we(() => {
       document.removeEventListener("click", X), f == null || f.destroy(), f = null;
-    }), (h, R) => (b(), y("div", {
+    }), (h, D) => (b(), y("div", {
       ref_key: "root",
       ref: u,
-      class: I(S.value)
+      class: I(V.value)
     }, [
       B("input", {
         ref_key: "control",
@@ -1233,17 +1233,17 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         "aria-expanded": l.value,
         "aria-autocomplete": "list",
         "aria-controls": p,
-        "aria-activedescendant": E.value,
-        onInput: A,
-        onFocus: j,
-        onBlur: G,
-        onClick: L,
+        "aria-activedescendant": H.value,
+        onInput: K,
+        onFocus: G,
+        onBlur: j,
+        onClick: R,
         onKeydown: [
-          ee(J(Q, ["prevent"]), ["down"]),
-          ee(J(N, ["prevent"]), ["up"]),
-          ee(J(te, ["prevent"]), ["enter"]),
-          ee(J(_, ["prevent"]), ["esc"]),
-          ee(_, ["tab"])
+          te(Q(ee, ["prevent"]), ["down"]),
+          te(Q(Y, ["prevent"]), ["up"]),
+          te(Q(ae, ["prevent"]), ["enter"]),
+          te(Q(_, ["prevent"]), ["esc"]),
+          te(_, ["tab"])
         ]
       }, null, 40, oo),
       B("button", {
@@ -1252,12 +1252,12 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         disabled: h.disabled,
         "aria-hidden": "true",
         tabindex: "-1",
-        onMousedown: R[0] || (R[0] = J(() => {
+        onMousedown: D[0] || (D[0] = Q(() => {
         }, ["prevent"])),
         onClick: m
       }, " ▾ ", 40, ao),
-      (b(), ae($e, { to: "body" }, [
-        he(B("div", {
+      (b(), re($e, { to: "body" }, [
+        be(B("div", {
           id: p,
           ref_key: "panel",
           ref: c,
@@ -1265,24 +1265,24 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
           role: "listbox",
           "data-placement": v.value
         }, [
-          h.loading ? (b(), y("div", lo, K(h.loadingText), 1)) : F.value.length > 0 ? (b(!0), y(pe, { key: 1 }, Be(F.value, (W, Z) => (b(), y("button", {
-            id: O(Z),
-            key: W.value,
+          h.loading ? (b(), y("div", lo, E(h.loadingText), 1)) : S.value.length > 0 ? (b(!0), y(pe, { key: 1 }, Be(S.value, (O, J) => (b(), y("button", {
+            id: W(J),
+            key: O.value,
             class: I(["vf-autocomplete__option", {
-              "is-active": V(W),
-              "is-disabled": W.disabled,
-              "is-highlighted": Z === n.value
+              "is-active": T(O),
+              "is-disabled": O.disabled,
+              "is-highlighted": J === n.value
             }]),
             type: "button",
             role: "option",
-            disabled: W.disabled,
-            "aria-selected": V(W),
-            onMousedown: R[1] || (R[1] = J(() => {
+            disabled: O.disabled,
+            "aria-selected": T(O),
+            onMousedown: D[1] || (D[1] = Q(() => {
             }, ["prevent"])),
-            onClick: (k) => $(W)
-          }, K(W.label), 43, no))), 128)) : (b(), y("div", so, K(h.emptyText), 1))
+            onClick: (k) => x(O)
+          }, E(O.label), 43, no))), 128)) : (b(), y("div", so, E(h.emptyText), 1))
         ], 8, ro), [
-          [ye, l.value]
+          [me, l.value]
         ])
       ]))
     ], 2));
@@ -1293,7 +1293,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 }, po = {
   class: "vf-datepicker__days",
   role: "grid"
-}, bo = ["disabled", "data-date", "onClick"], Fa = /* @__PURE__ */ Y({
+}, bo = ["disabled", "data-date", "onClick"], Ia = /* @__PURE__ */ N({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1310,40 +1310,40 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, u = M(null), s = M(null), c = M(null), l = M(!1), d = M("bottom"), n = M("bottom"), i = `vf-datepicker-panel-${++r}`, v = M(X(N(a.modelValue) ?? /* @__PURE__ */ new Date()));
+    const o = e, a = t, u = M(null), s = M(null), c = M(null), l = M(!1), d = M("bottom"), n = M("bottom"), i = `vf-datepicker-panel-${++r}`, v = M(X(Y(a.modelValue) ?? /* @__PURE__ */ new Date()));
     let p = null;
-    const f = g(() => N(a.modelValue)), w = g(() => N(a.min)), C = g(() => N(a.max)), F = g(() => f.value ? f.value.toLocaleDateString(a.locale, {
+    const f = g(() => Y(a.modelValue)), w = g(() => Y(a.min)), C = g(() => Y(a.max)), S = g(() => f.value ? f.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : ""), E = g(() => v.value.toLocaleDateString(a.locale, {
+    }) : ""), H = g(() => v.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "long"
-    })), S = g(() => {
-      const k = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), x = new Date(2026, 0, 4);
+    })), V = g(() => {
+      const k = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), z = new Date(2026, 0, 4);
       return Array.from({ length: 7 }, (P, q) => {
-        const ne = (q + a.firstDayOfWeek) % 7, U = new Date(x);
-        return U.setDate(x.getDate() + ne), k.format(U);
+        const ne = (q + a.firstDayOfWeek) % 7, U = new Date(z);
+        return U.setDate(z.getDate() + ne), k.format(U);
       });
-    }), O = g(() => {
-      const k = R(v.value, a.firstDayOfWeek), x = f.value ? W(f.value) : null, P = W(/* @__PURE__ */ new Date());
+    }), W = g(() => {
+      const k = D(v.value, a.firstDayOfWeek), z = f.value ? O(f.value) : null, P = O(/* @__PURE__ */ new Date());
       return Array.from({ length: 42 }, (q, ne) => {
-        const U = h(k, ne), _e = W(U);
+        const U = h(k, ne), _e = O(U);
         return {
           key: `${_e}-${ne}`,
           iso: _e,
           date: U,
           day: U.getDate(),
           inCurrentMonth: U.getMonth() === v.value.getMonth(),
-          isDisabled: Z(U, w.value, C.value),
-          isSelected: x === _e,
+          isDisabled: J(U, w.value, C.value),
+          isSelected: z === _e,
           isToday: _e === P
         };
       });
-    }), V = g(() => {
+    }), T = g(() => {
       const k = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
       return a.size !== "normal" && k.push(`vf-datepicker_${a.size}`), a.disabled && k.push("vf-datepicker_disabled"), k.filter(Boolean);
-    }), T = (k) => o("focus", k), H = (k) => o("blur", k), L = () => {
+    }), L = (k) => o("focus", k), A = (k) => o("blur", k), R = () => {
       a.disabled || a.readonly || (l.value = !0, d.value = "bottom", n.value = "bottom");
     }, _ = () => {
       l.value = !1, d.value = "bottom", n.value = "bottom";
@@ -1352,36 +1352,36 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         _();
         return;
       }
-      L();
-    }, $ = () => {
+      R();
+    }, x = () => {
       v.value = le(v.value, -1);
-    }, A = () => {
+    }, K = () => {
       v.value = le(v.value, 1);
-    }, j = (k) => {
-      if (a.readonly || Z(k, w.value, C.value))
-        return;
-      const x = W(k);
-      o("update:modelValue", x), o("change", x), _();
     }, G = (k) => {
+      if (a.readonly || J(k, w.value, C.value))
+        return;
+      const z = O(k);
+      o("update:modelValue", z), o("change", z), _();
+    }, j = (k) => {
       var P;
       if (!l.value || !u.value)
         return;
-      const x = k.target;
-      u.value.contains(x) || (P = c.value) != null && P.contains(x) || _();
-    }, Q = () => {
+      const z = k.target;
+      u.value.contains(z) || (P = c.value) != null && P.contains(z) || _();
+    }, ee = () => {
       if (!s.value || !c.value)
         return;
-      const k = s.value, x = c.value, P = async () => {
+      const k = s.value, z = c.value, P = async () => {
         const {
           x: _e,
           y: at,
           placement: rt
-        } = await Pe(k, x, {
+        } = await Pe(k, z, {
           placement: d.value,
           strategy: "fixed",
           middleware: [De(2), Re({ placements: ["bottom", "top"] })]
         });
-        n.value = rt ?? d.value, x.style.left = `${_e}px`, x.style.top = `${at}px`;
+        n.value = rt ?? d.value, z.style.left = `${_e}px`, z.style.top = `${at}px`;
       }, q = async () => {
         await P();
       }, ne = Ie(k, () => {
@@ -1399,8 +1399,8 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     oe(
       () => a.modelValue,
       (k) => {
-        const x = N(k);
-        x && (v.value = X(x));
+        const z = Y(k);
+        z && (v.value = X(z));
       },
       { immediate: !0 }
     ), oe(
@@ -1413,49 +1413,49 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         p && (p.destroy(), p = null);
         return;
       }
-      await ze(), p || Q(), p == null || p.update();
+      await ze(), p || ee(), p == null || p.update();
     }), Le(() => {
-      document.addEventListener("click", G);
+      document.addEventListener("click", j);
     }), we(() => {
-      document.removeEventListener("click", G), p == null || p.destroy(), p = null;
+      document.removeEventListener("click", j), p == null || p.destroy(), p = null;
     });
-    function N(k) {
+    function Y(k) {
       if (!k)
         return null;
-      const x = k.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-      if (!x)
+      const z = k.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (!z)
         return null;
-      const P = Number(x[1]), q = Number(x[2]) - 1, ne = Number(x[3]), U = new Date(P, q, ne);
-      return U.getFullYear() !== P || U.getMonth() !== q || U.getDate() !== ne ? null : te(U);
+      const P = Number(z[1]), q = Number(z[2]) - 1, ne = Number(z[3]), U = new Date(P, q, ne);
+      return U.getFullYear() !== P || U.getMonth() !== q || U.getDate() !== ne ? null : ae(U);
     }
-    function te(k) {
+    function ae(k) {
       return new Date(k.getFullYear(), k.getMonth(), k.getDate());
     }
     function X(k) {
       return new Date(k.getFullYear(), k.getMonth(), 1);
     }
-    function le(k, x) {
-      return new Date(k.getFullYear(), k.getMonth() + x, 1);
+    function le(k, z) {
+      return new Date(k.getFullYear(), k.getMonth() + z, 1);
     }
-    function h(k, x) {
-      return new Date(k.getFullYear(), k.getMonth(), k.getDate() + x);
+    function h(k, z) {
+      return new Date(k.getFullYear(), k.getMonth(), k.getDate() + z);
     }
-    function R(k, x) {
-      const P = X(k), ne = (P.getDay() - x + 7) % 7;
+    function D(k, z) {
+      const P = X(k), ne = (P.getDay() - z + 7) % 7;
       return h(P, -ne);
     }
-    function W(k) {
-      const x = k.getFullYear(), P = `${k.getMonth() + 1}`.padStart(2, "0"), q = `${k.getDate()}`.padStart(2, "0");
-      return `${x}-${P}-${q}`;
+    function O(k) {
+      const z = k.getFullYear(), P = `${k.getMonth() + 1}`.padStart(2, "0"), q = `${k.getDate()}`.padStart(2, "0");
+      return `${z}-${P}-${q}`;
     }
-    function Z(k, x, P) {
-      const q = te(k).getTime();
-      return !!(x && q < x.getTime() || P && q > P.getTime());
+    function J(k, z, P) {
+      const q = ae(k).getTime();
+      return !!(z && q < z.getTime() || P && q > P.getTime());
     }
-    return (k, x) => (b(), y("div", {
+    return (k, z) => (b(), y("div", {
       ref_key: "root",
       ref: u,
-      class: I(V.value)
+      class: I(T.value)
     }, [
       B("button", {
         ref_key: "control",
@@ -1468,54 +1468,54 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         "aria-haspopup": "dialog",
         onClick: m,
         onKeydown: [
-          ee(J(L, ["prevent"]), ["down"]),
-          ee(J(m, ["prevent"]), ["enter"]),
-          ee(J(_, ["prevent"]), ["esc"])
+          te(Q(R, ["prevent"]), ["down"]),
+          te(Q(m, ["prevent"]), ["enter"]),
+          te(Q(_, ["prevent"]), ["esc"])
         ],
-        onFocus: T,
-        onBlur: H
+        onFocus: L,
+        onBlur: A
       }, [
         B("span", {
           class: I(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !f.value }])
-        }, K(F.value || k.placeholder), 3),
-        x[0] || (x[0] = B("span", {
+        }, E(S.value || k.placeholder), 3),
+        z[0] || (z[0] = B("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, io),
-      (b(), ae($e, { to: "body" }, [
-        he(B("div", {
+      (b(), re($e, { to: "body" }, [
+        be(B("div", {
           id: i,
           ref_key: "panel",
           ref: c,
           class: "vf-datepicker__panel",
           role: "dialog",
           "data-placement": n.value,
-          onKeydown: ee(J(_, ["prevent"]), ["esc"])
+          onKeydown: te(Q(_, ["prevent"]), ["esc"])
         }, [
           B("div", uo, [
             B("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Previous month",
-              onClick: $
+              onClick: x
             }, " ‹ "),
-            B("span", vo, K(E.value), 1),
+            B("span", vo, E(H.value), 1),
             B("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Next month",
-              onClick: A
+              onClick: K
             }, " › ")
           ]),
           B("div", fo, [
-            (b(!0), y(pe, null, Be(S.value, (P) => (b(), y("span", {
+            (b(!0), y(pe, null, Be(V.value, (P) => (b(), y("span", {
               key: P,
               class: "vf-datepicker__weekday"
-            }, K(P), 1))), 128))
+            }, E(P), 1))), 128))
           ]),
           B("div", po, [
-            (b(!0), y(pe, null, Be(O.value, (P) => (b(), y("button", {
+            (b(!0), y(pe, null, Be(W.value, (P) => (b(), y("button", {
               key: P.key,
               class: I(["vf-datepicker__day", {
                 "is-outside": !P.inCurrentMonth,
@@ -1525,11 +1525,11 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
               type: "button",
               disabled: P.isDisabled,
               "data-date": P.iso,
-              onClick: (q) => j(P.date)
-            }, K(P.day), 11, bo))), 128))
+              onClick: (q) => G(P.date)
+            }, E(P.day), 11, bo))), 128))
           ])
         ], 40, co), [
-          [ye, l.value]
+          [me, l.value]
         ])
       ]))
     ], 2));
@@ -1537,7 +1537,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 }), mo = ["checked", "disabled"], go = {
   key: 0,
   class: "vf-checkbox__label"
-}, Sa = /* @__PURE__ */ Y({
+}, Pa = /* @__PURE__ */ N({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1566,13 +1566,13 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       }, null, 40, mo),
       c[0] || (c[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
       s.label || s.$slots.default ? (b(), y("span", go, [
-        z(s.$slots, "default", {}, () => [
-          re(K(s.label), 1)
+        $(s.$slots, "default", {}, () => [
+          Z(E(s.label), 1)
         ])
-      ])) : D("", !0)
+      ])) : F("", !0)
     ], 2));
   }
-}), et = Symbol("VueForgeRadioGroup"), ho = ["aria-disabled", "aria-label", "aria-labelledby"], Va = /* @__PURE__ */ Y({
+}), et = Symbol("VueForgeRadioGroup"), ho = ["aria-disabled", "aria-label", "aria-labelledby"], Wa = /* @__PURE__ */ N({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1604,13 +1604,13 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       "aria-label": c.ariaLabel || void 0,
       "aria-labelledby": c.ariaLabelledby || void 0
     }, [
-      z(c.$slots, "default")
+      $(c.$slots, "default")
     ], 10, ho));
   }
 }), yo = ["name", "value", "checked", "disabled"], _o = {
   key: 0,
   class: "vf-radio__label"
-}, Ta = /* @__PURE__ */ Y({
+}, Oa = /* @__PURE__ */ N({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1622,7 +1622,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = We(et, null), u = g(() => a ? a.modelValue.value : o.modelValue), s = g(() => a ? a.name.value : o.name), c = g(() => a ? a.variant.value : o.variant), l = g(() => (a ? a.disabled.value : !1) || o.disabled), d = g(() => u.value === o.value), n = g(() => {
+    const r = e, o = t, a = Oe(et, null), u = g(() => a ? a.modelValue.value : o.modelValue), s = g(() => a ? a.name.value : o.name), c = g(() => a ? a.variant.value : o.variant), l = g(() => (a ? a.disabled.value : !1) || o.disabled), d = g(() => u.value === o.value), n = g(() => {
       const v = ["vf-radio", `vf-radio_${c.value}`];
       return l.value && v.push("vf-radio_disabled"), v;
     }), i = (v) => {
@@ -1642,13 +1642,13 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       }, null, 40, yo),
       p[0] || (p[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
       v.label || v.$slots.default ? (b(), y("span", _o, [
-        z(v.$slots, "default", {}, () => [
-          re(K(v.label), 1)
+        $(v.$slots, "default", {}, () => [
+          Z(E(v.label), 1)
         ])
-      ])) : D("", !0)
+      ])) : F("", !0)
     ], 2));
   }
-}), Me = Symbol("VueForgeTabs"), ko = ["aria-orientation", "aria-label", "aria-labelledby"], Co = { class: "vf-tabs__panels" }, La = /* @__PURE__ */ Y({
+}), Me = Symbol("VueForgeTabs"), ko = ["aria-orientation", "aria-label", "aria-labelledby"], Co = { class: "vf-tabs__panels" }, Ma = /* @__PURE__ */ N({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -1668,15 +1668,15 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     }, i = (f) => {
       if (a.disabled)
         return;
-      const w = a.orientation === "horizontal", C = f.key, F = w ? ["ArrowRight"] : ["ArrowDown"], E = w ? ["ArrowLeft"] : ["ArrowUp"];
-      if (![...F, ...E, "Home", "End"].includes(C))
+      const w = a.orientation === "horizontal", C = f.key, S = w ? ["ArrowRight"] : ["ArrowDown"], H = w ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...S, ...H, "Home", "End"].includes(C))
         return;
-      const S = d();
-      if (!S.length)
+      const V = d();
+      if (!V.length)
         return;
-      const O = S.findIndex((L) => L.getAttribute("aria-selected") === "true"), V = S.findIndex((L) => L === document.activeElement), T = V >= 0 ? V : Math.max(O, 0);
-      let H = T;
-      F.includes(C) ? H = (T + 1) % S.length : E.includes(C) ? H = (T - 1 + S.length) % S.length : C === "Home" ? H = 0 : C === "End" && (H = S.length - 1), f.preventDefault(), n(S[H]);
+      const W = V.findIndex((R) => R.getAttribute("aria-selected") === "true"), T = V.findIndex((R) => R === document.activeElement), L = T >= 0 ? T : Math.max(W, 0);
+      let A = L;
+      S.includes(C) ? A = (L + 1) % V.length : H.includes(C) ? A = (L - 1 + V.length) % V.length : C === "Home" ? A = 0 : C === "End" && (A = V.length - 1), f.preventDefault(), n(V[A]);
     }, v = (f, w) => {
       o("update:modelValue", f), o("change", f, w);
     }, p = {
@@ -1700,14 +1700,14 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         "aria-labelledby": f.ariaLabelledby || void 0,
         onKeydown: i
       }, [
-        z(f.$slots, "tabs")
+        $(f.$slots, "tabs")
       ], 40, ko),
       B("div", Co, [
-        z(f.$slots, "panels")
+        $(f.$slots, "panels")
       ])
     ], 2));
   }
-}), wo = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Ra = /* @__PURE__ */ Y({
+}), wo = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Ea = /* @__PURE__ */ N({
   __name: "tab",
   props: {
     value: {},
@@ -1716,7 +1716,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = We(Me, null), u = g(() => (a == null ? void 0 : a.activeValue.value) === o.value), s = g(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = g(() => a ? a.getTabId(o.value) : void 0), l = g(() => a ? a.getPanelId(o.value) : void 0), d = g(() => s.value ? -1 : u.value ? 0 : -1), n = (i) => {
+    const r = e, o = t, a = Oe(Me, null), u = g(() => (a == null ? void 0 : a.activeValue.value) === o.value), s = g(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = g(() => a ? a.getTabId(o.value) : void 0), l = g(() => a ? a.getPanelId(o.value) : void 0), d = g(() => s.value ? -1 : u.value ? 0 : -1), n = (i) => {
       !a || s.value || (a.onChange(o.value, i), r("change", o.value, i));
     };
     return (i, v) => (b(), y("button", {
@@ -1730,28 +1730,28 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       tabindex: d.value,
       onClick: n
     }, [
-      z(i.$slots, "default", {}, () => [
-        re(K(i.label), 1)
+      $(i.$slots, "default", {}, () => [
+        Z(E(i.label), 1)
       ])
     ], 10, wo));
   }
-}), $o = ["id", "aria-labelledby"], Da = /* @__PURE__ */ Y({
+}), $o = ["id", "aria-labelledby"], Ha = /* @__PURE__ */ N({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(t) {
-    const e = t, r = We(Me, null), o = g(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = g(() => r ? r.getTabId(e.value) : void 0), u = g(() => r ? r.getPanelId(e.value) : void 0);
-    return (s, c) => he((b(), y("div", {
+    const e = t, r = Oe(Me, null), o = g(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = g(() => r ? r.getTabId(e.value) : void 0), u = g(() => r ? r.getPanelId(e.value) : void 0);
+    return (s, c) => be((b(), y("div", {
       id: u.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": a.value
     }, [
-      z(s.$slots, "default")
+      $(s.$slots, "default")
     ], 8, $o)), [
-      [ye, o.value]
+      [me, o.value]
     ]);
   }
 }), xo = ["data-severity"], Bo = { class: "vf-toast__body" }, zo = {
@@ -1760,7 +1760,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 }, Fo = {
   key: 1,
   class: "vf-toast__message"
-}, Ia = /* @__PURE__ */ Y({
+}, Aa = /* @__PURE__ */ N({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1791,19 +1791,19 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
       { immediate: !0 }
     ), we(() => {
       u();
-    }), (l, d) => he((b(), y("div", {
+    }), (l, d) => be((b(), y("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
       B("div", Bo, [
-        l.title ? (b(), y("div", zo, K(l.title), 1)) : D("", !0),
+        l.title ? (b(), y("div", zo, E(l.title), 1)) : F("", !0),
         l.message || l.$slots.default ? (b(), y("div", Fo, [
-          z(l.$slots, "default", {}, () => [
-            re(K(l.message), 1)
+          $(l.$slots, "default", {}, () => [
+            Z(E(l.message), 1)
           ])
-        ])) : D("", !0)
+        ])) : F("", !0)
       ]),
       l.closable ? (b(), y("button", {
         key: 0,
@@ -1811,35 +1811,111 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         type: "button",
         onClick: c
       }, [
-        z(l.$slots, "close", {}, () => [
-          d[0] || (d[0] = re("×"))
+        $(l.$slots, "close", {}, () => [
+          d[0] || (d[0] = Z("×"))
         ])
-      ])) : D("", !0)
+      ])) : F("", !0)
     ], 8, xo)), [
-      [ye, l.modelValue]
+      [me, l.modelValue]
     ]);
   }
-}), Pa = /* @__PURE__ */ Y({
+}), Ka = /* @__PURE__ */ N({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(t) {
     const e = t, r = g(() => `vf-toast-container_${e.position}`);
-    return (o, a) => (b(), ae($e, { to: "body" }, [
+    return (o, a) => (b(), re($e, { to: "body" }, [
       B("div", {
         class: I(["vf-toast-container", r.value]),
         role: "region",
         "aria-live": "polite"
       }, [
-        z(o.$slots, "default")
+        $(o.$slots, "default")
       ], 2)
     ]));
   }
-}), So = ["checked", "disabled"], Vo = {
+}), So = ["data-severity"], Vo = {
+  key: 0,
+  class: "vf-alert__icon",
+  "aria-hidden": "true"
+}, To = { class: "vf-alert__body" }, Lo = {
+  key: 0,
+  class: "vf-alert__title"
+}, Ro = {
+  key: 1,
+  class: "vf-alert__message"
+}, Do = {
+  key: 1,
+  class: "vf-alert__actions"
+}, Na = /* @__PURE__ */ N({
+  __name: "alert",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: "" },
+    message: { default: "" },
+    severity: { default: "neutral" },
+    closable: { type: Boolean, default: !1 },
+    icon: { default: "" }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, a = M(!0), u = g(() => typeof o.modelValue == "boolean"), s = g(() => u.value ? o.modelValue : a.value);
+    oe(
+      () => o.modelValue,
+      (l) => {
+        typeof l == "boolean" && (a.value = l);
+      },
+      { immediate: !0 }
+    );
+    const c = () => {
+      u.value ? r("update:modelValue", !1) : a.value = !1, r("close");
+    };
+    return (l, d) => be((b(), y("div", {
+      class: "vf-alert",
+      role: "alert",
+      "data-severity": l.severity
+    }, [
+      l.$slots.icon || l.icon ? (b(), y("div", Vo, [
+        $(l.$slots, "icon", {}, () => [
+          Z(E(l.icon), 1)
+        ])
+      ])) : F("", !0),
+      B("div", To, [
+        l.title || l.$slots.title ? (b(), y("div", Lo, [
+          $(l.$slots, "title", {}, () => [
+            Z(E(l.title), 1)
+          ])
+        ])) : F("", !0),
+        l.message || l.$slots.default ? (b(), y("div", Ro, [
+          $(l.$slots, "default", {}, () => [
+            Z(E(l.message), 1)
+          ])
+        ])) : F("", !0)
+      ]),
+      l.$slots.actions ? (b(), y("div", Do, [
+        $(l.$slots, "actions")
+      ])) : F("", !0),
+      l.closable ? (b(), y("button", {
+        key: 2,
+        class: "vf-alert__close",
+        type: "button",
+        "aria-label": "Close",
+        onClick: c
+      }, [
+        $(l.$slots, "close", {}, () => [
+          d[0] || (d[0] = Z("×"))
+        ])
+      ])) : F("", !0)
+    ], 8, So)), [
+      [me, s.value]
+    ]);
+  }
+}), Io = ["checked", "disabled"], Po = {
   key: 0,
   class: "vf-switch__label"
-}, Oa = /* @__PURE__ */ Y({
+}, Ya = /* @__PURE__ */ N({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1864,18 +1940,18 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         checked: s.modelValue,
         disabled: s.disabled,
         onChange: u
-      }, null, 40, So),
+      }, null, 40, Io),
       c[0] || (c[0] = B("span", { class: "vf-switch__track" }, [
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      s.label || s.$slots.default ? (b(), y("span", Vo, [
-        z(s.$slots, "default", {}, () => [
-          re(K(s.label), 1)
+      s.label || s.$slots.default ? (b(), y("span", Po, [
+        $(s.$slots, "default", {}, () => [
+          Z(E(s.label), 1)
         ])
-      ])) : D("", !0)
+      ])) : F("", !0)
     ], 2));
   }
-}), To = { class: "vf-popover" }, Lo = ["aria-expanded", "onKeydown"], Wa = /* @__PURE__ */ Y({
+}), Wo = { class: "vf-popover" }, Oo = ["aria-expanded", "onKeydown"], Ga = /* @__PURE__ */ N({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
@@ -1884,7 +1960,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     const s = `vf-popover-panel-${++u}`, c = () => a.visible = !0, l = () => a.visible = !1, d = () => a.visible = !a.visible, n = () => {
       d(), o("click"), o("onClick");
     };
-    return e({ show: c, hide: l, toggle: d }), (i, v) => (b(), y("div", To, [
+    return e({ show: c, hide: l, toggle: d }), (i, v) => (b(), y("div", Wo, [
       B("div", {
         class: "vf-popover__button",
         role: "button",
@@ -1894,67 +1970,67 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         "aria-controls": s,
         onClick: n,
         onKeydown: [
-          ee(J(n, ["prevent"]), ["enter"]),
-          ee(J(n, ["prevent"]), ["space"])
+          te(Q(n, ["prevent"]), ["enter"]),
+          te(Q(n, ["prevent"]), ["space"])
         ]
       }, [
-        z(i.$slots, "button")
-      ], 40, Lo),
-      he(Ge(ht, {
+        $(i.$slots, "button")
+      ], 40, Oo),
+      be(je(ht, {
         id: s,
         class: "vf-popover__wrapper"
       }, nt({
-        default: me(() => [
+        default: he(() => [
           v[0] || (v[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
         i.$slots.default ? {
           name: "default",
-          fn: me(() => [
-            z(i.$slots, "default")
+          fn: he(() => [
+            $(i.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         i.$slots.header || i.$slots.popoverHeader ? {
           name: "header",
-          fn: me(() => [
-            z(i.$slots, "header"),
-            i.$slots.header ? D("", !0) : z(i.$slots, "popoverHeader", { key: 0 })
+          fn: he(() => [
+            $(i.$slots, "header"),
+            i.$slots.header ? F("", !0) : $(i.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
         i.$slots.body || i.$slots.popoverBody ? {
           name: "body",
-          fn: me(() => [
-            z(i.$slots, "body"),
-            i.$slots.body ? D("", !0) : z(i.$slots, "popoverBody", { key: 0 })
+          fn: he(() => [
+            $(i.$slots, "body"),
+            i.$slots.body ? F("", !0) : $(i.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
         i.$slots.footer || i.$slots.popoverFooter ? {
           name: "footer",
-          fn: me(() => [
-            z(i.$slots, "footer"),
-            i.$slots.footer ? D("", !0) : z(i.$slots, "popoverFooter", { key: 0 })
+          fn: he(() => [
+            $(i.$slots, "footer"),
+            i.$slots.footer ? F("", !0) : $(i.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [ye, a.visible]
+        [me, a.visible]
       ])
     ]));
   }
-}), Ro = ["aria-labelledby", "aria-describedby"], Do = {
+}), Mo = ["aria-labelledby", "aria-describedby"], Eo = {
   key: 0,
   class: "vf-modal__header"
-}, Io = {
+}, Ho = {
   key: 0,
   class: "vf-modal__title"
-}, Po = {
+}, Ao = {
   key: 3,
   class: "vf-modal__footer"
-}, Ma = /* @__PURE__ */ Y({
+}, ja = /* @__PURE__ */ N({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1972,52 +2048,52 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     const d = M(null), n = Xe(), i = `vf-modal-title-${++u}`, v = `vf-modal-body-${u}`, p = g(() => !!a.title || !!n.header), f = g(() => !!n.body || !!n.default), w = g(() => {
       const _ = ["vf-modal"];
       return a.size !== "md" && _.push(`vf-modal_${a.size}`), _;
-    }), C = () => o("update:modelValue", !0), F = () => {
+    }), C = () => o("update:modelValue", !0), S = () => {
       o("update:modelValue", !1), o("close");
-    }, E = () => {
-      a.closeOnOverlay && F();
-    }, S = (_) => {
-      !a.modelValue || !a.closeOnEsc || _.key === "Escape" && (_.preventDefault(), F());
-    }, O = () => d.value ? Array.from(d.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((m) => !m.hasAttribute("disabled") && !m.getAttribute("aria-hidden")) : [], V = () => {
+    }, H = () => {
+      a.closeOnOverlay && S();
+    }, V = (_) => {
+      !a.modelValue || !a.closeOnEsc || _.key === "Escape" && (_.preventDefault(), S());
+    }, W = () => d.value ? Array.from(d.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((m) => !m.hasAttribute("disabled") && !m.getAttribute("aria-hidden")) : [], T = () => {
       var m;
-      const _ = O();
+      const _ = W();
       _.length ? _[0].focus() : (m = d.value) == null || m.focus();
-    }, T = (_) => {
-      var G;
+    }, L = (_) => {
+      var j;
       if (_.key !== "Tab")
         return;
-      const m = O();
+      const m = W();
       if (!m.length) {
-        _.preventDefault(), (G = d.value) == null || G.focus();
+        _.preventDefault(), (j = d.value) == null || j.focus();
         return;
       }
-      const $ = m[0], A = m[m.length - 1], j = document.activeElement;
-      if (_.shiftKey && j === $) {
-        _.preventDefault(), A.focus();
+      const x = m[0], K = m[m.length - 1], G = document.activeElement;
+      if (_.shiftKey && G === x) {
+        _.preventDefault(), K.focus();
         return;
       }
-      !_.shiftKey && j === A && (_.preventDefault(), $.focus());
-    }, H = () => {
+      !_.shiftKey && G === K && (_.preventDefault(), x.focus());
+    }, A = () => {
       !a.lockScroll || typeof document > "u" || (s === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
-    }, L = () => {
+    }, R = () => {
       !a.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = c));
     };
     return oe(
       () => a.modelValue,
       async (_) => {
-        _ ? (typeof document < "u" && (l = document.activeElement), H(), o("open"), await ze(), V(), typeof document < "u" && document.addEventListener("keydown", S)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", S), l == null || l.focus()));
+        _ ? (typeof document < "u" && (l = document.activeElement), A(), o("open"), await ze(), T(), typeof document < "u" && document.addEventListener("keydown", V)) : (R(), typeof document < "u" && (document.removeEventListener("keydown", V), l == null || l.focus()));
       },
       { immediate: !0 }
     ), we(() => {
-      L(), typeof document < "u" && document.removeEventListener("keydown", S);
-    }), e({ open: C, close: F }), (_, m) => (b(), ae($e, { to: "body" }, [
-      he(B("div", {
+      R(), typeof document < "u" && document.removeEventListener("keydown", V);
+    }), e({ open: C, close: S }), (_, m) => (b(), re($e, { to: "body" }, [
+      be(B("div", {
         class: I(w.value),
         role: "presentation"
       }, [
         B("div", {
           class: "vf-modal__overlay",
-          onClick: E
+          onClick: H
         }),
         B("div", {
           ref_key: "panel",
@@ -2028,51 +2104,51 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
           "aria-labelledby": p.value ? i : void 0,
           "aria-describedby": f.value ? v : void 0,
           tabindex: "-1",
-          onKeydown: T
+          onKeydown: L
         }, [
-          p.value ? (b(), y("div", Do, [
+          p.value ? (b(), y("div", Eo, [
             B("div", {
               id: i,
               class: "vf-modal__header-content"
             }, [
-              z(_.$slots, "header", {}, () => [
-                _.title ? (b(), y("h3", Io, K(_.title), 1)) : D("", !0)
+              $(_.$slots, "header", {}, () => [
+                _.title ? (b(), y("h3", Ho, E(_.title), 1)) : F("", !0)
               ])
             ])
-          ])) : D("", !0),
-          _.showClose ? z(_.$slots, "close", {
+          ])) : F("", !0),
+          _.showClose ? $(_.$slots, "close", {
             key: 1,
-            close: F
+            close: S
           }, () => [
             B("button", {
               type: "button",
               class: "vf-modal__close",
               "aria-label": "Close",
-              onClick: F
+              onClick: S
             }, "×")
-          ]) : D("", !0),
+          ]) : F("", !0),
           _.$slots.body || _.$slots.default ? (b(), y("div", {
             key: 2,
             id: v,
             class: "vf-modal__body"
           }, [
-            z(_.$slots, "body"),
-            _.$slots.body ? D("", !0) : z(_.$slots, "default", { key: 0 })
-          ])) : D("", !0),
-          _.$slots.footer ? (b(), y("div", Po, [
-            z(_.$slots, "footer")
-          ])) : D("", !0)
-        ], 40, Ro)
+            $(_.$slots, "body"),
+            _.$slots.body ? F("", !0) : $(_.$slots, "default", { key: 0 })
+          ])) : F("", !0),
+          _.$slots.footer ? (b(), y("div", Ao, [
+            $(_.$slots, "footer")
+          ])) : F("", !0)
+        ], 40, Mo)
       ], 2), [
-        [ye, _.modelValue]
+        [me, _.modelValue]
       ])
     ]));
   }
-}), Oo = ["data-placement"], Wo = { class: "vf-tooltip__content" }, Mo = {
+}), Ko = ["data-placement"], No = { class: "vf-tooltip__content" }, Yo = {
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, Ea = /* @__PURE__ */ Y({
+}, Xa = /* @__PURE__ */ N({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2094,26 +2170,26 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         return;
       const p = o.value, f = a.value, w = async () => {
         const {
-          x: S,
-          y: O,
-          placement: V
+          x: V,
+          y: W,
+          placement: T
         } = await Pe(p, f, {
           placement: e.placement,
           strategy: "fixed",
           middleware: [De(8), Re(), It()]
         });
-        s.value = V ?? e.placement, f.style.left = `${S}px`, f.style.top = `${O}px`;
+        s.value = T ?? e.placement, f.style.left = `${V}px`, f.style.top = `${W}px`;
       }, C = async () => {
         await w();
-      }, F = Ie(p, () => {
+      }, S = Ie(p, () => {
         C();
-      }), E = () => {
+      }), H = () => {
         C();
       };
-      document.addEventListener("scroll", E, !0), window.addEventListener("resize", E, !1), l = {
+      document.addEventListener("scroll", H, !0), window.addEventListener("resize", H, !1), l = {
         update: C,
         destroy: () => {
-          F(), document.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E, !1);
+          S(), document.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H, !1);
         }
       }, l.update();
     };
@@ -2142,10 +2218,10 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
         onFocus: d,
         onBlur: n
       }, [
-        z(p.$slots, "default")
+        $(p.$slots, "default")
       ], 544),
-      (b(), ae($e, { to: "body" }, [
-        he(B("div", {
+      (b(), re($e, { to: "body" }, [
+        be(B("div", {
           id: c,
           ref_key: "panel",
           ref: a,
@@ -2153,23 +2229,23 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
           role: "tooltip",
           "data-placement": s.value
         }, [
-          B("span", Wo, [
-            z(p.$slots, "content", {}, () => [
-              re(K(p.text), 1)
+          B("span", No, [
+            $(p.$slots, "content", {}, () => [
+              Z(E(p.text), 1)
             ])
           ]),
-          p.arrow ? (b(), y("span", Mo)) : D("", !0)
-        ], 8, Oo), [
-          [ye, u.value]
+          p.arrow ? (b(), y("span", Yo)) : F("", !0)
+        ], 8, Ko), [
+          [me, u.value]
         ])
       ]))
     ], 64));
   }
-}), Eo = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Ho = (t) => {
+}), Go = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], jo = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, Ao = (t) => t.filter((e) => !Eo.includes(e)).map((e) => Ho(e)).join("-").toLowerCase(), Oe = (t) => t.join("."), Ko = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ee = (t) => {
-  if (!Ko(t))
+}, Xo = (t) => t.filter((e) => !Go.includes(e)).map((e) => jo(e)).join("-").toLowerCase(), We = (t) => t.join("."), qo = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ee = (t) => {
+  if (!qo(t))
     return null;
   if (t.length === 4) {
     const e = t[1], r = t[2], o = t[3];
@@ -2185,7 +2261,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 }, Ne = (t) => {
   const [e, r, o] = tt(t);
   return `${e}, ${r}, ${o}`;
-}, No = (t, e, r) => {
+}, Uo = (t, e, r) => {
   const o = t / 255, a = e / 255, u = r / 255, s = Math.max(o, a, u), c = Math.min(o, a, u), l = s - c;
   let d = 0, n = 0;
   const i = (s + c) / 2;
@@ -2204,18 +2280,18 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     d *= 60, d < 0 && (d += 360);
   }
   return [d, n * 100, i * 100];
-}, Yo = (t, e, r) => {
+}, Zo = (t, e, r) => {
   const o = e / 100, a = r / 100, u = (1 - Math.abs(2 * a - 1)) * o, s = u * (1 - Math.abs(t / 60 % 2 - 1)), c = a - u / 2;
   let l = 0, d = 0, n = 0;
   t >= 0 && t < 60 ? (l = u, d = s, n = 0) : t >= 60 && t < 120 ? (l = s, d = u, n = 0) : t >= 120 && t < 180 ? (l = 0, d = u, n = s) : t >= 180 && t < 240 ? (l = 0, d = s, n = u) : t >= 240 && t < 300 ? (l = s, d = 0, n = u) : (l = u, d = 0, n = s);
   const i = Math.round((l + c) * 255), v = Math.round((d + c) * 255), p = Math.round((n + c) * 255);
   return [i, v, p];
-}, jo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Go = (t, e, r) => Math.min(r, Math.max(e, t)), Xo = (t, e) => {
+}, Jo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Qo = (t, e, r) => Math.min(r, Math.max(e, t)), ea = (t, e) => {
   const r = Ee(t);
   if (!r)
     return t;
-  const [o, a, u] = tt(r), [s, c, l] = No(o, a, u), n = (e - 5) * 7, i = Go(l + n, 0, 100), [v, p, f] = Yo(s, c, i);
-  return jo(v, p, f);
+  const [o, a, u] = tt(r), [s, c, l] = Uo(o, a, u), n = (e - 5) * 7, i = Qo(l + n, 0, 100), [v, p, f] = Zo(s, c, i);
+  return Jo(v, p, f);
 }, Te = (t) => !!t && typeof t == "object" && !Array.isArray(t), He = (t, e) => {
   if (!e)
     return { ...t };
@@ -2225,7 +2301,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     Te(u) && Te(a) ? r[o] = He(u, a) : r[o] = a;
   }
   return r;
-}, qo = (t) => {
+}, ta = (t) => {
   if (!t)
     return null;
   if (Te(t) && "preset" in t) {
@@ -2239,7 +2315,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     };
   }
   return { preset: t };
-}, Uo = (t) => {
+}, oa = (t) => {
   const e = [], r = [], o = [], a = [], u = (l) => o.push(l), s = (l) => a.push(l), c = (l, d) => {
     if (!(!l || typeof l != "object"))
       for (const n in l) {
@@ -2249,32 +2325,32 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
           continue;
         }
         if (i && typeof i == "object") {
-          s(`Theme value "${Oe(v)}" is not a plain object or string and will be ignored.`);
+          s(`Theme value "${We(v)}" is not a plain object or string and will be ignored.`);
           continue;
         }
         if (typeof i != "string") {
-          s(`Theme value "${Oe(v)}" is not a string and will be ignored.`);
+          s(`Theme value "${We(v)}" is not a string and will be ignored.`);
           continue;
         }
-        const f = v.includes("colorScheme") && v.includes("dark") ? r : e, w = Ao(v);
+        const f = v.includes("colorScheme") && v.includes("dark") ? r : e, w = Xo(v);
         if (f.push(`--vf-${w}: ${i}`), v.includes("colors")) {
           const C = Ee(i);
           if (!C) {
             u(
-              `Theme color "${Oe(v)}" is not hex. Shade variables will not be generated for it.`
+              `Theme color "${We(v)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
           if (f.push(`--vf-${w}-rgb: ${Ne(C)}`), n !== "white")
-            for (let F = 1; F < 10; ++F) {
-              const E = Xo(C, F);
-              f.push(`--vf-${w}-${F}00: ${E}`), f.push(`--vf-${w}-${F}00-rgb: ${Ne(E)}`);
+            for (let S = 1; S < 10; ++S) {
+              const H = ea(C, S);
+              f.push(`--vf-${w}-${S}00: ${H}`), f.push(`--vf-${w}-${S}00-rgb: ${Ne(H)}`);
             }
         }
       }
   };
   return c(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
-}, Zo = (t) => {
+}, aa = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -2282,11 +2358,11 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, Jo = (t) => ({
+}, ra = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), Qo = (t, e, r, o) => {
-  const { baseVars: a, darkVars: u, warnings: s, errors: c } = Uo(t), l = Zo("vueforge-theme");
+}), la = (t, e, r, o) => {
+  const { baseVars: a, darkVars: u, warnings: s, errors: c } = oa(t), l = aa("vueforge-theme");
   if (!l)
     return;
   if (c.length) {
@@ -2304,12 +2380,12 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", be
 };
 let fe = null;
 const ot = (t) => {
-  const e = qo(t);
+  const e = ta(t);
   if (!e)
     return;
-  const r = He(e.preset, e.overrides), { selector: o, darkSelector: a } = Jo(e);
-  fe = { ...e }, Qo(r, o, a, e.strict);
-}, Ha = (t) => {
+  const r = He(e.preset, e.overrides), { selector: o, darkSelector: a } = ra(e);
+  fe = { ...e }, la(r, o, a, e.strict);
+}, qa = (t) => {
   if (!fe)
     return;
   const e = t.overrides === void 0 ? fe.overrides : He(fe.overrides ?? {}, t.overrides ?? {}), r = {
@@ -2319,7 +2395,7 @@ const ot = (t) => {
     darkSelector: t.darkSelector ?? fe.darkSelector
   };
   ot(r);
-}, Aa = () => fe ? { ...fe } : null, Ka = {
+}, Ua = () => fe ? { ...fe } : null, Za = {
   install(t, e = {}) {
     e.theme && ot(e.theme);
   }
@@ -2386,7 +2462,7 @@ const ot = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, ea = {
+}, na = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -2528,11 +2604,11 @@ const ot = (t) => {
       }
     }
   }
-}, ta = {
+}, sa = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, oa = {
+}, ia = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2553,7 +2629,7 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, aa = {
+}, da = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -2573,7 +2649,7 @@ const ot = (t) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, ra = {
+}, ca = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2596,10 +2672,10 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, la = {
+}, ua = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, na = {
+}, va = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -2619,7 +2695,7 @@ const ot = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, sa = {
+}, fa = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -2646,9 +2722,9 @@ const ot = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, ia = {
+}, pa = {
   backgroundColor: "var(--vf-bg-color)"
-}, da = {
+}, ba = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -2681,7 +2757,7 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ca = {
+}, ma = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -2720,7 +2796,7 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ua = {
+}, ga = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -2770,7 +2846,7 @@ const ot = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, va = {
+}, ha = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -2782,7 +2858,7 @@ const ot = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, fa = {
+}, ya = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -2796,7 +2872,7 @@ const ot = (t) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, pa = {
+}, _a = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -2808,7 +2884,7 @@ const ot = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, ba = {
+}, ka = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -2829,7 +2905,7 @@ const ot = (t) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, ma = {
+}, Ca = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -2840,7 +2916,7 @@ const ot = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, ga = {
+}, wa = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -2879,56 +2955,96 @@ const ot = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Na = {
+}, $a = {
+  gap: "0.75rem",
+  padding: "0.75rem 0.9rem",
+  borderRadius: "var(--vf-radii-md)",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)",
+  textColor: "var(--vf-text-color)",
+  iconColor: "currentColor",
+  fontSize: "0.95rem",
+  lineHeight: "1.4",
+  bodyGap: "0.2rem",
+  titleFontSize: "0.95rem",
+  titleFontWeight: "600",
+  actionsGap: "0.5rem",
+  closeSize: "1.5rem",
+  closeRadius: "var(--vf-radii-sm)",
+  closeFontSize: "1rem",
+  closeHoverBackgroundColor: "rgba(var(--vf-gray-600-rgb), 0.12)",
+  info: {
+    backgroundColor: "rgba(var(--vf-blue-600-rgb), 0.1)",
+    borderColor: "rgba(var(--vf-blue-600-rgb), 0.4)",
+    textColor: "var(--vf-text-color)"
+  },
+  success: {
+    backgroundColor: "rgba(var(--vf-green-600-rgb), 0.12)",
+    borderColor: "rgba(var(--vf-green-600-rgb), 0.45)",
+    textColor: "var(--vf-text-color)"
+  },
+  warn: {
+    backgroundColor: "rgba(var(--vf-yellow-600-rgb), 0.16)",
+    borderColor: "rgba(var(--vf-yellow-600-rgb), 0.5)",
+    textColor: "var(--vf-text-color)"
+  },
+  danger: {
+    backgroundColor: "rgba(var(--vf-red-600-rgb), 0.12)",
+    borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
+    textColor: "var(--vf-text-color)"
+  }
+}, Ja = {
   ...Ye,
   components: {
     base: Ye,
-    button: ea,
-    card: ta,
-    input: oa,
-    formField: aa,
-    textarea: ra,
-    link: la,
-    menu: na,
-    modal: sa,
-    popover: ia,
-    select: da,
-    autocomplete: ca,
-    datepicker: ua,
-    checkbox: va,
-    radio: fa,
-    switch: pa,
-    tabs: ba,
-    tooltip: ma,
-    toast: ga
+    button: na,
+    card: sa,
+    input: ia,
+    formField: da,
+    textarea: ca,
+    link: ua,
+    menu: va,
+    modal: fa,
+    popover: pa,
+    select: ba,
+    autocomplete: ma,
+    datepicker: ga,
+    checkbox: ha,
+    radio: ya,
+    switch: _a,
+    tabs: ka,
+    tooltip: Ca,
+    toast: wa,
+    alert: $a
   }
 };
 export {
-  za as Autocomplete,
-  Ca as Button,
+  Na as Alert,
+  Da as Autocomplete,
+  Sa as Button,
   ht as Card,
-  Sa as Checkbox,
-  Fa as DatePicker,
-  Na as DefaultTheme,
-  $a as FormField,
-  wa as Input,
+  Pa as Checkbox,
+  Ia as DatePicker,
+  Ja as DefaultTheme,
+  Ta as FormField,
+  Va as Input,
   Ue as Link,
-  ka as Menu,
-  Ma as Modal,
-  Wa as Popover,
-  Ta as RadioButton,
-  Va as RadioGroup,
-  Ba as Select,
-  Oa as Switch,
-  Ra as Tab,
-  Da as TabPanel,
-  La as Tabs,
-  xa as Textarea,
-  Ia as Toast,
-  Pa as ToastContainer,
-  Ea as Tooltip,
-  Ka as VueForge,
-  Aa as getTheme,
+  Fa as Menu,
+  ja as Modal,
+  Ga as Popover,
+  Oa as RadioButton,
+  Wa as RadioGroup,
+  Ra as Select,
+  Ya as Switch,
+  Ea as Tab,
+  Ha as TabPanel,
+  Ma as Tabs,
+  La as Textarea,
+  Aa as Toast,
+  Ka as ToastContainer,
+  Xa as Tooltip,
+  Za as VueForge,
+  Ua as getTheme,
   ot as setTheme,
-  Ha as updateTheme
+  qa as updateTheme
 };