@codemonster-ru/vueforge 0.28.0 → 0.29.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as j, ref as K, computed as g, watch as oe, resolveComponent as Je, openBlock as m, createElementBlock as C, normalizeClass as I, renderSlot as F, Fragment as le, createTextVNode as Z, toDisplayString as M, createBlock as se, withCtx as ye, createCommentVNode as T, createElementVNode as z, renderList as de, withKeys as te, withModifiers as Q, unref as ze, createVNode as Ke, useSlots as De, nextTick as ke, onMounted as Fe, onBeforeUnmount as $e, Teleport as xe, withDirectives as ue, vShow as ce, provide as Ne, inject as Ee, reactive as nt, createSlots as it, Transition as dt, normalizeStyle as be } from "vue";
+import { defineComponent as j, ref as K, computed as m, watch as oe, resolveComponent as Qe, openBlock as g, createElementBlock as _, normalizeClass as I, renderSlot as F, Fragment as re, createTextVNode as U, toDisplayString as O, createBlock as se, withCtx as be, createCommentVNode as T, createElementVNode as z, renderList as de, withKeys as te, withModifiers as Q, unref as ze, createVNode as Ke, useSlots as De, nextTick as ke, onMounted as Fe, onBeforeUnmount as $e, Teleport as xe, withDirectives as ue, vShow as ce, provide as Ne, inject as Ee, reactive as nt, createSlots as it, Transition as dt, normalizeStyle as ge } from "vue";
 import { useRoute as ut, useRouter as ct } from "vue-router";
 import { CmIcon as Be } from "@codemonster-ru/vueiconify";
