@codemonster-ru/vueforge 0.29.0 → 0.30.0

package/dist/index.ts.mjs

@@ -1,4 +1,4 @@
-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 { defineComponent as j, ref as K, computed as m, watch as oe, resolveComponent as Qe, openBlock as b, createElementBlock as h, normalizeClass as I, renderSlot as F, Fragment as re, createTextVNode as U, toDisplayString as O, createBlock as se, withCtx as be, createCommentVNode as L, createElementVNode as z, renderList as de, withKeys as te, withModifiers as Q, unref as ze, createVNode as Ne, useSlots as De, nextTick as ke, onMounted as Fe, onBeforeUnmount as we, Teleport as xe, withDirectives as ue, vShow as ce, provide as Ke, inject as Ee, reactive as nt, createSlots as it, Transition as dt, normalizeStyle as me } 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"], Ge = /* @__PURE__ */ j({
@@ -31,7 +31,7 @@ const vt = ["href", "aria-disabled", "tabindex"], Ge = /* @__PURE__ */ j({
       v && (r("active"), r("onActive")), r("update:active", v);
     }), (v, w) => {
       const k = Qe("router-link");
-      return l.value === "a" ? (g(), _("a", {
+      return l.value === "a" ? (b(), h("a", {
         key: 0,
         href: c.value,
         class: I(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
@@ -39,10 +39,10 @@ const vt = ["href", "aria-disabled", "tabindex"], Ge = /* @__PURE__ */ j({
         tabindex: v.disabled ? -1 : void 0,
         onClick: p
       }, [
-        v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (g(), _(re, { key: 1 }, [
+        v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (b(), h(re, { key: 1 }, [
           U(O(v.label), 1)
         ], 64))
-      ], 10, vt)) : (g(), se(k, {
+      ], 10, vt)) : (b(), se(k, {
         key: 1,
         ref_key: "link",
         ref: n,
@@ -55,7 +55,7 @@ const vt = ["href", "aria-disabled", "tabindex"], Ge = /* @__PURE__ */ j({
         onClick: p
       }, {
         default: be(() => [
-          v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (g(), _(re, { key: 1 }, [
+          v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (b(), h(re, { key: 1 }, [
             U(O(v.label), 1)
           ], 64))
         ]),
@@ -68,10 +68,10 @@ const vt = ["href", "aria-disabled", "tabindex"], Ge = /* @__PURE__ */ j({
   for (const [t, o] of e)
     r[t] = o;
   return r;
-}, pt = {}, bt = { class: "vf-card" }, gt = {
+}, pt = {}, bt = { class: "vf-card" }, mt = {
   key: 0,
   class: "vf-card__default"
-}, mt = {
+}, gt = {
   key: 1,
   class: "vf-card__header"
 }, ht = {
@@ -82,29 +82,29 @@ const vt = ["href", "aria-disabled", "tabindex"], Ge = /* @__PURE__ */ j({
   class: "vf-card__footer"
 };
 function _t(a, e) {
-  return g(), _("div", bt, [
-    a.$slots.default ? (g(), _("div", gt, [
+  return b(), h("div", bt, [
+    a.$slots.default ? (b(), h("div", mt, [
       F(a.$slots, "default")
-    ])) : T("", !0),
-    a.$slots.header ? (g(), _("div", mt, [
+    ])) : L("", !0),
+    a.$slots.header ? (b(), h("div", gt, [
       F(a.$slots, "header")
-    ])) : T("", !0),
-    a.$slots.body ? (g(), _("div", ht, [
+    ])) : L("", !0),
+    a.$slots.body ? (b(), h("div", ht, [
       F(a.$slots, "body")
-    ])) : T("", !0),
-    a.$slots.footer ? (g(), _("div", yt, [
+    ])) : L("", !0),
+    a.$slots.footer ? (b(), h("div", yt, [
       F(a.$slots, "footer")
-    ])) : T("", !0)
+    ])) : L("", !0)
   ]);
 }
 const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   class: "vf-menu__list",
   role: "menu"
-}, wt = {
+}, $t = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, $t = ["aria-expanded", "onClick", "onKeydown"], Kr = /* @__PURE__ */ j({
+}, wt = ["aria-expanded", "onClick", "onKeydown"], Ur = /* @__PURE__ */ j({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -136,11 +136,11 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       { deep: !0, immediate: !0 }
     ), (i, s) => {
       const f = Qe("VfMenu");
-      return g(), _("div", {
+      return b(), h("div", {
         class: I(["vf-menu", `vf-menu_${i.orientation}`])
       }, [
         z("ul", kt, [
-          (g(!0), _(re, null, de(o.value, (p, v) => (g(), _("li", {
+          (b(!0), h(re, null, de(o.value, (p, v) => (b(), h("li", {
             key: d(p, v),
             class: "vf-menu__item",
             role: "none"
@@ -148,7 +148,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
             i.$slots[d(p, v)] ? F(i.$slots, d(p, v), {
               key: 0,
               item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (g(), _("hr", wt)) : p.items && p.items.length ? (g(), _(re, { key: 2 }, [
+            }) : p.separator ? (b(), h("hr", $t)) : p.items && p.items.length ? (b(), h(re, { key: 2 }, [
               z("div", {
                 class: I(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
                 role: "menuitem",
@@ -160,21 +160,21 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
                   te(Q((w) => l(p), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (g(), se(ze(Be), {
+                p.icon ? (b(), se(ze(Be), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : T("", !0),
+                }, null, 8, ["icon"])) : L("", !0),
                 U(" " + O(p.label) + " ", 1),
-                Ke(ze(Be), { icon: "chevronDown" })
-              ], 42, $t),
-              p.items ? (g(), se(f, {
+                Ne(ze(Be), { icon: "chevronDown" })
+              ], 42, wt),
+              p.items ? (b(), 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)) : (g(), se(Ge, {
+              }, null, 8, ["items", "class"])) : L("", !0)
+            ], 64)) : (b(), se(Ge, {
               key: 3,
               to: p.to,
               href: p.href ?? p.url,
@@ -188,11 +188,11 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
               onActive: (w) => u(p)
             }, {
               default: be(() => [
-                p.icon ? (g(), se(ze(Be), {
+                p.icon ? (b(), se(ze(Be), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : T("", !0),
+                }, null, 8, ["icon"])) : L("", !0),
                 U(" " + O(p.label), 1)
               ]),
               _: 2
@@ -202,7 +202,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       ], 2);
     };
   }
-}), xt = ["type", "disabled"], Nr = /* @__PURE__ */ j({
+}), xt = ["type", "disabled"], Zr = /* @__PURE__ */ j({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -225,33 +225,33 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       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", {
+    return (i, s) => o.value ? (b(), h("button", {
       key: 0,
       type: d.value,
       class: I(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (g(), se(ze(Be), {
+      e.icon && !e.loading ? (b(), se(ze(Be), {
         key: 0,
         icon: e.icon,
         class: I(l.value)
-      }, null, 8, ["icon", "class"])) : T("", !0),
-      e.loading ? (g(), se(ze(Be), {
+      }, null, 8, ["icon", "class"])) : L("", !0),
+      e.loading ? (b(), se(ze(Be), {
         key: 1,
         icon: "circleNotch",
         class: I(l.value),
         spin: ""
-      }, null, 8, ["class"])) : T("", !0),
-      i.$slots.default ? (g(), _("span", {
+      }, null, 8, ["class"])) : L("", !0),
+      i.$slots.default ? (b(), h("span", {
         key: 2,
         class: I(u.value)
       }, [
         F(i.$slots, "default")
-      ], 2)) : i.label ? (g(), _("span", {
+      ], 2)) : i.label ? (b(), h("span", {
         key: 3,
         class: I(u.value)
-      }, O(i.label), 3)) : T("", !0)
-    ], 10, xt)) : (g(), se(Ge, {
+      }, O(i.label), 3)) : L("", !0)
+    ], 10, xt)) : (b(), se(Ge, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
@@ -260,20 +260,20 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       disabled: e.loading || e.disabled
     }, {
       default: be(() => [
-        e.icon ? (g(), se(ze(Be), {
+        e.icon ? (b(), se(ze(Be), {
           key: 0,
           icon: e.icon,
           class: I(l.value)
-        }, null, 8, ["icon", "class"])) : T("", !0),
-        i.$slots.default ? (g(), _("span", {
+        }, null, 8, ["icon", "class"])) : L("", !0),
+        i.$slots.default ? (b(), h("span", {
           key: 1,
           class: I(u.value)
         }, [
           F(i.$slots, "default")
-        ], 2)) : i.label ? (g(), _("span", {
+        ], 2)) : i.label ? (b(), h("span", {
           key: 2,
           class: I(u.value)
-        }, O(i.label), 3)) : T("", !0)
+        }, O(i.label), 3)) : L("", !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"
-}, Gr = /* @__PURE__ */ j({
+}, Jr = /* @__PURE__ */ j({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -304,12 +304,12 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       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", {
+    return (u, i) => (b(), h("div", {
       class: I(o.value)
     }, [
-      u.$slots.prefix ? (g(), _("span", zt, [
+      u.$slots.prefix ? (b(), h("span", zt, [
         F(u.$slots, "prefix")
-      ])) : T("", !0),
+      ])) : L("", !0),
       z("input", {
         class: "vf-input__control",
         type: u.type,
@@ -322,16 +322,113 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         onFocus: c,
         onBlur: l
       }, null, 40, Bt),
-      u.$slots.suffix ? (g(), _("span", St, [
+      u.$slots.suffix ? (b(), h("span", St, [
         F(u.$slots, "suffix")
-      ])) : T("", !0)
+      ])) : L("", !0)
     ], 2));
   }
-}), Ft = ["for"], Vt = {
+}), Ft = {
+  key: 0,
+  class: "vf-number-input__prefix"
+}, Vt = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "aria-label"], Lt = {
+  key: 1,
+  class: "vf-number-input__controls"
+}, Tt = ["disabled"], Rt = ["disabled"], Pt = {
+  key: 2,
+  class: "vf-number-input__suffix"
+}, Qr = /* @__PURE__ */ j({
+  __name: "number-input",
+  props: {
+    modelValue: { default: null },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    step: { default: 1 },
+    precision: { default: void 0 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "normal" },
+    variant: { default: "filled" },
+    controls: { type: Boolean, default: !0 },
+    ariaLabel: { default: "Number input" }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur"],
+  setup(a, { emit: e }) {
+    const r = e, t = a, o = m(() => typeof t.min == "number" && Number.isFinite(t.min) ? t.min : void 0), d = m(() => typeof t.max == "number" && Number.isFinite(t.max) ? t.max : void 0), n = m(() => t.step && t.step > 0 ? t.step : 1), c = ($) => (typeof o.value == "number" && ($ = Math.max(o.value, $)), typeof d.value == "number" && ($ = Math.min(d.value, $)), $), l = ($) => {
+      if (typeof t.precision != "number" || !Number.isFinite(t.precision))
+        return $;
+      const E = Math.max(0, Math.floor(t.precision));
+      return Number.parseFloat($.toFixed(E));
+    }, u = ($) => {
+      if (!$.trim())
+        return null;
+      const E = Number($);
+      return Number.isFinite(E) ? l(c(E)) : null;
+    }, i = m(() => t.modelValue === null || t.modelValue === void 0 || !Number.isFinite(t.modelValue) ? "" : `${t.modelValue}`), s = m(() => {
+      const $ = ["vf-number-input", `vf-number-input_${t.variant}`];
+      return t.size !== "normal" && $.push(`vf-number-input_${t.size}`), t.disabled && $.push("vf-number-input_disabled"), t.controls && $.push("vf-number-input_controls"), $;
+    }), f = ($) => {
+      const E = $.target, M = u(E.value);
+      r("update:modelValue", M), r("input", $);
+    }, p = ($) => r("change", $), v = ($) => r("focus", $), w = ($) => r("blur", $), k = () => Number.isFinite(t.modelValue) ? t.modelValue : typeof o.value == "number" ? o.value : 0, B = () => {
+      if (t.disabled || t.readonly)
+        return;
+      const $ = l(c(k() + n.value));
+      r("update:modelValue", $);
+    }, A = () => {
+      if (t.disabled || t.readonly)
+        return;
+      const $ = l(c(k() - n.value));
+      r("update:modelValue", $);
+    };
+    return ($, E) => (b(), h("div", {
+      class: I(s.value)
+    }, [
+      $.$slots.prefix ? (b(), h("span", Ft, [
+        F($.$slots, "prefix")
+      ])) : L("", !0),
+      z("input", {
+        class: "vf-number-input__control",
+        type: "number",
+        value: i.value,
+        min: o.value,
+        max: d.value,
+        step: n.value,
+        placeholder: $.placeholder,
+        disabled: $.disabled,
+        readonly: $.readonly,
+        "aria-label": $.ariaLabel,
+        onInput: f,
+        onChange: p,
+        onFocus: v,
+        onBlur: w
+      }, null, 40, Vt),
+      $.controls ? (b(), h("div", Lt, [
+        z("button", {
+          class: "vf-number-input__step",
+          type: "button",
+          disabled: $.disabled || $.readonly,
+          "aria-label": "Increment",
+          onClick: B
+        }, " + ", 8, Tt),
+        z("button", {
+          class: "vf-number-input__step",
+          type: "button",
+          disabled: $.disabled || $.readonly,
+          "aria-label": "Decrement",
+          onClick: A
+        }, " - ", 8, Rt)
+      ])) : L("", !0),
+      $.$slots.suffix ? (b(), h("span", Pt, [
+        F($.$slots, "suffix")
+      ])) : L("", !0)
+    ], 2));
+  }
+}), It = ["for"], Ot = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Lt = { class: "vf-form-field__control" }, Tt = ["id"], Rt = ["id"], Yr = /* @__PURE__ */ j({
+}, Mt = { class: "vf-form-field__control" }, Dt = ["id"], Et = ["id"], el = /* @__PURE__ */ j({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -350,10 +447,10 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       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) => (g(), _("div", {
+    return (f, p) => (b(), h("div", {
       class: I(s.value)
     }, [
-      c.value ? (g(), _("label", {
+      c.value ? (b(), h("label", {
         key: 0,
         class: "vf-form-field__label",
         for: o.value
@@ -361,9 +458,9 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         F(f.$slots, "label", {}, () => [
           U(O(f.label), 1)
         ]),
-        f.required ? (g(), _("span", Vt, "*")) : T("", !0)
-      ], 8, Ft)) : T("", !0),
-      z("div", Lt, [
+        f.required ? (b(), h("span", Ot, "*")) : L("", !0)
+      ], 8, It)) : L("", !0),
+      z("div", Mt, [
         F(f.$slots, "default", {
           id: o.value,
           describedBy: i.value,
@@ -371,7 +468,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
           required: f.required
         })
       ]),
-      l.value ? (g(), _("p", {
+      l.value ? (b(), h("p", {
         key: 1,
         id: d.value,
         class: "vf-form-field__hint"
@@ -379,8 +476,8 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         F(f.$slots, "hint", {}, () => [
           U(O(f.hint), 1)
         ])
-      ], 8, Tt)) : T("", !0),
-      u.value ? (g(), _("p", {
+      ], 8, Dt)) : L("", !0),
+      u.value ? (b(), h("p", {
         key: 2,
         id: n.value,
         class: "vf-form-field__error",
@@ -389,10 +486,10 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         F(f.$slots, "error", {}, () => [
           U(O(f.error), 1)
         ])
-      ], 8, Rt)) : T("", !0)
+      ], 8, Et)) : L("", !0)
     ], 2));
   }
-}), Pt = ["value", "placeholder", "disabled", "readonly", "rows"], jr = /* @__PURE__ */ j({
+}), At = ["value", "placeholder", "disabled", "readonly", "rows"], tl = /* @__PURE__ */ j({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -412,7 +509,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
       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", {
+    return (u, i) => (b(), h("div", {
       class: I(o.value)
     }, [
       z("textarea", {
@@ -426,7 +523,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
         onChange: n,
         onFocus: c,
         onBlur: l
-      }, null, 40, Pt)
+      }, null, 40, At)
     ], 2));
   }
 }), qe = [
@@ -442,7 +539,7 @@ const Ct = /* @__PURE__ */ ft(pt, [["render", _t]]), kt = {
   "left",
   "left-start",
   "left-end"
-], me = (a) => {
+], ge = (a) => {
   if (a == null || !(a instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -450,12 +547,12 @@ 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 : me(a.parentNode);
+  return a.scrollHeight > a.clientHeight || a.scrollWidth > a.clientWidth ? a : ge(a.parentNode);
 };
-function It(a) {
+function Wt(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 Ht = (a, e) => a.strategy ? a.strategy : Wt(e) ? "fixed" : "absolute", _e = (a, e) => Ht(a, e) === "fixed", ie = (a, e, r = {}) => {
   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;
@@ -472,11 +569,11 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     width: t.width,
     height: t.height
   };
-}, we = (a, e) => {
+}, $e = (a, 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 = me(a);
+}, et = (a, e) => !!$e(a, e), Nt = (a) => {
+  const e = ge(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) => {
@@ -484,7 +581,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     return a;
   let d = 0;
   if (r === null) {
-    const n = me(e);
+    const n = ge(e);
     d = n ? n.scrollTop : 0;
   }
   return a - d;
@@ -493,7 +590,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   if (r === null && typeof window < "u" && _e(t, e))
     d = window.innerWidth;
   else if (r === null) {
-    const n = me(e);
+    const n = ge(e);
     d = n ? Pe(n) : 0;
   } else
     d = r.getBoundingClientRect().width;
@@ -503,7 +600,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   if (r === null && typeof window < "u" && _e(t, e))
     d = window.innerHeight;
   else if (r === null) {
-    const n = me(e);
+    const n = ge(e);
     d = n ? Ie(n) : 0;
   } else
     d = r.getBoundingClientRect().height;
@@ -513,7 +610,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     return a;
   let d = 0;
   if (r === null) {
-    const n = me(e);
+    const n = ge(e);
     d = n ? n.scrollLeft : 0;
   }
   return a - d;
@@ -526,7 +623,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   reference: d,
   scrollDirection: n
 }) => {
-  const c = Oe(d, t, o, a), l = we(a, "offset");
+  const c = Oe(d, t, o, a), l = $e(a, "offset");
   if (l) {
     const u = l.fn({
       x: c.x,
@@ -541,7 +638,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     });
     c.x = u.x, c.y = u.y;
   }
-  return Qt(c, t, d, a) ? {
+  return la(c, t, d, a) ? {
     x: c.x,
     y: c.y,
     placement: o
@@ -567,67 +664,67 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       placement: c
     }, f = {
       ...t,
-      middleware: (i = t.middleware) == null ? void 0 : i.filter((V) => V.name !== "shift")
+      middleware: (i = t.middleware) == null ? void 0 : i.filter(($) => $.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) => {
+    const B = ($) => {
       if (k)
         return;
-      const G = Ue({
+      const E = Ue({
         options: f,
         primaryX: o,
         primaryY: d,
         floating: n,
-        placement: V,
+        placement: $,
         reference: l,
         scrollDirection: u
       });
-      G && (s.x = G.x, s.y = G.y, s.placement = G.placement, k = !0);
-    }, A = ta(l, n, f);
-    if (!v && p.includes(c) && x(c), k || w.forEach(x), !k) {
-      const V = p.reduce(
-        (G, D) => {
-          const M = Ue({
+      E && (s.x = E.x, s.y = E.y, s.placement = E.placement, k = !0);
+    }, A = na(l, n, f);
+    if (!v && p.includes(c) && B(c), k || w.forEach(B), !k) {
+      const $ = p.reduce(
+        (E, M) => {
+          const D = Ue({
             options: f,
             primaryX: o,
             primaryY: d,
             floating: n,
-            placement: D,
+            placement: M,
             reference: l,
             scrollDirection: u
           });
-          if (!M)
-            return G;
-          const N = Se(D), L = A[N];
-          return !G || L > G.space ? { result: M, space: L } : G;
+          if (!D)
+            return E;
+          const G = Se(M), T = A[G];
+          return !E || T > E.space ? { result: D, space: T } : E;
         },
         null
       );
-      V && (s.x = V.result.x, s.y = V.result.y, s.placement = V.result.placement, k = !0);
+      $ && (s.x = $.result.x, s.y = $.result.y, s.placement = $.result.placement, k = !0);
     }
     if (!k && p.length > 0) {
-      const V = Se(c);
-      let G = V, D = A[V];
-      p.forEach((b) => {
-        const C = Se(b), h = A[C];
-        h > D && (D = h, G = C);
+      const $ = Se(c);
+      let E = $, M = A[$];
+      p.forEach((g) => {
+        const C = Se(g), y = A[C];
+        y > M && (M = y, E = C);
       });
-      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,
+      const D = sa(E, c, p), G = Oe(l, n, D, f), T = $e(f, "offset");
+      if (T) {
+        const g = T.fn({
+          x: G.x,
+          y: G.y,
           options: f,
           primaryX: o,
           primaryY: d,
           floating: n,
-          placement: M,
+          placement: D,
           reference: l,
           scrollDirection: u
         });
-        N.x = b.x, N.y = b.y;
+        G.x = g.x, G.y = g.y;
       }
-      s.x = N.x, s.y = N.y, s.placement = N.placement;
+      s.x = G.x, s.y = G.y, s.placement = G.placement;
     }
     return s;
   }
@@ -635,7 +732,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   var d, n, c;
   let l = 0;
   t.startsWith("right") ? l = -a : t.startsWith("left") && (l = a);
-  const u = we(e, "arrow"), i = we(e, "shift");
+  const u = $e(e, "arrow"), i = $e(e, "shift");
   if (u) {
     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);
@@ -644,14 +741,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     let s = null, f = 0;
     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);
+    f = p.getBoundingClientRect().width / 2, f += Gt(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 d, n, c;
   let l = 0;
   t.startsWith("top") ? l = a : t.startsWith("bottom") && (l = -a);
-  const u = we(e, "arrow"), i = we(e, "shift");
+  const u = $e(e, "arrow"), i = $e(e, "shift");
   if (u) {
     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);
@@ -660,7 +757,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     let s = null, f = 0;
     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 : 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);
+    f = p.getBoundingClientRect().height / 2, f += Yt(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) => ({
@@ -679,7 +776,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     y: r - at(a, t, d, c, n),
     placement: c
   })
-}), Dt = (a) => ({
+}), Kt = (a) => ({
   name: "shift",
   params: a,
   fn: ({
@@ -697,28 +794,28 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       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, 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;
+    }, s = t.middleware || [], f = s.findIndex((y) => y.name === "shift"), p = s.findIndex((y) => y.name === "offset"), v = p !== -1 && (f === -1 || p > f), w = s.find((y) => y.name === "offset"), k = w ? (u = w.params) == null ? void 0 : u.value : 0, B = v ? tt(k, t, o, c, n) : 0, A = v ? at(k, t, d, c, n) : 0, $ = e - B, E = r - A;
+    let M = $, D = E;
+    const G = w ? Math.abs(k) : 0, T = G, g = G;
     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 y = T, R = window.innerWidth - n.clientWidth - T, H = R < y ? y : R, q = g, ee = window.innerHeight - n.clientHeight - g, X = ee < q ? q : ee;
+      M < y ? M = y : M > H && (M = H), D < q ? D = q : D > X && (D = X), v ? (i.x = e + (M - $), i.y = r + (D - E)) : (i.x = M, i.y = D);
+      const le = T, V = window.innerWidth - n.clientWidth - T, W = g, x = window.innerHeight - n.clientHeight - g, N = v ? le + B : le, Y = v ? V + B : V, J = v ? W + A : W, _ = v ? x + A : x;
+      return i.x < N ? i.x = N : i.x > Y && (i.x = Y), i.y < J ? i.y = J : i.y > _ && (i.y = _), i;
     }
-    const C = me(n);
+    const C = ge(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);
+      const y = ie(l, n, t), R = y.left, H = y.left + y.width, q = y.top, ee = y.top + y.height, X = C.scrollLeft + T, le = Pe(C) - n.clientWidth - T, V = le < X ? X : le, W = C.scrollTop + g, x = Ie(C) - n.clientHeight - g, N = x < W ? W : x, Y = C.scrollLeft, J = Pe(C), _ = C.scrollTop, S = Ie(C);
+      H <= Y ? M = X : R >= J && (M = V), ee <= _ ? D = W : q >= S && (D = N), D < W ? D = W : D > N && (D = N), M < X ? M = X : M > V && (M = V);
     }
-    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);
+    if (v ? (i.x = e + (M - $), i.y = r + (D - E)) : (i.x = M, i.y = D), C !== null) {
+      const y = C.scrollLeft + T, R = Pe(C) - n.clientWidth - T, H = C.scrollTop + g, q = Ie(C) - n.clientHeight - g, ee = v ? y + B : y, X = v ? R + B : R, le = v ? H + A : H, V = v ? q + A : q;
+      i.x < ee ? i.x = ee : i.x > X && (i.x = X), i.y < le ? i.y = le : i.y > V && (i.y = V);
     }
     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 = me(a), t = [];
+}), Gt = (a) => a.getBoundingClientRect().width !== a.clientWidth ? (a.getBoundingClientRect().width - a.clientWidth) / 2 : 0, Yt = (a) => a.getBoundingClientRect().height !== a.clientHeight ? (a.getBoundingClientRect().height - a.clientHeight) / 2 : 0, Te = (a, e) => {
+  const r = ge(a), t = [];
   if (r !== null) {
     const o = () => e();
     r.addEventListener("scroll", o, !1), t.push(() => r.removeEventListener("scroll", o, !1));
@@ -732,84 +829,84 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     o.observe(a), t.push(() => o.disconnect());
   }
   return () => t.forEach((o) => o());
-}, Wt = (a, e, r = {}) => {
+}, jt = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left - e.getBoundingClientRect().width / 2 + t.width / 2,
     y: t.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, Ht = (a, e, r = {}) => {
+}, Xt = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left,
     y: t.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, Kt = (a, e, r = {}) => {
+}, qt = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left - e.getBoundingClientRect().width + t.width,
     y: t.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, Nt = (a, e, r = {}) => {
+}, Ut = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left + t.width,
     y: t.top - e.getBoundingClientRect().height / 2 + t.height / 2,
     placement: "right"
   };
-}, Gt = (a, e, r = {}) => {
+}, Zt = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left + t.width,
     y: t.top,
     placement: "right-start"
   };
-}, Yt = (a, e, r = {}) => {
+}, Jt = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left + t.width,
     y: t.top + t.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, jt = (a, e, r = {}) => {
+}, Qt = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left + t.width / 2 - e.getBoundingClientRect().width / 2,
     y: t.top + t.height,
     placement: "bottom"
   };
-}, Xt = (a, e, r = {}) => {
+}, ea = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left,
     y: t.top + t.height,
     placement: "bottom-start"
   };
-}, qt = (a, e, r = {}) => {
+}, ta = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left - e.getBoundingClientRect().width + t.width,
     y: t.top + t.height,
     placement: "bottom-end"
   };
-}, Ut = (a, e, r = {}) => {
+}, aa = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left - e.getBoundingClientRect().width,
     y: t.top + t.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, Zt = (a, e, r = {}) => {
+}, oa = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left - e.getBoundingClientRect().width,
     y: t.top,
     placement: "left-start"
   };
-}, Jt = (a, e, r = {}) => {
+}, ra = (a, e, r = {}) => {
   const t = ie(a, e, r);
   return {
     x: t.left - e.getBoundingClientRect().width,
@@ -819,29 +916,29 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, Oe = (a, e, r, t = {}) => {
   switch (r) {
     case "top":
-      return Wt(a, e, t);
+      return jt(a, e, t);
     case "top-start":
-      return Ht(a, e, t);
+      return Xt(a, e, t);
     case "top-end":
-      return Kt(a, e, t);
+      return qt(a, e, t);
     case "right":
-      return Nt(a, e, t);
+      return Ut(a, e, t);
     case "right-start":
-      return Gt(a, e, t);
+      return Zt(a, e, t);
     case "right-end":
-      return Yt(a, e, t);
+      return Jt(a, e, t);
     case "bottom":
-      return jt(a, e, t);
+      return Qt(a, e, t);
     case "bottom-start":
-      return Xt(a, e, t);
+      return ea(a, e, t);
     case "bottom-end":
-      return qt(a, e, t);
+      return ta(a, e, t);
     case "left":
-      return Ut(a, e, t);
+      return aa(a, e, t);
     case "left-start":
-      return Zt(a, e, t);
+      return oa(a, e, t);
     case "left-end":
-      return Jt(a, e, t);
+      return ra(a, e, t);
     default:
       return {
         x: 0,
@@ -849,14 +946,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         placement: ""
       };
   }
-}, Qt = (a, e, r, t = {}) => {
+}, la = (a, e, r, t = {}) => {
   if (_e(t, e)) {
     if (typeof window > "u")
       return !0;
     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 (me(r) !== null)
+  if (ge(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;
@@ -867,7 +964,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   }
   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 = {}) => {
+}, Se = (a) => a.startsWith("right") ? "right" : a.startsWith("left") ? "left" : a.startsWith("top") ? "top" : "bottom", sa = (a, e, r) => Se(e) === a && r.includes(e) ? e : r.find((t) => Se(t) === a) ?? r[0], na = (a, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -875,7 +972,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       bottom: 0,
       left: 0
     };
-  const t = _e(r, e) ? null : me(a), o = a.getBoundingClientRect(), d = t ? t.getBoundingClientRect() : {
+  const t = _e(r, e) ? null : ge(a), o = a.getBoundingClientRect(), d = t ? t.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -896,7 +993,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     middlewareData: {}
   }, l = Oe(a, e, n, r);
   c.x = l.x, c.y = l.y, c.placement = l.placement;
-  const u = c.x, i = c.y, s = Mt(a);
+  const u = c.x, i = c.y, s = Nt(a);
   (o = r.middleware) == null || o.forEach((w) => {
     const k = w.fn({
       x: c.x,
@@ -911,7 +1008,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 ? (d = p.params) == null ? void 0 : d.value : 0;
+  const f = Oe(a, e, c.placement, r), p = $e(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 +1016,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"], Xr = /* @__PURE__ */ j({
+}), ia = ["disabled", "aria-expanded", "onKeydown"], da = ["data-placement"], ua = ["disabled", "aria-selected", "onClick"], al = /* @__PURE__ */ j({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -946,44 +1043,44 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     }), 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 = () => {
+    }), B = (C) => C.value === o.modelValue, A = (C) => {
+      C.disabled || (t("update:modelValue", C.value), t("change", C.value), M());
+    }, $ = (C) => t("focus", C), E = (C) => t("blur", C), M = () => {
       l.value = !1, u.value = "bottom", i.value = "bottom";
-    }, M = () => {
+    }, D = () => {
       o.disabled || (l.value = !l.value, l.value && (u.value = "bottom", i.value = "bottom"));
-    }, N = async () => {
-      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) => {
+    }, G = async () => {
+      var C, y;
+      l.value || (l.value = !0, await ke()), (y = (C = c.value) == null ? void 0 : C.querySelector(".vf-select__option:not(.is-disabled)")) == null || y.focus();
+    }, T = (C) => {
       var R;
       if (!l.value || !d.value)
         return;
-      const h = C.target;
-      d.value.contains(h) || (R = c.value) != null && R.contains(h) || D();
-    }, b = () => {
+      const y = C.target;
+      d.value.contains(y) || (R = c.value) != null && R.contains(y) || M();
+    }, g = () => {
       if (!n.value || !c.value)
         return;
-      const C = n.value, h = c.value, R = async () => {
+      const C = n.value, y = c.value, R = async () => {
         const {
           x: X,
           y: le,
-          placement: S
-        } = await Re(C, h, {
+          placement: V
+        } = await Re(C, y, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
         });
-        i.value = S ?? u.value, h.style.minWidth = `${C.getBoundingClientRect().width}px`, h.style.left = `${X}px`, h.style.top = `${le}px`;
-      }, W = async () => {
+        i.value = V ?? u.value, y.style.minWidth = `${C.getBoundingClientRect().width}px`, y.style.left = `${X}px`, y.style.top = `${le}px`;
+      }, H = async () => {
         await R();
       }, q = Te(C, () => {
-        W();
+        H();
       }), ee = () => {
-        W();
+        H();
       };
       document.addEventListener("scroll", ee, !0), window.addEventListener("resize", ee, !1), f = {
-        update: W,
+        update: H,
         destroy: () => {
           q(), document.removeEventListener("scroll", ee, !0), window.removeEventListener("resize", ee, !1);
         }
@@ -994,7 +1091,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         f && (f.destroy(), f = null);
         return;
       }
-      await ke(), f || b(), f == null || f.update();
+      await ke(), f || g(), f == null || f.update();
     }), oe(
       () => o.options,
       () => {
@@ -1002,10 +1099,10 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       },
       { deep: !0 }
     ), Fe(() => {
-      document.addEventListener("click", L);
-    }), $e(() => {
-      document.removeEventListener("click", L), f == null || f.destroy(), f = null;
-    }), (C, h) => (g(), _("div", {
+      document.addEventListener("click", T);
+    }), we(() => {
+      document.removeEventListener("click", T), f == null || f.destroy(), f = null;
+    }), (C, y) => (b(), h("div", {
       ref_key: "root",
       ref: d,
       class: I(k.value)
@@ -1019,24 +1116,24 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         "aria-expanded": l.value,
         "aria-controls": s,
         "aria-haspopup": "listbox",
-        onClick: M,
+        onClick: D,
         onKeydown: [
-          te(Q(N, ["prevent"]), ["down"]),
-          te(Q(M, ["prevent"]), ["enter"]),
-          te(Q(D, ["prevent"]), ["esc"])
+          te(Q(G, ["prevent"]), ["down"]),
+          te(Q(D, ["prevent"]), ["enter"]),
+          te(Q(M, ["prevent"]), ["esc"])
         ],
-        onFocus: V,
-        onBlur: G
+        onFocus: $,
+        onBlur: E
       }, [
         z("span", {
           class: I(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
         }, O(w.value || C.placeholder), 3),
-        h[0] || (h[0] = z("span", {
+        y[0] || (y[0] = z("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, aa),
-      (g(), se(xe, { to: "body" }, [
+      ], 40, ia),
+      (b(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: s,
           ref_key: "panel",
@@ -1045,28 +1142,28 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           role: "listbox",
           "data-placement": i.value
         }, [
-          (g(!0), _(re, null, de(p.value, (R) => (g(), _("button", {
+          (b(!0), h(re, null, de(p.value, (R) => (b(), h("button", {
             key: R.value,
-            class: I(["vf-select__option", { "is-active": x(R), "is-disabled": R.disabled }]),
+            class: I(["vf-select__option", { "is-active": B(R), "is-disabled": R.disabled }]),
             type: "button",
             role: "option",
             disabled: R.disabled,
-            "aria-selected": x(R),
-            onClick: (W) => A(R)
-          }, O(R.label), 11, ra))), 128))
-        ], 8, oa), [
+            "aria-selected": B(R),
+            onClick: (H) => A(R)
+          }, O(R.label), 11, ua))), 128))
+        ], 8, da), [
           [ce, l.value]
         ])
       ]))
     ], 2));
   }
-}), la = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], sa = ["disabled"], na = ["data-placement"], ia = {
+}), ca = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], va = ["disabled"], fa = ["data-placement"], pa = {
   key: 0,
   class: "vf-autocomplete__loading"
-}, da = ["id", "disabled", "aria-selected", "onClick"], ua = {
+}, ba = ["id", "disabled", "aria-selected", "onClick"], ma = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, qr = /* @__PURE__ */ j({
+}, ol = /* @__PURE__ */ j({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1088,137 +1185,137 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     let r = 0;
     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 = m(() => o.options.map(($) => ({
-      label: $[o.optionLabel],
-      value: $[o.optionValue],
-      disabled: $.disabled
-    }))), k = m(() => w.value.find(($) => $.value === o.modelValue)), x = m(() => {
+    const w = m(() => o.options.map((x) => ({
+      label: x[o.optionLabel],
+      value: x[o.optionValue],
+      disabled: x.disabled
+    }))), k = m(() => w.value.find((x) => x.value === o.modelValue)), B = m(() => {
       if (!o.filter)
         return w.value;
-      const $ = u.value.trim().toLowerCase();
-      return $ ? w.value.filter((H) => H.label.toLowerCase().includes($)) : w.value;
+      const x = u.value.trim().toLowerCase();
+      return x ? w.value.filter((N) => N.label.toLowerCase().includes(x)) : w.value;
     }), 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, M = () => x.value.findIndex(($) => !$.disabled), N = ($) => {
-      const H = x.value;
-      if (!H.length) {
+        return E(i.value);
+    }), $ = m(() => {
+      const x = ["vf-autocomplete", `vf-autocomplete_${o.variant}`, l.value ? "vf-autocomplete_open" : ""];
+      return o.size !== "normal" && x.push(`vf-autocomplete_${o.size}`), o.disabled && x.push("vf-autocomplete_disabled"), x.filter(Boolean);
+    }), E = (x) => `${p}-option-${x}`, M = (x) => x.value === o.modelValue, D = () => B.value.findIndex((x) => !x.disabled), G = (x) => {
+      const N = B.value;
+      if (!N.length) {
         i.value = -1;
         return;
       }
       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) {
+      (Y < 0 || Y >= N.length) && (Y = x > 0 ? -1 : N.length);
+      for (let J = 0; J < N.length; J += 1)
+        if (Y = (Y + x + N.length) % N.length, !N[Y].disabled) {
           i.value = Y;
           return;
         }
       i.value = -1;
-    }, L = () => {
-      o.disabled || (l.value = !0, s.value = "bottom", f.value = "bottom", i.value < 0 && (i.value = M()));
-    }, b = () => {
+    }, T = () => {
+      o.disabled || (l.value = !0, s.value = "bottom", f.value = "bottom", i.value < 0 && (i.value = D()));
+    }, g = () => {
       l.value = !1, i.value = -1, s.value = "bottom", f.value = "bottom";
     }, C = () => {
       if (l.value) {
-        b();
+        g();
         return;
       }
-      L();
-    }, h = ($) => {
-      $.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(), i.value = M();
-    }, W = ($) => {
-      t("focus", $), L();
-    }, q = ($) => {
-      t("blur", $);
+      T();
+    }, y = (x) => {
+      x.disabled || (u.value = x.label, t("update:modelValue", x.value), t("change", x.value), g());
+    }, R = (x) => {
+      const N = x.target;
+      u.value = N.value, t("search", N.value), T(), i.value = D();
+    }, H = (x) => {
+      t("focus", x), T();
+    }, q = (x) => {
+      t("blur", x);
     }, ee = () => {
       if (!l.value) {
-        L();
+        T();
         return;
       }
-      N(1);
+      G(1);
     }, X = () => {
       if (!l.value) {
-        L();
+        T();
         return;
       }
-      N(-1);
+      G(-1);
     }, le = () => {
       if (!l.value) {
-        L();
+        T();
         return;
       }
-      const $ = x.value[i.value];
-      $ && !$.disabled && h($);
-    }, S = ($) => {
+      const x = B.value[i.value];
+      x && !x.disabled && y(x);
+    }, V = (x) => {
       var Y;
       if (!l.value || !d.value)
         return;
-      const H = $.target;
-      d.value.contains(H) || (Y = c.value) != null && Y.contains(H) || b();
-    }, E = () => {
+      const N = x.target;
+      d.value.contains(N) || (Y = c.value) != null && Y.contains(N) || g();
+    }, W = () => {
       if (!n.value || !c.value)
         return;
-      const $ = n.value, H = c.value, Y = async () => {
+      const x = n.value, N = c.value, Y = async () => {
         const {
           x: P,
           y: Z,
           placement: ne
-        } = await Re($, H, {
+        } = await Re(x, N, {
           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 = `${Z}px`;
+        f.value = ne ?? s.value, N.style.minWidth = `${x.getBoundingClientRect().width}px`, N.style.left = `${P}px`, N.style.top = `${Z}px`;
       }, J = async () => {
         await Y();
-      }, y = Te($, () => {
+      }, _ = Te(x, () => {
         J();
-      }), B = () => {
+      }), S = () => {
         J();
       };
-      document.addEventListener("scroll", B, !0), window.addEventListener("resize", B, !1), v = {
+      document.addEventListener("scroll", S, !0), window.addEventListener("resize", S, !1), v = {
         update: J,
         destroy: () => {
-          y(), document.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B, !1);
+          _(), document.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S, !1);
         }
       }, v.update();
     };
     return oe(
       () => o.modelValue,
       () => {
-        var $;
-        u.value = (($ = k.value) == null ? void 0 : $.label) ?? "";
+        var x;
+        u.value = ((x = k.value) == null ? void 0 : x.label) ?? "";
       },
       { immediate: !0 }
     ), oe(
       () => o.options,
       () => {
-        var $;
-        l.value || (u.value = (($ = k.value) == null ? void 0 : $.label) ?? ""), v == null || v.update();
+        var x;
+        l.value || (u.value = ((x = k.value) == null ? void 0 : x.label) ?? ""), v == null || v.update();
       },
       { deep: !0 }
-    ), oe(x, () => {
-      i.value >= x.value.length && (i.value = M());
-    }), oe(l, async ($) => {
-      if (!$) {
+    ), oe(B, () => {
+      i.value >= B.value.length && (i.value = D());
+    }), oe(l, async (x) => {
+      if (!x) {
         v && (v.destroy(), v = null);
         return;
       }
-      await ke(), v || E(), v == null || v.update();
+      await ke(), v || W(), v == null || v.update();
     }), Fe(() => {
-      document.addEventListener("click", S);
-    }), $e(() => {
-      document.removeEventListener("click", S), v == null || v.destroy(), v = null;
-    }), ($, H) => (g(), _("div", {
+      document.addEventListener("click", V);
+    }), we(() => {
+      document.removeEventListener("click", V), v == null || v.destroy(), v = null;
+    }), (x, N) => (b(), h("div", {
       ref_key: "root",
       ref: d,
-      class: I(V.value)
+      class: I($.value)
     }, [
       z("input", {
         ref_key: "control",
@@ -1227,36 +1324,36 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         type: "text",
         role: "combobox",
         value: u.value,
-        placeholder: $.placeholder,
-        disabled: $.disabled,
-        readonly: $.readonly,
+        placeholder: x.placeholder,
+        disabled: x.disabled,
+        readonly: x.readonly,
         "aria-expanded": l.value,
         "aria-autocomplete": "list",
         "aria-controls": p,
         "aria-activedescendant": A.value,
         onInput: R,
-        onFocus: W,
+        onFocus: H,
         onBlur: q,
-        onClick: L,
+        onClick: T,
         onKeydown: [
           te(Q(ee, ["prevent"]), ["down"]),
           te(Q(X, ["prevent"]), ["up"]),
           te(Q(le, ["prevent"]), ["enter"]),
-          te(Q(b, ["prevent"]), ["esc"]),
-          te(b, ["tab"])
+          te(Q(g, ["prevent"]), ["esc"]),
+          te(g, ["tab"])
         ]
-      }, null, 40, la),
+      }, null, 40, ca),
       z("button", {
         class: "vf-autocomplete__chevron",
         type: "button",
-        disabled: $.disabled,
+        disabled: x.disabled,
         "aria-hidden": "true",
         tabindex: "-1",
-        onMousedown: H[0] || (H[0] = Q(() => {
+        onMousedown: N[0] || (N[0] = Q(() => {
         }, ["prevent"])),
         onClick: C
-      }, " ▾ ", 40, sa),
-      (g(), se(xe, { to: "body" }, [
+      }, " ▾ ", 40, va),
+      (b(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: p,
           ref_key: "panel",
@@ -1265,42 +1362,42 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           role: "listbox",
           "data-placement": f.value
         }, [
-          $.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),
+          x.loading ? (b(), h("div", pa, O(x.loadingText), 1)) : B.value.length > 0 ? (b(!0), h(re, { key: 1 }, de(B.value, (Y, J) => (b(), h("button", {
+            id: E(J),
             key: Y.value,
             class: I(["vf-autocomplete__option", {
-              "is-active": D(Y),
+              "is-active": M(Y),
               "is-disabled": Y.disabled,
               "is-highlighted": J === i.value
             }]),
             type: "button",
             role: "option",
             disabled: Y.disabled,
-            "aria-selected": D(Y),
-            onMousedown: H[1] || (H[1] = Q(() => {
+            "aria-selected": M(Y),
+            onMousedown: N[1] || (N[1] = Q(() => {
             }, ["prevent"])),
-            onClick: (y) => h(Y)
-          }, O(Y.label), 43, da))), 128)) : (g(), _("div", ua, O($.emptyText), 1))
-        ], 8, na), [
+            onClick: (_) => y(Y)
+          }, O(Y.label), 43, ba))), 128)) : (b(), h("div", ma, O(x.emptyText), 1))
+        ], 8, fa), [
           [ce, l.value]
         ])
       ]))
     ], 2));
   }
-}), ca = ["disabled", "aria-expanded", "onKeydown"], va = ["data-placement"], fa = {
+}), ga = ["disabled", "aria-expanded", "onKeydown"], ha = ["data-placement"], ya = {
   key: 0,
   class: "vf-multiselect__search"
-}, pa = ["value", "placeholder", "onKeydown"], ba = {
+}, _a = ["value", "placeholder", "onKeydown"], Ca = {
   key: 1,
   class: "vf-multiselect__loading"
-}, ga = ["id", "disabled", "aria-selected", "onClick"], ma = { class: "vf-multiselect__option-label" }, ha = {
+}, ka = ["id", "disabled", "aria-selected", "onClick"], $a = { class: "vf-multiselect__option-label" }, wa = {
   key: 0,
   class: "vf-multiselect__option-check",
   "aria-hidden": "true"
-}, ya = {
+}, xa = {
   key: 3,
   class: "vf-multiselect__empty"
-}, Ur = /* @__PURE__ */ j({
+}, rl = /* @__PURE__ */ j({
   __name: "multi-select",
   props: {
     modelValue: { default: () => [] },
@@ -1324,47 +1421,47 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     let r = 0;
     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 = m(() => o.options.map((y) => ({
-      label: y[o.optionLabel],
-      value: y[o.optionValue],
-      disabled: y.disabled
-    }))), x = m(() => Array.isArray(o.modelValue) ? o.modelValue : []), A = m(() => {
+    const k = m(() => o.options.map((_) => ({
+      label: _[o.optionLabel],
+      value: _[o.optionValue],
+      disabled: _.disabled
+    }))), B = m(() => Array.isArray(o.modelValue) ? o.modelValue : []), A = m(() => {
       if (!o.filter)
         return k.value;
-      const y = i.value.trim().toLowerCase();
-      return y ? k.value.filter((B) => B.label.toLowerCase().includes(y)) : k.value;
-    }), 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);
-    }), 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);
-    }, C = (y) => {
-      if (!(y.disabled || o.readonly)) {
-        if (L(y)) {
-          b(x.value.filter((B) => B !== y.value));
+      const _ = i.value.trim().toLowerCase();
+      return _ ? k.value.filter((S) => S.label.toLowerCase().includes(_)) : k.value;
+    }), $ = m(() => k.value.filter((_) => B.value.includes(_.value))), E = m(() => $.value.length === 0 ? o.placeholder : $.value.map((_) => _.label).join(", ")), M = m(() => {
+      const _ = ["vf-multiselect", `vf-multiselect_${o.variant}`, u.value ? "vf-multiselect_open" : ""];
+      return o.size !== "normal" && _.push(`vf-multiselect_${o.size}`), o.disabled && _.push("vf-multiselect_disabled"), _.filter(Boolean);
+    }), D = (_) => `${v}-option-${_}`, G = () => A.value.findIndex((_) => !_.disabled), T = (_) => B.value.includes(_.value), g = (_) => {
+      t("update:modelValue", _), t("change", _);
+    }, C = (_) => {
+      if (!(_.disabled || o.readonly)) {
+        if (T(_)) {
+          g(B.value.filter((S) => S !== _.value));
           return;
         }
-        b([...x.value, y.value]);
+        g([...B.value, _.value]);
       }
-    }, h = () => {
-      o.readonly || b([]);
-    }, R = (y) => {
-      const B = A.value;
-      if (!B.length) {
+    }, y = () => {
+      o.readonly || g([]);
+    }, R = (_) => {
+      const S = A.value;
+      if (!S.length) {
         s.value = -1;
         return;
       }
       let P = s.value;
-      (P < 0 || P >= B.length) && (P = y > 0 ? -1 : B.length);
-      for (let Z = 0; Z < B.length; Z += 1)
-        if (P = (P + y + B.length) % B.length, !B[P].disabled) {
+      (P < 0 || P >= S.length) && (P = _ > 0 ? -1 : S.length);
+      for (let Z = 0; Z < S.length; Z += 1)
+        if (P = (P + _ + S.length) % S.length, !S[P].disabled) {
           s.value = P;
           return;
         }
       s.value = -1;
-    }, W = async () => {
-      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()));
+    }, H = async () => {
+      var _;
+      o.disabled || (u.value = !0, f.value = "bottom", p.value = "bottom", s.value < 0 && (s.value = G()), o.filter && (await ke(), (_ = l.value) == null || _.focus()));
     }, q = () => {
       u.value = !1, s.value = -1, f.value = "bottom", p.value = "bottom", i.value = "";
     }, ee = () => {
@@ -1372,52 +1469,52 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         q();
         return;
       }
-      W();
+      H();
     }, X = () => {
       if (!u.value) {
-        W();
+        H();
         return;
       }
       R(1);
     }, le = () => {
       if (!u.value) {
-        W();
+        H();
         return;
       }
       R(-1);
-    }, S = () => {
+    }, V = () => {
       if (!u.value) {
-        W();
+        H();
         return;
       }
-      const y = A.value[s.value];
-      y && !y.disabled && C(y);
-    }, E = (y) => {
-      const B = y.target;
-      i.value = B.value, t("search", B.value), s.value = N();
-    }, $ = (y) => t("focus", y), H = (y) => t("blur", y), Y = (y) => {
+      const _ = A.value[s.value];
+      _ && !_.disabled && C(_);
+    }, W = (_) => {
+      const S = _.target;
+      i.value = S.value, t("search", S.value), s.value = G();
+    }, x = (_) => t("focus", _), N = (_) => t("blur", _), Y = (_) => {
       var P;
       if (!u.value || !d.value)
         return;
-      const B = y.target;
-      d.value.contains(B) || (P = c.value) != null && P.contains(B) || q();
+      const S = _.target;
+      d.value.contains(S) || (P = c.value) != null && P.contains(S) || q();
     }, J = () => {
       if (!n.value || !c.value)
         return;
-      const y = n.value, B = c.value, P = async () => {
+      const _ = n.value, S = c.value, P = async () => {
         const {
           x: Ce,
           y: Ae,
           placement: We
-        } = await Re(y, B, {
+        } = await Re(_, S, {
           placement: f.value,
           strategy: "fixed",
           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`;
+        p.value = We ?? f.value, S.style.minWidth = `${_.getBoundingClientRect().width}px`, S.style.left = `${Ce}px`, S.style.top = `${Ae}px`;
       }, Z = async () => {
         await P();
-      }, ne = Te(y, () => {
+      }, ne = Te(_, () => {
         Z();
       }), ae = () => {
         Z();
@@ -1432,32 +1529,32 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     return oe(
       () => o.options,
       () => {
-        s.value >= A.value.length && (s.value = N()), w == null || w.update();
+        s.value >= A.value.length && (s.value = G()), w == null || w.update();
       },
       { deep: !0 }
-    ), oe(u, async (y) => {
-      if (!y) {
+    ), oe(u, async (_) => {
+      if (!_) {
         w && (w.destroy(), w = null);
         return;
       }
       await ke(), w || J(), w == null || w.update();
     }), oe(A, () => {
-      s.value >= A.value.length && (s.value = N());
+      s.value >= A.value.length && (s.value = G());
     }), Fe(() => {
       document.addEventListener("click", Y);
-    }), $e(() => {
+    }), we(() => {
       document.removeEventListener("click", Y), w == null || w.destroy(), w = null;
-    }), (y, B) => (g(), _("div", {
+    }), (_, S) => (b(), h("div", {
       ref_key: "root",
       ref: d,
-      class: I(D.value)
+      class: I(M.value)
     }, [
       z("button", {
         ref_key: "trigger",
         ref: n,
         class: "vf-multiselect__control",
         type: "button",
-        disabled: y.disabled,
+        disabled: _.disabled,
         "aria-expanded": u.value,
         "aria-controls": v,
         "aria-haspopup": "listbox",
@@ -1465,28 +1562,28 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         onKeydown: [
           te(Q(X, ["prevent"]), ["down"]),
           te(Q(le, ["prevent"]), ["up"]),
-          te(Q(S, ["prevent"]), ["enter"]),
+          te(Q(V, ["prevent"]), ["enter"]),
           te(Q(q, ["prevent"]), ["esc"])
         ],
-        onFocus: $,
-        onBlur: H
+        onFocus: x,
+        onBlur: N
       }, [
         z("span", {
-          class: I(["vf-multiselect__label", { "vf-multiselect__label_placeholder": x.value.length === 0 }])
-        }, O(G.value), 3),
-        B[0] || (B[0] = z("span", {
+          class: I(["vf-multiselect__label", { "vf-multiselect__label_placeholder": B.value.length === 0 }])
+        }, O(E.value), 3),
+        S[0] || (S[0] = z("span", {
           class: "vf-multiselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, ca),
-      y.clearable && x.value.length > 0 && !y.disabled && !y.readonly ? (g(), _("button", {
+      ], 40, ga),
+      _.clearable && B.value.length > 0 && !_.disabled && !_.readonly ? (b(), h("button", {
         key: 0,
         class: "vf-multiselect__clear",
         type: "button",
         "aria-label": "Clear selection",
-        onClick: Q(h, ["stop"])
-      }, " ✕ ")) : T("", !0),
-      (g(), se(xe, { to: "body" }, [
+        onClick: Q(y, ["stop"])
+      }, " ✕ ")) : L("", !0),
+      (b(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: v,
           ref_key: "panel",
@@ -1496,53 +1593,53 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           "aria-multiselectable": "true",
           "data-placement": p.value
         }, [
-          y.filter ? (g(), _("div", fa, [
+          _.filter ? (b(), h("div", ya, [
             z("input", {
               ref_key: "searchInput",
               ref: l,
               class: "vf-multiselect__search-control",
               type: "text",
               value: i.value,
-              placeholder: y.searchPlaceholder,
-              onInput: E,
+              placeholder: _.searchPlaceholder,
+              onInput: W,
               onKeydown: [
                 te(Q(X, ["prevent"]), ["down"]),
                 te(Q(le, ["prevent"]), ["up"]),
-                te(Q(S, ["prevent"]), ["enter"]),
+                te(Q(V, ["prevent"]), ["enter"]),
                 te(Q(q, ["prevent"]), ["esc"])
               ]
-            }, null, 40, pa)
-          ])) : T("", !0),
-          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),
+            }, null, 40, _a)
+          ])) : L("", !0),
+          _.loading ? (b(), h("div", Ca, O(_.loadingText), 1)) : A.value.length > 0 ? (b(!0), h(re, { key: 2 }, de(A.value, (P, Z) => (b(), h("button", {
+            id: D(Z),
             key: P.value,
             class: I(["vf-multiselect__option", {
-              "is-active": L(P),
+              "is-active": T(P),
               "is-disabled": P.disabled,
               "is-highlighted": Z === s.value
             }]),
             type: "button",
             role: "option",
             disabled: P.disabled,
-            "aria-selected": L(P),
+            "aria-selected": T(P),
             onClick: (ne) => C(P)
           }, [
-            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), [
+            z("span", $a, O(P.label), 1),
+            T(P) ? (b(), h("span", wa, "✓")) : L("", !0)
+          ], 10, ka))), 128)) : (b(), h("div", xa, O(_.emptyText), 1))
+        ], 8, ha), [
           [ce, u.value]
         ])
       ]))
     ], 2));
   }
-}), _a = ["disabled", "aria-expanded", "onKeydown"], Ca = ["data-placement", "onKeydown"], ka = { class: "vf-datepicker__header" }, wa = { class: "vf-datepicker__month-label" }, $a = {
+}), za = ["disabled", "aria-expanded", "onKeydown"], Ba = ["data-placement", "onKeydown"], Sa = { class: "vf-datepicker__header" }, Fa = { class: "vf-datepicker__month-label" }, Va = {
   class: "vf-datepicker__weekdays",
   role: "row"
-}, xa = {
+}, La = {
   class: "vf-datepicker__days",
   role: "grid"
-}, za = ["disabled", "data-date", "onClick"], Zr = /* @__PURE__ */ j({
+}, Ta = ["disabled", "data-date", "onClick"], ll = /* @__PURE__ */ j({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1559,25 +1656,25 @@ 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, 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()));
+    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(V(X(o.modelValue) ?? /* @__PURE__ */ new Date()));
     let p = null;
-    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, {
+    const v = m(() => X(o.modelValue)), w = m(() => X(o.min)), k = m(() => X(o.max)), B = m(() => v.value ? v.value.toLocaleDateString(o.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
     }) : ""), A = m(() => f.value.toLocaleDateString(o.locale, {
       year: "numeric",
       month: "long"
-    })), V = m(() => {
-      const y = new Intl.DateTimeFormat(o.locale, { weekday: "short" }), B = new Date(2026, 0, 4);
+    })), $ = m(() => {
+      const _ = new Intl.DateTimeFormat(o.locale, { weekday: "short" }), S = new Date(2026, 0, 4);
       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);
+        const ne = (Z + o.firstDayOfWeek) % 7, ae = new Date(S);
+        return ae.setDate(S.getDate() + ne), _.format(ae);
       });
-    }), G = m(() => {
-      const y = H(f.value, o.firstDayOfWeek), B = v.value ? Y(v.value) : null, P = Y(/* @__PURE__ */ new Date());
+    }), E = m(() => {
+      const _ = N(f.value, o.firstDayOfWeek), S = v.value ? Y(v.value) : null, P = Y(/* @__PURE__ */ new Date());
       return Array.from({ length: 42 }, (Z, ne) => {
-        const ae = $(y, ne), Ce = Y(ae);
+        const ae = x(_, ne), Ce = Y(ae);
         return {
           key: `${Ce}-${ne}`,
           iso: Ce,
@@ -1585,55 +1682,55 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           day: ae.getDate(),
           inCurrentMonth: ae.getMonth() === f.value.getMonth(),
           isDisabled: J(ae, w.value, k.value),
-          isSelected: B === Ce,
+          isSelected: S === Ce,
           isToday: Ce === P
         };
       });
-    }), 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);
-    }), M = (y) => t("focus", y), N = (y) => t("blur", y), L = () => {
+    }), M = m(() => {
+      const _ = ["vf-datepicker", `vf-datepicker_${o.variant}`, l.value ? "vf-datepicker_open" : ""];
+      return o.size !== "normal" && _.push(`vf-datepicker_${o.size}`), o.disabled && _.push("vf-datepicker_disabled"), _.filter(Boolean);
+    }), D = (_) => t("focus", _), G = (_) => t("blur", _), T = () => {
       o.disabled || o.readonly || (l.value = !0, u.value = "bottom", i.value = "bottom");
-    }, b = () => {
+    }, g = () => {
       l.value = !1, u.value = "bottom", i.value = "bottom";
     }, C = () => {
       if (l.value) {
-        b();
+        g();
         return;
       }
-      L();
-    }, h = () => {
-      f.value = E(f.value, -1);
+      T();
+    }, y = () => {
+      f.value = W(f.value, -1);
     }, R = () => {
-      f.value = E(f.value, 1);
-    }, W = (y) => {
-      if (o.readonly || J(y, w.value, k.value))
+      f.value = W(f.value, 1);
+    }, H = (_) => {
+      if (o.readonly || J(_, w.value, k.value))
         return;
-      const B = Y(y);
-      t("update:modelValue", B), t("change", B), b();
-    }, q = (y) => {
+      const S = Y(_);
+      t("update:modelValue", S), t("change", S), g();
+    }, q = (_) => {
       var P;
       if (!l.value || !d.value)
         return;
-      const B = y.target;
-      d.value.contains(B) || (P = c.value) != null && P.contains(B) || b();
+      const S = _.target;
+      d.value.contains(S) || (P = c.value) != null && P.contains(S) || g();
     }, ee = () => {
       if (!n.value || !c.value)
         return;
-      const y = n.value, B = c.value, P = async () => {
+      const _ = n.value, S = c.value, P = async () => {
         const {
           x: Ce,
           y: Ae,
           placement: We
-        } = await Re(y, B, {
+        } = await Re(_, S, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
         });
-        i.value = We ?? u.value, B.style.left = `${Ce}px`, B.style.top = `${Ae}px`;
+        i.value = We ?? u.value, S.style.left = `${Ce}px`, S.style.top = `${Ae}px`;
       }, Z = async () => {
         await P();
-      }, ne = Te(y, () => {
+      }, ne = Te(_, () => {
         Z();
       }), ae = () => {
         Z();
@@ -1647,9 +1744,9 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     };
     oe(
       () => o.modelValue,
-      (y) => {
-        const B = X(y);
-        B && (f.value = S(B));
+      (_) => {
+        const S = X(_);
+        S && (f.value = V(S));
       },
       { immediate: !0 }
     ), oe(
@@ -1657,82 +1754,82 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       () => {
         p == null || p.update();
       }
-    ), oe(l, async (y) => {
-      if (!y) {
+    ), oe(l, async (_) => {
+      if (!_) {
         p && (p.destroy(), p = null);
         return;
       }
       await ke(), p || ee(), p == null || p.update();
     }), Fe(() => {
       document.addEventListener("click", q);
-    }), $e(() => {
+    }), we(() => {
       document.removeEventListener("click", q), p == null || p.destroy(), p = null;
     });
-    function X(y) {
-      if (!y)
+    function X(_) {
+      if (!_)
         return null;
-      const B = y.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-      if (!B)
+      const S = _.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (!S)
         return null;
-      const P = Number(B[1]), Z = Number(B[2]) - 1, ne = Number(B[3]), ae = new Date(P, Z, ne);
+      const P = Number(S[1]), Z = Number(S[2]) - 1, ne = Number(S[3]), ae = new Date(P, Z, ne);
       return ae.getFullYear() !== P || ae.getMonth() !== Z || ae.getDate() !== ne ? null : le(ae);
     }
-    function le(y) {
-      return new Date(y.getFullYear(), y.getMonth(), y.getDate());
+    function le(_) {
+      return new Date(_.getFullYear(), _.getMonth(), _.getDate());
     }
-    function S(y) {
-      return new Date(y.getFullYear(), y.getMonth(), 1);
+    function V(_) {
+      return new Date(_.getFullYear(), _.getMonth(), 1);
     }
-    function E(y, B) {
-      return new Date(y.getFullYear(), y.getMonth() + B, 1);
+    function W(_, S) {
+      return new Date(_.getFullYear(), _.getMonth() + S, 1);
     }
-    function $(y, B) {
-      return new Date(y.getFullYear(), y.getMonth(), y.getDate() + B);
+    function x(_, S) {
+      return new Date(_.getFullYear(), _.getMonth(), _.getDate() + S);
     }
-    function H(y, B) {
-      const P = S(y), ne = (P.getDay() - B + 7) % 7;
-      return $(P, -ne);
+    function N(_, S) {
+      const P = V(_), ne = (P.getDay() - S + 7) % 7;
+      return x(P, -ne);
     }
-    function Y(y) {
-      const B = y.getFullYear(), P = `${y.getMonth() + 1}`.padStart(2, "0"), Z = `${y.getDate()}`.padStart(2, "0");
-      return `${B}-${P}-${Z}`;
+    function Y(_) {
+      const S = _.getFullYear(), P = `${_.getMonth() + 1}`.padStart(2, "0"), Z = `${_.getDate()}`.padStart(2, "0");
+      return `${S}-${P}-${Z}`;
     }
-    function J(y, B, P) {
-      const Z = le(y).getTime();
-      return !!(B && Z < B.getTime() || P && Z > P.getTime());
+    function J(_, S, P) {
+      const Z = le(_).getTime();
+      return !!(S && Z < S.getTime() || P && Z > P.getTime());
     }
-    return (y, B) => (g(), _("div", {
+    return (_, S) => (b(), h("div", {
       ref_key: "root",
       ref: d,
-      class: I(D.value)
+      class: I(M.value)
     }, [
       z("button", {
         ref_key: "control",
         ref: n,
         class: "vf-datepicker__control",
         type: "button",
-        disabled: y.disabled,
+        disabled: _.disabled,
         "aria-expanded": l.value,
         "aria-controls": s,
         "aria-haspopup": "dialog",
         onClick: C,
         onKeydown: [
-          te(Q(L, ["prevent"]), ["down"]),
+          te(Q(T, ["prevent"]), ["down"]),
           te(Q(C, ["prevent"]), ["enter"]),
-          te(Q(b, ["prevent"]), ["esc"])
+          te(Q(g, ["prevent"]), ["esc"])
         ],
-        onFocus: M,
-        onBlur: N
+        onFocus: D,
+        onBlur: G
       }, [
         z("span", {
           class: I(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
-        }, O(x.value || y.placeholder), 3),
-        B[0] || (B[0] = z("span", {
+        }, O(B.value || _.placeholder), 3),
+        S[0] || (S[0] = z("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, _a),
-      (g(), se(xe, { to: "body" }, [
+      ], 40, za),
+      (b(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: s,
           ref_key: "panel",
@@ -1740,16 +1837,16 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           class: "vf-datepicker__panel",
           role: "dialog",
           "data-placement": i.value,
-          onKeydown: te(Q(b, ["prevent"]), ["esc"])
+          onKeydown: te(Q(g, ["prevent"]), ["esc"])
         }, [
-          z("div", ka, [
+          z("div", Sa, [
             z("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Previous month",
-              onClick: h
+              onClick: y
             }, " ‹ "),
-            z("span", wa, O(A.value), 1),
+            z("span", Fa, O(A.value), 1),
             z("button", {
               class: "vf-datepicker__nav",
               type: "button",
@@ -1757,14 +1854,14 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               onClick: R
             }, " › ")
           ]),
-          z("div", $a, [
-            (g(!0), _(re, null, de(V.value, (P) => (g(), _("span", {
+          z("div", Va, [
+            (b(!0), h(re, null, de($.value, (P) => (b(), h("span", {
               key: P,
               class: "vf-datepicker__weekday"
             }, O(P), 1))), 128))
           ]),
-          z("div", xa, [
-            (g(!0), _(re, null, de(G.value, (P) => (g(), _("button", {
+          z("div", La, [
+            (b(!0), h(re, null, de(E.value, (P) => (b(), h("button", {
               key: P.key,
               class: I(["vf-datepicker__day", {
                 "is-outside": !P.inCurrentMonth,
@@ -1774,16 +1871,16 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               type: "button",
               disabled: P.isDisabled,
               "data-date": P.iso,
-              onClick: (Z) => W(P.date)
-            }, O(P.day), 11, za))), 128))
+              onClick: (Z) => H(P.date)
+            }, O(P.day), 11, Ta))), 128))
           ])
-        ], 40, Ca), [
+        ], 40, Ba), [
           [ce, l.value]
         ])
       ]))
     ], 2));
   }
-}), Ba = ["disabled"], Sa = ["disabled", "aria-current", "aria-label", "onClick"], Fa = ["disabled"], Jr = /* @__PURE__ */ j({
+}), Ra = ["disabled"], Pa = ["disabled", "aria-current", "aria-label", "onClick"], Ia = ["disabled"], sl = /* @__PURE__ */ j({
   __name: "pagination",
   props: {
     modelValue: { default: 1 },
@@ -1805,8 +1902,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       if (w < v)
         return [];
       const k = [];
-      for (let x = v; x <= w; x += 1)
-        k.push(x);
+      for (let B = v; B <= w; B += 1)
+        k.push(B);
       return k;
     }, n = m(() => {
       if (typeof r.totalPages == "number" && Number.isFinite(r.totalPages))
@@ -1814,19 +1911,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const v = Math.max(1, Math.floor(r.pageSize));
       return Math.max(1, Math.ceil(Math.max(0, r.totalItems) / 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 = [];
+      const v = n.value, w = c.value, k = Math.max(0, Math.floor(r.siblingCount)), B = Math.max(0, Math.floor(r.boundaryCount)), A = k * 2 + B * 2 + 3, $ = [];
       if (v <= A)
-        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 });
-      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;
+        return d(1, v).map((T) => ({ key: `page-${T}`, type: "page", page: T }));
+      const E = d(1, B), M = d(v - B + 1, v), D = Math.max(Math.min(w - k, v - B - k * 2 - 1), B + 2), G = Math.min(Math.max(w + k, B + k * 2 + 2), v - B - 1);
+      for (const T of E)
+        $.push({ key: `page-${T}`, type: "page", page: T });
+      D > B + 2 ? $.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : B + 1 <= v - B && $.push({ key: `page-${B + 1}`, type: "page", page: B + 1 });
+      for (const T of d(D, G))
+        $.push({ key: `page-${T}`, type: "page", page: T });
+      G < v - B - 1 ? $.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - B > B && $.push({ key: `page-${v - B}`, type: "page", page: v - B });
+      for (const T of M)
+        $.push({ key: `page-${T}`, type: "page", page: T });
+      return $;
     }), 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;
@@ -1836,7 +1933,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const k = o(v, 1, n.value);
       k !== r.modelValue && (t("update:modelValue", k), t("change", k, w));
     };
-    return (v, w) => (g(), _("nav", {
+    return (v, w) => (b(), h("nav", {
       class: I(f.value),
       "aria-label": "Pagination"
     }, [
@@ -1846,8 +1943,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         disabled: i.value || l.value,
         "aria-label": "Previous page",
         onClick: w[0] || (w[0] = (k) => p(c.value - 1, k))
-      }, O(v.prevLabel), 9, Ba),
-      (g(!0), _(re, null, de(s.value, (k) => (g(), _("button", {
+      }, O(v.prevLabel), 9, Ra),
+      (b(!0), h(re, null, de(s.value, (k) => (b(), h("button", {
         key: k.key,
         class: I(["vf-pagination__item", {
           "is-current": k.type === "page" && k.page === c.value,
@@ -1857,27 +1954,27 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         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)
+        onClick: (B) => k.type === "page" && p(k.page, B)
       }, [
-        k.type === "page" ? (g(), _(re, { key: 0 }, [
+        k.type === "page" ? (b(), h(re, { key: 0 }, [
           U(O(k.page), 1)
-        ], 64)) : (g(), _(re, { key: 1 }, [
+        ], 64)) : (b(), h(re, { key: 1 }, [
           U(O(v.ellipsisLabel), 1)
         ], 64))
-      ], 10, Sa))), 128)),
+      ], 10, Pa))), 128)),
       z("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
         disabled: i.value || u.value,
         "aria-label": "Next page",
         onClick: w[1] || (w[1] = (k) => p(c.value + 1, k))
-      }, O(v.nextLabel), 9, Fa)
+      }, O(v.nextLabel), 9, Ia)
     ], 2));
   }
-}), Va = ["checked", "disabled"], La = {
+}), Oa = ["checked", "disabled"], Ma = {
   key: 0,
   class: "vf-checkbox__label"
-}, Qr = /* @__PURE__ */ j({
+}, nl = /* @__PURE__ */ j({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1894,7 +1991,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const c = n.target;
       r("update:modelValue", c.checked), r("change", n);
     };
-    return (n, c) => (g(), _("label", {
+    return (n, c) => (b(), h("label", {
       class: I(o.value)
     }, [
       z("input", {
@@ -1903,25 +2000,25 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         checked: n.modelValue,
         disabled: n.disabled,
         onChange: d
-      }, null, 40, Va),
+      }, null, 40, Oa),
       c[0] || (c[0] = z("span", { class: "vf-checkbox__box" }, null, -1)),
-      n.label || n.$slots.default ? (g(), _("span", La, [
+      n.label || n.$slots.default ? (b(), h("span", Ma, [
         F(n.$slots, "default", {}, () => [
           U(O(n.label), 1)
         ])
-      ])) : T("", !0)
+      ])) : L("", !0)
     ], 2));
   }
-}), ot = Symbol("VueForgeRadioGroup"), Ta = ["aria-disabled", "aria-label", "aria-labelledby"], el = /* @__PURE__ */ j({
+}), ot = Symbol("VueForgeRadioGroup"), Da = ["aria-disabled", "aria-label", "aria-labelledby"], il = /* @__PURE__ */ j({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
-    name: {},
+    name: { default: "" },
     disabled: { type: Boolean, default: !1 },
     variant: { default: "filled" },
     direction: { default: "vertical" },
-    ariaLabel: {},
-    ariaLabelledby: {}
+    ariaLabel: { default: "" },
+    ariaLabelledby: { default: "" }
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
@@ -1937,7 +2034,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       variant: m(() => t.variant),
       onChange: d
     };
-    return Ne(ot, n), (c, l) => (g(), _("div", {
+    return Ke(ot, n), (c, l) => (b(), h("div", {
       class: I(o.value),
       role: "radiogroup",
       "aria-disabled": c.disabled || void 0,
@@ -1945,19 +2042,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       "aria-labelledby": c.ariaLabelledby || void 0
     }, [
       F(c.$slots, "default")
-    ], 10, Ta));
+    ], 10, Da));
   }
-}), Ra = ["name", "value", "checked", "disabled"], Pa = {
+}), Ea = ["name", "value", "checked", "disabled"], Aa = {
   key: 0,
   class: "vf-radio__label"
-}, tl = /* @__PURE__ */ j({
+}, dl = /* @__PURE__ */ j({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
     value: { type: [String, Number, Boolean, null], default: void 0 },
     label: { default: "" },
     disabled: { type: Boolean, default: !1 },
-    name: {},
+    name: { default: "" },
     variant: { default: "filled" }
   },
   emits: ["update:modelValue", "change"],
@@ -1968,7 +2065,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     }), s = (f) => {
       l.value || (o ? o.onChange(t.value, f) : r("update:modelValue", t.value), r("change", t.value, f));
     };
-    return (f, p) => (g(), _("label", {
+    return (f, p) => (b(), h("label", {
       class: I(i.value)
     }, [
       z("input", {
@@ -1979,23 +2076,23 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         checked: u.value,
         disabled: l.value,
         onChange: s
-      }, null, 40, Ra),
+      }, null, 40, Ea),
       p[0] || (p[0] = z("span", { class: "vf-radio__circle" }, null, -1)),
-      f.label || f.$slots.default ? (g(), _("span", Pa, [
+      f.label || f.$slots.default ? (b(), h("span", Aa, [
         F(f.$slots, "default", {}, () => [
           U(O(f.label), 1)
         ])
-      ])) : T("", !0)
+      ])) : L("", !0)
     ], 2));
   }
-}), Ye = Symbol("VueForgeTabs"), Ia = ["aria-orientation", "aria-label", "aria-labelledby"], Oa = { class: "vf-tabs__panels" }, al = /* @__PURE__ */ j({
+}), Ye = Symbol("VueForgeTabs"), Wa = ["aria-orientation", "aria-label", "aria-labelledby"], Ha = { class: "vf-tabs__panels" }, ul = /* @__PURE__ */ j({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
     orientation: { default: "horizontal" },
-    ariaLabel: {},
-    ariaLabelledby: {}
+    ariaLabel: { default: "" },
+    ariaLabelledby: { default: "" }
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
@@ -2008,15 +2105,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     }, s = (v) => {
       if (o.disabled)
         return;
-      const w = o.orientation === "horizontal", k = v.key, x = w ? ["ArrowRight"] : ["ArrowDown"], A = w ? ["ArrowLeft"] : ["ArrowUp"];
-      if (![...x, ...A, "Home", "End"].includes(k))
+      const w = o.orientation === "horizontal", k = v.key, B = w ? ["ArrowRight"] : ["ArrowDown"], A = w ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...B, ...A, "Home", "End"].includes(k))
         return;
-      const V = u();
-      if (!V.length)
+      const $ = u();
+      if (!$.length)
         return;
-      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]);
+      const E = $.findIndex((T) => T.getAttribute("aria-selected") === "true"), M = $.findIndex((T) => T === document.activeElement), D = M >= 0 ? M : Math.max(E, 0);
+      let G = D;
+      B.includes(k) ? G = (D + 1) % $.length : A.includes(k) ? G = (D - 1 + $.length) % $.length : k === "Home" ? G = 0 : k === "End" && (G = $.length - 1), v.preventDefault(), i($[G]);
     }, f = (v, w) => {
       t("update:modelValue", v), t("change", v, w);
     }, p = {
@@ -2027,7 +2124,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       getTabId: (v) => `vf-tab-${d}-${n(v)}`,
       getPanelId: (v) => `vf-tabpanel-${d}-${n(v)}`
     };
-    return Ne(Ye, p), (v, w) => (g(), _("div", {
+    return Ke(Ye, p), (v, w) => (b(), h("div", {
       class: I(c.value)
     }, [
       z("div", {
@@ -2041,13 +2138,13 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         onKeydown: s
       }, [
         F(v.$slots, "tabs")
-      ], 40, Ia),
-      z("div", Oa, [
+      ], 40, Wa),
+      z("div", Ha, [
         F(v.$slots, "panels")
       ])
     ], 2));
   }
-}), Ma = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], ol = /* @__PURE__ */ j({
+}), Na = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], cl = /* @__PURE__ */ j({
   __name: "tab",
   props: {
     value: {},
@@ -2059,7 +2156,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     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) => (g(), _("button", {
+    return (s, f) => (b(), h("button", {
       id: c.value,
       class: I(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": n.value }]),
       type: "button",
@@ -2073,16 +2170,16 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       F(s.$slots, "default", {}, () => [
         U(O(s.label), 1)
       ])
-    ], 10, Ma));
+    ], 10, Na));
   }
-}), Da = ["id", "aria-labelledby"], rl = /* @__PURE__ */ j({
+}), Ka = ["id", "aria-labelledby"], vl = /* @__PURE__ */ j({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(a) {
     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", {
+    return (n, c) => ue((b(), h("div", {
       id: d.value,
       class: "vf-tab-panel",
       role: "tabpanel",
@@ -2090,11 +2187,11 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       "aria-labelledby": o.value
     }, [
       F(n.$slots, "default")
-    ], 8, Da)), [
+    ], 8, Ka)), [
       [ce, t.value]
     ]);
   }
-}), rt = Symbol("VueForgeAccordion"), Ea = ["aria-label", "aria-labelledby"], ll = /* @__PURE__ */ j({
+}), rt = Symbol("VueForgeAccordion"), Ga = ["aria-label", "aria-labelledby"], fl = /* @__PURE__ */ j({
   __name: "accordion",
   props: {
     modelValue: { default: void 0 },
@@ -2102,8 +2199,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     disabled: { type: Boolean, default: !1 },
     variant: { default: "filled" },
     size: { default: "normal" },
-    ariaLabel: {},
-    ariaLabelledby: {}
+    ariaLabel: { default: "" },
+    ariaLabelledby: { default: "" }
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: e }) {
@@ -2115,7 +2212,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       if (o.disabled)
         return;
       if (o.multiple) {
-        const v = l(o.modelValue), k = v.includes(s) ? v.filter((x) => x !== s) : [...v, s];
+        const v = l(o.modelValue), k = v.includes(s) ? v.filter((B) => B !== s) : [...v, s];
         t("update:modelValue", k), t("change", k, f);
         return;
       }
@@ -2131,15 +2228,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       getHeaderId: (s) => `vf-accordion-header-${d}-${n(s)}`,
       getPanelId: (s) => `vf-accordion-panel-${d}-${n(s)}`
     };
-    return Ne(rt, i), (s, f) => (g(), _("div", {
+    return Ke(rt, i), (s, f) => (b(), h("div", {
       class: I(c.value),
       "aria-label": s.ariaLabel || void 0,
       "aria-labelledby": s.ariaLabelledby || void 0
     }, [
       F(s.$slots, "default")
-    ], 10, Ea));
+    ], 10, Ga));
   }
-}), 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({
+}), Ya = ["id", "disabled", "aria-expanded", "aria-controls"], ja = { class: "vf-accordion__title" }, Xa = ["id", "aria-labelledby", "aria-hidden"], qa = { class: "vf-accordion__panel-inner" }, pl = /* @__PURE__ */ j({
   __name: "accordion-item",
   props: {
     value: {},
@@ -2159,7 +2256,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     }), u = (i) => {
       !r || o.value || r.onToggle(e.value, i);
     };
-    return (i, s) => (g(), _("div", {
+    return (i, s) => (b(), h("div", {
       class: I(l.value)
     }, [
       z("button", {
@@ -2171,7 +2268,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         "aria-controls": n.value,
         onClick: u
       }, [
-        z("span", Wa, [
+        z("span", ja, [
           F(i.$slots, "title", {}, () => [
             U(O(i.title), 1)
           ])
@@ -2180,8 +2277,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           class: "vf-accordion__icon",
           "aria-hidden": "true"
         }, null, -1))
-      ], 8, Aa),
-      c.value ? (g(), _("div", {
+      ], 8, Ya),
+      c.value ? (b(), h("div", {
         key: 0,
         id: n.value,
         class: I(["vf-accordion__panel", { "vf-accordion__panel_open": t.value }]),
@@ -2189,19 +2286,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         "aria-labelledby": d.value,
         "aria-hidden": t.value ? void 0 : "true"
       }, [
-        z("div", Ka, [
+        z("div", qa, [
           F(i.$slots, "default")
         ])
-      ], 10, Ha)) : T("", !0)
+      ], 10, Xa)) : L("", !0)
     ], 2));
   }
-}), Na = ["data-severity"], Ga = { class: "vf-toast__body" }, Ya = {
+}), Ua = ["data-severity"], Za = { class: "vf-toast__body" }, Ja = {
   key: 0,
   class: "vf-toast__title"
-}, ja = {
+}, Qa = {
   key: 1,
   class: "vf-toast__message"
-}, nl = /* @__PURE__ */ j({
+}, bl = /* @__PURE__ */ j({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2230,23 +2327,23 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         l && r("open"), n();
       },
       { immediate: !0 }
-    ), $e(() => {
+    ), we(() => {
       d();
-    }), (l, u) => ue((g(), _("div", {
+    }), (l, u) => ue((b(), h("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
-      z("div", Ga, [
-        l.title ? (g(), _("div", Ya, O(l.title), 1)) : T("", !0),
-        l.message || l.$slots.default ? (g(), _("div", ja, [
+      z("div", Za, [
+        l.title ? (b(), h("div", Ja, O(l.title), 1)) : L("", !0),
+        l.message || l.$slots.default ? (b(), h("div", Qa, [
           F(l.$slots, "default", {}, () => [
             U(O(l.message), 1)
           ])
-        ])) : T("", !0)
+        ])) : L("", !0)
       ]),
-      l.closable ? (g(), _("button", {
+      l.closable ? (b(), h("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
@@ -2255,19 +2352,19 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         F(l.$slots, "close", {}, () => [
           u[0] || (u[0] = U("×"))
         ])
-      ])) : T("", !0)
-    ], 8, Na)), [
+      ])) : L("", !0)
+    ], 8, Ua)), [
       [ce, l.modelValue]
     ]);
   }
-}), il = /* @__PURE__ */ j({
+}), ml = /* @__PURE__ */ j({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(a) {
     const e = a, r = m(() => `vf-toast-container_${e.position}`);
-    return (t, o) => (g(), se(xe, { to: "body" }, [
+    return (t, o) => (b(), se(xe, { to: "body" }, [
       z("div", {
         class: I(["vf-toast-container", r.value]),
         role: "region",
@@ -2277,20 +2374,20 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       ], 2)
     ]));
   }
-}), Xa = ["data-severity"], qa = {
+}), eo = ["data-severity"], to = {
   key: 0,
   class: "vf-alert__icon",
   "aria-hidden": "true"
-}, Ua = { class: "vf-alert__body" }, Za = {
+}, ao = { class: "vf-alert__body" }, oo = {
   key: 0,
   class: "vf-alert__title"
-}, Ja = {
+}, ro = {
   key: 1,
   class: "vf-alert__message"
-}, Qa = {
+}, lo = {
   key: 1,
   class: "vf-alert__actions"
-}, dl = /* @__PURE__ */ j({
+}, gl = /* @__PURE__ */ j({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -2313,32 +2410,32 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     const c = () => {
       d.value ? r("update:modelValue", !1) : o.value = !1, r("close");
     };
-    return (l, u) => ue((g(), _("div", {
+    return (l, u) => ue((b(), h("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": l.severity
     }, [
-      l.$slots.icon || l.icon ? (g(), _("div", qa, [
+      l.$slots.icon || l.icon ? (b(), h("div", to, [
         F(l.$slots, "icon", {}, () => [
           U(O(l.icon), 1)
         ])
-      ])) : T("", !0),
-      z("div", Ua, [
-        l.title || l.$slots.title ? (g(), _("div", Za, [
+      ])) : L("", !0),
+      z("div", ao, [
+        l.title || l.$slots.title ? (b(), h("div", oo, [
           F(l.$slots, "title", {}, () => [
             U(O(l.title), 1)
           ])
-        ])) : T("", !0),
-        l.message || l.$slots.default ? (g(), _("div", Ja, [
+        ])) : L("", !0),
+        l.message || l.$slots.default ? (b(), h("div", ro, [
           F(l.$slots, "default", {}, () => [
             U(O(l.message), 1)
           ])
-        ])) : T("", !0)
+        ])) : L("", !0)
       ]),
-      l.$slots.actions ? (g(), _("div", Qa, [
+      l.$slots.actions ? (b(), h("div", lo, [
         F(l.$slots, "actions")
-      ])) : T("", !0),
-      l.closable ? (g(), _("button", {
+      ])) : L("", !0),
+      l.closable ? (b(), h("button", {
         key: 2,
         class: "vf-alert__close",
         type: "button",
@@ -2348,15 +2445,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         F(l.$slots, "close", {}, () => [
           u[0] || (u[0] = U("×"))
         ])
-      ])) : T("", !0)
-    ], 8, Xa)), [
+      ])) : L("", !0)
+    ], 8, eo)), [
       [ce, n.value]
     ]);
   }
-}), eo = ["checked", "disabled"], to = {
+}), so = ["checked", "disabled"], no = {
   key: 0,
   class: "vf-switch__label"
-}, ul = /* @__PURE__ */ j({
+}, hl = /* @__PURE__ */ j({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2372,7 +2469,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const c = n.target;
       r("update:modelValue", c.checked), r("change", n);
     };
-    return (n, c) => (g(), _("label", {
+    return (n, c) => (b(), h("label", {
       class: I(o.value)
     }, [
       z("input", {
@@ -2381,18 +2478,18 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         checked: n.modelValue,
         disabled: n.disabled,
         onChange: d
-      }, null, 40, eo),
+      }, null, 40, so),
       c[0] || (c[0] = z("span", { class: "vf-switch__track" }, [
         z("span", { class: "vf-switch__thumb" })
       ], -1)),
-      n.label || n.$slots.default ? (g(), _("span", to, [
+      n.label || n.$slots.default ? (b(), h("span", no, [
         F(n.$slots, "default", {}, () => [
           U(O(n.label), 1)
         ])
-      ])) : T("", !0)
+      ])) : L("", !0)
     ], 2));
   }
-}), ao = { class: "vf-popover" }, oo = ["aria-expanded", "onKeydown"], cl = /* @__PURE__ */ j({
+}), io = { class: "vf-popover" }, uo = ["aria-expanded", "onKeydown"], yl = /* @__PURE__ */ j({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(a, { expose: e, emit: r }) {
@@ -2401,7 +2498,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     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) => (g(), _("div", ao, [
+    return e({ show: c, hide: l, toggle: u }), (s, f) => (b(), h("div", io, [
       z("div", {
         class: "vf-popover__button",
         role: "button",
@@ -2416,8 +2513,8 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         ]
       }, [
         F(s.$slots, "button")
-      ], 40, oo),
-      ue(Ke(Ct, {
+      ], 40, uo),
+      ue(Ne(Ct, {
         id: n,
         class: "vf-popover__wrapper"
       }, it({
@@ -2437,7 +2534,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           name: "header",
           fn: be(() => [
             F(s.$slots, "header"),
-            s.$slots.header ? T("", !0) : F(s.$slots, "popoverHeader", { key: 0 })
+            s.$slots.header ? L("", !0) : F(s.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
@@ -2445,7 +2542,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           name: "body",
           fn: be(() => [
             F(s.$slots, "body"),
-            s.$slots.body ? T("", !0) : F(s.$slots, "popoverBody", { key: 0 })
+            s.$slots.body ? L("", !0) : F(s.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
@@ -2453,7 +2550,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           name: "footer",
           fn: be(() => [
             F(s.$slots, "footer"),
-            s.$slots.footer ? T("", !0) : F(s.$slots, "popoverFooter", { key: 0 })
+            s.$slots.footer ? L("", !0) : F(s.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
@@ -2462,16 +2559,16 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       ])
     ]));
   }
-}), ro = ["aria-labelledby", "aria-describedby"], lo = {
+}), co = ["aria-labelledby", "aria-describedby"], vo = {
   key: 0,
   class: "vf-modal__header"
-}, so = {
+}, fo = {
   key: 0,
   class: "vf-modal__title"
-}, no = {
+}, po = {
   key: 3,
   class: "vf-modal__footer"
-}, vl = /* @__PURE__ */ j({
+}, _l = /* @__PURE__ */ j({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2487,47 +2584,47 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     const t = r, o = a;
     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 = () => {
+      const g = ["vf-modal"];
+      return o.size !== "md" && g.push(`vf-modal_${o.size}`), g;
+    }), k = () => t("update:modelValue", !0), B = () => {
       t("update:modelValue", !1), t("close");
     }, A = () => {
-      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((C) => !C.hasAttribute("disabled") && !C.getAttribute("aria-hidden")) : [], D = () => {
+      o.closeOnOverlay && B();
+    }, $ = (g) => {
+      !o.modelValue || !o.closeOnEsc || g.key === "Escape" && (g.preventDefault(), B());
+    }, E = () => 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")) : [], M = () => {
       var C;
-      const b = G();
-      b.length ? b[0].focus() : (C = u.value) == null || C.focus();
-    }, M = (b) => {
+      const g = E();
+      g.length ? g[0].focus() : (C = u.value) == null || C.focus();
+    }, D = (g) => {
       var q;
-      if (b.key !== "Tab")
+      if (g.key !== "Tab")
         return;
-      const C = G();
+      const C = E();
       if (!C.length) {
-        b.preventDefault(), (q = u.value) == null || q.focus();
+        g.preventDefault(), (q = u.value) == null || q.focus();
         return;
       }
-      const h = C[0], R = C[C.length - 1], W = document.activeElement;
-      if (b.shiftKey && W === h) {
-        b.preventDefault(), R.focus();
+      const y = C[0], R = C[C.length - 1], H = document.activeElement;
+      if (g.shiftKey && H === y) {
+        g.preventDefault(), R.focus();
         return;
       }
-      !b.shiftKey && W === R && (b.preventDefault(), h.focus());
-    }, N = () => {
+      !g.shiftKey && H === R && (g.preventDefault(), y.focus());
+    }, G = () => {
       !o.lockScroll || typeof document > "u" || (n === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1);
-    }, L = () => {
+    }, T = () => {
       !o.lockScroll || typeof document > "u" || (n = Math.max(0, n - 1), n === 0 && (document.body.style.overflow = c));
     };
     return oe(
       () => o.modelValue,
-      async (b) => {
-        b ? (typeof document < "u" && (l = document.activeElement), N(), t("open"), await ke(), D(), typeof document < "u" && document.addEventListener("keydown", V)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", V), l == null || l.focus()));
+      async (g) => {
+        g ? (typeof document < "u" && (l = document.activeElement), G(), t("open"), await ke(), M(), typeof document < "u" && document.addEventListener("keydown", $)) : (T(), typeof document < "u" && (document.removeEventListener("keydown", $), l == null || l.focus()));
       },
       { immediate: !0 }
-    ), $e(() => {
-      L(), typeof document < "u" && document.removeEventListener("keydown", V);
-    }), e({ open: k, close: x }), (b, C) => (g(), se(xe, { to: "body" }, [
+    ), we(() => {
+      T(), typeof document < "u" && document.removeEventListener("keydown", $);
+    }), e({ open: k, close: B }), (g, C) => (b(), se(xe, { to: "body" }, [
       ue(z("div", {
         class: I(w.value),
         role: "presentation"
@@ -2545,56 +2642,56 @@ 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: M
+          onKeydown: D
         }, [
-          p.value ? (g(), _("div", lo, [
+          p.value ? (b(), h("div", vo, [
             z("div", {
               id: s,
               class: "vf-modal__header-content"
             }, [
-              F(b.$slots, "header", {}, () => [
-                b.title ? (g(), _("h3", so, O(b.title), 1)) : T("", !0)
+              F(g.$slots, "header", {}, () => [
+                g.title ? (b(), h("h3", fo, O(g.title), 1)) : L("", !0)
               ])
             ])
-          ])) : T("", !0),
-          b.showClose ? F(b.$slots, "close", {
+          ])) : L("", !0),
+          g.showClose ? F(g.$slots, "close", {
             key: 1,
-            close: x
+            close: B
           }, () => [
             z("button", {
               type: "button",
               class: "vf-modal__close",
               "aria-label": "Close",
-              onClick: x
+              onClick: B
             }, "×")
-          ]) : T("", !0),
-          b.$slots.body || b.$slots.default ? (g(), _("div", {
+          ]) : L("", !0),
+          g.$slots.body || g.$slots.default ? (b(), h("div", {
             key: 2,
             id: f,
             class: "vf-modal__body"
           }, [
-            F(b.$slots, "body"),
-            b.$slots.body ? T("", !0) : F(b.$slots, "default", { key: 0 })
-          ])) : T("", !0),
-          b.$slots.footer ? (g(), _("div", no, [
-            F(b.$slots, "footer")
-          ])) : T("", !0)
-        ], 40, ro)
+            F(g.$slots, "body"),
+            g.$slots.body ? L("", !0) : F(g.$slots, "default", { key: 0 })
+          ])) : L("", !0),
+          g.$slots.footer ? (b(), h("div", po, [
+            F(g.$slots, "footer")
+          ])) : L("", !0)
+        ], 40, co)
       ], 2), [
-        [ce, b.modelValue]
+        [ce, g.modelValue]
       ])
     ]));
   }
-}), io = ["aria-labelledby", "aria-describedby"], uo = {
+}), bo = ["aria-labelledby", "aria-describedby"], mo = {
   key: 0,
   class: "vf-drawer__header"
-}, co = {
+}, go = {
   key: 0,
   class: "vf-drawer__title"
-}, vo = {
+}, ho = {
   key: 3,
   class: "vf-drawer__footer"
-}, fl = /* @__PURE__ */ j({
+}, Cl = /* @__PURE__ */ j({
   __name: "drawer",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2625,64 +2722,64 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           return "translate3d(100%, 0, 0)";
       }
     }), k = m(() => {
-      const h = ["vf-drawer", `vf-drawer_${o.position}`];
-      return o.size !== "md" && h.push(`vf-drawer_${o.size}`), h;
-    }), x = m(() => ({
+      const y = ["vf-drawer", `vf-drawer_${o.position}`];
+      return o.size !== "md" && y.push(`vf-drawer_${o.size}`), y;
+    }), B = m(() => ({
       "--vf-drawer-transform-from": w.value
-    })), A = () => t("update:modelValue", !0), V = () => {
+    })), A = () => t("update:modelValue", !0), $ = () => {
       t("update:modelValue", !1), t("close");
-    }, G = () => {
-      o.overlay && o.closeOnOverlay && V();
-    }, D = (h) => {
-      !o.modelValue || !o.closeOnEsc || h.key === "Escape" && (h.preventDefault(), V());
-    }, 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 = () => {
+    }, E = () => {
+      o.overlay && o.closeOnOverlay && $();
+    }, M = (y) => {
+      !o.modelValue || !o.closeOnEsc || y.key === "Escape" && (y.preventDefault(), $());
+    }, D = () => 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")) : [], G = () => {
       var R;
-      const h = M();
-      h.length ? h[0].focus() : (R = u.value) == null || R.focus();
-    }, L = (h) => {
+      const y = D();
+      y.length ? y[0].focus() : (R = u.value) == null || R.focus();
+    }, T = (y) => {
       var X;
-      if (h.key !== "Tab")
+      if (y.key !== "Tab")
         return;
-      const R = M();
+      const R = D();
       if (!R.length) {
-        h.preventDefault(), (X = u.value) == null || X.focus();
+        y.preventDefault(), (X = u.value) == null || X.focus();
         return;
       }
-      const W = R[0], q = R[R.length - 1], ee = document.activeElement;
-      if (h.shiftKey && ee === W) {
-        h.preventDefault(), q.focus();
+      const H = R[0], q = R[R.length - 1], ee = document.activeElement;
+      if (y.shiftKey && ee === H) {
+        y.preventDefault(), q.focus();
         return;
       }
-      !h.shiftKey && ee === q && (h.preventDefault(), W.focus());
-    }, b = () => {
+      !y.shiftKey && ee === q && (y.preventDefault(), H.focus());
+    }, g = () => {
       !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)) : (C(), typeof document < "u" && (document.removeEventListener("keydown", D), l == null || l.focus()));
+      async (y) => {
+        y ? (typeof document < "u" && (l = document.activeElement), g(), t("open"), await ke(), G(), typeof document < "u" && document.addEventListener("keydown", M)) : (C(), typeof document < "u" && (document.removeEventListener("keydown", M), l == null || l.focus()));
       },
       { immediate: !0 }
-    ), $e(() => {
-      C(), typeof document < "u" && document.removeEventListener("keydown", D);
-    }), e({ open: A, close: V }), (h, R) => (g(), se(xe, { to: "body" }, [
-      Ke(dt, {
+    ), we(() => {
+      C(), typeof document < "u" && document.removeEventListener("keydown", M);
+    }), e({ open: A, close: $ }), (y, R) => (b(), se(xe, { to: "body" }, [
+      Ne(dt, {
         name: "vf-drawer",
         duration: { enter: 320, leave: 320 }
       }, {
         default: be(() => [
           ue(z("div", {
             class: I(k.value),
-            style: ge(x.value),
+            style: me(B.value),
             role: "presentation"
           }, [
-            h.overlay ? (g(), _("div", {
+            y.overlay ? (b(), h("div", {
               key: 0,
               class: "vf-drawer__overlay",
-              onClick: G
-            })) : T("", !0),
+              onClick: E
+            })) : L("", !0),
             z("div", {
               ref_key: "panel",
               ref: u,
@@ -2692,54 +2789,54 @@ 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: L
+              onKeydown: T
             }, [
-              p.value ? (g(), _("div", uo, [
+              p.value ? (b(), h("div", mo, [
                 z("div", {
                   id: s,
                   class: "vf-drawer__header-content"
                 }, [
-                  F(h.$slots, "header", {}, () => [
-                    h.title ? (g(), _("h3", co, O(h.title), 1)) : T("", !0)
+                  F(y.$slots, "header", {}, () => [
+                    y.title ? (b(), h("h3", go, O(y.title), 1)) : L("", !0)
                   ])
                 ])
-              ])) : T("", !0),
-              h.showClose ? F(h.$slots, "close", {
+              ])) : L("", !0),
+              y.showClose ? F(y.$slots, "close", {
                 key: 1,
-                close: V
+                close: $
               }, () => [
                 z("button", {
                   type: "button",
                   class: "vf-drawer__close",
                   "aria-label": "Close",
-                  onClick: V
+                  onClick: $
                 }, " × ")
-              ]) : T("", !0),
-              h.$slots.body || h.$slots.default ? (g(), _("div", {
+              ]) : L("", !0),
+              y.$slots.body || y.$slots.default ? (b(), h("div", {
                 key: 2,
                 id: f,
                 class: "vf-drawer__body"
               }, [
-                F(h.$slots, "body"),
-                h.$slots.body ? T("", !0) : F(h.$slots, "default", { key: 0 })
-              ])) : T("", !0),
-              h.$slots.footer ? (g(), _("div", vo, [
-                F(h.$slots, "footer")
-              ])) : T("", !0)
-            ], 40, io)
+                F(y.$slots, "body"),
+                y.$slots.body ? L("", !0) : F(y.$slots, "default", { key: 0 })
+              ])) : L("", !0),
+              y.$slots.footer ? (b(), h("div", ho, [
+                F(y.$slots, "footer")
+              ])) : L("", !0)
+            ], 40, bo)
           ], 6), [
-            [ce, h.modelValue]
+            [ce, y.modelValue]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), fo = ["data-placement"], po = { class: "vf-tooltip__content" }, bo = {
+}), yo = ["data-placement"], _o = { class: "vf-tooltip__content" }, Co = {
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, pl = /* @__PURE__ */ j({
+}, kl = /* @__PURE__ */ j({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2761,18 +2858,18 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         return;
       const p = t.value, v = o.value, w = async () => {
         const {
-          x: V,
-          y: G,
-          placement: D
+          x: $,
+          y: E,
+          placement: M
         } = await Re(p, v, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [Le(8), Ve(), Dt()]
+          middleware: [Le(8), Ve(), Kt()]
         });
-        n.value = D ?? e.placement, v.style.left = `${V}px`, v.style.top = `${G}px`;
+        n.value = M ?? e.placement, v.style.left = `${$}px`, v.style.top = `${E}px`;
       }, k = async () => {
         await w();
-      }, x = Te(p, () => {
+      }, B = Te(p, () => {
         k();
       }), A = () => {
         k();
@@ -2780,7 +2877,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       document.addEventListener("scroll", A, !0), window.addEventListener("resize", A, !1), l = {
         update: k,
         destroy: () => {
-          x(), document.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A, !1);
+          B(), document.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A, !1);
         }
       }, l.update();
     };
@@ -2792,13 +2889,13 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       l || s(), l == null || l.update();
     }), Fe(() => {
       d.value && s();
-    }), $e(() => {
+    }), we(() => {
       l == null || l.destroy(), l = null;
     });
     const f = m(() => !!e.text || !!(o.value && o.value.textContent));
     return oe(f, (p) => {
       p || (d.value = !1);
-    }), (p, v) => (g(), _(re, null, [
+    }), (p, v) => (b(), h(re, null, [
       z("span", {
         ref_key: "trigger",
         ref: t,
@@ -2811,7 +2908,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       }, [
         F(p.$slots, "default")
       ], 544),
-      (g(), se(xe, { to: "body" }, [
+      (b(), se(xe, { to: "body" }, [
         ue(z("div", {
           id: c,
           ref_key: "panel",
@@ -2820,23 +2917,23 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           role: "tooltip",
           "data-placement": n.value
         }, [
-          z("span", po, [
+          z("span", _o, [
             F(p.$slots, "content", {}, () => [
               U(O(p.text), 1)
             ])
           ]),
-          p.arrow ? (g(), _("span", bo)) : T("", !0)
-        ], 8, fo), [
+          p.arrow ? (b(), h("span", Co)) : L("", !0)
+        ], 8, yo), [
           [ce, d.value]
         ])
       ]))
     ], 64));
   }
-}), bl = /* @__PURE__ */ j({
+}), $l = /* @__PURE__ */ j({
   __name: "skeleton",
   props: {
-    width: {},
-    height: {},
+    width: { default: "" },
+    height: { default: "" },
     variant: { default: "text" },
     animated: { type: Boolean, default: !0 }
   },
@@ -2851,29 +2948,29 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       const d = ["vf-skeleton", `vf-skeleton_${e.variant}`];
       return e.animated && d.push("vf-skeleton_animated"), d;
     });
-    return (d, n) => (g(), _("div", {
+    return (d, n) => (b(), h("div", {
       class: I(o.value),
-      style: ge(t.value),
+      style: me(t.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), go = ["aria-label", "aria-valuenow", "data-severity"], mo = {
+}), ko = ["aria-label", "aria-valuenow", "data-severity"], $o = {
   key: 0,
   class: "vf-progress__track"
-}, ho = {
+}, wo = {
   key: 1,
   class: "vf-progress__circle"
-}, yo = {
+}, xo = {
   viewBox: "0 0 100 100",
   class: "vf-progress__svg",
   "aria-hidden": "true"
-}, _o = {
+}, zo = {
   key: 2,
   class: "vf-progress__label"
-}, gl = /* @__PURE__ */ j({
+}, wl = /* @__PURE__ */ j({
   __name: "progress",
   props: {
-    value: {},
+    value: { default: null },
     variant: { default: "linear" },
     size: { default: "normal" },
     label: { default: "" },
@@ -2900,7 +2997,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
         strokeDashoffset: `${p}px`
       };
     });
-    return (p, v) => (g(), _("div", {
+    return (p, v) => (b(), h("div", {
       class: I(u.value),
       role: "progressbar",
       "aria-label": p.ariaLabel || void 0,
@@ -2909,13 +3006,13 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       "aria-valuenow": n.value,
       "data-severity": p.severity
     }, [
-      p.variant === "linear" ? (g(), _("div", mo, [
+      p.variant === "linear" ? (b(), h("div", $o, [
         z("div", {
           class: "vf-progress__bar",
-          style: ge(i.value)
+          style: me(i.value)
         }, null, 4)
-      ])) : (g(), _("div", ho, [
-        (g(), _("svg", yo, [
+      ])) : (b(), h("div", wo, [
+        (b(), h("svg", xo, [
           v[0] || (v[0] = z("circle", {
             class: "vf-progress__circle-track",
             cx: "50",
@@ -2927,18 +3024,18 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             cx: "50",
             cy: "50",
             r: "45",
-            style: ge(f.value)
+            style: me(f.value)
           }, null, 4)
         ]))
       ])),
-      l.value || c.value ? (g(), _("span", _o, [
+      l.value || c.value ? (b(), h("span", zo, [
         F(p.$slots, "default", {}, () => [
           U(O(l.value), 1)
         ])
-      ])) : T("", !0)
-    ], 10, go));
+      ])) : L("", !0)
+    ], 10, ko));
   }
-}), Co = ["data-variant", "data-severity", "aria-label"], ml = /* @__PURE__ */ j({
+}), Bo = ["data-variant", "data-severity", "aria-label"], xl = /* @__PURE__ */ j({
   __name: "badge",
   props: {
     label: { default: "" },
@@ -2949,7 +3046,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   setup(a) {
     const e = a, r = m(() => [`vf-badge_size-${e.size}`]);
-    return (t, o) => (g(), _("span", {
+    return (t, o) => (b(), h("span", {
       class: I(["vf-badge", r.value]),
       "data-variant": t.variant,
       "data-severity": t.severity,
@@ -2959,12 +3056,12 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       F(t.$slots, "default", {}, () => [
         U(O(t.label), 1)
       ])
-    ], 10, Co));
+    ], 10, Bo));
   }
-}), ko = ["data-status", "aria-label"], wo = { class: "vf-avatar__content" }, $o = ["src", "alt"], xo = {
+}), So = ["data-status", "aria-label"], Fo = { class: "vf-avatar__content" }, Vo = ["src", "alt"], Lo = {
   key: 1,
   class: "vf-avatar__initials"
-}, zo = ["data-status"], hl = /* @__PURE__ */ j({
+}, To = ["data-status"], zl = /* @__PURE__ */ j({
   __name: "avatar",
   props: {
     src: { default: "" },
@@ -2994,44 +3091,44 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
       () => {
         r.value = !1;
       }
-    ), (u, i) => (g(), _("div", {
+    ), (u, i) => (b(), h("div", {
       class: I(["vf-avatar", c.value]),
       "data-status": u.status || void 0,
       role: "img",
       "aria-label": n.value
     }, [
-      z("div", wo, [
+      z("div", Fo, [
         F(u.$slots, "default", {}, () => [
-          d.value ? (g(), _("img", {
+          d.value ? (b(), h("img", {
             key: 0,
             class: "vf-avatar__image",
             src: u.src,
             alt: u.alt || u.name || "",
             onError: l
-          }, null, 40, $o)) : (g(), _("span", xo, O(o.value), 1))
+          }, null, 40, Vo)) : (b(), h("span", Lo, O(o.value), 1))
         ])
       ]),
-      u.status ? (g(), _("span", {
+      u.status ? (b(), h("span", {
         key: 0,
         class: "vf-avatar__status",
         "data-status": u.status,
         "aria-hidden": "true"
-      }, null, 8, zo)) : T("", !0)
-    ], 10, ko));
+      }, null, 8, To)) : L("", !0)
+    ], 10, So));
   }
-}), Bo = ["aria-label"], So = {
+}), Ro = ["aria-label"], Po = {
   key: 0,
   class: "vf-datatable__head"
-}, Fo = { class: "vf-datatable__row" }, Vo = ["aria-sort"], Lo = ["onClick"], To = { class: "vf-datatable__header-text" }, Ro = {
+}, Io = { class: "vf-datatable__row" }, Oo = ["aria-sort"], Mo = ["onClick"], Do = { class: "vf-datatable__header-text" }, Eo = {
   key: 1,
   class: "vf-datatable__header-text"
-}, Po = { class: "vf-datatable__body" }, Io = {
+}, Ao = { class: "vf-datatable__body" }, Wo = {
   key: 0,
   class: "vf-datatable__row vf-datatable__row_state"
-}, Oo = ["colspan"], Mo = {
+}, Ho = ["colspan"], No = {
   key: 1,
   class: "vf-datatable__row vf-datatable__row_state"
-}, Do = ["colspan"], Eo = ["onClick"], yl = /* @__PURE__ */ j({
+}, Ko = ["colspan"], Go = ["onClick"], Bl = /* @__PURE__ */ j({
   __name: "data-table",
   props: {
     rows: { default: () => [] },
@@ -3055,160 +3152,160 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     const r = a, t = e, o = K(r.sortField ?? null), d = K(r.sortOrder ?? null);
     oe(
       () => r.sortField,
-      (b) => {
-        o.value = b ?? null;
+      (g) => {
+        o.value = g ?? null;
       }
     ), oe(
       () => r.sortOrder,
-      (b) => {
-        d.value = b ?? null;
+      (g) => {
+        d.value = g ?? null;
       }
     );
-    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;
+    const n = m(() => o.value), c = m(() => d.value), l = m(() => Math.max(1, r.columns.length)), u = (g) => g.sortable === !1 ? !1 : g.sortable === !0 ? !0 : r.sortable, i = (g, C) => g == null && C == null ? 0 : g == null ? -1 : C == null ? 1 : typeof g == "number" && typeof C == "number" ? g - C : String(g).localeCompare(String(C)), s = m(() => {
+      const g = r.rows ?? [], C = n.value, y = c.value;
+      return !C || !y ? g : [...g].sort((R, H) => {
+        const q = R == null ? void 0 : R[C], ee = H == null ? void 0 : H[C], X = i(q, ee);
+        return y === "asc" ? X : -X;
       });
     }), 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, C) => {
+      const g = ["vf-datatable", `vf-datatable_${r.variant}`];
+      return r.size !== "normal" && g.push(`vf-datatable_${r.size}`), r.striped && g.push("vf-datatable_striped"), r.hover && g.push("vf-datatable_hover"), g;
+    }), p = (g, C) => {
       if (typeof r.rowKey == "function")
-        return r.rowKey(b, C);
+        return r.rowKey(g, 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 : C;
+        const y = g == null ? void 0 : g[r.rowKey];
+        return typeof y == "string" || typeof y == "number" ? y : C;
       }
       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))
+    }, v = (g, C) => g == null ? void 0 : g[C.field], w = (g, C) => {
+      const y = v(g, C);
+      return C.formatter ? C.formatter(g, y, C) : y ?? "";
+    }, k = (g) => {
+      if (!u(g))
         return;
-      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 n.value !== b.field ? "none" : c.value === "asc" ? "ascending" : "descending";
-    }, G = (b) => {
+      let C = g.field, y = "asc";
+      n.value === g.field && (c.value === "asc" ? y = "desc" : c.value === "desc" ? (C = null, y = null) : y = "asc"), o.value = C, d.value = y, t("update:sortField", C), t("update:sortOrder", y), t("sort", C, y);
+    }, B = (g) => n.value !== g.field ? "↕" : c.value === "asc" ? "↑" : "↓", A = (g) => n.value !== g.field ? "" : "is-active", $ = (g) => {
+      if (u(g))
+        return n.value !== g.field ? "none" : c.value === "asc" ? "ascending" : "descending";
+    }, E = (g) => {
       const C = [];
-      return r.striped && b % 2 === 1 && C.push("vf-datatable__row_striped"), C;
-    }, D = (b) => {
+      return r.striped && g % 2 === 1 && C.push("vf-datatable__row_striped"), C;
+    }, M = (g) => {
       const C = [];
-      return b.align && C.push(`vf-datatable__cell_${b.align}`), u(b) && C.push("vf-datatable__header_sortable"), C;
-    }, M = (b) => {
+      return g.align && C.push(`vf-datatable__cell_${g.align}`), u(g) && C.push("vf-datatable__header_sortable"), C;
+    }, D = (g) => {
       const C = [];
-      return b.align && C.push(`vf-datatable__cell_${b.align}`), C;
-    }, N = (b) => {
+      return g.align && C.push(`vf-datatable__cell_${g.align}`), C;
+    }, G = (g) => {
       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 g.width && (C.width = g.width), g.minWidth && (C.minWidth = g.minWidth), C;
+    }, T = (g, C, y) => {
+      t("rowClick", g, C, y);
     };
-    return (b, C) => (g(), _("div", {
+    return (g, C) => (b(), h("div", {
       class: I(f.value)
     }, [
       z("table", {
         class: "vf-datatable__table",
-        "aria-label": b.ariaLabel
+        "aria-label": g.ariaLabel
       }, [
-        b.showHeader ? (g(), _("thead", So, [
-          z("tr", Fo, [
-            (g(!0), _(re, null, de(b.columns, (h) => (g(), _("th", {
-              key: h.field,
-              class: I(["vf-datatable__header", D(h)]),
-              style: ge(N(h)),
-              "aria-sort": V(h),
+        g.showHeader ? (b(), h("thead", Po, [
+          z("tr", Io, [
+            (b(!0), h(re, null, de(g.columns, (y) => (b(), h("th", {
+              key: y.field,
+              class: I(["vf-datatable__header", M(y)]),
+              style: me(G(y)),
+              "aria-sort": $(y),
               scope: "col"
             }, [
-              u(h) ? (g(), _("button", {
+              u(y) ? (b(), h("button", {
                 key: 0,
                 type: "button",
                 class: "vf-datatable__sort-button",
-                onClick: (R) => k(h)
+                onClick: (R) => k(y)
               }, [
-                z("span", To, [
-                  b.$slots[`header-${h.field}`] ? F(b.$slots, `header-${h.field}`, {
+                z("span", Do, [
+                  g.$slots[`header-${y.field}`] ? F(g.$slots, `header-${y.field}`, {
                     key: 0,
-                    column: h
-                  }) : (g(), _(re, { key: 1 }, [
-                    U(O(h.header ?? h.field), 1)
+                    column: y
+                  }) : (b(), h(re, { key: 1 }, [
+                    U(O(y.header ?? y.field), 1)
                   ], 64))
                 ]),
                 z("span", {
-                  class: I(["vf-datatable__sort-icon", A(h)])
-                }, O(x(h)), 3)
-              ], 8, Lo)) : (g(), _("span", Ro, [
-                b.$slots[`header-${h.field}`] ? F(b.$slots, `header-${h.field}`, {
+                  class: I(["vf-datatable__sort-icon", A(y)])
+                }, O(B(y)), 3)
+              ], 8, Mo)) : (b(), h("span", Eo, [
+                g.$slots[`header-${y.field}`] ? F(g.$slots, `header-${y.field}`, {
                   key: 0,
-                  column: h
-                }) : (g(), _(re, { key: 1 }, [
-                  U(O(h.header ?? h.field), 1)
+                  column: y
+                }) : (b(), h(re, { key: 1 }, [
+                  U(O(y.header ?? y.field), 1)
                 ], 64))
               ]))
-            ], 14, Vo))), 128))
+            ], 14, Oo))), 128))
           ])
-        ])) : T("", !0),
-        z("tbody", Po, [
-          b.loading ? (g(), _("tr", Io, [
+        ])) : L("", !0),
+        z("tbody", Ao, [
+          g.loading ? (b(), h("tr", Wo, [
             z("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: l.value
             }, [
-              F(b.$slots, "loading", {}, () => [
-                U(O(b.loadingText), 1)
+              F(g.$slots, "loading", {}, () => [
+                U(O(g.loadingText), 1)
               ])
-            ], 8, Oo)
-          ])) : 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)
+            ], 8, Ho)
+          ])) : s.value.length ? (b(!0), h(re, { key: 2 }, de(s.value, (y, R) => (b(), h("tr", {
+            key: p(y, R),
+            class: I(["vf-datatable__row", E(R)]),
+            onClick: (H) => T(y, R, H)
           }, [
-            (g(!0), _(re, null, de(b.columns, (W) => (g(), _("td", {
-              key: W.field,
-              class: I(["vf-datatable__cell", M(W)]),
-              style: ge(N(W))
+            (b(!0), h(re, null, de(g.columns, (H) => (b(), h("td", {
+              key: H.field,
+              class: I(["vf-datatable__cell", D(H)]),
+              style: me(G(H))
             }, [
-              b.$slots[`cell-${W.field}`] ? F(b.$slots, `cell-${W.field}`, {
+              g.$slots[`cell-${H.field}`] ? F(g.$slots, `cell-${H.field}`, {
                 key: 0,
-                row: h,
-                column: W,
-                value: v(h, W),
+                row: y,
+                column: H,
+                value: v(y, H),
                 index: R
-              }) : (g(), _(re, { key: 1 }, [
-                U(O(w(h, W)), 1)
+              }) : (b(), h(re, { key: 1 }, [
+                U(O(w(y, H)), 1)
               ], 64))
             ], 6))), 128))
-          ], 10, Eo))), 128)) : (g(), _("tr", Mo, [
+          ], 10, Go))), 128)) : (b(), h("tr", No, [
             z("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: l.value
             }, [
-              F(b.$slots, "empty", {}, () => [
-                U(O(b.emptyText), 1)
+              F(g.$slots, "empty", {}, () => [
+                U(O(g.emptyText), 1)
               ])
-            ], 8, Do)
+            ], 8, Ko)
           ]))
         ])
-      ], 8, Bo)
+      ], 8, Ro)
     ], 2));
   }
-}), Ao = { class: "vf-slider__control" }, Wo = ["min", "max", "step", "value", "disabled", "aria-label"], Ho = ["min", "max", "step", "value", "disabled", "aria-label"], Ko = {
+}), Yo = { class: "vf-slider__control" }, jo = ["min", "max", "step", "value", "disabled", "aria-label"], Xo = ["min", "max", "step", "value", "disabled", "aria-label"], qo = {
   key: 0,
   class: "vf-slider__marks"
-}, No = {
+}, Uo = {
   key: 0,
   class: "vf-slider__mark-label"
-}, Go = {
+}, Zo = {
   key: 1,
   class: "vf-slider__value"
-}, _l = /* @__PURE__ */ j({
+}, Sl = /* @__PURE__ */ j({
   name: "VfSlider",
   __name: "slider",
   props: {
-    modelValue: {},
+    modelValue: { default: void 0 },
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -3224,73 +3321,73 @@ 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 = 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(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));
+    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 = (V) => {
+      const W = V.toString();
+      return W.includes(".") ? W.split(".")[1].length : 0;
+    }, u = (V) => Math.min(n.value, Math.max(d.value, V)), i = (V) => {
+      const W = Number(V), x = d.value, N = Number.isFinite(W) ? W : x, Y = u(N), J = c.value, _ = l(J), S = Math.round((Y - d.value) / J) * J + d.value;
+      return Number.parseFloat(S.toFixed(_));
     }, s = m(() => {
       if (!o.value) {
-        const H = i(t.modelValue ?? d.value);
-        return [H, H];
+        const N = i(t.modelValue ?? d.value);
+        return [N, N];
       }
-      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, $];
+      const V = Array.isArray(t.modelValue) ? t.modelValue : [d.value, n.value];
+      let W = i(V[0]), x = i(V[1]);
+      return W > x && ([W, x] = [x, W]), [W, x];
     }), 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(() => ({
+    ), p = m(() => o.value ? s.value[1] : i(t.modelValue ?? d.value)), v = (V) => {
+      const W = n.value - d.value;
+      return W <= 0 ? 0 : (V - d.value) / W * 100;
+    }, w = m(() => o.value ? v(f.value) : 0), k = m(() => v(o.value ? p.value : f.value)), B = m(() => ({
       "--vf-slider-start": `${w.value}%`,
       "--vf-slider-end": `${k.value}%`
     })), 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 = m(() => ({
+      const V = ["vf-slider", `vf-slider_${t.variant}`];
+      return t.size !== "normal" && V.push(`vf-slider_${t.size}`), t.disabled && V.push("vf-slider_disabled"), o.value && V.push("vf-slider_range"), V;
+    }), $ = m(() => ({
       zIndex: o.value && w.value > 50 ? 4 : 3
-    })), G = m(() => ({
+    })), E = m(() => ({
       zIndex: o.value && w.value > 50 ? 3 : 4
-    })), D = (S, E, $) => {
+    })), M = (V, W, x) => {
       if (t.disabled)
         return;
-      const H = i(Number(S));
-      r("update:modelValue", H), r($, E);
-    }, M = (S, E, $, H) => {
+      const N = i(Number(V));
+      r("update:modelValue", N), r(x, W);
+    }, D = (V, W, x, N) => {
       if (t.disabled)
         return;
-      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;
+      const Y = i(Number(V));
+      let [J, _] = s.value;
+      W === "start" ? J = Math.min(Y, _) : _ = Math.max(Y, J), r("update:modelValue", [J, _]), r(N, x);
+    }, G = (V) => {
+      const W = V.target;
       if (o.value) {
-        M(E.value, "start", S, "input");
+        D(W.value, "start", V, "input");
         return;
       }
-      D(E.value, S, "input");
-    }, L = (S) => {
-      const E = S.target;
-      M(E.value, "end", S, "input");
-    }, b = (S) => {
-      const E = S.target;
+      M(W.value, V, "input");
+    }, T = (V) => {
+      const W = V.target;
+      D(W.value, "end", V, "input");
+    }, g = (V) => {
+      const W = V.target;
       if (o.value) {
-        M(E.value, "start", S, "change");
+        D(W.value, "start", V, "change");
         return;
       }
-      D(E.value, S, "change");
-    }, C = (S) => {
-      const E = S.target;
-      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", {
+      M(W.value, V, "change");
+    }, C = (V) => {
+      const W = V.target;
+      D(W.value, "end", V, "change");
+    }, y = (V) => r("focus", V), R = (V) => r("blur", V), H = m(() => t.marks ?? []), q = (V) => ({ left: `${v(u(V))}%` }), 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 (V, W) => (b(), h("div", {
       class: I(A.value),
-      style: ge(x.value)
+      style: me(B.value)
     }, [
-      z("div", Ao, [
-        E[0] || (E[0] = z("div", { class: "vf-slider__track" }, [
+      z("div", Yo, [
+        W[0] || (W[0] = z("div", { class: "vf-slider__track" }, [
           z("div", { class: "vf-slider__fill" })
         ], -1)),
         z("input", {
@@ -3300,15 +3397,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           max: n.value,
           step: c.value,
           value: f.value,
-          disabled: S.disabled,
+          disabled: V.disabled,
           "aria-label": X.value,
-          style: ge(V.value),
-          onInput: N,
-          onChange: b,
-          onFocus: h,
+          style: me($.value),
+          onInput: G,
+          onChange: g,
+          onFocus: y,
           onBlur: R
-        }, null, 44, Wo),
-        o.value ? (g(), _("input", {
+        }, null, 44, jo),
+        o.value ? (b(), h("input", {
           key: 0,
           class: "vf-slider__input vf-slider__input_end",
           type: "range",
@@ -3316,36 +3413,36 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           max: n.value,
           step: c.value,
           value: p.value,
-          disabled: S.disabled,
+          disabled: V.disabled,
           "aria-label": le.value,
-          style: ge(G.value),
-          onInput: L,
+          style: me(E.value),
+          onInput: T,
           onChange: C,
-          onFocus: h,
+          onFocus: y,
           onBlur: R
-        }, null, 44, Ho)) : T("", !0)
+        }, null, 44, Xo)) : L("", !0)
       ]),
-      W.value.length ? (g(), _("div", Ko, [
-        (g(!0), _(re, null, de(W.value, ($) => (g(), _("span", {
-          key: $.value,
+      H.value.length ? (b(), h("div", qo, [
+        (b(!0), h(re, null, de(H.value, (x) => (b(), h("span", {
+          key: x.value,
           class: "vf-slider__mark",
-          style: ge(q($.value))
+          style: me(q(x.value))
         }, [
-          $.label ? (g(), _("span", No, O($.label), 1)) : T("", !0)
+          x.label ? (b(), h("span", Uo, O(x.label), 1)) : L("", !0)
         ], 4))), 128))
-      ])) : T("", !0),
-      S.showValue ? (g(), _("div", Go, O(ee.value), 1)) : T("", !0)
+      ])) : L("", !0),
+      V.showValue ? (b(), h("div", Zo, O(ee.value), 1)) : L("", !0)
     ], 6));
   }
-}), Yo = ["aria-label"], jo = { class: "vf-breadcrumbs__list" }, Xo = {
+}), Jo = ["aria-label"], Qo = { class: "vf-breadcrumbs__list" }, er = {
   key: 0,
   class: "vf-breadcrumbs__current",
   "aria-current": "page"
-}, qo = {
+}, tr = {
   key: 0,
   class: "vf-breadcrumbs__separator",
   "aria-hidden": "true"
-}, Cl = /* @__PURE__ */ j({
+}, Fl = /* @__PURE__ */ j({
   name: "VfBreadcrumbs",
   __name: "breadcrumbs",
   props: {
@@ -3355,12 +3452,12 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
   },
   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", {
+    return (n, c) => (b(), h("nav", {
       class: "vf-breadcrumbs",
       "aria-label": n.ariaLabel
     }, [
-      z("ol", jo, [
-        (g(!0), _(re, null, de(r.value, (l, u) => (g(), _(re, {
+      z("ol", Qo, [
+        (b(!0), h(re, null, de(r.value, (l, u) => (b(), h(re, {
           key: d(l, u)
         }, [
           z("li", {
@@ -3372,7 +3469,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               isLast: u === r.value.length - 1,
               active: o(l, u)
             }, () => [
-              o(l, u) ? (g(), _("span", Xo, O(l.label), 1)) : (g(), se(Ge, {
+              o(l, u) ? (b(), h("span", er, O(l.label), 1)) : (b(), se(Ge, {
                 key: 1,
                 class: "vf-breadcrumbs__link",
                 to: l.to,
@@ -3386,20 +3483,20 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
               }, 1032, ["to", "href", "disabled"]))
             ])
           ], 2),
-          u < r.value.length - 1 ? (g(), _("li", qo, [
+          u < r.value.length - 1 ? (b(), h("li", tr, [
             F(n.$slots, "separator", { separator: n.separator }, () => [
               U(O(n.separator), 1)
             ])
-          ])) : T("", !0)
+          ])) : L("", !0)
         ], 64))), 128))
       ])
-    ], 8, Yo));
+    ], 8, Jo));
   }
-}), Uo = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Zo = (a) => {
+}), ar = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], or = (a) => {
   const e = a.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, 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))
+}, rr = (a) => a.filter((e) => !ar.includes(e)).map((e) => or(e)).join("-").toLowerCase(), He = (a) => a.join("."), lr = (a) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(a), je = (a) => {
+  if (!lr(a))
     return null;
   if (a.length === 4) {
     const e = a[1], r = a[2], t = a[3];
@@ -3415,7 +3512,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 }, Ze = (a) => {
   const [e, r, t] = lt(a);
   return `${e}, ${r}, ${t}`;
-}, er = (a, e, r) => {
+}, sr = (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;
@@ -3434,18 +3531,18 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     u *= 60, u < 0 && (u += 360);
   }
   return [u, i * 100, s * 100];
-}, tr = (a, e, r) => {
+}, nr = (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];
-}, 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) => {
+}, ir = (a, e, r) => `#${[a, e, r].map((t) => t.toString(16).padStart(2, "0")).join("")}`, dr = (a, e, r) => Math.min(r, Math.max(e, a)), ur = (a, e) => {
   const r = je(a);
   if (!r)
     return a;
-  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);
+  const [t, o, d] = lt(r), [n, c, l] = sr(t, o, d), i = (e - 5) * 7, s = dr(l + i, 0, 100), [f, p, v] = nr(n, c, s);
+  return ir(f, p, v);
 }, Me = (a) => !!a && typeof a == "object" && !Array.isArray(a), Xe = (a, e) => {
   if (!e)
     return { ...a };
@@ -3455,7 +3552,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     Me(d) && Me(o) ? r[t] = Xe(d, o) : r[t] = o;
   }
   return r;
-}, lr = (a) => {
+}, cr = (a) => {
   if (!a)
     return null;
   if (Me(a) && "preset" in a) {
@@ -3469,7 +3566,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
     };
   }
   return { preset: a };
-}, sr = (a) => {
+}, vr = (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 i in l) {
@@ -3486,7 +3583,7 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
           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 = Jo(f);
+        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, w = rr(f);
         if (v.push(`--vf-${w}: ${s}`), f.includes("colors")) {
           const k = je(s);
           if (!k) {
@@ -3496,15 +3593,15 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
             continue;
           }
           if (v.push(`--vf-${w}-rgb: ${Ze(k)}`), i !== "white")
-            for (let x = 1; x < 10; ++x) {
-              const A = rr(k, x);
-              v.push(`--vf-${w}-${x}00: ${A}`), v.push(`--vf-${w}-${x}00-rgb: ${Ze(A)}`);
+            for (let B = 1; B < 10; ++B) {
+              const A = ur(k, B);
+              v.push(`--vf-${w}-${B}00: ${A}`), v.push(`--vf-${w}-${B}00-rgb: ${Ze(A)}`);
             }
         }
       }
   };
   return c(a, []), { baseVars: e, darkVars: r, warnings: t, errors: o };
-}, nr = (a) => {
+}, fr = (a) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(a);
@@ -3512,11 +3609,11 @@ 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;
-}, ir = (a) => ({
+}, pr = (a) => ({
   selector: a.selector ?? ":root",
   darkSelector: a.darkSelector ?? ":root[data-theme=dark]"
-}), dr = (a, e, r, t) => {
-  const { baseVars: o, darkVars: d, warnings: n, errors: c } = sr(a), l = nr("vueforge-theme");
+}), br = (a, e, r, t) => {
+  const { baseVars: o, darkVars: d, warnings: n, errors: c } = vr(a), l = fr("vueforge-theme");
   if (!l)
     return;
   if (c.length) {
@@ -3534,12 +3631,12 @@ const Ot = (a, e) => a.strategy ? a.strategy : It(e) ? "fixed" : "absolute", _e
 };
 let ye = null;
 const st = (a) => {
-  const e = lr(a);
+  const e = cr(a);
   if (!e)
     return;
-  const r = Xe(e.preset, e.overrides), { selector: t, darkSelector: o } = ir(e);
-  ye = { ...e }, dr(r, t, o, e.strict);
-}, kl = (a) => {
+  const r = Xe(e.preset, e.overrides), { selector: t, darkSelector: o } = pr(e);
+  ye = { ...e }, br(r, t, o, e.strict);
+}, Vl = (a) => {
   if (!ye)
     return;
   const e = a.overrides === void 0 ? ye.overrides : Xe(ye.overrides ?? {}, a.overrides ?? {}), r = {
@@ -3549,7 +3646,7 @@ const st = (a) => {
     darkSelector: a.darkSelector ?? ye.darkSelector
   };
   st(r);
-}, wl = () => ye ? { ...ye } : null, $l = {
+}, Ll = () => ye ? { ...ye } : null, Tl = {
   install(a, e = {}) {
     e.theme && st(e.theme);
   }
@@ -3616,7 +3713,7 @@ const st = (a) => {
       dividerColor: "#2e2e32"
     }
   }
-}, ur = {
+}, mr = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -3758,11 +3855,11 @@ const st = (a) => {
       }
     }
   }
-}, cr = {
+}, gr = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, vr = {
+}, hr = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3783,7 +3880,40 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, fr = {
+}, yr = {
+  gap: "0.5rem",
+  fontSize: "var(--vf-typography-font-size)",
+  padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
+  borderRadius: "var(--vf-radii-md)",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-controls-background-color)",
+  textColor: "var(--vf-text-color)",
+  placeholderColor: "var(--vf-secondary-text-color)",
+  focusBorderColor: "var(--vf-blue-600)",
+  focusRingShadow: "var(--vf-states-focus-ring-shadow)",
+  hoverBorderColor: "var(--vf-blue-500)",
+  disabledOpacity: "var(--vf-states-disabled-opacity)",
+  controlWidth: "1.5rem",
+  controlGap: "0.1rem",
+  controlFontSize: "0.7rem",
+  controlRadius: "var(--vf-radii-sm)",
+  controlBackgroundColor: "transparent",
+  controlHoverBackgroundColor: "var(--vf-gutter-color)",
+  controlTextColor: "var(--vf-text-color)",
+  controlBorderColor: "var(--vf-border-color)",
+  small: {
+    padding: "var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",
+    fontSize: "var(--vf-sizes-sm-font-size)",
+    controlWidth: "1.25rem",
+    controlFontSize: "0.6rem"
+  },
+  large: {
+    padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
+    fontSize: "var(--vf-sizes-lg-font-size)",
+    controlWidth: "1.75rem",
+    controlFontSize: "0.8rem"
+  }
+}, _r = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -3803,7 +3933,7 @@ const st = (a) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, pr = {
+}, Cr = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3826,10 +3956,10 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, br = {
+}, kr = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, gr = {
+}, $r = {
   gap: "0.35rem",
   fontSize: "var(--vf-typography-font-size)",
   textColor: "var(--vf-secondary-text-color)",
@@ -3837,7 +3967,7 @@ const st = (a) => {
   activeColor: "var(--vf-text-color)",
   separatorColor: "var(--vf-divider-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, mr = {
+}, wr = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -3857,7 +3987,7 @@ const st = (a) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, hr = {
+}, xr = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -3884,7 +4014,7 @@ const st = (a) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, yr = {
+}, zr = {
   width: "320px",
   widthSm: "260px",
   widthLg: "420px",
@@ -3910,9 +4040,9 @@ const st = (a) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, _r = {
+}, Br = {
   backgroundColor: "var(--vf-bg-color)"
-}, Cr = {
+}, Sr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3945,7 +4075,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, kr = {
+}, Fr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3984,7 +4114,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, wr = {
+}, Vr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -4029,7 +4159,7 @@ const st = (a) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, $r = {
+}, Lr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -4079,7 +4209,7 @@ const st = (a) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, xr = {
+}, Tr = {
   gap: "0.4rem",
   itemMinWidth: "2rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -4104,7 +4234,7 @@ const st = (a) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     padding: "0.45rem 0.8rem"
   }
-}, zr = {
+}, Rr = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -4116,7 +4246,7 @@ const st = (a) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Br = {
+}, Pr = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -4130,7 +4260,7 @@ const st = (a) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Sr = {
+}, Ir = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -4142,7 +4272,7 @@ const st = (a) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Fr = {
+}, Or = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -4163,7 +4293,7 @@ const st = (a) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Vr = {
+}, Mr = {
   gap: "0.75rem",
   borderRadius: "var(--vf-radii-md)",
   borderColor: "var(--vf-border-color)",
@@ -4194,7 +4324,7 @@ const st = (a) => {
     headerFontSize: "1rem",
     contentPadding: "0.9rem 1.1rem"
   }
-}, Lr = {
+}, Dr = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -4205,7 +4335,7 @@ const st = (a) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, Tr = {
+}, Er = {
   width: "100%",
   height: "1rem",
   lineHeight: "0.9rem",
@@ -4213,7 +4343,7 @@ const st = (a) => {
   backgroundColor: "var(--vf-gutter-color)",
   shimmerColor: "var(--vf-bg-color)",
   animationDuration: "2s"
-}, Rr = {
+}, Ar = {
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)",
   backgroundColor: "var(--vf-bg-color)",
@@ -4244,7 +4374,7 @@ const st = (a) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     cellPadding: "0.75rem 0.9rem"
   }
-}, Pr = {
+}, Wr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -4283,7 +4413,7 @@ const st = (a) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Ir = {
+}, Hr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -4321,7 +4451,7 @@ const st = (a) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Or = {
+}, Nr = {
   width: "100%",
   height: "0.5rem",
   borderRadius: "999px",
@@ -4357,7 +4487,7 @@ const st = (a) => {
     circularSize: "3.25rem",
     circularThickness: "7"
   }
-}, Mr = {
+}, Kr = {
   fontSize: "0.75rem",
   lineHeight: "1",
   paddingX: "0.5rem",
@@ -4422,7 +4552,7 @@ const st = (a) => {
     paddingX: "0.65rem",
     paddingY: "0.3rem"
   }
-}, Dr = {
+}, Gr = {
   size: "2.5rem",
   fontSize: "0.9rem",
   fontWeight: "600",
@@ -4448,7 +4578,7 @@ const st = (a) => {
     fontSize: "1rem",
     statusSize: "0.75rem"
   }
-}, Er = {
+}, Yr = {
   width: "100%",
   gap: "0.5rem",
   textColor: "var(--vf-text-color)",
@@ -4480,81 +4610,83 @@ const st = (a) => {
     thumbSize: "1.25rem",
     valueFontSize: "1rem"
   }
-}, xl = {
+}, Rl = {
   ...Je,
   components: {
     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
+    button: mr,
+    card: gr,
+    input: hr,
+    numberInput: yr,
+    formField: _r,
+    textarea: Cr,
+    link: kr,
+    breadcrumbs: $r,
+    menu: wr,
+    modal: xr,
+    drawer: zr,
+    popover: Br,
+    select: Sr,
+    autocomplete: Fr,
+    multiselect: Vr,
+    datepicker: Lr,
+    pagination: Tr,
+    checkbox: Rr,
+    radio: Pr,
+    switch: Ir,
+    tabs: Or,
+    accordion: Mr,
+    tooltip: Dr,
+    skeleton: Er,
+    datatable: Ar,
+    toast: Wr,
+    alert: Hr,
+    progress: Nr,
+    badge: Kr,
+    avatar: Gr,
+    slider: Yr
   }
 };
 export {
-  ll as Accordion,
-  sl as AccordionItem,
-  dl as Alert,
-  qr as Autocomplete,
-  hl as Avatar,
-  ml as Badge,
-  Cl as Breadcrumbs,
-  Nr as Button,
+  fl as Accordion,
+  pl as AccordionItem,
+  gl as Alert,
+  ol as Autocomplete,
+  zl as Avatar,
+  xl as Badge,
+  Fl as Breadcrumbs,
+  Zr as Button,
   Ct as Card,
-  Qr as Checkbox,
-  yl as DataTable,
-  Zr as DatePicker,
-  xl as DefaultTheme,
-  fl as Drawer,
-  Yr as FormField,
-  Gr as Input,
+  nl as Checkbox,
+  Bl as DataTable,
+  ll as DatePicker,
+  Rl as DefaultTheme,
+  Cl as Drawer,
+  el as FormField,
+  Jr 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,
+  Ur as Menu,
+  _l as Modal,
+  rl as MultiSelect,
+  Qr as NumberInput,
+  sl as Pagination,
+  yl as Popover,
+  wl as Progress,
+  dl as RadioButton,
+  il as RadioGroup,
+  al as Select,
+  $l as Skeleton,
+  Sl as Slider,
+  hl as Switch,
+  cl as Tab,
+  vl as TabPanel,
+  ul as Tabs,
+  tl as Textarea,
+  bl as Toast,
+  ml as ToastContainer,
+  kl as Tooltip,
+  Tl as VueForge,
+  Ll as getTheme,
   st as setTheme,
-  kl as updateTheme
+  Vl as updateTheme
 };