-const vt = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ j({
+const vt = ["href", "aria-disabled", "tabindex"], Ge = /* @__PURE__ */ j({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,12 +15,12 @@ const vt = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ j({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = ut(), i = ct(), d = K(null), c = g(() => t.href ?? t.url), l = g(() => t.as ? t.as === "router-link" && !t.to ? "a" : t.as : t.type === "router-link" || t.type === "a" ? t.type === "router-link" && !t.to ? "a" : t.type : t.to ? "router-link" : "a"), u = g(() => t.to), n = g(() => t.to ? i.resolve(t.to) : null), s = g(() => {
+    const r = e, t = a, o = ut(), d = ct(), n = K(null), c = m(() => t.href ?? t.url), l = m(() => t.as ? t.as === "router-link" && !t.to ? "a" : t.as : t.type === "router-link" || t.type === "a" ? t.type === "router-link" && !t.to ? "a" : t.type : t.to ? "router-link" : "a"), u = m(() => t.to), i = m(() => t.to ? d.resolve(t.to) : null), s = m(() => {
       if (l.value !== "router-link")
         return !1;
-      const v = n.value;
+      const v = i.value;
       return v ? v.name ? o.matched.some(({ name: w }) => w === v.name) : v.fullPath ? o.fullPath === v.fullPath : o.path === v.path : !1;
-    }), f = g(() => t.active === void 0 ? s.value : t.active), p = (v) => {
+    }), f = m(() => t.active === void 0 ? s.value : t.active), p = (v) => {
       if (!t.disabled) {
         r("click", v);
         return;
@@ -30,8 +30,8 @@ const vt = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ j({
     return oe(s, (v) => {
       v && (r("active"), r("onActive")), r("update:active", v);
     }), (v, w) => {
-      const k = Je("router-link");
-      return l.value === "a" ? (m(), C("a", {
+      const k = Qe("router-link");
+      return l.value === "a" ? (g(), _("a", {
         key: 0,
         href: c.value,
         class: I(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
@@ -39,13 +39,13 @@ const vt = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ j({
         tabindex: v.disabled ? -1 : void 0,
         onClick: p
       }, [
-        v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (m(), C(le, { key: 1 }, [
-          Z(M(v.label), 1)
+        v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (g(), _(re, { key: 1 }, [
+          U(O(v.label), 1)
         ], 64))
-      ], 10, vt)) : (m(), se(k, {
+      ], 10, vt)) : (g(), se(k, {
         key: 1,
         ref_key: "link",
-        ref: d,
+        ref: n,
         to: u.value,
         class: I(["vf-link", { "vf-link_active": f.value }]),
         "aria-disabled": v.disabled,
@@ -54,9 +54,9 @@ const vt = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ j({
         "exact-active-class": "vf-link_active",
         onClick: p
       }, {
-        default: ye(() => [
-          v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (m(), C(le, { key: 1 }, [
-            Z(M(v.label), 1)
+        default: be(() => [
+          v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (g(), _(re, { key: 1 }, [
+            U(O(v.label), 1)
           ], 64))
         ]),
         _: 3
@@ -82,17 +82,17 @@ const vt = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ j({
   class: "vf-card__footer"
 };
 function _t(a, e) {
-  return m(), C("div", bt, [
-    a.$slots.default ? (m(), C("div", gt, [
+  return g(), _("div", bt, [
+    a.$slots.default ? (g(), _("div", gt, [
       F(a.$slots, "default")
     ])) : T("", !0),
-    a.$slots.header ? (m(), C("div", mt, [
+    a.$slots.header ? (g(), _("div", mt, [
       F(a.$slots, "header")
     ])) : T("", !0),
-    a.$slots.body ? (m(), C("div", ht, [
+    a.$slots.body ? (g(), _("div", ht, [
       F(a.$slots, "body")
     ])) : T("", !0),
-    a.$slots.footer ? (m(), C("div", yt, [
+    a.$slots.footer ? (g(), _("div", yt, [
       F(a.$slots, "footer")
     ])) : T("", !0)
   ]);
@@ -104,7 +104,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, $t = ["aria-expanded", "onClick", "onKeydown"], Dr = /* @__PURE__ */ j({
+}, $t = ["aria-expanded", "onClick", "onKeydown"], Kr = /* @__PURE__ */ j({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,42 +113,42 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   },
   emits: ["active", "onActive"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = K([]), i = (n, s) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${s.toString()}`, d = (n) => n.to ? "router-link" : "a", c = (n) => n.map((s) => ({
+    const r = e, t = a, o = K([]), d = (i, s) => `${i.label ?? i.to ?? i.href ?? i.url ?? "item"}_${s.toString()}`, n = (i) => i.to ? "router-link" : "a", c = (i) => i.map((s) => ({
       ...s,
       items: s.items ? c(s.items) : void 0
-    })), l = (n) => {
-      n.items && n.items.length ? (o.value.map((s) => {
-        s !== n && (s.subMenuVisible = !1);
-      }), n.subMenuVisible = !n.subMenuVisible) : Object.prototype.hasOwnProperty.call(n, "command") && typeof n.command == "function" && n.command();
-    }, u = (n) => {
+    })), l = (i) => {
+      i.items && i.items.length ? (o.value.map((s) => {
+        s !== i && (s.subMenuVisible = !1);
+      }), i.subMenuVisible = !i.subMenuVisible) : Object.prototype.hasOwnProperty.call(i, "command") && typeof i.command == "function" && i.command();
+    }, u = (i) => {
       var s;
       for (const f in o.value) {
         const p = o.value[f];
-        Object.prototype.hasOwnProperty.call(p, "items") && ((s = p.items) != null && s.some((v) => v === n) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
+        Object.prototype.hasOwnProperty.call(p, "items") && ((s = p.items) != null && s.some((v) => v === i) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
       }
-      r("active", n), r("onActive", n);
+      r("active", i), r("onActive", i);
     };
     return oe(
       () => t.items,
-      (n) => {
-        o.value = c(n);
+      (i) => {
+        o.value = c(i);
       },
       { deep: !0, immediate: !0 }
-    ), (n, s) => {
-      const f = Je("VfMenu");
-      return m(), C("div", {
-        class: I(["vf-menu", `vf-menu_${n.orientation}`])
+    ), (i, s) => {
+      const f = Qe("VfMenu");
+      return g(), _("div", {
+        class: I(["vf-menu", `vf-menu_${i.orientation}`])
       }, [
         z("ul", kt, [
-          (m(!0), C(le, null, de(o.value, (p, v) => (m(), C("li", {
-            key: i(p, v),
+          (g(!0), _(re, null, de(o.value, (p, v) => (g(), _("li", {
+            key: d(p, v),
             class: "vf-menu__item",
             role: "none"
           }, [
-            n.$slots[i(p, v)] ? F(n.$slots, i(p, v), {
+            i.$slots[d(p, v)] ? F(i.$slots, d(p, v), {
               key: 0,
               item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (m(), C("hr", wt)) : p.items && p.items.length ? (m(), C(le, { key: 2 }, [
+            }) : p.separator ? (g(), _("hr", wt)) : p.items && p.items.length ? (g(), _(re, { key: 2 }, [
               z("div", {
                 class: I(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
                 role: "menuitem",
@@ -160,25 +160,25 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
                   te(Q((w) => l(p), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (m(), se(ze(Be), {
+                p.icon ? (g(), se(ze(Be), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
                 }, null, 8, ["icon"])) : T("", !0),
-                Z(" " + M(p.label) + " ", 1),
+                U(" " + O(p.label) + " ", 1),
                 Ke(ze(Be), { icon: "chevronDown" })
               ], 42, $t),
-              p.items ? (m(), se(f, {
+              p.items ? (g(), se(f, {
                 key: 0,
                 items: p.items,
                 class: I(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
                 onOnActive: u
               }, null, 8, ["items", "class"])) : T("", !0)
-            ], 64)) : (m(), se(Qe, {
+            ], 64)) : (g(), se(Ge, {
               key: 3,
               to: p.to,
               href: p.href ?? p.url,
-              as: d(p),
+              as: n(p),
               class: "vf-menu__link",
               active: p.active,
               disabled: p.disabled,
@@ -187,13 +187,13 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
               onClick: (w) => l(p),
               onActive: (w) => u(p)
             }, {
-              default: ye(() => [
-                p.icon ? (m(), se(ze(Be), {
+              default: be(() => [
+                p.icon ? (g(), se(ze(Be), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
                 }, null, 8, ["icon"])) : T("", !0),
-                Z(" " + M(p.label), 1)
+                U(" " + O(p.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       ], 2);
     };
   }
-}), xt = ["type", "disabled"], Er = /* @__PURE__ */ j({
+}), xt = ["type", "disabled"], Nr = /* @__PURE__ */ j({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,59 +221,59 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, r = ["button", "submit", "reset"], t = (n) => !!n && r.includes(n), o = g(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !t(e.type))), i = g(() => t(e.type) ? e.type : "button"), d = g(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !t(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = g(() => {
-      let n = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && n.push("vf-button_vertical"), e.variant === "text" && n.push("vf-button_text"), e.variant === "outlined" && n.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && n.push(`vf-button_${e.size}`), (e.loading || e.disabled) && n.push("vf-button_disabled"), e.rounded && n.push("vf-button_rounded"), n;
-    }), l = g(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = g(() => ["vf-button__label"]);
-    return (n, s) => o.value ? (m(), C("button", {
+    const e = a, r = ["button", "submit", "reset"], t = (i) => !!i && r.includes(i), o = m(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !t(e.type))), d = m(() => t(e.type) ? e.type : "button"), n = m(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !t(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = m(() => {
+      let i = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && i.push("vf-button_vertical"), e.variant === "text" && i.push("vf-button_text"), e.variant === "outlined" && i.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && i.push(`vf-button_${e.size}`), (e.loading || e.disabled) && i.push("vf-button_disabled"), e.rounded && i.push("vf-button_rounded"), i;
+    }), l = m(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = m(() => ["vf-button__label"]);
+    return (i, s) => o.value ? (g(), _("button", {
       key: 0,
-      type: i.value,
+      type: d.value,
       class: I(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (m(), se(ze(Be), {
+      e.icon && !e.loading ? (g(), se(ze(Be), {
         key: 0,
         icon: e.icon,
         class: I(l.value)
       }, null, 8, ["icon", "class"])) : T("", !0),
-      e.loading ? (m(), se(ze(Be), {
+      e.loading ? (g(), se(ze(Be), {
         key: 1,
         icon: "circleNotch",
         class: I(l.value),
         spin: ""
       }, null, 8, ["class"])) : T("", !0),
-      n.$slots.default ? (m(), C("span", {
+      i.$slots.default ? (g(), _("span", {
         key: 2,
         class: I(u.value)
       }, [
-        F(n.$slots, "default")
-      ], 2)) : n.label ? (m(), C("span", {
+        F(i.$slots, "default")
+      ], 2)) : i.label ? (g(), _("span", {
         key: 3,
         class: I(u.value)
-      }, M(n.label), 3)) : T("", !0)
-    ], 10, xt)) : (m(), se(Qe, {
+      }, O(i.label), 3)) : T("", !0)
+    ], 10, xt)) : (g(), se(Ge, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
-      as: d.value,
+      as: n.value,
       class: I(c.value),
       disabled: e.loading || e.disabled
     }, {
-      default: ye(() => [
-        e.icon ? (m(), se(ze(Be), {
+      default: be(() => [
+        e.icon ? (g(), se(ze(Be), {
           key: 0,
           icon: e.icon,
           class: I(l.value)
         }, null, 8, ["icon", "class"])) : T("", !0),
-        n.$slots.default ? (m(), C("span", {
+        i.$slots.default ? (g(), _("span", {
           key: 1,
           class: I(u.value)
         }, [
-          F(n.$slots, "default")
-        ], 2)) : n.label ? (m(), C("span", {
+          F(i.$slots, "default")
+        ], 2)) : i.label ? (g(), _("span", {
           key: 2,
           class: I(u.value)
-        }, M(n.label), 3)) : T("", !0)
+        }, O(i.label), 3)) : T("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
@@ -284,7 +284,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
 }, Bt = ["type", "value", "placeholder", "disabled", "readonly"], St = {
   key: 1,
   class: "vf-input__suffix"
-}, Ar = /* @__PURE__ */ j({
+}, Gr = /* @__PURE__ */ j({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -297,17 +297,17 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = g(() => {
+    const r = e, t = a, o = m(() => {
       const u = ["vf-input", `vf-input_${t.variant}`];
       return t.size !== "normal" && u.push(`vf-input_${t.size}`), t.disabled && u.push("vf-input_disabled"), u;
-    }), i = (u) => {
-      const n = u.target;
-      r("update:modelValue", n.value), r("input", u);
-    }, d = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, n) => (m(), C("div", {
+    }), d = (u) => {
+      const i = u.target;
+      r("update:modelValue", i.value), r("input", u);
+    }, n = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, i) => (g(), _("div", {
       class: I(o.value)
     }, [
-      u.$slots.prefix ? (m(), C("span", zt, [
+      u.$slots.prefix ? (g(), _("span", zt, [
         F(u.$slots, "prefix")
       ])) : T("", !0),
       z("input", {
@@ -317,12 +317,12 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         placeholder: u.placeholder,
         disabled: u.disabled,
         readonly: u.readonly,
-        onInput: i,
-        onChange: d,
+        onInput: d,
+        onChange: n,
         onFocus: c,
         onBlur: l
       }, null, 40, Bt),
-      u.$slots.suffix ? (m(), C("span", St, [
+      u.$slots.suffix ? (g(), _("span", St, [
         F(u.$slots, "suffix")
       ])) : T("", !0)
     ], 2));
@@ -331,7 +331,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Lt = { class: "vf-form-field__control" }, Tt = ["id"], Rt = ["id"], Wr = /* @__PURE__ */ j({
+}, Lt = { class: "vf-form-field__control" }, Tt = ["id"], Rt = ["id"], Yr = /* @__PURE__ */ j({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -343,56 +343,56 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
     size: { default: "normal" }
   },
   setup(a) {
-    const e = a, r = De(), t = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, o = g(() => e.id || t), i = g(() => `${o.value}-hint`), d = g(() => `${o.value}-error`), c = g(() => !!e.label || !!r.label), l = g(() => !!e.hint || !!r.hint), u = g(() => !!e.error || !!r.error), n = g(() => {
+    const e = a, r = De(), t = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, o = m(() => e.id || t), d = m(() => `${o.value}-hint`), n = m(() => `${o.value}-error`), c = m(() => !!e.label || !!r.label), l = m(() => !!e.hint || !!r.hint), u = m(() => !!e.error || !!r.error), i = m(() => {
       const f = [];
-      return l.value && f.push(i.value), u.value && f.push(d.value), f.length ? f.join(" ") : void 0;
-    }), s = g(() => {
+      return l.value && f.push(d.value), u.value && f.push(n.value), f.length ? f.join(" ") : void 0;
+    }), s = m(() => {
       const f = ["vf-form-field"];
       return e.size !== "normal" && f.push(`vf-form-field_${e.size}`), e.disabled && f.push("vf-form-field_disabled"), u.value && f.push("vf-form-field_invalid"), f;
     });
-    return (f, p) => (m(), C("div", {
+    return (f, p) => (g(), _("div", {
       class: I(s.value)
     }, [
-      c.value ? (m(), C("label", {
+      c.value ? (g(), _("label", {
         key: 0,
         class: "vf-form-field__label",
         for: o.value
       }, [
         F(f.$slots, "label", {}, () => [
-          Z(M(f.label), 1)
+          U(O(f.label), 1)
         ]),
-        f.required ? (m(), C("span", Vt, "*")) : T("", !0)
+        f.required ? (g(), _("span", Vt, "*")) : T("", !0)
       ], 8, Ft)) : T("", !0),
       z("div", Lt, [
         F(f.$slots, "default", {
           id: o.value,
-          describedBy: n.value,
+          describedBy: i.value,
           invalid: u.value,
           required: f.required
         })
       ]),
-      l.value ? (m(), C("p", {
+      l.value ? (g(), _("p", {
         key: 1,
-        id: i.value,
+        id: d.value,
         class: "vf-form-field__hint"
       }, [
         F(f.$slots, "hint", {}, () => [
-          Z(M(f.hint), 1)
+          U(O(f.hint), 1)
         ])
       ], 8, Tt)) : T("", !0),
-      u.value ? (m(), C("p", {
+      u.value ? (g(), _("p", {
         key: 2,
-        id: d.value,
+        id: n.value,
         class: "vf-form-field__error",
         role: "alert"
       }, [
         F(f.$slots, "error", {}, () => [
-          Z(M(f.error), 1)
+          U(O(f.error), 1)
         ])
       ], 8, Rt)) : T("", !0)
     ], 2));
   }
-}), Pt = ["value", "placeholder", "disabled", "readonly", "rows"], Hr = /* @__PURE__ */ j({
+}), Pt = ["value", "placeholder", "disabled", "readonly", "rows"], jr = /* @__PURE__ */ j({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -405,14 +405,14 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = g(() => {
+    const r = e, t = a, o = m(() => {
       const u = ["vf-textarea", `vf-textarea_${t.variant}`];
       return t.size !== "normal" && u.push(`vf-textarea_${t.size}`), t.disabled && u.push("vf-textarea_disabled"), u;
-    }), i = (u) => {
-      const n = u.target;
-      r("update:modelValue", n.value), r("input", u);
-    }, d = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, n) => (m(), C("div", {
+    }), d = (u) => {
+      const i = u.target;
+      r("update:modelValue", i.value), r("input", u);
+    }, n = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, i) => (g(), _("div", {
       class: I(o.value)
     }, [
       z("textarea", {
@@ -422,14 +422,14 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         disabled: u.disabled,
         readonly: u.readonly,
         rows: u.rows,
-        onInput: i,
-        onChange: d,
+        onInput: d,
+        onChange: n,
         onFocus: c,
         onBlur: l
       }, null, 40, Pt)
     ], 2));
   }
-}), Xe = [
+}), qe = [
   "top",
   "top-start",
   "top-end",
@@ -442,7 +442,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   "left",
   "left-start",
   "left-end"
-], ge = (a) => {
+], me = (a) => {
   if (a == null || !(a instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -450,18 +450,18 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
     if (/(auto|scroll|overlay)/.test(r))
       return a;
   }
-  return a.scrollHeight > a.clientHeight || a.scrollWidth > a.clientWidth ? a : ge(a.parentNode);
+  return a.scrollHeight > a.clientHeight || a.scrollWidth > a.clientWidth ? a : me(a.parentNode);
 };
 function It(a) {
   return typeof window > "u" ? !1 : window.getComputedStyle(a).position === "fixed";
 }
 const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e = (a, e) => Ot(a, e) === "fixed", ie = (a, e, r = {}) => {
-  const t = a.getBoundingClientRect(), o = e ? e.offsetParent : null, i = e ? _e(r, e) : !1;
-  if (o && !i) {
-    const d = o.getBoundingClientRect(), c = o.scrollLeft, l = o.scrollTop;
+  const t = a.getBoundingClientRect(), o = e ? e.offsetParent : null, d = e ? _e(r, e) : !1;
+  if (o && !d) {
+    const n = o.getBoundingClientRect(), c = o.scrollLeft, l = o.scrollTop;
     return {
-      left: t.left - d.left + c,
-      top: t.top - d.top + l,
+      left: t.left - n.left + c,
+      top: t.top - n.top + l,
       width: t.width,
       height: t.height
     };
@@ -476,57 +476,57 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   var r;
   return (r = a.middleware) == null ? void 0 : r.find((t) => t.name === e);
 }, et = (a, e) => !!we(a, e), Mt = (a) => {
-  const e = ge(a);
+  const e = me(a);
   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;
 }, Pe = (a) => a.scrollLeft + a.clientWidth, Ie = (a) => a.scrollTop + a.clientHeight, ve = (a, e, r = null, t = {}, o) => {
   if (r === null && typeof window < "u" && _e(t, e))
     return a;
-  let i = 0;
+  let d = 0;
   if (r === null) {
-    const d = ge(e);
-    i = d ? d.scrollTop : 0;
+    const n = me(e);
+    d = n ? n.scrollTop : 0;
   }
-  return a - i;
+  return a - d;
 }, fe = (a, e, r = null, t = {}, o) => {
-  let i;
+  let d;
   if (r === null && typeof window < "u" && _e(t, e))
-    i = window.innerWidth;
+    d = window.innerWidth;
   else if (r === null) {
-    const d = ge(e);
-    i = d ? Pe(d) : 0;
+    const n = me(e);
+    d = n ? Pe(n) : 0;
   } else
-    i = r.getBoundingClientRect().width;
-  return -(a + e.clientWidth - i);
-}, me = (a, e, r = null, t = {}, o) => {
-  let i;
+    d = r.getBoundingClientRect().width;
+  return -(a + e.clientWidth - d);
+}, he = (a, e, r = null, t = {}, o) => {
+  let d;
   if (r === null && typeof window < "u" && _e(t, e))
-    i = window.innerHeight;
+    d = window.innerHeight;
   else if (r === null) {
-    const d = ge(e);
-    i = d ? Ie(d) : 0;
+    const n = me(e);
+    d = n ? Ie(n) : 0;
   } else
-    i = r.getBoundingClientRect().height;
-  return -(a + e.clientHeight - i);
+    d = r.getBoundingClientRect().height;
+  return -(a + e.clientHeight - d);
 }, pe = (a, e, r = null, t = {}, o) => {
   if (r === null && typeof window < "u" && _e(t, e))
     return a;
-  let i = 0;
+  let d = 0;
   if (r === null) {
-    const d = ge(e);
-    i = d ? d.scrollLeft : 0;
+    const n = me(e);
+    d = n ? n.scrollLeft : 0;
   }
-  return a - i;
-}, qe = ({
+  return a - d;
+}, Ue = ({
   options: a,
   primaryX: e,
   primaryY: r,
   floating: t,
   placement: o,
-  reference: i,
-  scrollDirection: d
+  reference: d,
+  scrollDirection: n
 }) => {
-  const c = Oe(i, t, o, a), l = we(a, "offset");
+  const c = Oe(d, t, o, a), l = we(a, "offset");
   if (l) {
     const u = l.fn({
       x: c.x,
@@ -536,12 +536,12 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       primaryY: r,
       floating: t,
       placement: o,
-      reference: i,
-      scrollDirection: d
+      reference: d,
+      scrollDirection: n
     });
     c.x = u.x, c.y = u.y;
   }
-  return Qt(c, t, i, a) ? {
+  return Qt(c, t, d, a) ? {
     x: c.x,
     y: c.y,
     placement: o
@@ -554,52 +554,52 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     y: r,
     options: t,
     primaryX: o,
-    primaryY: i,
-    floating: d,
+    primaryY: d,
+    floating: n,
     placement: c,
     reference: l,
     scrollDirection: u
   }) => {
-    var n;
+    var i;
     const s = {
       x: e,
       y: r,
       placement: c
     }, f = {
       ...t,
-      middleware: (n = t.middleware) == null ? void 0 : n.filter((V) => V.name !== "shift")
-    }, p = (a == null ? void 0 : a.placements) ?? Xe, v = !(a != null && a.placements), w = v ? Xe : p;
+      middleware: (i = t.middleware) == null ? void 0 : i.filter((V) => V.name !== "shift")
+    }, p = (a == null ? void 0 : a.placements) ?? qe, v = !(a != null && a.placements), w = v ? qe : p;
     let k = !1;
     const x = (V) => {
       if (k)
         return;
-      const G = qe({
+      const G = Ue({
         options: f,
         primaryX: o,
-        primaryY: i,
-        floating: d,
+        primaryY: d,
+        floating: n,
         placement: V,
         reference: l,
         scrollDirection: u
       });
       G && (s.x = G.x, s.y = G.y, s.placement = G.placement, k = !0);
-    }, A = ta(l, d, f);
+    }, A = ta(l, n, f);
     if (!v && p.includes(c) && x(c), k || w.forEach(x), !k) {
       const V = p.reduce(
         (G, D) => {
-          const O = qe({
+          const M = Ue({
             options: f,
             primaryX: o,
-            primaryY: i,
-            floating: d,
+            primaryY: d,
+            floating: n,
             placement: D,
             reference: l,
             scrollDirection: u
           });
-          if (!O)
+          if (!M)
             return G;
           const N = Se(D), L = A[N];
-          return !G || L > G.space ? { result: O, space: L } : G;
+          return !G || L > G.space ? { result: M, space: L } : G;
         },
         null
       );
@@ -609,19 +609,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const V = Se(c);
       let G = V, D = A[V];
       p.forEach((b) => {
-        const _ = Se(b), h = A[_];
-        h > D && (D = h, G = _);
+        const C = Se(b), h = A[C];
+        h > D && (D = h, G = C);
       });
-      const O = ea(G, c, p), N = Oe(l, d, O, f), L = we(f, "offset");
+      const M = ea(G, c, p), N = Oe(l, n, M, f), L = we(f, "offset");
       if (L) {
         const b = L.fn({
           x: N.x,
           y: N.y,
           options: f,
           primaryX: o,
-          primaryY: i,
-          floating: d,
-          placement: O,
+          primaryY: d,
+          floating: n,
+          placement: M,
           reference: l,
           scrollDirection: u
         });
@@ -632,35 +632,35 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     return s;
   }
 }), tt = (a, e, r, t, o) => {
-  var i, d, c;
+  var d, n, c;
   let l = 0;
   t.startsWith("right") ? l = -a : t.startsWith("left") && (l = a);
-  const u = we(e, "arrow"), n = we(e, "shift");
+  const u = we(e, "arrow"), i = we(e, "shift");
   if (u) {
-    const s = ((i = u.params) == null ? void 0 : i.arrow).getBoundingClientRect();
+    const s = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
     t.startsWith("right") ? l -= s.width / 2 : t.startsWith("left") && (l += s.width / 2);
   }
   if (et(e, "shift") && u) {
     let s = null, f = 0;
-    n && (s = (d = n.params) == null ? void 0 : d.parent);
+    i && (s = (n = i.params) == null ? void 0 : n.parent);
     const p = (c = u.params) == null ? void 0 : c.arrow;
     f = p.getBoundingClientRect().width / 2, f += Et(p), f -= a, t.startsWith("right") ? fe(r - l, o, s, e) <= a ? fe(r, o, s, e) > 0 ? l = a - fe(r, o, s, e) : l = a : pe(r - l - f, o, s, e) <= a && (pe(r - l - f, o, s, e) >= 0 ? (l = -a - (pe(r - l - f, o, s, e) + a), s && (l = -a)) : l = -a) : t.startsWith("left") ? fe(r - l + f, o, s, e) <= a ? (l = a + fe(r - f, o, s, e), l <= a && (l = a)) : pe(r - l, o, s, e) <= a && (l = -a + pe(r, o, s, e), l <= -a && (l = -a)) : fe(r - l, o, s, e) <= a ? fe(r - l, o, s, e) <= a && fe(r, o, s, e) > 0 ? l = a - fe(r, o, s, e) : l = a : pe(r - l, o, s, e) <= a && (pe(r - l, o, s, e) <= a && pe(r, o, s, e) > 0 ? l = -(a - pe(r, o, s, e)) : l = -a);
   }
   return l;
 }, at = (a, e, r, t, o) => {
-  var i, d, c;
+  var d, n, c;
   let l = 0;
   t.startsWith("top") ? l = a : t.startsWith("bottom") && (l = -a);
-  const u = we(e, "arrow"), n = we(e, "shift");
+  const u = we(e, "arrow"), i = we(e, "shift");
   if (u) {
-    const s = ((i = u.params) == null ? void 0 : i.arrow).getBoundingClientRect();
+    const s = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
     t.startsWith("top") ? l += s.height / 2 : t.startsWith("bottom") && (l -= s.height / 2);
   }
   if (et(e, "shift") && u) {
     let s = null, f = 0;
-    n && (s = (d = n.params) == null ? void 0 : d.parent);
+    i && (s = (n = i.params) == null ? void 0 : n.parent);
     const p = (c = u.params) == null ? void 0 : c.arrow;
-    f = p.getBoundingClientRect().height / 2, f += At(p), f -= a, t.startsWith("top") ? ve(r - l, o, s, e) <= a ? ve(r, o, s, e) >= 0 ? l = -(a - ve(r, o, s, e)) : l = -a : me(r - l + f, o, s, e) <= a && (l = a + me(r - f, o, s, e), l <= a && (l = a)) : t.startsWith("bottom") ? ve(r - l - f, o, s, e) <= a ? ve(r - l - f, o, s, e) >= 0 ? (l = -a - (ve(r - l - f, o, s, e) + a), s && (l = -a)) : l = -a : me(r - l, o, s, e) <= a && (me(r, o, s, e) >= 0 ? l = a - me(r, o, s, e) : l = a) : ve(r - l, o, s, e) <= a ? ve(r - l, o, s, e) >= 0 ? l = -(a - ve(r - l, o, s, e)) : l = -a : me(r - l, o, s, e) <= a && (me(r - l, o, s, e) >= 0 ? l = a - me(r - l, o, s, e) : l = a);
+    f = p.getBoundingClientRect().height / 2, f += At(p), f -= a, t.startsWith("top") ? ve(r - l, o, s, e) <= a ? ve(r, o, s, e) >= 0 ? l = -(a - ve(r, o, s, e)) : l = -a : he(r - l + f, o, s, e) <= a && (l = a + he(r - f, o, s, e), l <= a && (l = a)) : t.startsWith("bottom") ? ve(r - l - f, o, s, e) <= a ? ve(r - l - f, o, s, e) >= 0 ? (l = -a - (ve(r - l - f, o, s, e) + a), s && (l = -a)) : l = -a : he(r - l, o, s, e) <= a && (he(r, o, s, e) >= 0 ? l = a - he(r, o, s, e) : l = a) : ve(r - l, o, s, e) <= a ? ve(r - l, o, s, e) >= 0 ? l = -(a - ve(r - l, o, s, e)) : l = -a : he(r - l, o, s, e) <= a && (he(r - l, o, s, e) >= 0 ? l = a - he(r - l, o, s, e) : l = a);
   }
   return l;
 }, Le = (a) => ({
@@ -671,12 +671,12 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     y: r,
     options: t,
     primaryX: o,
-    primaryY: i,
-    floating: d,
+    primaryY: d,
+    floating: n,
     placement: c
   }) => ({
-    x: e - tt(a, t, o, c, d),
-    y: r - at(a, t, i, c, d),
+    x: e - tt(a, t, o, c, n),
+    y: r - at(a, t, d, c, n),
     placement: c
   })
 }), Dt = (a) => ({
@@ -687,45 +687,45 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     y: r,
     options: t,
     primaryX: o,
-    primaryY: i,
-    floating: d,
+    primaryY: d,
+    floating: n,
     placement: c,
     reference: l
   }) => {
     var u;
-    const n = {
+    const i = {
       x: e,
       y: r,
       placement: c
-    }, s = t.middleware || [], f = s.findIndex((h) => h.name === "shift"), p = s.findIndex((h) => h.name === "offset"), v = p !== -1 && (f === -1 || p > f), w = s.find((h) => h.name === "offset"), k = w ? (u = w.params) == null ? void 0 : u.value : 0, x = v ? tt(k, t, o, c, d) : 0, A = v ? at(k, t, i, c, d) : 0, V = e - x, G = r - A;
-    let D = V, O = G;
+    }, s = t.middleware || [], f = s.findIndex((h) => h.name === "shift"), p = s.findIndex((h) => h.name === "offset"), v = p !== -1 && (f === -1 || p > f), w = s.find((h) => h.name === "offset"), k = w ? (u = w.params) == null ? void 0 : u.value : 0, x = v ? tt(k, t, o, c, n) : 0, A = v ? at(k, t, d, c, n) : 0, V = e - x, G = r - A;
+    let D = V, M = G;
     const N = w ? Math.abs(k) : 0, L = N, b = N;
-    if (_e(t, d) && typeof window < "u") {
-      const h = L, R = window.innerWidth - d.clientWidth - L, W = R < h ? h : R, q = b, ee = window.innerHeight - d.clientHeight - b, X = ee < q ? q : ee;
-      D < h ? D = h : D > W && (D = W), O < q ? O = q : O > X && (O = X), v ? (n.x = e + (D - V), n.y = r + (O - G)) : (n.x = D, n.y = O);
-      const re = L, S = window.innerWidth - d.clientWidth - L, E = b, $ = window.innerHeight - d.clientHeight - b, H = v ? re + x : re, Y = v ? S + x : S, J = v ? E + A : E, y = v ? $ + A : $;
-      return n.x < H ? n.x = H : n.x > Y && (n.x = Y), n.y < J ? n.y = J : n.y > y && (n.y = y), n;
+    if (_e(t, n) && typeof window < "u") {
+      const h = L, R = window.innerWidth - n.clientWidth - L, W = R < h ? h : R, q = b, ee = window.innerHeight - n.clientHeight - b, X = ee < q ? q : ee;
+      D < h ? D = h : D > W && (D = W), M < q ? M = q : M > X && (M = X), v ? (i.x = e + (D - V), i.y = r + (M - G)) : (i.x = D, i.y = M);
+      const le = L, S = window.innerWidth - n.clientWidth - L, E = b, $ = window.innerHeight - n.clientHeight - b, H = v ? le + x : le, Y = v ? S + x : S, J = v ? E + A : E, y = v ? $ + A : $;
+      return i.x < H ? i.x = H : i.x > Y && (i.x = Y), i.y < J ? i.y = J : i.y > y && (i.y = y), i;
     }
-    const _ = ge(d);
-    if (_ !== null) {
-      const h = ie(l, d, t), R = h.left, W = h.left + h.width, q = h.top, ee = h.top + h.height, X = _.scrollLeft + L, re = Pe(_) - d.clientWidth - L, S = re < X ? X : re, E = _.scrollTop + b, $ = Ie(_) - d.clientHeight - b, H = $ < E ? E : $, Y = _.scrollLeft, J = Pe(_), y = _.scrollTop, B = Ie(_);
-      W <= Y ? D = X : R >= J && (D = S), ee <= y ? O = E : q >= B && (O = H), O < E ? O = E : O > H && (O = H), D < X ? D = X : D > S && (D = S);
+    const C = me(n);
+    if (C !== null) {
+      const h = ie(l, n, t), R = h.left, W = h.left + h.width, q = h.top, ee = h.top + h.height, X = C.scrollLeft + L, le = Pe(C) - n.clientWidth - L, S = le < X ? X : le, E = C.scrollTop + b, $ = Ie(C) - n.clientHeight - b, H = $ < E ? E : $, Y = C.scrollLeft, J = Pe(C), y = C.scrollTop, B = Ie(C);
+      W <= Y ? D = X : R >= J && (D = S), ee <= y ? M = E : q >= B && (M = H), M < E ? M = E : M > H && (M = H), D < X ? D = X : D > S && (D = S);
     }
-    if (v ? (n.x = e + (D - V), n.y = r + (O - G)) : (n.x = D, n.y = O), _ !== null) {
-      const h = _.scrollLeft + L, R = Pe(_) - d.clientWidth - L, W = _.scrollTop + b, q = Ie(_) - d.clientHeight - b, ee = v ? h + x : h, X = v ? R + x : R, re = v ? W + A : W, S = v ? q + A : q;
-      n.x < ee ? n.x = ee : n.x > X && (n.x = X), n.y < re ? n.y = re : n.y > S && (n.y = S);
+    if (v ? (i.x = e + (D - V), i.y = r + (M - G)) : (i.x = D, i.y = M), C !== null) {
+      const h = C.scrollLeft + L, R = Pe(C) - n.clientWidth - L, W = C.scrollTop + b, q = Ie(C) - n.clientHeight - b, ee = v ? h + x : h, X = v ? R + x : R, le = v ? W + A : W, S = v ? q + A : q;
+      i.x < ee ? i.x = ee : i.x > X && (i.x = X), i.y < le ? i.y = le : i.y > S && (i.y = S);
     }
-    return n;
+    return i;
   }
 }), Et = (a) => a.getBoundingClientRect().width !== a.clientWidth ? (a.getBoundingClientRect().width - a.clientWidth) / 2 : 0, At = (a) => a.getBoundingClientRect().height !== a.clientHeight ? (a.getBoundingClientRect().height - a.clientHeight) / 2 : 0, Te = (a, e) => {
-  const r = ge(a), t = [];
+  const r = me(a), t = [];
   if (r !== null) {
     const o = () => e();
     r.addEventListener("scroll", o, !1), t.push(() => r.removeEventListener("scroll", o, !1));
   }
   if (typeof window < "u") {
-    const o = () => e(), i = () => e();
-    window.addEventListener("scroll", o, !1), window.addEventListener("resize", i, !1), t.push(() => window.removeEventListener("scroll", o, !1)), t.push(() => window.removeEventListener("resize", i, !1));
+    const o = () => e(), d = () => e();
+    window.addEventListener("scroll", o, !1), window.addEventListener("resize", d, !1), t.push(() => window.removeEventListener("scroll", o, !1)), t.push(() => window.removeEventListener("resize", d, !1));
   }
   if (typeof ResizeObserver < "u" && a instanceof HTMLElement) {
     const o = new ResizeObserver(() => e());
@@ -856,17 +856,17 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     const s = a.x, f = a.y, p = s + e.clientWidth, v = f + e.clientHeight;
     return s >= 0 && f >= 0 && p <= window.innerWidth && v <= window.innerHeight;
   }
-  if (ge(r) !== null)
-    return ve(a.y, e, null, t) > 0 && fe(a.x, e, null, t) > 0 && me(a.y, e, null, t) > 0 && pe(a.x, e, null, t) > 0;
+  if (me(r) !== null)
+    return ve(a.y, e, null, t) > 0 && fe(a.x, e, null, t) > 0 && he(a.y, e, null, t) > 0 && pe(a.x, e, null, t) > 0;
   if (typeof window > "u")
     return !0;
-  const o = window.innerWidth, i = window.innerHeight, d = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
-  if (d) {
-    const s = d.getBoundingClientRect(), f = s.left + a.x, p = s.top + a.y, v = f + e.clientWidth, w = p + e.clientHeight;
-    return f >= 0 && p >= 0 && v <= o && w <= i;
+  const o = window.innerWidth, d = window.innerHeight, n = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (n) {
+    const s = n.getBoundingClientRect(), f = s.left + a.x, p = s.top + a.y, v = f + e.clientWidth, w = p + e.clientHeight;
+    return f >= 0 && p >= 0 && v <= o && w <= d;
   }
-  const c = a.x, l = a.y, u = c + e.clientWidth, n = l + e.clientHeight;
-  return c >= 0 && l >= 0 && u <= o && n <= i;
+  const c = a.x, l = a.y, u = c + e.clientWidth, i = l + e.clientHeight;
+  return c >= 0 && l >= 0 && u <= o && i <= d;
 }, Se = (a) => a.startsWith("right") ? "right" : a.startsWith("left") ? "left" : a.startsWith("top") ? "top" : "bottom", ea = (a, e, r) => Se(e) === a && r.includes(e) ? e : r.find((t) => Se(t) === a) ?? r[0], ta = (a, e, r = {}) => {
   if (typeof window > "u")
     return {
@@ -875,35 +875,35 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       bottom: 0,
       left: 0
     };
-  const t = _e(r, e) ? null : ge(a), o = a.getBoundingClientRect(), i = t ? t.getBoundingClientRect() : {
+  const t = _e(r, e) ? null : me(a), o = a.getBoundingClientRect(), d = t ? t.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
     bottom: window.innerHeight
   };
   return {
-    top: o.top - i.top,
-    right: i.right - o.right,
-    bottom: i.bottom - o.bottom,
-    left: o.left - i.left
+    top: o.top - d.top,
+    right: d.right - o.right,
+    bottom: d.bottom - o.bottom,
+    left: o.left - d.left
   };
 }, Re = (a, e, r = {}) => new Promise((t) => {
-  var o, i;
-  const d = r.placement ? r.placement : "bottom", c = {
+  var o, d;
+  const n = r.placement ? r.placement : "bottom", c = {
     x: 0,
     y: 0,
-    placement: d,
+    placement: n,
     middlewareData: {}
-  }, l = Oe(a, e, d, r);
+  }, l = Oe(a, e, n, r);
   c.x = l.x, c.y = l.y, c.placement = l.placement;
-  const u = c.x, n = c.y, s = Mt(a);
+  const u = c.x, i = c.y, s = Mt(a);
   (o = r.middleware) == null || o.forEach((w) => {
     const k = w.fn({
       x: c.x,
       y: c.y,
       options: r,
       primaryX: u,
-      primaryY: n,
+      primaryY: i,
       floating: e,
       placement: c.placement,
       reference: a,
@@ -911,7 +911,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     });
     c.x = k.x, c.y = k.y, c.placement = k.placement, w.name === "arrow" && (k.baseX = k.x, k.baseY = k.y, k.x = k.arrowX ?? k.x, k.y = k.arrowY ?? k.y), c.middlewareData[w.name] = k;
   });
-  const f = Oe(a, e, c.placement, r), p = we(r, "offset"), v = p ? (i = p.params) == null ? void 0 : i.value : 0;
+  const f = Oe(a, e, c.placement, r), p = we(r, "offset"), v = p ? (d = p.params) == null ? void 0 : d.value : 0;
   if (Number.isFinite(c.x) || (c.x = f.x), !Number.isFinite(c.y))
     if (_e(r, e)) {
       const w = a.getBoundingClientRect(), k = e.getBoundingClientRect().height;
@@ -919,7 +919,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     } else
       c.y = f.y;
   t(c);
-}), aa = ["disabled", "aria-expanded", "onKeydown"], oa = ["data-placement"], ra = ["disabled", "aria-selected", "onClick"], Kr = /* @__PURE__ */ j({
+}), aa = ["disabled", "aria-expanded", "onKeydown"], oa = ["data-placement"], ra = ["disabled", "aria-selected", "onClick"], Xr = /* @__PURE__ */ j({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -934,50 +934,50 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(a, { emit: e }) {
     let r = 0;
-    const t = e, o = a, i = K(null), d = K(null), c = K(null), l = K(!1), u = K("bottom"), n = K("bottom"), s = `vf-select-panel-${++r}`;
+    const t = e, o = a, d = K(null), n = K(null), c = K(null), l = K(!1), u = K("bottom"), i = K("bottom"), s = `vf-select-panel-${++r}`;
     let f = null;
-    const p = g(() => o.options.map((_) => ({
-      label: _[o.optionLabel],
-      value: _[o.optionValue],
-      disabled: _.disabled
-    }))), v = g(() => p.value.find((_) => _.value === o.modelValue)), w = g(() => {
-      var _;
-      return ((_ = v.value) == null ? void 0 : _.label) ?? "";
-    }), k = g(() => {
-      const _ = ["vf-select", `vf-select_${o.variant}`, l.value ? "vf-select_open" : ""];
-      return o.size !== "normal" && _.push(`vf-select_${o.size}`), o.disabled && _.push("vf-select_disabled"), _.filter(Boolean);
-    }), x = (_) => _.value === o.modelValue, A = (_) => {
-      _.disabled || (t("update:modelValue", _.value), t("change", _.value), D());
-    }, V = (_) => t("focus", _), G = (_) => t("blur", _), D = () => {
-      l.value = !1, u.value = "bottom", n.value = "bottom";
-    }, O = () => {
-      o.disabled || (l.value = !l.value, l.value && (u.value = "bottom", n.value = "bottom"));
+    const p = m(() => o.options.map((C) => ({
+      label: C[o.optionLabel],
+      value: C[o.optionValue],
+      disabled: C.disabled
+    }))), v = m(() => p.value.find((C) => C.value === o.modelValue)), w = m(() => {
+      var C;
+      return ((C = v.value) == null ? void 0 : C.label) ?? "";
+    }), k = m(() => {
+      const C = ["vf-select", `vf-select_${o.variant}`, l.value ? "vf-select_open" : ""];
+      return o.size !== "normal" && C.push(`vf-select_${o.size}`), o.disabled && C.push("vf-select_disabled"), C.filter(Boolean);
+    }), x = (C) => C.value === o.modelValue, A = (C) => {
+      C.disabled || (t("update:modelValue", C.value), t("change", C.value), D());
+    }, V = (C) => t("focus", C), G = (C) => t("blur", C), D = () => {
+      l.value = !1, u.value = "bottom", i.value = "bottom";
+    }, M = () => {
+      o.disabled || (l.value = !l.value, l.value && (u.value = "bottom", i.value = "bottom"));
     }, N = async () => {
-      var _, h;
-      l.value || (l.value = !0, await ke()), (h = (_ = c.value) == null ? void 0 : _.querySelector(".vf-select__option:not(.is-disabled)")) == null || h.focus();
-    }, L = (_) => {
+      var C, h;
+      l.value || (l.value = !0, await ke()), (h = (C = c.value) == null ? void 0 : C.querySelector(".vf-select__option:not(.is-disabled)")) == null || h.focus();
+    }, L = (C) => {
       var R;
-      if (!l.value || !i.value)
+      if (!l.value || !d.value)
         return;
-      const h = _.target;
-      i.value.contains(h) || (R = c.value) != null && R.contains(h) || D();
+      const h = C.target;
+      d.value.contains(h) || (R = c.value) != null && R.contains(h) || D();
     }, b = () => {
-      if (!d.value || !c.value)
+      if (!n.value || !c.value)
         return;
-      const _ = d.value, h = c.value, R = async () => {
+      const C = n.value, h = c.value, R = async () => {
         const {
           x: X,
-          y: re,
+          y: le,
           placement: S
-        } = await Re(_, h, {
+        } = await Re(C, h, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
         });
-        n.value = S ?? u.value, h.style.minWidth = `${_.getBoundingClientRect().width}px`, h.style.left = `${X}px`, h.style.top = `${re}px`;
+        i.value = S ?? u.value, h.style.minWidth = `${C.getBoundingClientRect().width}px`, h.style.left = `${X}px`, h.style.top = `${le}px`;
       }, W = async () => {
         await R();
-      }, q = Te(_, () => {
+      }, q = Te(C, () => {
         W();
       }), ee = () => {
         W();
@@ -989,8 +989,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         }
       }, f.update();
     };
-    return oe(l, async (_) => {
-      if (!_) {
+    return oe(l, async (C) => {
+      if (!C) {
         f && (f.destroy(), f = null);
         return;
       }
@@ -1005,24 +1005,24 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       document.addEventListener("click", L);
     }), $e(() => {
       document.removeEventListener("click", L), f == null || f.destroy(), f = null;
-    }), (_, h) => (m(), C("div", {
+    }), (C, h) => (g(), _("div", {
       ref_key: "root",
-      ref: i,
+      ref: d,
       class: I(k.value)
     }, [
       z("button", {
         ref_key: "trigger",
-        ref: d,
+        ref: n,
         class: "vf-select__control",
         type: "button",
-        disabled: _.disabled,
+        disabled: C.disabled,
         "aria-expanded": l.value,
         "aria-controls": s,
         "aria-haspopup": "listbox",
-        onClick: O,
+        onClick: M,
         onKeydown: [
           te(Q(N, ["prevent"]), ["down"]),
-          te(Q(O, ["prevent"]), ["enter"]),
+          te(Q(M, ["prevent"]), ["enter"]),
           te(Q(D, ["prevent"]), ["esc"])
         ],
         onFocus: V,
@@ -1030,22 +1030,22 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       }, [
         z("span", {
           class: I(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
-        }, M(w.value || _.placeholder), 3),
+        }, O(w.value || C.placeholder), 3),
         h[0] || (h[0] = z("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, aa),
-      (m(), se(xe, { to: "body" }, [
+      (g(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: s,
           ref_key: "panel",
           ref: c,
           class: "vf-select__panel",
           role: "listbox",
-          "data-placement": n.value
+          "data-placement": i.value
         }, [
-          (m(!0), C(le, null, de(p.value, (R) => (m(), C("button", {
+          (g(!0), _(re, null, de(p.value, (R) => (g(), _("button", {
             key: R.value,
             class: I(["vf-select__option", { "is-active": x(R), "is-disabled": R.disabled }]),
             type: "button",
@@ -1053,7 +1053,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             disabled: R.disabled,
             "aria-selected": x(R),
             onClick: (W) => A(R)
-          }, M(R.label), 11, ra))), 128))
+          }, O(R.label), 11, ra))), 128))
         ], 8, oa), [
           [ce, l.value]
         ])
@@ -1066,7 +1066,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, da = ["id", "disabled", "aria-selected", "onClick"], ua = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, Nr = /* @__PURE__ */ j({
+}, qr = /* @__PURE__ */ j({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1086,42 +1086,42 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "change", "focus", "blur", "search"],
   setup(a, { emit: e }) {
     let r = 0;
-    const t = e, o = a, i = K(null), d = K(null), c = K(null), l = K(!1), u = K(""), n = K(-1), s = K("bottom"), f = K("bottom"), p = `vf-autocomplete-panel-${++r}`;
+    const t = e, o = a, d = K(null), n = K(null), c = K(null), l = K(!1), u = K(""), i = K(-1), s = K("bottom"), f = K("bottom"), p = `vf-autocomplete-panel-${++r}`;
     let v = null;
-    const w = g(() => o.options.map(($) => ({
+    const w = m(() => o.options.map(($) => ({
       label: $[o.optionLabel],
       value: $[o.optionValue],
       disabled: $.disabled
-    }))), k = g(() => w.value.find(($) => $.value === o.modelValue)), x = g(() => {
+    }))), k = m(() => w.value.find(($) => $.value === o.modelValue)), x = m(() => {
       if (!o.filter)
         return w.value;
       const $ = u.value.trim().toLowerCase();
       return $ ? w.value.filter((H) => H.label.toLowerCase().includes($)) : w.value;
-    }), A = g(() => {
-      if (!(!l.value || n.value < 0))
-        return G(n.value);
-    }), V = g(() => {
+    }), A = m(() => {
+      if (!(!l.value || i.value < 0))
+        return G(i.value);
+    }), V = m(() => {
       const $ = ["vf-autocomplete", `vf-autocomplete_${o.variant}`, l.value ? "vf-autocomplete_open" : ""];
       return o.size !== "normal" && $.push(`vf-autocomplete_${o.size}`), o.disabled && $.push("vf-autocomplete_disabled"), $.filter(Boolean);
-    }), G = ($) => `${p}-option-${$}`, D = ($) => $.value === o.modelValue, O = () => x.value.findIndex(($) => !$.disabled), N = ($) => {
+    }), G = ($) => `${p}-option-${$}`, D = ($) => $.value === o.modelValue, M = () => x.value.findIndex(($) => !$.disabled), N = ($) => {
       const H = x.value;
       if (!H.length) {
-        n.value = -1;
+        i.value = -1;
         return;
       }
-      let Y = n.value;
+      let Y = i.value;
       (Y < 0 || Y >= H.length) && (Y = $ > 0 ? -1 : H.length);
       for (let J = 0; J < H.length; J += 1)
         if (Y = (Y + $ + H.length) % H.length, !H[Y].disabled) {
-          n.value = Y;
+          i.value = Y;
           return;
         }
-      n.value = -1;
+      i.value = -1;
     }, L = () => {
-      o.disabled || (l.value = !0, s.value = "bottom", f.value = "bottom", n.value < 0 && (n.value = O()));
+      o.disabled || (l.value = !0, s.value = "bottom", f.value = "bottom", i.value < 0 && (i.value = M()));
     }, b = () => {
-      l.value = !1, n.value = -1, s.value = "bottom", f.value = "bottom";
-    }, _ = () => {
+      l.value = !1, i.value = -1, s.value = "bottom", f.value = "bottom";
+    }, C = () => {
       if (l.value) {
         b();
         return;
@@ -1131,7 +1131,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       $.disabled || (u.value = $.label, t("update:modelValue", $.value), t("change", $.value), b());
     }, R = ($) => {
       const H = $.target;
-      u.value = H.value, t("search", H.value), L(), n.value = O();
+      u.value = H.value, t("search", H.value), L(), i.value = M();
     }, W = ($) => {
       t("focus", $), L();
     }, q = ($) => {
@@ -1148,33 +1148,33 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         return;
       }
       N(-1);
-    }, re = () => {
+    }, le = () => {
       if (!l.value) {
         L();
         return;
       }
-      const $ = x.value[n.value];
+      const $ = x.value[i.value];
       $ && !$.disabled && h($);
     }, S = ($) => {
       var Y;
-      if (!l.value || !i.value)
+      if (!l.value || !d.value)
         return;
       const H = $.target;
-      i.value.contains(H) || (Y = c.value) != null && Y.contains(H) || b();
+      d.value.contains(H) || (Y = c.value) != null && Y.contains(H) || b();
     }, E = () => {
-      if (!d.value || !c.value)
+      if (!n.value || !c.value)
         return;
-      const $ = d.value, H = c.value, Y = async () => {
+      const $ = n.value, H = c.value, Y = async () => {
         const {
           x: P,
-          y: U,
+          y: Z,
           placement: ne
         } = await Re($, H, {
           placement: s.value,
           strategy: "fixed",
           middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
         });
-        f.value = ne ?? s.value, H.style.minWidth = `${$.getBoundingClientRect().width}px`, H.style.left = `${P}px`, H.style.top = `${U}px`;
+        f.value = ne ?? s.value, H.style.minWidth = `${$.getBoundingClientRect().width}px`, H.style.left = `${P}px`, H.style.top = `${Z}px`;
       }, J = async () => {
         await Y();
       }, y = Te($, () => {
@@ -1204,7 +1204,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       },
       { deep: !0 }
     ), oe(x, () => {
-      n.value >= x.value.length && (n.value = O());
+      i.value >= x.value.length && (i.value = M());
     }), oe(l, async ($) => {
       if (!$) {
         v && (v.destroy(), v = null);
@@ -1215,14 +1215,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       document.addEventListener("click", S);
     }), $e(() => {
       document.removeEventListener("click", S), v == null || v.destroy(), v = null;
-    }), ($, H) => (m(), C("div", {
+    }), ($, H) => (g(), _("div", {
       ref_key: "root",
-      ref: i,
+      ref: d,
       class: I(V.value)
     }, [
       z("input", {
         ref_key: "control",
-        ref: d,
+        ref: n,
         class: "vf-autocomplete__control",
         type: "text",
         role: "combobox",
@@ -1241,7 +1241,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         onKeydown: [
           te(Q(ee, ["prevent"]), ["down"]),
           te(Q(X, ["prevent"]), ["up"]),
-          te(Q(re, ["prevent"]), ["enter"]),
+          te(Q(le, ["prevent"]), ["enter"]),
           te(Q(b, ["prevent"]), ["esc"]),
           te(b, ["tab"])
         ]
@@ -1254,9 +1254,9 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         tabindex: "-1",
         onMousedown: H[0] || (H[0] = Q(() => {
         }, ["prevent"])),
-        onClick: _
+        onClick: C
       }, " ▾ ", 40, sa),
-      (m(), se(xe, { to: "body" }, [
+      (g(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: p,
           ref_key: "panel",
@@ -1265,13 +1265,13 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           role: "listbox",
           "data-placement": f.value
         }, [
-          $.loading ? (m(), C("div", ia, M($.loadingText), 1)) : x.value.length > 0 ? (m(!0), C(le, { key: 1 }, de(x.value, (Y, J) => (m(), C("button", {
+          $.loading ? (g(), _("div", ia, O($.loadingText), 1)) : x.value.length > 0 ? (g(!0), _(re, { key: 1 }, de(x.value, (Y, J) => (g(), _("button", {
             id: G(J),
             key: Y.value,
             class: I(["vf-autocomplete__option", {
               "is-active": D(Y),
               "is-disabled": Y.disabled,
-              "is-highlighted": J === n.value
+              "is-highlighted": J === i.value
             }]),
             type: "button",
             role: "option",
@@ -1280,7 +1280,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             onMousedown: H[1] || (H[1] = Q(() => {
             }, ["prevent"])),
             onClick: (y) => h(Y)
-          }, M(Y.label), 43, da))), 128)) : (m(), C("div", ua, M($.emptyText), 1))
+          }, O(Y.label), 43, da))), 128)) : (g(), _("div", ua, O($.emptyText), 1))
         ], 8, na), [
           [ce, l.value]
         ])
@@ -1300,7 +1300,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, ya = {
   key: 3,
   class: "vf-multiselect__empty"
-}, Gr = /* @__PURE__ */ j({
+}, Ur = /* @__PURE__ */ j({
   __name: "multi-select",
   props: {
     modelValue: { default: () => [] },
@@ -1322,23 +1322,23 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "change", "search", "focus", "blur"],
   setup(a, { emit: e }) {
     let r = 0;
-    const t = e, o = a, i = K(null), d = K(null), c = K(null), l = K(null), u = K(!1), n = K(""), s = K(-1), f = K("bottom"), p = K("bottom"), v = `vf-multiselect-panel-${++r}`;
+    const t = e, o = a, d = K(null), n = K(null), c = K(null), l = K(null), u = K(!1), i = K(""), s = K(-1), f = K("bottom"), p = K("bottom"), v = `vf-multiselect-panel-${++r}`;
     let w = null;
-    const k = g(() => o.options.map((y) => ({
+    const k = m(() => o.options.map((y) => ({
       label: y[o.optionLabel],
       value: y[o.optionValue],
       disabled: y.disabled
-    }))), x = g(() => Array.isArray(o.modelValue) ? o.modelValue : []), A = g(() => {
+    }))), x = m(() => Array.isArray(o.modelValue) ? o.modelValue : []), A = m(() => {
       if (!o.filter)
         return k.value;
-      const y = n.value.trim().toLowerCase();
+      const y = i.value.trim().toLowerCase();
       return y ? k.value.filter((B) => B.label.toLowerCase().includes(y)) : k.value;
-    }), V = g(() => k.value.filter((y) => x.value.includes(y.value))), G = g(() => V.value.length === 0 ? o.placeholder : V.value.map((y) => y.label).join(", ")), D = g(() => {
+    }), V = m(() => k.value.filter((y) => x.value.includes(y.value))), G = m(() => V.value.length === 0 ? o.placeholder : V.value.map((y) => y.label).join(", ")), D = m(() => {
       const y = ["vf-multiselect", `vf-multiselect_${o.variant}`, u.value ? "vf-multiselect_open" : ""];
       return o.size !== "normal" && y.push(`vf-multiselect_${o.size}`), o.disabled && y.push("vf-multiselect_disabled"), y.filter(Boolean);
-    }), O = (y) => `${v}-option-${y}`, N = () => A.value.findIndex((y) => !y.disabled), L = (y) => x.value.includes(y.value), b = (y) => {
+    }), M = (y) => `${v}-option-${y}`, N = () => A.value.findIndex((y) => !y.disabled), L = (y) => x.value.includes(y.value), b = (y) => {
       t("update:modelValue", y), t("change", y);
-    }, _ = (y) => {
+    }, C = (y) => {
       if (!(y.disabled || o.readonly)) {
         if (L(y)) {
           b(x.value.filter((B) => B !== y.value));
@@ -1356,7 +1356,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       }
       let P = s.value;
       (P < 0 || P >= B.length) && (P = y > 0 ? -1 : B.length);
-      for (let U = 0; U < B.length; U += 1)
+      for (let Z = 0; Z < B.length; Z += 1)
         if (P = (P + y + B.length) % B.length, !B[P].disabled) {
           s.value = P;
           return;
@@ -1366,7 +1366,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       var y;
       o.disabled || (u.value = !0, f.value = "bottom", p.value = "bottom", s.value < 0 && (s.value = N()), o.filter && (await ke(), (y = l.value) == null || y.focus()));
     }, q = () => {
-      u.value = !1, s.value = -1, f.value = "bottom", p.value = "bottom", n.value = "";
+      u.value = !1, s.value = -1, f.value = "bottom", p.value = "bottom", i.value = "";
     }, ee = () => {
       if (u.value) {
         q();
@@ -1379,7 +1379,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         return;
       }
       R(1);
-    }, re = () => {
+    }, le = () => {
       if (!u.value) {
         W();
         return;
@@ -1391,20 +1391,20 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         return;
       }
       const y = A.value[s.value];
-      y && !y.disabled && _(y);
+      y && !y.disabled && C(y);
     }, E = (y) => {
       const B = y.target;
-      n.value = B.value, t("search", B.value), s.value = N();
+      i.value = B.value, t("search", B.value), s.value = N();
     }, $ = (y) => t("focus", y), H = (y) => t("blur", y), Y = (y) => {
       var P;
-      if (!u.value || !i.value)
+      if (!u.value || !d.value)
         return;
       const B = y.target;
-      i.value.contains(B) || (P = c.value) != null && P.contains(B) || q();
+      d.value.contains(B) || (P = c.value) != null && P.contains(B) || q();
     }, J = () => {
-      if (!d.value || !c.value)
+      if (!n.value || !c.value)
         return;
-      const y = d.value, B = c.value, P = async () => {
+      const y = n.value, B = c.value, P = async () => {
         const {
           x: Ce,
           y: Ae,
@@ -1415,15 +1415,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
         });
         p.value = We ?? f.value, B.style.minWidth = `${y.getBoundingClientRect().width}px`, B.style.left = `${Ce}px`, B.style.top = `${Ae}px`;
-      }, U = async () => {
+      }, Z = async () => {
         await P();
       }, ne = Te(y, () => {
-        U();
+        Z();
       }), ae = () => {
-        U();
+        Z();
       };
       document.addEventListener("scroll", ae, !0), window.addEventListener("resize", ae, !1), w = {
-        update: U,
+        update: Z,
         destroy: () => {
           ne(), document.removeEventListener("scroll", ae, !0), window.removeEventListener("resize", ae, !1);
         }
@@ -1447,14 +1447,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       document.addEventListener("click", Y);
     }), $e(() => {
       document.removeEventListener("click", Y), w == null || w.destroy(), w = null;
-    }), (y, B) => (m(), C("div", {
+    }), (y, B) => (g(), _("div", {
       ref_key: "root",
-      ref: i,
+      ref: d,
       class: I(D.value)
     }, [
       z("button", {
         ref_key: "trigger",
-        ref: d,
+        ref: n,
         class: "vf-multiselect__control",
         type: "button",
         disabled: y.disabled,
@@ -1464,7 +1464,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         onClick: ee,
         onKeydown: [
           te(Q(X, ["prevent"]), ["down"]),
-          te(Q(re, ["prevent"]), ["up"]),
+          te(Q(le, ["prevent"]), ["up"]),
           te(Q(S, ["prevent"]), ["enter"]),
           te(Q(q, ["prevent"]), ["esc"])
         ],
@@ -1473,20 +1473,20 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       }, [
         z("span", {
           class: I(["vf-multiselect__label", { "vf-multiselect__label_placeholder": x.value.length === 0 }])
-        }, M(G.value), 3),
+        }, O(G.value), 3),
         B[0] || (B[0] = z("span", {
           class: "vf-multiselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, ca),
-      y.clearable && x.value.length > 0 && !y.disabled && !y.readonly ? (m(), C("button", {
+      y.clearable && x.value.length > 0 && !y.disabled && !y.readonly ? (g(), _("button", {
         key: 0,
         class: "vf-multiselect__clear",
         type: "button",
         "aria-label": "Clear selection",
         onClick: Q(h, ["stop"])
       }, " ✕ ")) : T("", !0),
-      (m(), se(xe, { to: "body" }, [
+      (g(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: v,
           ref_key: "panel",
@@ -1496,40 +1496,40 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           "aria-multiselectable": "true",
           "data-placement": p.value
         }, [
-          y.filter ? (m(), C("div", fa, [
+          y.filter ? (g(), _("div", fa, [
             z("input", {
               ref_key: "searchInput",
               ref: l,
               class: "vf-multiselect__search-control",
               type: "text",
-              value: n.value,
+              value: i.value,
               placeholder: y.searchPlaceholder,
               onInput: E,
               onKeydown: [
                 te(Q(X, ["prevent"]), ["down"]),
-                te(Q(re, ["prevent"]), ["up"]),
+                te(Q(le, ["prevent"]), ["up"]),
                 te(Q(S, ["prevent"]), ["enter"]),
                 te(Q(q, ["prevent"]), ["esc"])
               ]
             }, null, 40, pa)
           ])) : T("", !0),
-          y.loading ? (m(), C("div", ba, M(y.loadingText), 1)) : A.value.length > 0 ? (m(!0), C(le, { key: 2 }, de(A.value, (P, U) => (m(), C("button", {
-            id: O(U),
+          y.loading ? (g(), _("div", ba, O(y.loadingText), 1)) : A.value.length > 0 ? (g(!0), _(re, { key: 2 }, de(A.value, (P, Z) => (g(), _("button", {
+            id: M(Z),
             key: P.value,
             class: I(["vf-multiselect__option", {
               "is-active": L(P),
               "is-disabled": P.disabled,
-              "is-highlighted": U === s.value
+              "is-highlighted": Z === s.value
             }]),
             type: "button",
             role: "option",
             disabled: P.disabled,
             "aria-selected": L(P),
-            onClick: (ne) => _(P)
+            onClick: (ne) => C(P)
           }, [
-            z("span", ma, M(P.label), 1),
-            L(P) ? (m(), C("span", ha, "✓")) : T("", !0)
-          ], 10, ga))), 128)) : (m(), C("div", ya, M(y.emptyText), 1))
+            z("span", ma, O(P.label), 1),
+            L(P) ? (g(), _("span", ha, "✓")) : T("", !0)
+          ], 10, ga))), 128)) : (g(), _("div", ya, O(y.emptyText), 1))
         ], 8, va), [
           [ce, u.value]
         ])
@@ -1542,7 +1542,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, xa = {
   class: "vf-datepicker__days",
   role: "grid"
-}, za = ["disabled", "data-date", "onClick"], Yr = /* @__PURE__ */ j({
+}, za = ["disabled", "data-date", "onClick"], Zr = /* @__PURE__ */ j({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1559,24 +1559,24 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(a, { emit: e }) {
     let r = 0;
-    const t = e, o = a, i = K(null), d = K(null), c = K(null), l = K(!1), u = K("bottom"), n = K("bottom"), s = `vf-datepicker-panel-${++r}`, f = K(S(X(o.modelValue) ?? /* @__PURE__ */ new Date()));
+    const t = e, o = a, d = K(null), n = K(null), c = K(null), l = K(!1), u = K("bottom"), i = K("bottom"), s = `vf-datepicker-panel-${++r}`, f = K(S(X(o.modelValue) ?? /* @__PURE__ */ new Date()));
     let p = null;
-    const v = g(() => X(o.modelValue)), w = g(() => X(o.min)), k = g(() => X(o.max)), x = g(() => v.value ? v.value.toLocaleDateString(o.locale, {
+    const v = m(() => X(o.modelValue)), w = m(() => X(o.min)), k = m(() => X(o.max)), x = m(() => v.value ? v.value.toLocaleDateString(o.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : ""), A = g(() => f.value.toLocaleDateString(o.locale, {
+    }) : ""), A = m(() => f.value.toLocaleDateString(o.locale, {
       year: "numeric",
       month: "long"
-    })), V = g(() => {
+    })), V = m(() => {
       const y = new Intl.DateTimeFormat(o.locale, { weekday: "short" }), B = new Date(2026, 0, 4);
-      return Array.from({ length: 7 }, (P, U) => {
-        const ne = (U + o.firstDayOfWeek) % 7, ae = new Date(B);
+      return Array.from({ length: 7 }, (P, Z) => {
+        const ne = (Z + o.firstDayOfWeek) % 7, ae = new Date(B);
         return ae.setDate(B.getDate() + ne), y.format(ae);
       });
-    }), G = g(() => {
+    }), G = m(() => {
       const y = H(f.value, o.firstDayOfWeek), B = v.value ? Y(v.value) : null, P = Y(/* @__PURE__ */ new Date());
-      return Array.from({ length: 42 }, (U, ne) => {
+      return Array.from({ length: 42 }, (Z, ne) => {
         const ae = $(y, ne), Ce = Y(ae);
         return {
           key: `${Ce}-${ne}`,
@@ -1589,14 +1589,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           isToday: Ce === P
         };
       });
-    }), D = g(() => {
+    }), D = m(() => {
       const y = ["vf-datepicker", `vf-datepicker_${o.variant}`, l.value ? "vf-datepicker_open" : ""];
       return o.size !== "normal" && y.push(`vf-datepicker_${o.size}`), o.disabled && y.push("vf-datepicker_disabled"), y.filter(Boolean);
-    }), O = (y) => t("focus", y), N = (y) => t("blur", y), L = () => {
-      o.disabled || o.readonly || (l.value = !0, u.value = "bottom", n.value = "bottom");
+    }), M = (y) => t("focus", y), N = (y) => t("blur", y), L = () => {
+      o.disabled || o.readonly || (l.value = !0, u.value = "bottom", i.value = "bottom");
     }, b = () => {
-      l.value = !1, u.value = "bottom", n.value = "bottom";
-    }, _ = () => {
+      l.value = !1, u.value = "bottom", i.value = "bottom";
+    }, C = () => {
       if (l.value) {
         b();
         return;
@@ -1613,14 +1613,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       t("update:modelValue", B), t("change", B), b();
     }, q = (y) => {
       var P;
-      if (!l.value || !i.value)
+      if (!l.value || !d.value)
         return;
       const B = y.target;
-      i.value.contains(B) || (P = c.value) != null && P.contains(B) || b();
+      d.value.contains(B) || (P = c.value) != null && P.contains(B) || b();
     }, ee = () => {
-      if (!d.value || !c.value)
+      if (!n.value || !c.value)
         return;
-      const y = d.value, B = c.value, P = async () => {
+      const y = n.value, B = c.value, P = async () => {
         const {
           x: Ce,
           y: Ae,
@@ -1630,16 +1630,16 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           strategy: "fixed",
           middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
         });
-        n.value = We ?? u.value, B.style.left = `${Ce}px`, B.style.top = `${Ae}px`;
-      }, U = async () => {
+        i.value = We ?? u.value, B.style.left = `${Ce}px`, B.style.top = `${Ae}px`;
+      }, Z = async () => {
         await P();
       }, ne = Te(y, () => {
-        U();
+        Z();
       }), ae = () => {
-        U();
+        Z();
       };
       document.addEventListener("scroll", ae, !0), window.addEventListener("resize", ae, !1), p = {
-        update: U,
+        update: Z,
         destroy: () => {
           ne(), document.removeEventListener("scroll", ae, !0), window.removeEventListener("resize", ae, !1);
         }
@@ -1674,10 +1674,10 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const B = y.match(/^(\d{4})-(\d{2})-(\d{2})$/);
       if (!B)
         return null;
-      const P = Number(B[1]), U = Number(B[2]) - 1, ne = Number(B[3]), ae = new Date(P, U, ne);
-      return ae.getFullYear() !== P || ae.getMonth() !== U || ae.getDate() !== ne ? null : re(ae);
+      const P = Number(B[1]), Z = Number(B[2]) - 1, ne = Number(B[3]), ae = new Date(P, Z, ne);
+      return ae.getFullYear() !== P || ae.getMonth() !== Z || ae.getDate() !== ne ? null : le(ae);
     }
-    function re(y) {
+    function le(y) {
       return new Date(y.getFullYear(), y.getMonth(), y.getDate());
     }
     function S(y) {
@@ -1694,52 +1694,52 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       return $(P, -ne);
     }
     function Y(y) {
-      const B = y.getFullYear(), P = `${y.getMonth() + 1}`.padStart(2, "0"), U = `${y.getDate()}`.padStart(2, "0");
-      return `${B}-${P}-${U}`;
+      const B = y.getFullYear(), P = `${y.getMonth() + 1}`.padStart(2, "0"), Z = `${y.getDate()}`.padStart(2, "0");
+      return `${B}-${P}-${Z}`;
     }
     function J(y, B, P) {
-      const U = re(y).getTime();
-      return !!(B && U < B.getTime() || P && U > P.getTime());
+      const Z = le(y).getTime();
+      return !!(B && Z < B.getTime() || P && Z > P.getTime());
     }
-    return (y, B) => (m(), C("div", {
+    return (y, B) => (g(), _("div", {
       ref_key: "root",
-      ref: i,
+      ref: d,
       class: I(D.value)
     }, [
       z("button", {
         ref_key: "control",
-        ref: d,
+        ref: n,
         class: "vf-datepicker__control",
         type: "button",
         disabled: y.disabled,
         "aria-expanded": l.value,
         "aria-controls": s,
         "aria-haspopup": "dialog",
-        onClick: _,
+        onClick: C,
         onKeydown: [
           te(Q(L, ["prevent"]), ["down"]),
-          te(Q(_, ["prevent"]), ["enter"]),
+          te(Q(C, ["prevent"]), ["enter"]),
           te(Q(b, ["prevent"]), ["esc"])
         ],
-        onFocus: O,
+        onFocus: M,
         onBlur: N
       }, [
         z("span", {
           class: I(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
-        }, M(x.value || y.placeholder), 3),
+        }, O(x.value || y.placeholder), 3),
         B[0] || (B[0] = z("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, _a),
-      (m(), se(xe, { to: "body" }, [
+      (g(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: s,
           ref_key: "panel",
           ref: c,
           class: "vf-datepicker__panel",
           role: "dialog",
-          "data-placement": n.value,
+          "data-placement": i.value,
           onKeydown: te(Q(b, ["prevent"]), ["esc"])
         }, [
           z("div", ka, [
@@ -1749,7 +1749,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               "aria-label": "Previous month",
               onClick: h
             }, " ‹ "),
-            z("span", wa, M(A.value), 1),
+            z("span", wa, O(A.value), 1),
             z("button", {
               class: "vf-datepicker__nav",
               type: "button",
@@ -1758,13 +1758,13 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             }, " › ")
           ]),
           z("div", $a, [
-            (m(!0), C(le, null, de(V.value, (P) => (m(), C("span", {
+            (g(!0), _(re, null, de(V.value, (P) => (g(), _("span", {
               key: P,
               class: "vf-datepicker__weekday"
-            }, M(P), 1))), 128))
+            }, O(P), 1))), 128))
           ]),
           z("div", xa, [
-            (m(!0), C(le, null, de(G.value, (P) => (m(), C("button", {
+            (g(!0), _(re, null, de(G.value, (P) => (g(), _("button", {
               key: P.key,
               class: I(["vf-datepicker__day", {
                 "is-outside": !P.inCurrentMonth,
@@ -1774,8 +1774,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               type: "button",
               disabled: P.isDisabled,
               "data-date": P.iso,
-              onClick: (U) => W(P.date)
-            }, M(P.day), 11, za))), 128))
+              onClick: (Z) => W(P.date)
+            }, O(P.day), 11, za))), 128))
           ])
         ], 40, Ca), [
           [ce, l.value]
@@ -1783,7 +1783,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       ]))
     ], 2));
   }
-}), Ba = ["disabled"], Sa = ["disabled", "aria-current", "aria-label", "onClick"], Fa = ["disabled"], jr = /* @__PURE__ */ j({
+}), Ba = ["disabled"], Sa = ["disabled", "aria-current", "aria-label", "onClick"], Fa = ["disabled"], Jr = /* @__PURE__ */ j({
   __name: "pagination",
   props: {
     modelValue: { default: 1 },
@@ -1801,83 +1801,83 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
-    const r = a, t = e, o = (v, w, k) => Math.min(k, Math.max(w, v)), i = (v, w) => {
+    const r = a, t = e, o = (v, w, k) => Math.min(k, Math.max(w, v)), d = (v, w) => {
       if (w < v)
         return [];
       const k = [];
       for (let x = v; x <= w; x += 1)
         k.push(x);
       return k;
-    }, d = g(() => {
+    }, n = m(() => {
       if (typeof r.totalPages == "number" && Number.isFinite(r.totalPages))
         return Math.max(1, Math.floor(r.totalPages));
       const v = Math.max(1, Math.floor(r.pageSize));
       return Math.max(1, Math.ceil(Math.max(0, r.totalItems) / v));
-    }), c = g(() => o(Math.floor(r.modelValue), 1, d.value)), l = g(() => c.value <= 1), u = g(() => c.value >= d.value), n = g(() => r.disabled || d.value <= 1), s = g(() => {
-      const v = d.value, w = c.value, k = Math.max(0, Math.floor(r.siblingCount)), x = Math.max(0, Math.floor(r.boundaryCount)), A = k * 2 + x * 2 + 3, V = [];
+    }), c = m(() => o(Math.floor(r.modelValue), 1, n.value)), l = m(() => c.value <= 1), u = m(() => c.value >= n.value), i = m(() => r.disabled || n.value <= 1), s = m(() => {
+      const v = n.value, w = c.value, k = Math.max(0, Math.floor(r.siblingCount)), x = Math.max(0, Math.floor(r.boundaryCount)), A = k * 2 + x * 2 + 3, V = [];
       if (v <= A)
-        return i(1, v).map((L) => ({ key: `page-${L}`, type: "page", page: L }));
-      const G = i(1, x), D = i(v - x + 1, v), O = Math.max(Math.min(w - k, v - x - k * 2 - 1), x + 2), N = Math.min(Math.max(w + k, x + k * 2 + 2), v - x - 1);
+        return d(1, v).map((L) => ({ key: `page-${L}`, type: "page", page: L }));
+      const G = d(1, x), D = d(v - x + 1, v), M = Math.max(Math.min(w - k, v - x - k * 2 - 1), x + 2), N = Math.min(Math.max(w + k, x + k * 2 + 2), v - x - 1);
       for (const L of G)
         V.push({ key: `page-${L}`, type: "page", page: L });
-      O > x + 2 ? V.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : x + 1 <= v - x && V.push({ key: `page-${x + 1}`, type: "page", page: x + 1 });
-      for (const L of i(O, N))
+      M > x + 2 ? V.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : x + 1 <= v - x && V.push({ key: `page-${x + 1}`, type: "page", page: x + 1 });
+      for (const L of d(M, N))
         V.push({ key: `page-${L}`, type: "page", page: L });
       N < v - x - 1 ? V.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - x > x && V.push({ key: `page-${v - x}`, type: "page", page: v - x });
       for (const L of D)
         V.push({ key: `page-${L}`, type: "page", page: L });
       return V;
-    }), f = g(() => {
+    }), f = m(() => {
       const v = ["vf-pagination", `vf-pagination_${r.variant}`];
       return r.size !== "normal" && v.push(`vf-pagination_${r.size}`), r.disabled && v.push("vf-pagination_disabled"), v;
     }), p = (v, w) => {
-      if (n.value)
+      if (i.value)
         return;
-      const k = o(v, 1, d.value);
+      const k = o(v, 1, n.value);
       k !== r.modelValue && (t("update:modelValue", k), t("change", k, w));
     };
-    return (v, w) => (m(), C("nav", {
+    return (v, w) => (g(), _("nav", {
       class: I(f.value),
       "aria-label": "Pagination"
     }, [
       z("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
-        disabled: n.value || l.value,
+        disabled: i.value || l.value,
         "aria-label": "Previous page",
         onClick: w[0] || (w[0] = (k) => p(c.value - 1, k))
-      }, M(v.prevLabel), 9, Ba),
-      (m(!0), C(le, null, de(s.value, (k) => (m(), C("button", {
+      }, O(v.prevLabel), 9, Ba),
+      (g(!0), _(re, null, de(s.value, (k) => (g(), _("button", {
         key: k.key,
         class: I(["vf-pagination__item", {
           "is-current": k.type === "page" && k.page === c.value,
           "is-ellipsis": k.type === "ellipsis"
         }]),
         type: "button",
-        disabled: n.value || k.type === "ellipsis",
+        disabled: i.value || k.type === "ellipsis",
         "aria-current": k.type === "page" && k.page === c.value ? "page" : void 0,
         "aria-label": k.type === "page" ? `Page ${k.page}` : void 0,
         onClick: (x) => k.type === "page" && p(k.page, x)
       }, [
-        k.type === "page" ? (m(), C(le, { key: 0 }, [
-          Z(M(k.page), 1)
-        ], 64)) : (m(), C(le, { key: 1 }, [
-          Z(M(v.ellipsisLabel), 1)
+        k.type === "page" ? (g(), _(re, { key: 0 }, [
+          U(O(k.page), 1)
+        ], 64)) : (g(), _(re, { key: 1 }, [
+          U(O(v.ellipsisLabel), 1)
         ], 64))
       ], 10, Sa))), 128)),
       z("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
-        disabled: n.value || u.value,
+        disabled: i.value || u.value,
         "aria-label": "Next page",
         onClick: w[1] || (w[1] = (k) => p(c.value + 1, k))
-      }, M(v.nextLabel), 9, Fa)
+      }, O(v.nextLabel), 9, Fa)
     ], 2));
   }
 }), Va = ["checked", "disabled"], La = {
   key: 0,
   class: "vf-checkbox__label"
-}, Xr = /* @__PURE__ */ j({
+}, Qr = /* @__PURE__ */ j({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1887,32 +1887,32 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = g(() => {
-      const d = ["vf-checkbox", `vf-checkbox_${t.variant}`];
-      return t.disabled && d.push("vf-checkbox_disabled"), d;
-    }), i = (d) => {
-      const c = d.target;
-      r("update:modelValue", c.checked), r("change", d);
+    const r = e, t = a, o = m(() => {
+      const n = ["vf-checkbox", `vf-checkbox_${t.variant}`];
+      return t.disabled && n.push("vf-checkbox_disabled"), n;
+    }), d = (n) => {
+      const c = n.target;
+      r("update:modelValue", c.checked), r("change", n);
     };
-    return (d, c) => (m(), C("label", {
+    return (n, c) => (g(), _("label", {
       class: I(o.value)
     }, [
       z("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
-        checked: d.modelValue,
-        disabled: d.disabled,
-        onChange: i
+        checked: n.modelValue,
+        disabled: n.disabled,
+        onChange: d
       }, null, 40, Va),
       c[0] || (c[0] = z("span", { class: "vf-checkbox__box" }, null, -1)),
-      d.label || d.$slots.default ? (m(), C("span", La, [
-        F(d.$slots, "default", {}, () => [
-          Z(M(d.label), 1)
+      n.label || n.$slots.default ? (g(), _("span", La, [
+        F(n.$slots, "default", {}, () => [
+          U(O(n.label), 1)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), ot = Symbol("VueForgeRadioGroup"), Ta = ["aria-disabled", "aria-label", "aria-labelledby"], qr = /* @__PURE__ */ j({
+}), ot = Symbol("VueForgeRadioGroup"), Ta = ["aria-disabled", "aria-label", "aria-labelledby"], el = /* @__PURE__ */ j({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1925,19 +1925,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = g(() => {
+    const r = e, t = a, o = m(() => {
       const c = ["vf-radio-group"];
       return t.direction === "horizontal" && c.push("vf-radio-group_horizontal"), c;
-    }), i = (c, l) => {
+    }), d = (c, l) => {
       r("update:modelValue", c), r("change", c, l);
-    }, d = {
-      name: g(() => t.name),
-      modelValue: g(() => t.modelValue),
-      disabled: g(() => t.disabled),
-      variant: g(() => t.variant),
-      onChange: i
+    }, n = {
+      name: m(() => t.name),
+      modelValue: m(() => t.modelValue),
+      disabled: m(() => t.disabled),
+      variant: m(() => t.variant),
+      onChange: d
     };
-    return Ne(ot, d), (c, l) => (m(), C("div", {
+    return Ne(ot, n), (c, l) => (g(), _("div", {
       class: I(o.value),
       role: "radiogroup",
       "aria-disabled": c.disabled || void 0,
@@ -1950,7 +1950,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }), Ra = ["name", "value", "checked", "disabled"], Pa = {
   key: 0,
   class: "vf-radio__label"
-}, Ur = /* @__PURE__ */ j({
+}, tl = /* @__PURE__ */ j({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1962,33 +1962,33 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = Ee(ot, null), i = g(() => o ? o.modelValue.value : t.modelValue), d = g(() => o ? o.name.value : t.name), c = g(() => o ? o.variant.value : t.variant), l = g(() => (o ? o.disabled.value : !1) || t.disabled), u = g(() => i.value === t.value), n = g(() => {
+    const r = e, t = a, o = Ee(ot, null), d = m(() => o ? o.modelValue.value : t.modelValue), n = m(() => o ? o.name.value : t.name), c = m(() => o ? o.variant.value : t.variant), l = m(() => (o ? o.disabled.value : !1) || t.disabled), u = m(() => d.value === t.value), i = m(() => {
       const f = ["vf-radio", `vf-radio_${c.value}`];
       return l.value && f.push("vf-radio_disabled"), f;
     }), s = (f) => {
       l.value || (o ? o.onChange(t.value, f) : r("update:modelValue", t.value), r("change", t.value, f));
     };
-    return (f, p) => (m(), C("label", {
-      class: I(n.value)
+    return (f, p) => (g(), _("label", {
+      class: I(i.value)
     }, [
       z("input", {
         class: "vf-radio__control",
         type: "radio",
-        name: d.value,
+        name: n.value,
         value: f.value,
         checked: u.value,
         disabled: l.value,
         onChange: s
       }, null, 40, Ra),
       p[0] || (p[0] = z("span", { class: "vf-radio__circle" }, null, -1)),
-      f.label || f.$slots.default ? (m(), C("span", Pa, [
+      f.label || f.$slots.default ? (g(), _("span", Pa, [
         F(f.$slots, "default", {}, () => [
-          Z(M(f.label), 1)
+          U(O(f.label), 1)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), Ge = Symbol("VueForgeTabs"), Ia = ["aria-orientation", "aria-label", "aria-labelledby"], Oa = { class: "vf-tabs__panels" }, Zr = /* @__PURE__ */ j({
+}), Ye = Symbol("VueForgeTabs"), Ia = ["aria-orientation", "aria-label", "aria-labelledby"], Oa = { class: "vf-tabs__panels" }, al = /* @__PURE__ */ j({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -2000,10 +2000,10 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
     let r = 0;
-    const t = e, o = a, i = ++r, d = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = g(() => {
+    const t = e, o = a, d = ++r, n = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = m(() => {
       const v = ["vf-tabs"];
       return o.orientation === "vertical" && v.push("vf-tabs_vertical"), o.disabled && v.push("vf-tabs_disabled"), v;
-    }), l = K(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (v) => {
+    }), l = K(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], i = (v) => {
       v && (v.focus(), v.click());
     }, s = (v) => {
       if (o.disabled)
@@ -2014,20 +2014,20 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const V = u();
       if (!V.length)
         return;
-      const G = V.findIndex((L) => L.getAttribute("aria-selected") === "true"), D = V.findIndex((L) => L === document.activeElement), O = D >= 0 ? D : Math.max(G, 0);
-      let N = O;
-      x.includes(k) ? N = (O + 1) % V.length : A.includes(k) ? N = (O - 1 + V.length) % V.length : k === "Home" ? N = 0 : k === "End" && (N = V.length - 1), v.preventDefault(), n(V[N]);
+      const G = V.findIndex((L) => L.getAttribute("aria-selected") === "true"), D = V.findIndex((L) => L === document.activeElement), M = D >= 0 ? D : Math.max(G, 0);
+      let N = M;
+      x.includes(k) ? N = (M + 1) % V.length : A.includes(k) ? N = (M - 1 + V.length) % V.length : k === "Home" ? N = 0 : k === "End" && (N = V.length - 1), v.preventDefault(), i(V[N]);
     }, f = (v, w) => {
       t("update:modelValue", v), t("change", v, w);
     }, p = {
-      activeValue: g(() => o.modelValue),
-      disabled: g(() => o.disabled),
-      orientation: g(() => o.orientation),
+      activeValue: m(() => o.modelValue),
+      disabled: m(() => o.disabled),
+      orientation: m(() => o.orientation),
       onChange: f,
-      getTabId: (v) => `vf-tab-${i}-${d(v)}`,
-      getPanelId: (v) => `vf-tabpanel-${i}-${d(v)}`
+      getTabId: (v) => `vf-tab-${d}-${n(v)}`,
+      getPanelId: (v) => `vf-tabpanel-${d}-${n(v)}`
     };
-    return Ne(Ge, p), (v, w) => (m(), C("div", {
+    return Ne(Ye, p), (v, w) => (g(), _("div", {
       class: I(c.value)
     }, [
       z("div", {
@@ -2047,7 +2047,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       ])
     ], 2));
   }
-}), Ma = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Jr = /* @__PURE__ */ j({
+}), Ma = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], ol = /* @__PURE__ */ j({
   __name: "tab",
   props: {
     value: {},
@@ -2056,45 +2056,45 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["change"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = Ee(Ge, null), i = g(() => (o == null ? void 0 : o.activeValue.value) === t.value), d = g(() => ((o == null ? void 0 : o.disabled.value) ?? !1) || t.disabled), c = g(() => o ? o.getTabId(t.value) : void 0), l = g(() => o ? o.getPanelId(t.value) : void 0), u = g(() => d.value ? -1 : i.value ? 0 : -1), n = (s) => {
-      !o || d.value || (o.onChange(t.value, s), r("change", t.value, s));
+    const r = e, t = a, o = Ee(Ye, null), d = m(() => (o == null ? void 0 : o.activeValue.value) === t.value), n = m(() => ((o == null ? void 0 : o.disabled.value) ?? !1) || t.disabled), c = m(() => o ? o.getTabId(t.value) : void 0), l = m(() => o ? o.getPanelId(t.value) : void 0), u = m(() => n.value ? -1 : d.value ? 0 : -1), i = (s) => {
+      !o || n.value || (o.onChange(t.value, s), r("change", t.value, s));
     };
-    return (s, f) => (m(), C("button", {
+    return (s, f) => (g(), _("button", {
       id: c.value,
-      class: I(["vf-tab", { "vf-tab_active": i.value, "vf-tab_disabled": d.value }]),
+      class: I(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": n.value }]),
       type: "button",
       role: "tab",
-      "aria-selected": i.value,
+      "aria-selected": d.value,
       "aria-controls": l.value,
-      disabled: d.value,
+      disabled: n.value,
       tabindex: u.value,
-      onClick: n
+      onClick: i
     }, [
       F(s.$slots, "default", {}, () => [
-        Z(M(s.label), 1)
+        U(O(s.label), 1)
       ])
     ], 10, Ma));
   }
-}), Da = ["id", "aria-labelledby"], Qr = /* @__PURE__ */ j({
+}), Da = ["id", "aria-labelledby"], rl = /* @__PURE__ */ j({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(a) {
-    const e = a, r = Ee(Ge, null), t = g(() => (r == null ? void 0 : r.activeValue.value) === e.value), o = g(() => r ? r.getTabId(e.value) : void 0), i = g(() => r ? r.getPanelId(e.value) : void 0);
-    return (d, c) => ue((m(), C("div", {
-      id: i.value,
+    const e = a, r = Ee(Ye, null), t = m(() => (r == null ? void 0 : r.activeValue.value) === e.value), o = m(() => r ? r.getTabId(e.value) : void 0), d = m(() => r ? r.getPanelId(e.value) : void 0);
+    return (n, c) => ue((g(), _("div", {
+      id: d.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": o.value
     }, [
-      F(d.$slots, "default")
+      F(n.$slots, "default")
     ], 8, Da)), [
       [ce, t.value]
     ]);
   }
-}), rt = Symbol("VueForgeAccordion"), Ea = ["aria-label", "aria-labelledby"], el = /* @__PURE__ */ j({
+}), rt = Symbol("VueForgeAccordion"), Ea = ["aria-label", "aria-labelledby"], ll = /* @__PURE__ */ j({
   __name: "accordion",
   props: {
     modelValue: { default: void 0 },
@@ -2108,7 +2108,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
     let r = 0;
-    const t = e, o = a, i = ++r, d = (s) => String(s).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = g(() => {
+    const t = e, o = a, d = ++r, n = (s) => String(s).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = m(() => {
       const s = ["vf-accordion", `vf-accordion_${o.variant}`];
       return o.size !== "normal" && s.push(`vf-accordion_${o.size}`), o.disabled && s.push("vf-accordion_disabled"), s;
     }), l = (s) => Array.isArray(s) ? s : s == null ? [] : [s], u = (s, f) => {
@@ -2121,17 +2121,17 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       }
       const p = o.modelValue === s ? void 0 : s;
       t("update:modelValue", p), t("change", p, f);
-    }, n = {
-      modelValue: g(() => o.modelValue),
-      multiple: g(() => o.multiple),
-      disabled: g(() => o.disabled),
-      variant: g(() => o.variant),
-      size: g(() => o.size),
+    }, i = {
+      modelValue: m(() => o.modelValue),
+      multiple: m(() => o.multiple),
+      disabled: m(() => o.disabled),
+      variant: m(() => o.variant),
+      size: m(() => o.size),
       onToggle: u,
-      getHeaderId: (s) => `vf-accordion-header-${i}-${d(s)}`,
-      getPanelId: (s) => `vf-accordion-panel-${i}-${d(s)}`
+      getHeaderId: (s) => `vf-accordion-header-${d}-${n(s)}`,
+      getPanelId: (s) => `vf-accordion-panel-${d}-${n(s)}`
     };
-    return Ne(rt, n), (s, f) => (m(), C("div", {
+    return Ne(rt, i), (s, f) => (g(), _("div", {
       class: I(c.value),
       "aria-label": s.ariaLabel || void 0,
       "aria-labelledby": s.ariaLabelledby || void 0
@@ -2139,7 +2139,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       F(s.$slots, "default")
     ], 10, Ea));
   }
-}), Aa = ["id", "disabled", "aria-expanded", "aria-controls"], Wa = { class: "vf-accordion__title" }, Ha = ["id", "aria-labelledby", "aria-hidden"], Ka = { class: "vf-accordion__panel-inner" }, tl = /* @__PURE__ */ j({
+}), Aa = ["id", "disabled", "aria-expanded", "aria-controls"], Wa = { class: "vf-accordion__title" }, Ha = ["id", "aria-labelledby", "aria-hidden"], Ka = { class: "vf-accordion__panel-inner" }, sl = /* @__PURE__ */ j({
   __name: "accordion-item",
   props: {
     value: {},
@@ -2148,32 +2148,32 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     unmount: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, r = Ee(rt, null), t = g(() => {
+    const e = a, r = Ee(rt, null), t = m(() => {
       if (!r)
         return !1;
-      const n = r.modelValue.value;
-      return Array.isArray(n) ? n.includes(e.value) : n === e.value;
-    }), o = g(() => ((r == null ? void 0 : r.disabled.value) ?? !1) || e.disabled), i = g(() => r ? r.getHeaderId(e.value) : void 0), d = g(() => r ? r.getPanelId(e.value) : void 0), c = g(() => e.unmount ? t.value : !0), l = g(() => {
-      const n = ["vf-accordion-item"];
-      return t.value && n.push("vf-accordion-item_open"), o.value && n.push("vf-accordion-item_disabled"), n;
-    }), u = (n) => {
-      !r || o.value || r.onToggle(e.value, n);
+      const i = r.modelValue.value;
+      return Array.isArray(i) ? i.includes(e.value) : i === e.value;
+    }), o = m(() => ((r == null ? void 0 : r.disabled.value) ?? !1) || e.disabled), d = m(() => r ? r.getHeaderId(e.value) : void 0), n = m(() => r ? r.getPanelId(e.value) : void 0), c = m(() => e.unmount ? t.value : !0), l = m(() => {
+      const i = ["vf-accordion-item"];
+      return t.value && i.push("vf-accordion-item_open"), o.value && i.push("vf-accordion-item_disabled"), i;
+    }), u = (i) => {
+      !r || o.value || r.onToggle(e.value, i);
     };
-    return (n, s) => (m(), C("div", {
+    return (i, s) => (g(), _("div", {
       class: I(l.value)
     }, [
       z("button", {
-        id: i.value,
+        id: d.value,
         class: "vf-accordion__header",
         type: "button",
         disabled: o.value,
         "aria-expanded": t.value,
-        "aria-controls": d.value,
+        "aria-controls": n.value,
         onClick: u
       }, [
         z("span", Wa, [
-          F(n.$slots, "title", {}, () => [
-            Z(M(n.title), 1)
+          F(i.$slots, "title", {}, () => [
+            U(O(i.title), 1)
           ])
         ]),
         s[0] || (s[0] = z("span", {
@@ -2181,16 +2181,16 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           "aria-hidden": "true"
         }, null, -1))
       ], 8, Aa),
-      c.value ? (m(), C("div", {
+      c.value ? (g(), _("div", {
         key: 0,
-        id: d.value,
+        id: n.value,
         class: I(["vf-accordion__panel", { "vf-accordion__panel_open": t.value }]),
         role: "region",
-        "aria-labelledby": i.value,
+        "aria-labelledby": d.value,
         "aria-hidden": t.value ? void 0 : "true"
       }, [
         z("div", Ka, [
-          F(n.$slots, "default")
+          F(i.$slots, "default")
         ])
       ], 10, Ha)) : T("", !0)
     ], 2));
@@ -2201,7 +2201,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, ja = {
   key: 1,
   class: "vf-toast__message"
-}, al = /* @__PURE__ */ j({
+}, nl = /* @__PURE__ */ j({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2215,59 +2215,59 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   setup(a, { emit: e }) {
     const r = e, t = a;
     let o = null;
-    const i = () => {
+    const d = () => {
       o !== null && (clearTimeout(o), o = null);
-    }, d = () => {
-      i(), !(!t.modelValue || t.duration <= 0) && (o = window.setTimeout(() => {
+    }, n = () => {
+      d(), !(!t.modelValue || t.duration <= 0) && (o = window.setTimeout(() => {
         r("update:modelValue", !1), r("close");
       }, t.duration));
     }, c = () => {
-      i(), r("update:modelValue", !1), r("close");
+      d(), r("update:modelValue", !1), r("close");
     };
     return oe(
       () => t.modelValue,
       (l) => {
-        l && r("open"), d();
+        l && r("open"), n();
       },
       { immediate: !0 }
     ), $e(() => {
-      i();
-    }), (l, u) => ue((m(), C("div", {
+      d();
+    }), (l, u) => ue((g(), _("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
       z("div", Ga, [
-        l.title ? (m(), C("div", Ya, M(l.title), 1)) : T("", !0),
-        l.message || l.$slots.default ? (m(), C("div", ja, [
+        l.title ? (g(), _("div", Ya, O(l.title), 1)) : T("", !0),
+        l.message || l.$slots.default ? (g(), _("div", ja, [
           F(l.$slots, "default", {}, () => [
-            Z(M(l.message), 1)
+            U(O(l.message), 1)
           ])
         ])) : T("", !0)
       ]),
-      l.closable ? (m(), C("button", {
+      l.closable ? (g(), _("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
         onClick: c
       }, [
         F(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = Z("×"))
+          u[0] || (u[0] = U("×"))
         ])
       ])) : T("", !0)
     ], 8, Na)), [
       [ce, l.modelValue]
     ]);
   }
-}), ol = /* @__PURE__ */ j({
+}), il = /* @__PURE__ */ j({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(a) {
-    const e = a, r = g(() => `vf-toast-container_${e.position}`);
-    return (t, o) => (m(), se(xe, { to: "body" }, [
+    const e = a, r = m(() => `vf-toast-container_${e.position}`);
+    return (t, o) => (g(), se(xe, { to: "body" }, [
       z("div", {
         class: I(["vf-toast-container", r.value]),
         role: "region",
@@ -2290,7 +2290,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, Qa = {
   key: 1,
   class: "vf-alert__actions"
-}, rl = /* @__PURE__ */ j({
+}, dl = /* @__PURE__ */ j({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -2302,7 +2302,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "close"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = K(!0), i = g(() => typeof t.modelValue == "boolean"), d = g(() => i.value ? t.modelValue : o.value);
+    const r = e, t = a, o = K(!0), d = m(() => typeof t.modelValue == "boolean"), n = m(() => d.value ? t.modelValue : o.value);
     oe(
       () => t.modelValue,
       (l) => {
@@ -2311,34 +2311,34 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       { immediate: !0 }
     );
     const c = () => {
-      i.value ? r("update:modelValue", !1) : o.value = !1, r("close");
+      d.value ? r("update:modelValue", !1) : o.value = !1, r("close");
     };
-    return (l, u) => ue((m(), C("div", {
+    return (l, u) => ue((g(), _("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": l.severity
     }, [
-      l.$slots.icon || l.icon ? (m(), C("div", qa, [
+      l.$slots.icon || l.icon ? (g(), _("div", qa, [
         F(l.$slots, "icon", {}, () => [
-          Z(M(l.icon), 1)
+          U(O(l.icon), 1)
         ])
       ])) : T("", !0),
       z("div", Ua, [
-        l.title || l.$slots.title ? (m(), C("div", Za, [
+        l.title || l.$slots.title ? (g(), _("div", Za, [
           F(l.$slots, "title", {}, () => [
-            Z(M(l.title), 1)
+            U(O(l.title), 1)
           ])
         ])) : T("", !0),
-        l.message || l.$slots.default ? (m(), C("div", Ja, [
+        l.message || l.$slots.default ? (g(), _("div", Ja, [
           F(l.$slots, "default", {}, () => [
-            Z(M(l.message), 1)
+            U(O(l.message), 1)
           ])
         ])) : T("", !0)
       ]),
-      l.$slots.actions ? (m(), C("div", Qa, [
+      l.$slots.actions ? (g(), _("div", Qa, [
         F(l.$slots, "actions")
       ])) : T("", !0),
-      l.closable ? (m(), C("button", {
+      l.closable ? (g(), _("button", {
         key: 2,
         class: "vf-alert__close",
         type: "button",
@@ -2346,17 +2346,17 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         onClick: c
       }, [
         F(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = Z("×"))
+          u[0] || (u[0] = U("×"))
         ])
       ])) : T("", !0)
     ], 8, Xa)), [
-      [ce, d.value]
+      [ce, n.value]
     ]);
   }
 }), eo = ["checked", "disabled"], to = {
   key: 0,
   class: "vf-switch__label"
-}, ll = /* @__PURE__ */ j({
+}, ul = /* @__PURE__ */ j({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2365,77 +2365,77 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = g(() => {
-      const d = ["vf-switch"];
-      return t.disabled && d.push("vf-switch_disabled"), d;
-    }), i = (d) => {
-      const c = d.target;
-      r("update:modelValue", c.checked), r("change", d);
+    const r = e, t = a, o = m(() => {
+      const n = ["vf-switch"];
+      return t.disabled && n.push("vf-switch_disabled"), n;
+    }), d = (n) => {
+      const c = n.target;
+      r("update:modelValue", c.checked), r("change", n);
     };
-    return (d, c) => (m(), C("label", {
+    return (n, c) => (g(), _("label", {
       class: I(o.value)
     }, [
       z("input", {
         class: "vf-switch__control",
         type: "checkbox",
-        checked: d.modelValue,
-        disabled: d.disabled,
-        onChange: i
+        checked: n.modelValue,
+        disabled: n.disabled,
+        onChange: d
       }, null, 40, eo),
       c[0] || (c[0] = z("span", { class: "vf-switch__track" }, [
         z("span", { class: "vf-switch__thumb" })
       ], -1)),
-      d.label || d.$slots.default ? (m(), C("span", to, [
-        F(d.$slots, "default", {}, () => [
-          Z(M(d.label), 1)
+      n.label || n.$slots.default ? (g(), _("span", to, [
+        F(n.$slots, "default", {}, () => [
+          U(O(n.label), 1)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), ao = { class: "vf-popover" }, oo = ["aria-expanded", "onKeydown"], sl = /* @__PURE__ */ j({
+}), ao = { class: "vf-popover" }, oo = ["aria-expanded", "onKeydown"], cl = /* @__PURE__ */ j({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(a, { expose: e, emit: r }) {
     const t = r, o = nt({ visible: !1 });
-    let i = 0;
-    const d = `vf-popover-panel-${++i}`, c = () => o.visible = !0, l = () => o.visible = !1, u = () => o.visible = !o.visible, n = () => {
+    let d = 0;
+    const n = `vf-popover-panel-${++d}`, c = () => o.visible = !0, l = () => o.visible = !1, u = () => o.visible = !o.visible, i = () => {
       u(), t("click"), t("onClick");
     };
-    return e({ show: c, hide: l, toggle: u }), (s, f) => (m(), C("div", ao, [
+    return e({ show: c, hide: l, toggle: u }), (s, f) => (g(), _("div", ao, [
       z("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
         "aria-expanded": o.visible,
-        "aria-controls": d,
-        onClick: n,
+        "aria-controls": n,
+        onClick: i,
         onKeydown: [
-          te(Q(n, ["prevent"]), ["enter"]),
-          te(Q(n, ["prevent"]), ["space"])
+          te(Q(i, ["prevent"]), ["enter"]),
+          te(Q(i, ["prevent"]), ["space"])
         ]
       }, [
         F(s.$slots, "button")
       ], 40, oo),
       ue(Ke(Ct, {
-        id: d,
+        id: n,
         class: "vf-popover__wrapper"
       }, it({
-        default: ye(() => [
+        default: be(() => [
           f[0] || (f[0] = z("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
         s.$slots.default ? {
           name: "default",
-          fn: ye(() => [
+          fn: be(() => [
             F(s.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         s.$slots.header || s.$slots.popoverHeader ? {
           name: "header",
-          fn: ye(() => [
+          fn: be(() => [
             F(s.$slots, "header"),
             s.$slots.header ? T("", !0) : F(s.$slots, "popoverHeader", { key: 0 })
           ]),
@@ -2443,7 +2443,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         } : void 0,
         s.$slots.body || s.$slots.popoverBody ? {
           name: "body",
-          fn: ye(() => [
+          fn: be(() => [
             F(s.$slots, "body"),
             s.$slots.body ? T("", !0) : F(s.$slots, "popoverBody", { key: 0 })
           ]),
@@ -2451,7 +2451,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         } : void 0,
         s.$slots.footer || s.$slots.popoverFooter ? {
           name: "footer",
-          fn: ye(() => [
+          fn: be(() => [
             F(s.$slots, "footer"),
             s.$slots.footer ? T("", !0) : F(s.$slots, "popoverFooter", { key: 0 })
           ]),
@@ -2471,7 +2471,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, no = {
   key: 3,
   class: "vf-modal__footer"
-}, nl = /* @__PURE__ */ j({
+}, vl = /* @__PURE__ */ j({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2485,8 +2485,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "open", "close"],
   setup(a, { expose: e, emit: r }) {
     const t = r, o = a;
-    let i = 0, d = 0, c = "", l = null;
-    const u = K(null), n = De(), s = `vf-modal-title-${++i}`, f = `vf-modal-body-${i}`, p = g(() => !!o.title || !!n.header), v = g(() => !!n.body || !!n.default), w = g(() => {
+    let d = 0, n = 0, c = "", l = null;
+    const u = K(null), i = De(), s = `vf-modal-title-${++d}`, f = `vf-modal-body-${d}`, p = m(() => !!o.title || !!i.header), v = m(() => !!i.body || !!i.default), w = m(() => {
       const b = ["vf-modal"];
       return o.size !== "md" && b.push(`vf-modal_${o.size}`), b;
     }), k = () => t("update:modelValue", !0), x = () => {
@@ -2495,29 +2495,29 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       o.closeOnOverlay && x();
     }, V = (b) => {
       !o.modelValue || !o.closeOnEsc || b.key === "Escape" && (b.preventDefault(), x());
-    }, G = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((_) => !_.hasAttribute("disabled") && !_.getAttribute("aria-hidden")) : [], D = () => {
-      var _;
+    }, G = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((C) => !C.hasAttribute("disabled") && !C.getAttribute("aria-hidden")) : [], D = () => {
+      var C;
       const b = G();
-      b.length ? b[0].focus() : (_ = u.value) == null || _.focus();
-    }, O = (b) => {
+      b.length ? b[0].focus() : (C = u.value) == null || C.focus();
+    }, M = (b) => {
       var q;
       if (b.key !== "Tab")
         return;
-      const _ = G();
-      if (!_.length) {
+      const C = G();
+      if (!C.length) {
         b.preventDefault(), (q = u.value) == null || q.focus();
         return;
       }
-      const h = _[0], R = _[_.length - 1], W = document.activeElement;
+      const h = C[0], R = C[C.length - 1], W = document.activeElement;
       if (b.shiftKey && W === h) {
         b.preventDefault(), R.focus();
         return;
       }
       !b.shiftKey && W === R && (b.preventDefault(), h.focus());
     }, N = () => {
-      !o.lockScroll || typeof document > "u" || (d === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), d += 1);
+      !o.lockScroll || typeof document > "u" || (n === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1);
     }, L = () => {
-      !o.lockScroll || typeof document > "u" || (d = Math.max(0, d - 1), d === 0 && (document.body.style.overflow = c));
+      !o.lockScroll || typeof document > "u" || (n = Math.max(0, n - 1), n === 0 && (document.body.style.overflow = c));
     };
     return oe(
       () => o.modelValue,
@@ -2527,7 +2527,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       { immediate: !0 }
     ), $e(() => {
       L(), typeof document < "u" && document.removeEventListener("keydown", V);
-    }), e({ open: k, close: x }), (b, _) => (m(), se(xe, { to: "body" }, [
+    }), e({ open: k, close: x }), (b, C) => (g(), se(xe, { to: "body" }, [
       ue(z("div", {
         class: I(w.value),
         role: "presentation"
@@ -2545,15 +2545,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           "aria-labelledby": p.value ? s : void 0,
           "aria-describedby": v.value ? f : void 0,
           tabindex: "-1",
-          onKeydown: O
+          onKeydown: M
         }, [
-          p.value ? (m(), C("div", lo, [
+          p.value ? (g(), _("div", lo, [
             z("div", {
               id: s,
               class: "vf-modal__header-content"
             }, [
               F(b.$slots, "header", {}, () => [
-                b.title ? (m(), C("h3", so, M(b.title), 1)) : T("", !0)
+                b.title ? (g(), _("h3", so, O(b.title), 1)) : T("", !0)
               ])
             ])
           ])) : T("", !0),
@@ -2568,7 +2568,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               onClick: x
             }, "×")
           ]) : T("", !0),
-          b.$slots.body || b.$slots.default ? (m(), C("div", {
+          b.$slots.body || b.$slots.default ? (g(), _("div", {
             key: 2,
             id: f,
             class: "vf-modal__body"
@@ -2576,7 +2576,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             F(b.$slots, "body"),
             b.$slots.body ? T("", !0) : F(b.$slots, "default", { key: 0 })
           ])) : T("", !0),
-          b.$slots.footer ? (m(), C("div", no, [
+          b.$slots.footer ? (g(), _("div", no, [
             F(b.$slots, "footer")
           ])) : T("", !0)
         ], 40, ro)
@@ -2594,7 +2594,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, vo = {
   key: 3,
   class: "vf-drawer__footer"
-}, il = /* @__PURE__ */ j({
+}, fl = /* @__PURE__ */ j({
   __name: "drawer",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2610,8 +2610,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   emits: ["update:modelValue", "open", "close"],
   setup(a, { expose: e, emit: r }) {
     const t = r, o = a;
-    let i = 0, d = 0, c = "", l = null;
-    const u = K(null), n = De(), s = `vf-drawer-title-${++i}`, f = `vf-drawer-body-${i}`, p = g(() => !!o.title || !!n.header), v = g(() => !!n.body || !!n.default), w = g(() => {
+    let d = 0, n = 0, c = "", l = null;
+    const u = K(null), i = De(), s = `vf-drawer-title-${++d}`, f = `vf-drawer-body-${d}`, p = m(() => !!o.title || !!i.header), v = m(() => !!i.body || !!i.default), w = m(() => {
       switch (o.position) {
         case "left":
           return "translate3d(-100%, 0, 0)";
@@ -2624,10 +2624,10 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         default:
           return "translate3d(100%, 0, 0)";
       }
-    }), k = g(() => {
+    }), k = m(() => {
       const h = ["vf-drawer", `vf-drawer_${o.position}`];
       return o.size !== "md" && h.push(`vf-drawer_${o.size}`), h;
-    }), x = g(() => ({
+    }), x = m(() => ({
       "--vf-drawer-transform-from": w.value
     })), A = () => t("update:modelValue", !0), V = () => {
       t("update:modelValue", !1), t("close");
@@ -2635,15 +2635,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       o.overlay && o.closeOnOverlay && V();
     }, D = (h) => {
       !o.modelValue || !o.closeOnEsc || h.key === "Escape" && (h.preventDefault(), V());
-    }, O = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((R) => !R.hasAttribute("disabled") && !R.getAttribute("aria-hidden")) : [], N = () => {
+    }, M = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((R) => !R.hasAttribute("disabled") && !R.getAttribute("aria-hidden")) : [], N = () => {
       var R;
-      const h = O();
+      const h = M();
       h.length ? h[0].focus() : (R = u.value) == null || R.focus();
     }, L = (h) => {
       var X;
       if (h.key !== "Tab")
         return;
-      const R = O();
+      const R = M();
       if (!R.length) {
         h.preventDefault(), (X = u.value) == null || X.focus();
         return;
@@ -2655,30 +2655,30 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       }
       !h.shiftKey && ee === q && (h.preventDefault(), W.focus());
     }, b = () => {
-      !o.lockScroll || typeof document > "u" || (d === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), d += 1);
-    }, _ = () => {
-      !o.lockScroll || typeof document > "u" || (d = Math.max(0, d - 1), d === 0 && (document.body.style.overflow = c));
+      !o.lockScroll || typeof document > "u" || (n === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1);
+    }, C = () => {
+      !o.lockScroll || typeof document > "u" || (n = Math.max(0, n - 1), n === 0 && (document.body.style.overflow = c));
     };
     return oe(
       () => o.modelValue,
       async (h) => {
-        h ? (typeof document < "u" && (l = document.activeElement), b(), t("open"), await ke(), N(), typeof document < "u" && document.addEventListener("keydown", D)) : (_(), typeof document < "u" && (document.removeEventListener("keydown", D), l == null || l.focus()));
+        h ? (typeof document < "u" && (l = document.activeElement), b(), t("open"), await ke(), N(), typeof document < "u" && document.addEventListener("keydown", D)) : (C(), typeof document < "u" && (document.removeEventListener("keydown", D), l == null || l.focus()));
       },
       { immediate: !0 }
     ), $e(() => {
-      _(), typeof document < "u" && document.removeEventListener("keydown", D);
-    }), e({ open: A, close: V }), (h, R) => (m(), se(xe, { to: "body" }, [
+      C(), typeof document < "u" && document.removeEventListener("keydown", D);
+    }), e({ open: A, close: V }), (h, R) => (g(), se(xe, { to: "body" }, [
       Ke(dt, {
         name: "vf-drawer",
         duration: { enter: 320, leave: 320 }
       }, {
-        default: ye(() => [
+        default: be(() => [
           ue(z("div", {
             class: I(k.value),
-            style: be(x.value),
+            style: ge(x.value),
             role: "presentation"
           }, [
-            h.overlay ? (m(), C("div", {
+            h.overlay ? (g(), _("div", {
               key: 0,
               class: "vf-drawer__overlay",
               onClick: G
@@ -2694,13 +2694,13 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               tabindex: "-1",
               onKeydown: L
             }, [
-              p.value ? (m(), C("div", uo, [
+              p.value ? (g(), _("div", uo, [
                 z("div", {
                   id: s,
                   class: "vf-drawer__header-content"
                 }, [
                   F(h.$slots, "header", {}, () => [
-                    h.title ? (m(), C("h3", co, M(h.title), 1)) : T("", !0)
+                    h.title ? (g(), _("h3", co, O(h.title), 1)) : T("", !0)
                   ])
                 ])
               ])) : T("", !0),
@@ -2715,7 +2715,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
                   onClick: V
                 }, " × ")
               ]) : T("", !0),
-              h.$slots.body || h.$slots.default ? (m(), C("div", {
+              h.$slots.body || h.$slots.default ? (g(), _("div", {
                 key: 2,
                 id: f,
                 class: "vf-drawer__body"
@@ -2723,7 +2723,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
                 F(h.$slots, "body"),
                 h.$slots.body ? T("", !0) : F(h.$slots, "default", { key: 0 })
               ])) : T("", !0),
-              h.$slots.footer ? (m(), C("div", vo, [
+              h.$slots.footer ? (g(), _("div", vo, [
                 F(h.$slots, "footer")
               ])) : T("", !0)
             ], 40, io)
@@ -2739,7 +2739,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, dl = /* @__PURE__ */ j({
+}, pl = /* @__PURE__ */ j({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2750,12 +2750,12 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   setup(a) {
     const e = a;
     let r = 0;
-    const t = K(null), o = K(null), i = K(!1), d = K("top"), c = `vf-tooltip-${++r}`;
+    const t = K(null), o = K(null), d = K(!1), n = K("top"), c = `vf-tooltip-${++r}`;
     let l = null;
     const u = () => {
-      e.disabled || (i.value = !0);
-    }, n = () => {
-      i.value = !1;
+      e.disabled || (d.value = !0);
+    }, i = () => {
+      d.value = !1;
     }, s = () => {
       if (!t.value || !o.value)
         return;
@@ -2769,7 +2769,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           strategy: "fixed",
           middleware: [Le(8), Ve(), Dt()]
         });
-        d.value = D ?? e.placement, v.style.left = `${V}px`, v.style.top = `${G}px`;
+        n.value = D ?? e.placement, v.style.left = `${V}px`, v.style.top = `${G}px`;
       }, k = async () => {
         await w();
       }, x = Te(p, () => {
@@ -2784,55 +2784,55 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         }
       }, l.update();
     };
-    oe(i, async (p) => {
+    oe(d, async (p) => {
       if (!p) {
         l && (l.destroy(), l = null);
         return;
       }
       l || s(), l == null || l.update();
     }), Fe(() => {
-      i.value && s();
+      d.value && s();
     }), $e(() => {
       l == null || l.destroy(), l = null;
     });
-    const f = g(() => !!e.text || !!(o.value && o.value.textContent));
+    const f = m(() => !!e.text || !!(o.value && o.value.textContent));
     return oe(f, (p) => {
-      p || (i.value = !1);
-    }), (p, v) => (m(), C(le, null, [
+      p || (d.value = !1);
+    }), (p, v) => (g(), _(re, null, [
       z("span", {
         ref_key: "trigger",
         ref: t,
         class: "vf-tooltip__trigger",
         "aria-describedby": c,
         onMouseenter: u,
-        onMouseleave: n,
+        onMouseleave: i,
         onFocus: u,
-        onBlur: n
+        onBlur: i
       }, [
         F(p.$slots, "default")
       ], 544),
-      (m(), se(xe, { to: "body" }, [
+      (g(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: c,
           ref_key: "panel",
           ref: o,
           class: "vf-tooltip",
           role: "tooltip",
-          "data-placement": d.value
+          "data-placement": n.value
         }, [
           z("span", po, [
             F(p.$slots, "content", {}, () => [
-              Z(M(p.text), 1)
+              U(O(p.text), 1)
             ])
           ]),
-          p.arrow ? (m(), C("span", bo)) : T("", !0)
+          p.arrow ? (g(), _("span", bo)) : T("", !0)
         ], 8, fo), [
-          [ce, i.value]
+          [ce, d.value]
         ])
       ]))
     ], 64));
   }
-}), ul = /* @__PURE__ */ j({
+}), bl = /* @__PURE__ */ j({
   __name: "skeleton",
   props: {
     width: {},
@@ -2841,19 +2841,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     animated: { type: Boolean, default: !0 }
   },
   setup(a) {
-    const e = a, r = (i) => {
-      if (!(i == null || i === ""))
-        return typeof i == "number" ? `${i}px` : i;
-    }, t = g(() => {
-      const i = r(e.width), d = r(e.height), c = {};
-      return i && (c.width = i), d && (c.height = d), e.variant === "circle" && (!i && d && (c.width = d), !d && i && (c.height = i)), c;
-    }), o = g(() => {
-      const i = ["vf-skeleton", `vf-skeleton_${e.variant}`];
-      return e.animated && i.push("vf-skeleton_animated"), i;
+    const e = a, r = (d) => {
+      if (!(d == null || d === ""))
+        return typeof d == "number" ? `${d}px` : d;
+    }, t = m(() => {
+      const d = r(e.width), n = r(e.height), c = {};
+      return d && (c.width = d), n && (c.height = n), e.variant === "circle" && (!d && n && (c.width = n), !n && d && (c.height = d)), c;
+    }), o = m(() => {
+      const d = ["vf-skeleton", `vf-skeleton_${e.variant}`];
+      return e.animated && d.push("vf-skeleton_animated"), d;
     });
-    return (i, d) => (m(), C("div", {
+    return (d, n) => (g(), _("div", {
       class: I(o.value),
-      style: be(t.value),
+      style: ge(t.value),
       "aria-hidden": "true"
     }, null, 6));
   }
@@ -2870,7 +2870,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, _o = {
   key: 2,
   class: "vf-progress__label"
-}, cl = /* @__PURE__ */ j({
+}, gl = /* @__PURE__ */ j({
   __name: "progress",
   props: {
     value: {},
@@ -2882,40 +2882,40 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     ariaLabel: { default: "" }
   },
   setup(a) {
-    const e = a, r = De(), t = (p) => Math.min(100, Math.max(0, p)), o = g(() => e.value === void 0 || e.value === null || Number.isNaN(e.value)), i = g(() => o.value ? 0 : t(Number(e.value))), d = g(() => o.value ? void 0 : i.value), c = g(() => !!r.default), l = g(() => e.label ? e.label : e.showValue && !o.value ? `${Math.round(i.value)}%` : ""), u = g(() => {
+    const e = a, r = De(), t = (p) => Math.min(100, Math.max(0, p)), o = m(() => e.value === void 0 || e.value === null || Number.isNaN(e.value)), d = m(() => o.value ? 0 : t(Number(e.value))), n = m(() => o.value ? void 0 : d.value), c = m(() => !!r.default), l = m(() => e.label ? e.label : e.showValue && !o.value ? `${Math.round(d.value)}%` : ""), u = m(() => {
       const p = ["vf-progress", `vf-progress_${e.variant}`, `vf-progress_size-${e.size}`];
       return o.value && p.push("vf-progress_indeterminate"), p;
-    }), n = g(() => {
+    }), i = m(() => {
       if (!o.value)
-        return { width: `${i.value}%` };
-    }), s = 2 * Math.PI * 45, f = g(() => {
+        return { width: `${d.value}%` };
+    }), s = 2 * Math.PI * 45, f = m(() => {
       if (o.value)
         return {
           strokeDasharray: `${s}px`,
           strokeDashoffset: `${s * 0.75}px`
         };
-      const p = s - i.value / 100 * s;
+      const p = s - d.value / 100 * s;
       return {
         strokeDasharray: `${s}px`,
         strokeDashoffset: `${p}px`
       };
     });
-    return (p, v) => (m(), C("div", {
+    return (p, v) => (g(), _("div", {
       class: I(u.value),
       role: "progressbar",
       "aria-label": p.ariaLabel || void 0,
       "aria-valuemin": "0",
       "aria-valuemax": "100",
-      "aria-valuenow": d.value,
+      "aria-valuenow": n.value,
       "data-severity": p.severity
     }, [
-      p.variant === "linear" ? (m(), C("div", mo, [
+      p.variant === "linear" ? (g(), _("div", mo, [
         z("div", {
           class: "vf-progress__bar",
-          style: be(n.value)
+          style: ge(i.value)
         }, null, 4)
-      ])) : (m(), C("div", ho, [
-        (m(), C("svg", yo, [
+      ])) : (g(), _("div", ho, [
+        (g(), _("svg", yo, [
           v[0] || (v[0] = z("circle", {
             class: "vf-progress__circle-track",
             cx: "50",
@@ -2927,18 +2927,18 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             cx: "50",
             cy: "50",
             r: "45",
-            style: be(f.value)
+            style: ge(f.value)
           }, null, 4)
         ]))
       ])),
-      l.value || c.value ? (m(), C("span", _o, [
+      l.value || c.value ? (g(), _("span", _o, [
         F(p.$slots, "default", {}, () => [
-          Z(M(l.value), 1)
+          U(O(l.value), 1)
         ])
       ])) : T("", !0)
     ], 10, go));
   }
-}), Co = ["data-variant", "data-severity", "aria-label"], vl = /* @__PURE__ */ j({
+}), Co = ["data-variant", "data-severity", "aria-label"], ml = /* @__PURE__ */ j({
   __name: "badge",
   props: {
     label: { default: "" },
@@ -2948,8 +2948,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     ariaLabel: { default: "" }
   },
   setup(a) {
-    const e = a, r = g(() => [`vf-badge_size-${e.size}`]);
-    return (t, o) => (m(), C("span", {
+    const e = a, r = m(() => [`vf-badge_size-${e.size}`]);
+    return (t, o) => (g(), _("span", {
       class: I(["vf-badge", r.value]),
       "data-variant": t.variant,
       "data-severity": t.severity,
@@ -2957,14 +2957,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       "aria-label": t.ariaLabel || void 0
     }, [
       F(t.$slots, "default", {}, () => [
-        Z(M(t.label), 1)
+        U(O(t.label), 1)
       ])
     ], 10, Co));
   }
 }), ko = ["data-status", "aria-label"], wo = { class: "vf-avatar__content" }, $o = ["src", "alt"], xo = {
   key: 1,
   class: "vf-avatar__initials"
-}, zo = ["data-status"], fl = /* @__PURE__ */ j({
+}, zo = ["data-status"], hl = /* @__PURE__ */ j({
   __name: "avatar",
   props: {
     src: { default: "" },
@@ -2976,17 +2976,17 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   setup(a) {
     const e = a, r = K(!1), t = (u) => {
-      const n = u.trim();
-      if (!n)
+      const i = u.trim();
+      if (!i)
         return "";
-      const s = n.split(/\s+/).filter(Boolean);
+      const s = i.split(/\s+/).filter(Boolean);
       return s.length === 1 ? s[0].slice(0, 2).toUpperCase() : `${s[0][0]}${s[1][0]}`.toUpperCase();
-    }, o = g(() => t(e.name || e.alt || "")), i = g(() => !!(e.src && !r.value)), d = g(() => {
+    }, o = m(() => t(e.name || e.alt || "")), d = m(() => !!(e.src && !r.value)), n = m(() => {
       if (e.alt)
         return e.alt;
       if (e.name)
         return e.name;
-    }), c = g(() => [`vf-avatar_size-${e.size}`, `vf-avatar_shape-${e.shape}`]), l = () => {
+    }), c = m(() => [`vf-avatar_size-${e.size}`, `vf-avatar_shape-${e.shape}`]), l = () => {
       r.value = !0;
     };
     return oe(
@@ -2994,24 +2994,24 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       () => {
         r.value = !1;
       }
-    ), (u, n) => (m(), C("div", {
+    ), (u, i) => (g(), _("div", {
       class: I(["vf-avatar", c.value]),
       "data-status": u.status || void 0,
       role: "img",
-      "aria-label": d.value
+      "aria-label": n.value
     }, [
       z("div", wo, [
         F(u.$slots, "default", {}, () => [
-          i.value ? (m(), C("img", {
+          d.value ? (g(), _("img", {
             key: 0,
             class: "vf-avatar__image",
             src: u.src,
             alt: u.alt || u.name || "",
             onError: l
-          }, null, 40, $o)) : (m(), C("span", xo, M(o.value), 1))
+          }, null, 40, $o)) : (g(), _("span", xo, O(o.value), 1))
         ])
       ]),
-      u.status ? (m(), C("span", {
+      u.status ? (g(), _("span", {
         key: 0,
         class: "vf-avatar__status",
         "data-status": u.status,
@@ -3031,7 +3031,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, Oo = ["colspan"], Mo = {
   key: 1,
   class: "vf-datatable__row vf-datatable__row_state"
-}, Do = ["colspan"], Eo = ["onClick"], pl = /* @__PURE__ */ j({
+}, Do = ["colspan"], Eo = ["onClick"], yl = /* @__PURE__ */ j({
   __name: "data-table",
   props: {
     rows: { default: () => [] },
@@ -3052,7 +3052,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:sortField", "update:sortOrder", "sort", "rowClick"],
   setup(a, { emit: e }) {
-    const r = a, t = e, o = K(r.sortField ?? null), i = K(r.sortOrder ?? null);
+    const r = a, t = e, o = K(r.sortField ?? null), d = K(r.sortOrder ?? null);
     oe(
       () => r.sortField,
       (b) => {
@@ -3061,69 +3061,69 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     ), oe(
       () => r.sortOrder,
       (b) => {
-        i.value = b ?? null;
+        d.value = b ?? null;
       }
     );
-    const d = g(() => o.value), c = g(() => i.value), l = g(() => Math.max(1, r.columns.length)), u = (b) => b.sortable === !1 ? !1 : b.sortable === !0 ? !0 : r.sortable, n = (b, _) => b == null && _ == null ? 0 : b == null ? -1 : _ == null ? 1 : typeof b == "number" && typeof _ == "number" ? b - _ : String(b).localeCompare(String(_)), s = g(() => {
-      const b = r.rows ?? [], _ = d.value, h = c.value;
-      return !_ || !h ? b : [...b].sort((R, W) => {
-        const q = R == null ? void 0 : R[_], ee = W == null ? void 0 : W[_], X = n(q, ee);
+    const n = m(() => o.value), c = m(() => d.value), l = m(() => Math.max(1, r.columns.length)), u = (b) => b.sortable === !1 ? !1 : b.sortable === !0 ? !0 : r.sortable, i = (b, C) => b == null && C == null ? 0 : b == null ? -1 : C == null ? 1 : typeof b == "number" && typeof C == "number" ? b - C : String(b).localeCompare(String(C)), s = m(() => {
+      const b = r.rows ?? [], C = n.value, h = c.value;
+      return !C || !h ? b : [...b].sort((R, W) => {
+        const q = R == null ? void 0 : R[C], ee = W == null ? void 0 : W[C], X = i(q, ee);
         return h === "asc" ? X : -X;
       });
-    }), f = g(() => {
+    }), f = m(() => {
       const b = ["vf-datatable", `vf-datatable_${r.variant}`];
       return r.size !== "normal" && b.push(`vf-datatable_${r.size}`), r.striped && b.push("vf-datatable_striped"), r.hover && b.push("vf-datatable_hover"), b;
-    }), p = (b, _) => {
+    }), p = (b, C) => {
       if (typeof r.rowKey == "function")
-        return r.rowKey(b, _);
+        return r.rowKey(b, C);
       if (r.rowKey && typeof r.rowKey == "string") {
         const h = b == null ? void 0 : b[r.rowKey];
-        return typeof h == "string" || typeof h == "number" ? h : _;
+        return typeof h == "string" || typeof h == "number" ? h : C;
       }
-      return _;
-    }, v = (b, _) => b == null ? void 0 : b[_.field], w = (b, _) => {
-      const h = v(b, _);
-      return _.formatter ? _.formatter(b, h, _) : h ?? "";
+      return C;
+    }, v = (b, C) => b == null ? void 0 : b[C.field], w = (b, C) => {
+      const h = v(b, C);
+      return C.formatter ? C.formatter(b, h, C) : h ?? "";
     }, k = (b) => {
       if (!u(b))
         return;
-      let _ = b.field, h = "asc";
-      d.value === b.field && (c.value === "asc" ? h = "desc" : c.value === "desc" ? (_ = null, h = null) : h = "asc"), o.value = _, i.value = h, t("update:sortField", _), t("update:sortOrder", h), t("sort", _, h);
-    }, x = (b) => d.value !== b.field ? "↕" : c.value === "asc" ? "↑" : "↓", A = (b) => d.value !== b.field ? "" : "is-active", V = (b) => {
+      let C = b.field, h = "asc";
+      n.value === b.field && (c.value === "asc" ? h = "desc" : c.value === "desc" ? (C = null, h = null) : h = "asc"), o.value = C, d.value = h, t("update:sortField", C), t("update:sortOrder", h), t("sort", C, h);
+    }, x = (b) => n.value !== b.field ? "↕" : c.value === "asc" ? "↑" : "↓", A = (b) => n.value !== b.field ? "" : "is-active", V = (b) => {
       if (u(b))
-        return d.value !== b.field ? "none" : c.value === "asc" ? "ascending" : "descending";
+        return n.value !== b.field ? "none" : c.value === "asc" ? "ascending" : "descending";
     }, G = (b) => {
-      const _ = [];
-      return r.striped && b % 2 === 1 && _.push("vf-datatable__row_striped"), _;
+      const C = [];
+      return r.striped && b % 2 === 1 && C.push("vf-datatable__row_striped"), C;
     }, D = (b) => {
-      const _ = [];
-      return b.align && _.push(`vf-datatable__cell_${b.align}`), u(b) && _.push("vf-datatable__header_sortable"), _;
-    }, O = (b) => {
-      const _ = [];
-      return b.align && _.push(`vf-datatable__cell_${b.align}`), _;
+      const C = [];
+      return b.align && C.push(`vf-datatable__cell_${b.align}`), u(b) && C.push("vf-datatable__header_sortable"), C;
+    }, M = (b) => {
+      const C = [];
+      return b.align && C.push(`vf-datatable__cell_${b.align}`), C;
     }, N = (b) => {
-      const _ = {};
-      return b.width && (_.width = b.width), b.minWidth && (_.minWidth = b.minWidth), _;
-    }, L = (b, _, h) => {
-      t("rowClick", b, _, h);
+      const C = {};
+      return b.width && (C.width = b.width), b.minWidth && (C.minWidth = b.minWidth), C;
+    }, L = (b, C, h) => {
+      t("rowClick", b, C, h);
     };
-    return (b, _) => (m(), C("div", {
+    return (b, C) => (g(), _("div", {
       class: I(f.value)
     }, [
       z("table", {
         class: "vf-datatable__table",
         "aria-label": b.ariaLabel
       }, [
-        b.showHeader ? (m(), C("thead", So, [
+        b.showHeader ? (g(), _("thead", So, [
           z("tr", Fo, [
-            (m(!0), C(le, null, de(b.columns, (h) => (m(), C("th", {
+            (g(!0), _(re, null, de(b.columns, (h) => (g(), _("th", {
               key: h.field,
               class: I(["vf-datatable__header", D(h)]),
-              style: be(N(h)),
+              style: ge(N(h)),
               "aria-sort": V(h),
               scope: "col"
             }, [
-              u(h) ? (m(), C("button", {
+              u(h) ? (g(), _("button", {
                 key: 0,
                 type: "button",
                 class: "vf-datatable__sort-button",
@@ -3133,43 +3133,43 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
                   b.$slots[`header-${h.field}`] ? F(b.$slots, `header-${h.field}`, {
                     key: 0,
                     column: h
-                  }) : (m(), C(le, { key: 1 }, [
-                    Z(M(h.header ?? h.field), 1)
+                  }) : (g(), _(re, { key: 1 }, [
+                    U(O(h.header ?? h.field), 1)
                   ], 64))
                 ]),
                 z("span", {
                   class: I(["vf-datatable__sort-icon", A(h)])
-                }, M(x(h)), 3)
-              ], 8, Lo)) : (m(), C("span", Ro, [
+                }, O(x(h)), 3)
+              ], 8, Lo)) : (g(), _("span", Ro, [
                 b.$slots[`header-${h.field}`] ? F(b.$slots, `header-${h.field}`, {
                   key: 0,
                   column: h
-                }) : (m(), C(le, { key: 1 }, [
-                  Z(M(h.header ?? h.field), 1)
+                }) : (g(), _(re, { key: 1 }, [
+                  U(O(h.header ?? h.field), 1)
                 ], 64))
               ]))
             ], 14, Vo))), 128))
           ])
         ])) : T("", !0),
         z("tbody", Po, [
-          b.loading ? (m(), C("tr", Io, [
+          b.loading ? (g(), _("tr", Io, [
             z("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: l.value
             }, [
               F(b.$slots, "loading", {}, () => [
-                Z(M(b.loadingText), 1)
+                U(O(b.loadingText), 1)
               ])
             ], 8, Oo)
-          ])) : s.value.length ? (m(!0), C(le, { key: 2 }, de(s.value, (h, R) => (m(), C("tr", {
+          ])) : s.value.length ? (g(!0), _(re, { key: 2 }, de(s.value, (h, R) => (g(), _("tr", {
             key: p(h, R),
             class: I(["vf-datatable__row", G(R)]),
             onClick: (W) => L(h, R, W)
           }, [
-            (m(!0), C(le, null, de(b.columns, (W) => (m(), C("td", {
+            (g(!0), _(re, null, de(b.columns, (W) => (g(), _("td", {
               key: W.field,
-              class: I(["vf-datatable__cell", O(W)]),
-              style: be(N(W))
+              class: I(["vf-datatable__cell", M(W)]),
+              style: ge(N(W))
             }, [
               b.$slots[`cell-${W.field}`] ? F(b.$slots, `cell-${W.field}`, {
                 key: 0,
@@ -3177,17 +3177,17 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
                 column: W,
                 value: v(h, W),
                 index: R
-              }) : (m(), C(le, { key: 1 }, [
-                Z(M(w(h, W)), 1)
+              }) : (g(), _(re, { key: 1 }, [
+                U(O(w(h, W)), 1)
               ], 64))
             ], 6))), 128))
-          ], 10, Eo))), 128)) : (m(), C("tr", Mo, [
+          ], 10, Eo))), 128)) : (g(), _("tr", Mo, [
             z("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: l.value
             }, [
               F(b.$slots, "empty", {}, () => [
-                Z(M(b.emptyText), 1)
+                U(O(b.emptyText), 1)
               ])
             ], 8, Do)
           ]))
@@ -3204,7 +3204,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, Go = {
   key: 1,
   class: "vf-slider__value"
-}, bl = /* @__PURE__ */ j({
+}, _l = /* @__PURE__ */ j({
   name: "VfSlider",
   __name: "slider",
   props: {
@@ -3224,70 +3224,70 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(a, { emit: e }) {
-    const r = e, t = a, o = g(() => t.range || Array.isArray(t.modelValue)), i = g(() => Number.isFinite(t.min) ? t.min : 0), d = g(() => Number.isFinite(t.max) ? t.max : 100), c = g(() => t.step && t.step > 0 ? t.step : 1), l = (S) => {
+    const r = e, t = a, o = m(() => t.range || Array.isArray(t.modelValue)), d = m(() => Number.isFinite(t.min) ? t.min : 0), n = m(() => Number.isFinite(t.max) ? t.max : 100), c = m(() => t.step && t.step > 0 ? t.step : 1), l = (S) => {
       const E = S.toString();
       return E.includes(".") ? E.split(".")[1].length : 0;
-    }, u = (S) => Math.min(d.value, Math.max(i.value, S)), n = (S) => {
-      const E = Number(S), $ = i.value, H = Number.isFinite(E) ? E : $, Y = u(H), J = c.value, y = l(J), B = Math.round((Y - i.value) / J) * J + i.value;
+    }, u = (S) => Math.min(n.value, Math.max(d.value, S)), i = (S) => {
+      const E = Number(S), $ = d.value, H = Number.isFinite(E) ? E : $, Y = u(H), J = c.value, y = l(J), B = Math.round((Y - d.value) / J) * J + d.value;
       return Number.parseFloat(B.toFixed(y));
-    }, s = g(() => {
+    }, s = m(() => {
       if (!o.value) {
-        const H = n(t.modelValue ?? i.value);
+        const H = i(t.modelValue ?? d.value);
         return [H, H];
       }
-      const S = Array.isArray(t.modelValue) ? t.modelValue : [i.value, d.value];
-      let E = n(S[0]), $ = n(S[1]);
+      const S = Array.isArray(t.modelValue) ? t.modelValue : [d.value, n.value];
+      let E = i(S[0]), $ = i(S[1]);
       return E > $ && ([E, $] = [$, E]), [E, $];
-    }), f = g(
-      () => o.value ? s.value[0] : n(t.modelValue ?? i.value)
-    ), p = g(() => o.value ? s.value[1] : n(t.modelValue ?? i.value)), v = (S) => {
-      const E = d.value - i.value;
-      return E <= 0 ? 0 : (S - i.value) / E * 100;
-    }, w = g(() => o.value ? v(f.value) : 0), k = g(() => v(o.value ? p.value : f.value)), x = g(() => ({
+    }), f = m(
+      () => o.value ? s.value[0] : i(t.modelValue ?? d.value)
+    ), p = m(() => o.value ? s.value[1] : i(t.modelValue ?? d.value)), v = (S) => {
+      const E = n.value - d.value;
+      return E <= 0 ? 0 : (S - d.value) / E * 100;
+    }, w = m(() => o.value ? v(f.value) : 0), k = m(() => v(o.value ? p.value : f.value)), x = m(() => ({
       "--vf-slider-start": `${w.value}%`,
       "--vf-slider-end": `${k.value}%`
-    })), A = g(() => {
+    })), A = m(() => {
       const S = ["vf-slider", `vf-slider_${t.variant}`];
       return t.size !== "normal" && S.push(`vf-slider_${t.size}`), t.disabled && S.push("vf-slider_disabled"), o.value && S.push("vf-slider_range"), S;
-    }), V = g(() => ({
+    }), V = m(() => ({
       zIndex: o.value && w.value > 50 ? 4 : 3
-    })), G = g(() => ({
+    })), G = m(() => ({
       zIndex: o.value && w.value > 50 ? 3 : 4
     })), D = (S, E, $) => {
       if (t.disabled)
         return;
-      const H = n(Number(S));
+      const H = i(Number(S));
       r("update:modelValue", H), r($, E);
-    }, O = (S, E, $, H) => {
+    }, M = (S, E, $, H) => {
       if (t.disabled)
         return;
-      const Y = n(Number(S));
+      const Y = i(Number(S));
       let [J, y] = s.value;
       E === "start" ? J = Math.min(Y, y) : y = Math.max(Y, J), r("update:modelValue", [J, y]), r(H, $);
     }, N = (S) => {
       const E = S.target;
       if (o.value) {
-        O(E.value, "start", S, "input");
+        M(E.value, "start", S, "input");
         return;
       }
       D(E.value, S, "input");
     }, L = (S) => {
       const E = S.target;
-      O(E.value, "end", S, "input");
+      M(E.value, "end", S, "input");
     }, b = (S) => {
       const E = S.target;
       if (o.value) {
-        O(E.value, "start", S, "change");
+        M(E.value, "start", S, "change");
         return;
       }
       D(E.value, S, "change");
-    }, _ = (S) => {
+    }, C = (S) => {
       const E = S.target;
-      O(E.value, "end", S, "change");
-    }, h = (S) => r("focus", S), R = (S) => r("blur", S), W = g(() => t.marks ?? []), q = (S) => ({ left: `${v(u(S))}%` }), ee = g(() => o.value ? `${s.value[0]} - ${s.value[1]}` : `${f.value}`), X = g(() => o.value ? t.ariaLabelStart : t.ariaLabel), re = g(() => o.value ? t.ariaLabelEnd : t.ariaLabel);
-    return (S, E) => (m(), C("div", {
+      M(E.value, "end", S, "change");
+    }, h = (S) => r("focus", S), R = (S) => r("blur", S), W = m(() => t.marks ?? []), q = (S) => ({ left: `${v(u(S))}%` }), ee = m(() => o.value ? `${s.value[0]} - ${s.value[1]}` : `${f.value}`), X = m(() => o.value ? t.ariaLabelStart : t.ariaLabel), le = m(() => o.value ? t.ariaLabelEnd : t.ariaLabel);
+    return (S, E) => (g(), _("div", {
       class: I(A.value),
-      style: be(x.value)
+      style: ge(x.value)
     }, [
       z("div", Ao, [
         E[0] || (E[0] = z("div", { class: "vf-slider__track" }, [
@@ -3296,52 +3296,110 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         z("input", {
           class: "vf-slider__input vf-slider__input_start",
           type: "range",
-          min: i.value,
-          max: d.value,
+          min: d.value,
+          max: n.value,
           step: c.value,
           value: f.value,
           disabled: S.disabled,
           "aria-label": X.value,
-          style: be(V.value),
+          style: ge(V.value),
           onInput: N,
           onChange: b,
           onFocus: h,
           onBlur: R
         }, null, 44, Wo),
-        o.value ? (m(), C("input", {
+        o.value ? (g(), _("input", {
           key: 0,
           class: "vf-slider__input vf-slider__input_end",
           type: "range",
-          min: i.value,
-          max: d.value,
+          min: d.value,
+          max: n.value,
           step: c.value,
           value: p.value,
           disabled: S.disabled,
-          "aria-label": re.value,
-          style: be(G.value),
+          "aria-label": le.value,
+          style: ge(G.value),
           onInput: L,
-          onChange: _,
+          onChange: C,
           onFocus: h,
           onBlur: R
         }, null, 44, Ho)) : T("", !0)
       ]),
-      W.value.length ? (m(), C("div", Ko, [
-        (m(!0), C(le, null, de(W.value, ($) => (m(), C("span", {
+      W.value.length ? (g(), _("div", Ko, [
+        (g(!0), _(re, null, de(W.value, ($) => (g(), _("span", {
           key: $.value,
           class: "vf-slider__mark",
-          style: be(q($.value))
+          style: ge(q($.value))
         }, [
-          $.label ? (m(), C("span", No, M($.label), 1)) : T("", !0)
+          $.label ? (g(), _("span", No, O($.label), 1)) : T("", !0)
         ], 4))), 128))
       ])) : T("", !0),
-      S.showValue ? (m(), C("div", Go, M(ee.value), 1)) : T("", !0)
+      S.showValue ? (g(), _("div", Go, O(ee.value), 1)) : T("", !0)
     ], 6));
   }
-}), Yo = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], jo = (a) => {
+}), Yo = ["aria-label"], jo = { class: "vf-breadcrumbs__list" }, Xo = {
+  key: 0,
+  class: "vf-breadcrumbs__current",
+  "aria-current": "page"
+}, qo = {
+  key: 0,
+  class: "vf-breadcrumbs__separator",
+  "aria-hidden": "true"
+}, Cl = /* @__PURE__ */ j({
+  name: "VfBreadcrumbs",
+  __name: "breadcrumbs",
+  props: {
+    items: { default: () => [] },
+    separator: { default: "/" },
+    ariaLabel: { default: "Breadcrumbs" }
+  },
+  setup(a) {
+    const e = a, r = m(() => e.items ?? []), t = m(() => r.value.some((n) => n.active !== void 0)), o = (n, c) => t.value ? n.active === !0 : c === r.value.length - 1, d = (n, c) => `${n.label ?? n.to ?? n.href ?? n.url ?? "crumb"}_${c.toString()}`;
+    return (n, c) => (g(), _("nav", {
+      class: "vf-breadcrumbs",
+      "aria-label": n.ariaLabel
+    }, [
+      z("ol", jo, [
+        (g(!0), _(re, null, de(r.value, (l, u) => (g(), _(re, {
+          key: d(l, u)
+        }, [
+          z("li", {
+            class: I(["vf-breadcrumbs__item", { "is-current": o(l, u), "is-disabled": l.disabled }])
+          }, [
+            F(n.$slots, "item", {
+              item: l,
+              index: u,
+              isLast: u === r.value.length - 1,
+              active: o(l, u)
+            }, () => [
+              o(l, u) ? (g(), _("span", Xo, O(l.label), 1)) : (g(), se(Ge, {
+                key: 1,
+                class: "vf-breadcrumbs__link",
+                to: l.to,
+                href: l.href ?? l.url,
+                disabled: l.disabled
+              }, {
+                default: be(() => [
+                  U(O(l.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to", "href", "disabled"]))
+            ])
+          ], 2),
+          u < r.value.length - 1 ? (g(), _("li", qo, [
+            F(n.$slots, "separator", { separator: n.separator }, () => [
+              U(O(n.separator), 1)
+            ])
+          ])) : T("", !0)
+        ], 64))), 128))
+      ])
+    ], 8, Yo));
+  }
+}), Uo = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Zo = (a) => {
   const e = a.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, Xo = (a) => a.filter((e) => !Yo.includes(e)).map((e) => jo(e)).join("-").toLowerCase(), He = (a) => a.join("."), qo = (a) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(a), Ye = (a) => {
-  if (!qo(a))
+}, Jo = (a) => a.filter((e) => !Uo.includes(e)).map((e) => Zo(e)).join("-").toLowerCase(), He = (a) => a.join("."), Qo = (a) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(a), je = (a) => {
+  if (!Qo(a))
     return null;
   if (a.length === 4) {
     const e = a[1], r = a[2], t = a[3];
@@ -3349,55 +3407,55 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   }
   return a.toLowerCase();
 }, lt = (a) => {
-  const e = Ye(a);
+  const e = je(a);
   if (!e)
     return [0, 0, 0];
-  const r = parseInt(e.slice(1), 16), t = r >> 16 & 255, o = r >> 8 & 255, i = r & 255;
-  return [t, o, i];
-}, Ue = (a) => {
+  const r = parseInt(e.slice(1), 16), t = r >> 16 & 255, o = r >> 8 & 255, d = r & 255;
+  return [t, o, d];
+}, Ze = (a) => {
   const [e, r, t] = lt(a);
   return `${e}, ${r}, ${t}`;
-}, Uo = (a, e, r) => {
-  const t = a / 255, o = e / 255, i = r / 255, d = Math.max(t, o, i), c = Math.min(t, o, i), l = d - c;
-  let u = 0, n = 0;
-  const s = (d + c) / 2;
+}, er = (a, e, r) => {
+  const t = a / 255, o = e / 255, d = r / 255, n = Math.max(t, o, d), c = Math.min(t, o, d), l = n - c;
+  let u = 0, i = 0;
+  const s = (n + c) / 2;
   if (l !== 0) {
-    switch (n = l / (1 - Math.abs(2 * s - 1)), d) {
+    switch (i = l / (1 - Math.abs(2 * s - 1)), n) {
       case t:
-        u = (o - i) / l % 6;
+        u = (o - d) / l % 6;
         break;
       case o:
-        u = (i - t) / l + 2;
+        u = (d - t) / l + 2;
         break;
-      case i:
+      case d:
         u = (t - o) / l + 4;
         break;
     }
     u *= 60, u < 0 && (u += 360);
   }
-  return [u, n * 100, s * 100];
-}, Zo = (a, e, r) => {
-  const t = e / 100, o = r / 100, i = (1 - Math.abs(2 * o - 1)) * t, d = i * (1 - Math.abs(a / 60 % 2 - 1)), c = o - i / 2;
-  let l = 0, u = 0, n = 0;
-  a >= 0 && a < 60 ? (l = i, u = d, n = 0) : a >= 60 && a < 120 ? (l = d, u = i, n = 0) : a >= 120 && a < 180 ? (l = 0, u = i, n = d) : a >= 180 && a < 240 ? (l = 0, u = d, n = i) : a >= 240 && a < 300 ? (l = d, u = 0, n = i) : (l = i, u = 0, n = d);
-  const s = Math.round((l + c) * 255), f = Math.round((u + c) * 255), p = Math.round((n + c) * 255);
+  return [u, i * 100, s * 100];
+}, tr = (a, e, r) => {
+  const t = e / 100, o = r / 100, d = (1 - Math.abs(2 * o - 1)) * t, n = d * (1 - Math.abs(a / 60 % 2 - 1)), c = o - d / 2;
+  let l = 0, u = 0, i = 0;
+  a >= 0 && a < 60 ? (l = d, u = n, i = 0) : a >= 60 && a < 120 ? (l = n, u = d, i = 0) : a >= 120 && a < 180 ? (l = 0, u = d, i = n) : a >= 180 && a < 240 ? (l = 0, u = n, i = d) : a >= 240 && a < 300 ? (l = n, u = 0, i = d) : (l = d, u = 0, i = n);
+  const s = Math.round((l + c) * 255), f = Math.round((u + c) * 255), p = Math.round((i + c) * 255);
   return [s, f, p];
-}, Jo = (a, e, r) => `#${[a, e, r].map((t) => t.toString(16).padStart(2, "0")).join("")}`, Qo = (a, e, r) => Math.min(r, Math.max(e, a)), er = (a, e) => {
-  const r = Ye(a);
+}, ar = (a, e, r) => `#${[a, e, r].map((t) => t.toString(16).padStart(2, "0")).join("")}`, or = (a, e, r) => Math.min(r, Math.max(e, a)), rr = (a, e) => {
+  const r = je(a);
   if (!r)
     return a;
-  const [t, o, i] = lt(r), [d, c, l] = Uo(t, o, i), n = (e - 5) * 7, s = Qo(l + n, 0, 100), [f, p, v] = Zo(d, c, s);
-  return Jo(f, p, v);
-}, Me = (a) => !!a && typeof a == "object" && !Array.isArray(a), je = (a, e) => {
+  const [t, o, d] = lt(r), [n, c, l] = er(t, o, d), i = (e - 5) * 7, s = or(l + i, 0, 100), [f, p, v] = tr(n, c, s);
+  return ar(f, p, v);
+}, Me = (a) => !!a && typeof a == "object" && !Array.isArray(a), Xe = (a, e) => {
   if (!e)
     return { ...a };
   const r = { ...a };
   for (const t in e) {
-    const o = e[t], i = a[t];
-    Me(i) && Me(o) ? r[t] = je(i, o) : r[t] = o;
+    const o = e[t], d = a[t];
+    Me(d) && Me(o) ? r[t] = Xe(d, o) : r[t] = o;
   }
   return r;
-}, tr = (a) => {
+}, lr = (a) => {
   if (!a)
     return null;
   if (Me(a) && "preset" in a) {
@@ -3411,42 +3469,42 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     };
   }
   return { preset: a };
-}, ar = (a) => {
-  const e = [], r = [], t = [], o = [], i = (l) => t.push(l), d = (l) => o.push(l), c = (l, u) => {
+}, sr = (a) => {
+  const e = [], r = [], t = [], o = [], d = (l) => t.push(l), n = (l) => o.push(l), c = (l, u) => {
     if (!(!l || typeof l != "object"))
-      for (const n in l) {
-        const s = l[n], f = u.concat([n]);
+      for (const i in l) {
+        const s = l[i], f = u.concat([i]);
         if (Me(s)) {
           c(s, f);
           continue;
         }
         if (s && typeof s == "object") {
-          d(`Theme value "${He(f)}" is not a plain object or string and will be ignored.`);
+          n(`Theme value "${He(f)}" is not a plain object or string and will be ignored.`);
           continue;
         }
         if (typeof s != "string") {
-          d(`Theme value "${He(f)}" is not a string and will be ignored.`);
+          n(`Theme value "${He(f)}" is not a string and will be ignored.`);
           continue;
         }
-        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, w = Xo(f);
+        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, w = Jo(f);
         if (v.push(`--vf-${w}: ${s}`), f.includes("colors")) {
-          const k = Ye(s);
+          const k = je(s);
           if (!k) {
-            i(
+            d(
               `Theme color "${He(f)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (v.push(`--vf-${w}-rgb: ${Ue(k)}`), n !== "white")
+          if (v.push(`--vf-${w}-rgb: ${Ze(k)}`), i !== "white")
             for (let x = 1; x < 10; ++x) {
-              const A = er(k, x);
-              v.push(`--vf-${w}-${x}00: ${A}`), v.push(`--vf-${w}-${x}00-rgb: ${Ue(A)}`);
+              const A = rr(k, x);
+              v.push(`--vf-${w}-${x}00: ${A}`), v.push(`--vf-${w}-${x}00-rgb: ${Ze(A)}`);
             }
         }
       }
   };
   return c(a, []), { baseVars: e, darkVars: r, warnings: t, errors: o };
-}, or = (a) => {
+}, nr = (a) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(a);
@@ -3454,48 +3512,48 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     return e;
   const r = document.createElement("style");
   return r.id = a, document.head.appendChild(r), r;
-}, rr = (a) => ({
+}, ir = (a) => ({
   selector: a.selector ?? ":root",
   darkSelector: a.darkSelector ?? ":root[data-theme=dark]"
-}), lr = (a, e, r, t) => {
-  const { baseVars: o, darkVars: i, warnings: d, errors: c } = ar(a), l = or("vueforge-theme");
+}), dr = (a, e, r, t) => {
+  const { baseVars: o, darkVars: d, warnings: n, errors: c } = sr(a), l = nr("vueforge-theme");
   if (!l)
     return;
   if (c.length) {
     if (t)
       throw new Error(`[VueForge] ${c.join(" ")}`);
-    for (const n of c)
-      console.warn(`[VueForge] ${n}`);
+    for (const i of c)
+      console.warn(`[VueForge] ${i}`);
   }
-  if (d.length)
-    for (const n of d)
-      console.warn(`[VueForge] ${n}`);
+  if (n.length)
+    for (const i of n)
+      console.warn(`[VueForge] ${i}`);
   const u = [];
-  o.length && u.push(`${e} { ${o.join(";")} }`), i.length && u.push(`${r} { ${i.join(";")} }`), l.textContent = u.join(`
+  o.length && u.push(`${e} { ${o.join(";")} }`), d.length && u.push(`${r} { ${d.join(";")} }`), l.textContent = u.join(`
 `);
 };
-let he = null;
+let ye = null;
 const st = (a) => {
-  const e = tr(a);
+  const e = lr(a);
   if (!e)
     return;
-  const r = je(e.preset, e.overrides), { selector: t, darkSelector: o } = rr(e);
-  he = { ...e }, lr(r, t, o, e.strict);
-}, gl = (a) => {
-  if (!he)
+  const r = Xe(e.preset, e.overrides), { selector: t, darkSelector: o } = ir(e);
+  ye = { ...e }, dr(r, t, o, e.strict);
+}, kl = (a) => {
+  if (!ye)
     return;
-  const e = a.overrides === void 0 ? he.overrides : je(he.overrides ?? {}, a.overrides ?? {}), r = {
-    preset: a.preset ?? he.preset,
+  const e = a.overrides === void 0 ? ye.overrides : Xe(ye.overrides ?? {}, a.overrides ?? {}), r = {
+    preset: a.preset ?? ye.preset,
     overrides: e,
-    selector: a.selector ?? he.selector,
-    darkSelector: a.darkSelector ?? he.darkSelector
+    selector: a.selector ?? ye.selector,
+    darkSelector: a.darkSelector ?? ye.darkSelector
   };
   st(r);
-}, ml = () => he ? { ...he } : null, hl = {
+}, wl = () => ye ? { ...ye } : null, $l = {
   install(a, e = {}) {
     e.theme && st(e.theme);
   }
-}, Ze = {
+}, Je = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -3558,7 +3616,7 @@ const st = (a) => {
       dividerColor: "#2e2e32"
     }
   }
-}, sr = {
+}, ur = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -3700,11 +3758,11 @@ const st = (a) => {
       }
     }
   }
-}, nr = {
+}, cr = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, ir = {
+}, vr = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3725,7 +3783,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, dr = {
+}, fr = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -3745,7 +3803,7 @@ const st = (a) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, ur = {
+}, pr = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3768,10 +3826,18 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, cr = {
+}, br = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, vr = {
+}, gr = {
+  gap: "0.35rem",
+  fontSize: "var(--vf-typography-font-size)",
+  textColor: "var(--vf-secondary-text-color)",
+  hoverColor: "var(--vf-text-color)",
+  activeColor: "var(--vf-text-color)",
+  separatorColor: "var(--vf-divider-color)",
+  disabledOpacity: "var(--vf-states-disabled-opacity)"
+}, mr = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -3791,7 +3857,7 @@ const st = (a) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, fr = {
+}, hr = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -3818,7 +3884,7 @@ const st = (a) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, pr = {
+}, yr = {
   width: "320px",
   widthSm: "260px",
   widthLg: "420px",
@@ -3844,9 +3910,9 @@ const st = (a) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, br = {
+}, _r = {
   backgroundColor: "var(--vf-bg-color)"
-}, gr = {
+}, Cr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3879,7 +3945,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, mr = {
+}, kr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3918,7 +3984,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, hr = {
+}, wr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3963,7 +4029,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, yr = {
+}, $r = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -4013,7 +4079,7 @@ const st = (a) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, _r = {
+}, xr = {
   gap: "0.4rem",
   itemMinWidth: "2rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -4038,7 +4104,7 @@ const st = (a) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     padding: "0.45rem 0.8rem"
   }
-}, Cr = {
+}, zr = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -4050,7 +4116,7 @@ const st = (a) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, kr = {
+}, Br = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -4064,7 +4130,7 @@ const st = (a) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, wr = {
+}, Sr = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -4076,7 +4142,7 @@ const st = (a) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, $r = {
+}, Fr = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -4097,7 +4163,7 @@ const st = (a) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, xr = {
+}, Vr = {
   gap: "0.75rem",
   borderRadius: "var(--vf-radii-md)",
   borderColor: "var(--vf-border-color)",
@@ -4128,7 +4194,7 @@ const st = (a) => {
     headerFontSize: "1rem",
     contentPadding: "0.9rem 1.1rem"
   }
-}, zr = {
+}, Lr = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -4139,7 +4205,7 @@ const st = (a) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, Br = {
+}, Tr = {
   width: "100%",
   height: "1rem",
   lineHeight: "0.9rem",
@@ -4147,7 +4213,7 @@ const st = (a) => {
   backgroundColor: "var(--vf-gutter-color)",
   shimmerColor: "var(--vf-bg-color)",
   animationDuration: "2s"
-}, Sr = {
+}, Rr = {
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)",
   backgroundColor: "var(--vf-bg-color)",
@@ -4178,7 +4244,7 @@ const st = (a) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     cellPadding: "0.75rem 0.9rem"
   }
-}, Fr = {
+}, Pr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -4217,7 +4283,7 @@ const st = (a) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Vr = {
+}, Ir = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -4255,7 +4321,7 @@ const st = (a) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Lr = {
+}, Or = {
   width: "100%",
   height: "0.5rem",
   borderRadius: "999px",
@@ -4291,7 +4357,7 @@ const st = (a) => {
     circularSize: "3.25rem",
     circularThickness: "7"
   }
-}, Tr = {
+}, Mr = {
   fontSize: "0.75rem",
   lineHeight: "1",
   paddingX: "0.5rem",
@@ -4356,7 +4422,7 @@ const st = (a) => {
     paddingX: "0.65rem",
     paddingY: "0.3rem"
   }
-}, Rr = {
+}, Dr = {
   size: "2.5rem",
   fontSize: "0.9rem",
   fontWeight: "600",
@@ -4382,7 +4448,7 @@ const st = (a) => {
     fontSize: "1rem",
     statusSize: "0.75rem"
   }
-}, Pr = {
+}, Er = {
   width: "100%",
   gap: "0.5rem",
   textColor: "var(--vf-text-color)",
@@ -4414,79 +4480,81 @@ const st = (a) => {
     thumbSize: "1.25rem",
     valueFontSize: "1rem"
   }
-}, yl = {
-  ...Ze,
+}, xl = {
+  ...Je,
   components: {
-    base: Ze,
-    button: sr,
-    card: nr,
-    input: ir,
-    formField: dr,
-    textarea: ur,
-    link: cr,
-    menu: vr,
-    modal: fr,
-    drawer: pr,
-    popover: br,
-    select: gr,
-    autocomplete: mr,
-    multiselect: hr,
-    datepicker: yr,
-    pagination: _r,
-    checkbox: Cr,
-    radio: kr,
-    switch: wr,
-    tabs: $r,
-    accordion: xr,
-    tooltip: zr,
-    skeleton: Br,
-    datatable: Sr,
-    toast: Fr,
-    alert: Vr,
-    progress: Lr,
-    badge: Tr,
-    avatar: Rr,
-    slider: Pr
+    base: Je,
+    button: ur,
+    card: cr,
+    input: vr,
+    formField: fr,
+    textarea: pr,
+    link: br,
+    breadcrumbs: gr,
+    menu: mr,
+    modal: hr,
+    drawer: yr,
+    popover: _r,
+    select: Cr,
+    autocomplete: kr,
+    multiselect: wr,
+    datepicker: $r,
+    pagination: xr,
+    checkbox: zr,
+    radio: Br,
+    switch: Sr,
+    tabs: Fr,
+    accordion: Vr,
+    tooltip: Lr,
+    skeleton: Tr,
+    datatable: Rr,
+    toast: Pr,
+    alert: Ir,
+    progress: Or,
+    badge: Mr,
+    avatar: Dr,
+    slider: Er
   }
 };
 export {
-  el as Accordion,
-  tl as AccordionItem,
-  rl as Alert,
-  Nr as Autocomplete,
-  fl as Avatar,
-  vl as Badge,
-  Er as Button,
+  ll as Accordion,
+  sl as AccordionItem,
+  dl as Alert,
+  qr as Autocomplete,
+  hl as Avatar,
+  ml as Badge,
+  Cl as Breadcrumbs,
+  Nr as Button,
   Ct as Card,
-  Xr as Checkbox,
-  pl as DataTable,
-  Yr as DatePicker,
-  yl as DefaultTheme,
-  il as Drawer,
-  Wr as FormField,
-  Ar as Input,
-  Qe as Link,
-  Dr as Menu,
-  nl as Modal,
-  Gr as MultiSelect,
-  jr as Pagination,
-  sl as Popover,
-  cl as Progress,
-  Ur as RadioButton,
-  qr as RadioGroup,
-  Kr as Select,
-  ul as Skeleton,
-  bl as Slider,
-  ll as Switch,
-  Jr as Tab,
-  Qr as TabPanel,
-  Zr as Tabs,
-  Hr as Textarea,
-  al as Toast,
-  ol as ToastContainer,
-  dl as Tooltip,
-  hl as VueForge,
-  ml as getTheme,
+  Qr as Checkbox,
+  yl as DataTable,
+  Zr as DatePicker,
+  xl as DefaultTheme,
+  fl as Drawer,
+  Yr as FormField,
+  Gr as Input,
+  Ge as Link,
+  Kr as Menu,
+  vl as Modal,
+  Ur as MultiSelect,
+  Jr as Pagination,
+  cl as Popover,
+  gl as Progress,
+  tl as RadioButton,
+  el as RadioGroup,
+  Xr as Select,
+  bl as Skeleton,
+  _l as Slider,
+  ul as Switch,
+  ol as Tab,
+  rl as TabPanel,
+  al as Tabs,
+  jr as Textarea,
+  nl as Toast,
+  il as ToastContainer,
+  pl as Tooltip,
+  $l as VueForge,
+  wl as getTheme,
   st as setTheme,
-  gl as updateTheme
+  kl as updateTheme
 };