@reinosoft-ui/core 0.1.76 → 0.1.77

package/dist/reinosoft-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, ref as M, computed as B, watch as ee, onMounted as de, createElementBlock as b, openBlock as f, normalizeStyle as Ie, normalizeClass as fe, renderSlot as Y, createCommentVNode as q, withDirectives as Ae, createElementVNode as $, vShow as ot, mergeProps as ye, mergeModels as ue, useModel as ke, withKeys as be, withModifiers as ve, onUnmounted as Ve, Fragment as ce, unref as E, toDisplayString as K, renderList as Ce, nextTick as $e, onBeforeUnmount as _e, createBlock as oe, Teleport as Pe, createVNode as P, Transition as Ee, withCtx as te, useId as he, provide as He, createTextVNode as Me, resolveDynamicComponent as Ze, inject as pe, useAttrs as lt, h as j, useSlots as rt, resolveComponent as _t, vModelRadio as Et, vModelDynamic as Zt, reactive as Lt, TransitionGroup as zt, createApp as Ot, shallowRef as qt, vModelText as Ge } from "vue";
+import { defineComponent as Z, ref as M, computed as B, watch as ee, onMounted as de, createElementBlock as b, openBlock as v, normalizeStyle as Ie, normalizeClass as fe, renderSlot as Y, createCommentVNode as q, withDirectives as Ae, createElementVNode as $, vShow as ot, mergeProps as ye, mergeModels as ue, useModel as ke, withKeys as be, withModifiers as ve, onUnmounted as Ve, Fragment as ce, unref as E, toDisplayString as K, renderList as Ce, nextTick as $e, onBeforeUnmount as _e, createBlock as oe, Teleport as Fe, createVNode as P, Transition as Ee, withCtx as te, useId as he, provide as He, createTextVNode as Me, resolveDynamicComponent as Ze, inject as pe, useAttrs as lt, h as j, useSlots as rt, resolveComponent as _t, vModelRadio as Et, vModelDynamic as Zt, reactive as Lt, TransitionGroup as zt, createApp as Ot, shallowRef as qt, vModelText as Ge } from "vue";
 import { routerKey as Nt } from "vue-router";
 const Ft = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Ut = /* @__PURE__ */ Z({
   __name: "Image",
@@ -32,7 +32,7 @@ const Ft = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "
       (c) => {
         o.value = c, l.value = "loading";
       }
-    ), de(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (c, C) => (f(), b("div", {
+    ), de(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (c, C) => (v(), b("div", {
       class: fe(["ui-image", {
         "is-loading": l.value === "loading",
         "is-error": l.value === "error",
@@ -87,7 +87,7 @@ const jt = /* @__PURE__ */ Z({
     const t = M();
     return n({
       el: t
-    }), (a, o) => (f(), b("button", ye({
+    }), (a, o) => (v(), b("button", ye({
       ref_key: "rootRef",
       ref: t,
       type: "button",
@@ -116,7 +116,7 @@ const Wt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Yt
       const r = !t.value;
       t.value = r, a("change", r);
     };
-    return (r, s) => (f(), b("button", {
+    return (r, s) => (v(), b("button", {
       id: e.id,
       role: "switch",
       type: "button",
@@ -175,8 +175,8 @@ const xt = (e) => {
   u.selectNodeContents(o), u.setEnd(s.startContainer, s.startOffset);
   const c = u.cloneContents(), C = document.createRange();
   C.selectNodeContents(o), C.setStart(s.startContainer, s.startOffset);
-  const v = C.cloneContents();
-  o.innerHTML = "", o.appendChild(c), o.innerHTML === "" && (o.innerHTML = "<br>"), l.innerHTML = "", l.appendChild(v), l.innerHTML === "" && (l.innerHTML = "<br>"), o.after(l);
+  const f = C.cloneContents();
+  o.innerHTML = "", o.appendChild(c), o.innerHTML === "" && (o.innerHTML = "<br>"), l.innerHTML = "", l.appendChild(f), l.innerHTML === "" && (l.innerHTML = "<br>"), o.after(l);
   const m = document.createRange();
   m.setStart(l, 0), m.collapse(!0), t.removeAllRanges(), t.addRange(m), n?.normalize();
 }, t1 = () => {
@@ -250,14 +250,14 @@ const xt = (e) => {
   }, C = (d) => {
     const p = window.getSelection();
     if (!p || p.rangeCount === 0) return !1;
-    const y = p.getRangeAt(0), D = v(y.startContainer);
+    const y = p.getRangeAt(0), D = f(y.startContainer);
     if (!D) return !1;
     const se = D.tagName.toLowerCase() === d.toLowerCase() ? "p" : d.toLowerCase(), X = document.createElement(se);
     for (se === "blockquote" && X.setAttribute("class", "rs-blockquote"), X.dataset.block = "true"; D.firstChild; ) X.appendChild(D.firstChild);
     D.replaceWith(X);
     const G = document.createRange();
     return G.selectNodeContents(X), p.removeAllRanges(), p.addRange(G), s(), V(), k(d);
-  }, v = (d) => {
+  }, f = (d) => {
     const p = e;
     if (!p) return null;
     for (; d && d !== p; ) {
@@ -339,7 +339,7 @@ const xt = (e) => {
   }, _ = () => r.value?.focusFirstButton?.(), O = (d) => {
     const p = window.getSelection();
     if (!p || p.rangeCount === 0) return;
-    const y = p.getRangeAt(0), D = v(y.startContainer);
+    const y = p.getRangeAt(0), D = f(y.startContainer);
     if (!D) return;
     const U = y.cloneRange();
     U.selectNodeContents(D), U.setEnd(y.startContainer, y.startOffset);
@@ -352,13 +352,13 @@ const xt = (e) => {
       NodeFilter.SHOW_TEXT,
       null
     );
-    let xe = 0, ze = null, Fe = 0, Be = null, Re = 0;
+    let xe = 0, ze = null, Pe = 0, Be = null, Re = 0;
     for (; ge.nextNode(); ) {
       const Ye = ge.currentNode, Xe = Ye.textContent?.length ?? 0;
-      !ze && xe + Xe >= se && (ze = Ye, Fe = se - xe), !Be && xe + Xe >= G && (Be = Ye, Re = G - xe), xe += Xe;
+      !ze && xe + Xe >= se && (ze = Ye, Pe = se - xe), !Be && xe + Xe >= G && (Be = Ye, Re = G - xe), xe += Xe;
     }
     const De = document.createRange();
-    ze ? De.setStart(ze, Fe) : De.setStart(re, 0), !ie && Be ? De.setEnd(Be, Re) : De.collapse(!0), p.removeAllRanges(), p.addRange(De), s(), V();
+    ze ? De.setStart(ze, Pe) : De.setStart(re, 0), !ie && Be ? De.setEnd(Be, Re) : De.collapse(!0), p.removeAllRanges(), p.addRange(De), s(), V();
   }, J = (d) => {
     const p = e.parentElement?.querySelector("#editor-status");
     p && (p.textContent = d, setTimeout(() => p.textContent = "", 2e3));
@@ -375,7 +375,7 @@ const xt = (e) => {
       ae(d);
       return;
     }
-    const y = p.getRangeAt(0), D = v(y.startContainer);
+    const y = p.getRangeAt(0), D = f(y.startContainer);
     if (!D) {
       ae(d);
       return;
@@ -416,8 +416,8 @@ const xt = (e) => {
     const G = (ie) => {
       ie.preventDefault(), X = p.offsetWidth, se = ie instanceof TouchEvent ? ie.touches[0].clientX : ie.clientX;
       const re = (xe) => {
-        const Fe = (xe instanceof TouchEvent ? xe.touches[0].clientX : xe.clientX) - se, Be = p.parentElement?.clientWidth || window.innerWidth;
-        let Re = X + Fe;
+        const Pe = (xe instanceof TouchEvent ? xe.touches[0].clientX : xe.clientX) - se, Be = p.parentElement?.clientWidth || window.innerWidth;
+        let Re = X + Pe;
         Re > Be && (Re = Be), Re < 40 && (Re = 40);
         const De = Re / Be * 100;
         p.style.width = De + "%";
@@ -465,7 +465,7 @@ const xt = (e) => {
     if (d.key !== "Backspace" && d.key !== "Delete") return;
     const p = window.getSelection();
     if (!p || p.rangeCount === 0) return;
-    const y = p.getRangeAt(0), D = v(y.startContainer);
+    const y = p.getRangeAt(0), D = f(y.startContainer);
     if (!D) return;
     const U = D.querySelector("iframe");
     U && (d.preventDefault(), d.stopPropagation(), U.remove(), D.removeAttribute("style"), D.replaceChildren(document.createElement("br")), L(D));
@@ -476,7 +476,7 @@ const xt = (e) => {
     let U = null;
     if (D && D.rangeCount > 0) {
       const G = D.getRangeAt(0);
-      U = v(G.startContainer);
+      U = f(G.startContainer);
     }
     const se = U && !U.textContent?.trim() && U.querySelectorAll("img, iframe").length === 0;
     let X = null;
@@ -516,7 +516,7 @@ const xt = (e) => {
     d.preventDefault();
     const se = window.getSelection();
     if (!se || se.rangeCount === 0) return;
-    const X = se.getRangeAt(0), G = v(X.startContainer);
+    const X = se.getRangeAt(0), G = f(X.startContainer);
     if (G && G.textContent?.trim() === y && (G.innerHTML = "<br>"), D) {
       le(y);
       return;
@@ -579,28 +579,28 @@ const xt = (e) => {
     onImageResolutionError: {}
   },
   setup(e, { expose: n }) {
-    const t = e, a = M(""), o = M(null), i = (v) => {
-      if (v.ctrlKey || v.metaKey)
-        switch (v.altKey && v.key === "F10" && (v.preventDefault(), t.editor?.restoreSelection(), t.editor?.focusFirstToolbarButton()), v.key.toLowerCase()) {
+    const t = e, a = M(""), o = M(null), i = (f) => {
+      if (f.ctrlKey || f.metaKey)
+        switch (f.altKey && f.key === "F10" && (f.preventDefault(), t.editor?.restoreSelection(), t.editor?.focusFirstToolbarButton()), f.key.toLowerCase()) {
           case "b":
-            v.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("strong"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
+            f.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("strong"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
             break;
           case "i":
-            v.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("em"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
+            f.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("em"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
             break;
           case "1":
-            v.altKey && (v.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleBlock("h1"), t.editor?.focus(), t.editor?.announce(t.editor.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled"));
+            f.altKey && (f.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleBlock("h1"), t.editor?.focus(), t.editor?.announce(t.editor.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled"));
             break;
         }
     }, l = () => {
-      const v = window.getSelection();
-      if (!v || v.rangeCount === 0) return;
+      const f = window.getSelection();
+      if (!f || f.rangeCount === 0) return;
       const m = o.value;
       if (!m) return;
-      const h = v.getRangeAt(0);
+      const h = f.getRangeAt(0);
       m.contains(h.commonAncestorContainer) && t.editor?.saveSelection();
-    }, r = (v) => {
-      const m = new DOMParser().parseFromString(v, "text/html"), h = /* @__PURE__ */ new Set([
+    }, r = (f) => {
+      const m = new DOMParser().parseFromString(f, "text/html"), h = /* @__PURE__ */ new Set([
         "P",
         "BR",
         "STRONG",
@@ -634,25 +634,25 @@ const xt = (e) => {
         k?.removeChild(I);
       }), m.body.innerHTML;
     }, s = () => {
-      const v = window.getSelection();
-      if (!v || v.rangeCount === 0) return;
-      const m = v.anchorNode;
+      const f = window.getSelection();
+      if (!f || f.rangeCount === 0) return;
+      const m = f.anchorNode;
       if (!m) return;
       const h = (m instanceof Element ? m : m.parentElement)?.closest("[data-block]");
       h && u(h);
-    }, u = (v) => {
-      const m = v.textContent?.replace(/\u00A0/g, "").trim() ?? "", h = v.querySelector("img, iframe"), L = v.innerHTML === "<br>";
-      (m === "" || L) && !h ? v.dataset.empty = "true" : v.dataset.empty = "false";
-    }, c = (v) => {
+    }, u = (f) => {
+      const m = f.textContent?.replace(/\u00A0/g, "").trim() ?? "", h = f.querySelector("img, iframe"), L = f.innerHTML === "<br>";
+      (m === "" || L) && !h ? f.dataset.empty = "true" : f.dataset.empty = "false";
+    }, c = (f) => {
       const m = window.getSelection();
       if (!m || m.rangeCount === 0) return;
       const h = m.getRangeAt(0);
       h.deleteContents();
-      const L = h.createContextualFragment(v);
+      const L = h.createContextualFragment(f);
       h.insertNode(L), m.collapseToEnd();
-    }, C = (v) => {
-      v.preventDefault();
-      const m = v.clipboardData?.getData("text/html"), h = v.clipboardData?.getData("text/plain");
+    }, C = (f) => {
+      f.preventDefault();
+      const m = f.clipboardData?.getData("text/html"), h = f.clipboardData?.getData("text/plain");
       if (m) {
         const L = r(m);
         c(L);
@@ -661,13 +661,13 @@ const xt = (e) => {
     };
     return de(() => {
       document.addEventListener("selectionchange", l);
-      const v = o.value;
-      v && v.querySelectorAll("[data-block]").forEach((m) => {
+      const f = o.value;
+      f && f.querySelectorAll("[data-block]").forEach((m) => {
         u(m);
       });
     }), Ve(() => document.removeEventListener("selectionchange", l)), n({
       getRoot: () => o
-    }), (v, m) => (f(), b(ce, null, [
+    }), (f, m) => (v(), b(ce, null, [
       $("div", {
         ref_key: "rootRef",
         ref: o,
@@ -2264,7 +2264,7 @@ const xt = (e) => {
     spin: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (f(), b("svg", {
+    return (n, t) => (v(), b("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       class: fe(["icon", { spin: e.spin }]),
       viewBox: E(Je)[e.name].viewBox,
@@ -2274,28 +2274,28 @@ const xt = (e) => {
       fill: "none",
       "aria-hidden": "true"
     }, [
-      (f(!0), b(ce, null, Ce(E(Je)[e.name].paths, (a, o) => (f(), b(ce, { key: o }, [
-        a.type === "path" ? (f(), b("path", ye({
+      (v(!0), b(ce, null, Ce(E(Je)[e.name].paths, (a, o) => (v(), b(ce, { key: o }, [
+        a.type === "path" ? (v(), b("path", ye({
           key: 0,
           ref_for: !0
         }, a), null, 16)) : q("", !0),
-        a.type === "circle" ? (f(), b("circle", ye({
+        a.type === "circle" ? (v(), b("circle", ye({
           key: 1,
           ref_for: !0
         }, a), null, 16)) : q("", !0),
-        a.type === "line" ? (f(), b("line", ye({
+        a.type === "line" ? (v(), b("line", ye({
           key: 2,
           ref_for: !0
         }, a), null, 16)) : q("", !0),
-        a.type === "polyline" ? (f(), b("polyline", ye({
+        a.type === "polyline" ? (v(), b("polyline", ye({
           key: 3,
           ref_for: !0
         }, a), null, 16)) : q("", !0),
-        a.type === "rect" ? (f(), b("rect", ye({
+        a.type === "rect" ? (v(), b("rect", ye({
           key: 4,
           ref_for: !0
         }, a), null, 16)) : q("", !0),
-        a.type === "polygon" ? (f(), b("polygon", ye({
+        a.type === "polygon" ? (v(), b("polygon", ye({
           key: 5,
           ref_for: !0
         }, a), null, 16)) : q("", !0)
@@ -2313,7 +2313,7 @@ const xt = (e) => {
     const t = e, a = Qe + Pa, o = M(!1), i = M([]), l = M(null), r = M({});
     let s = null, u = null, c = 0;
     const C = () => {
-      r.value = v();
+      r.value = f();
     };
     ee(o, async (g) => {
       if (!g) {
@@ -2322,7 +2322,7 @@ const xt = (e) => {
       }
       await $e(), await $e(), C(), l.value && (s = new ResizeObserver(C), s.observe(l.value)), u = m(C);
     }, { flush: "post" });
-    const v = () => {
+    const f = () => {
       const g = window.getSelection();
       if (!g || g.rangeCount === 0) return {};
       const _ = t.editor?.rootElement;
@@ -2444,10 +2444,10 @@ const xt = (e) => {
       u?.(), s?.disconnect(), s = null, cancelAnimationFrame(c), document.removeEventListener("selectionchange", R);
     }), n({
       focusFirstButton: I
-    }), (g, _) => (f(), oe(Pe, { to: "body" }, [
+    }), (g, _) => (v(), oe(Fe, { to: "body" }, [
       P(Ee, { name: "tooltip-fade" }, {
         default: te(() => [
-          o.value ? (f(), b("div", {
+          o.value ? (v(), b("div", {
             key: 0,
             ref_key: "toolbarRef",
             ref: l,
@@ -2460,7 +2460,7 @@ const xt = (e) => {
             onKeydown: k
           }, [
             _[0] || (_[0] = $("div", { class: "arrow" }, null, -1)),
-            (f(!0), b(ce, null, Ce(V.value, (O, J) => (f(), b("button", {
+            (v(!0), b(ce, null, Ce(V.value, (O, J) => (v(), b("button", {
               key: O.key ?? J,
               type: "button",
               ref_for: !0,
@@ -2470,11 +2470,11 @@ const xt = (e) => {
               onMousedown: ve((ae) => O.action(t.editor), ["prevent"]),
               "aria-label": O.ariaLabel
             }, [
-              O.type === "icon" ? (f(), oe(me, {
+              O.type === "icon" ? (v(), oe(me, {
                 key: 0,
                 name: O.label,
                 size: O.size ?? 14
-              }, null, 8, ["name", "size"])) : (f(), b("span", Fa, K(O.label), 1))
+              }, null, 8, ["name", "size"])) : (v(), b("span", Fa, K(O.label), 1))
             ], 42, Na))), 128))
           ], 44, qa)) : q("", !0)
         ]),
@@ -2525,7 +2525,7 @@ const xt = (e) => {
       u.addEventListener("input", c), Ve(() => u.removeEventListener("input", c));
     }), He("announce", (s) => l.value?.announce(s)), n({
       editor: l
-    }), (s, u) => (f(), b("section", ja, [
+    }), (s, u) => (v(), b("section", ja, [
       P(i1, {
         ref_key: "contentRef",
         ref: r,
@@ -2589,7 +2589,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
   }),
   emits: /* @__PURE__ */ ue(["select", "upload", "remove"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = M(0), l = M(""), r = M(!1), s = he(), u = M(), c = B(() => t.value), C = B(() => a.maxSize === 1 / 0 ? "Unlimited" : ae(a.maxSize)), v = B(() => !a.disabled && (a.multiple || t.value.length === 0)), m = B(() => c.value.some((x) => x.status === "uploading")), h = () => v.value && u.value?.click(), L = () => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = M(0), l = M(""), r = M(!1), s = he(), u = M(), c = B(() => t.value), C = B(() => a.maxSize === 1 / 0 ? "Unlimited" : ae(a.maxSize)), f = B(() => !a.disabled && (a.multiple || t.value.length === 0)), m = B(() => c.value.some((x) => x.status === "uploading")), h = () => f.value && u.value?.click(), L = () => {
       a.disabled || (i.value++, r.value = !0);
     }, V = () => {
       i.value = Math.max(0, i.value - 1), i.value === 0 && (r.value = !1);
@@ -2657,7 +2657,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
     }, A = (x) => {
       x.controller && x.controller.abort(), o("remove", x), t.value = c.value.filter((H) => H.id !== x.id);
     };
-    return (x, H) => (f(), b("div", {
+    return (x, H) => (v(), b("div", {
       role: "button",
       class: "ui-upload",
       tabindex: e.disabled ? -1 : 0,
@@ -2707,8 +2707,8 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         }),
         $("span", null, "Maximum size: " + K(C.value), 1)
       ], !0) : q("", !0),
-      c.value?.length ? (f(), b("ul", Xa, [
-        (f(!0), b(ce, null, Ce(c.value, (z) => (f(), b("li", {
+      c.value?.length ? (v(), b("ul", Xa, [
+        (v(!0), b(ce, null, Ce(c.value, (z) => (v(), b("li", {
           key: z.id,
           class: "ui-upload__item"
         }, [
@@ -2722,7 +2722,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
               $("span", Ja, K(z.file.name), 1),
               $("span", Qa, K(ae(z.file.size)), 1)
             ]),
-            z.status === "uploading" ? (f(), b("div", e2, [
+            z.status === "uploading" ? (v(), b("div", e2, [
               $("span", t2, K(z.progress) + "% ", 1),
               $("progress", {
                 class: "ui-upload__progress",
@@ -2731,11 +2731,11 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
                 "aria-label": `Upload progress for ${z.file.name}`
               }, null, 8, a2)
             ])) : q("", !0),
-            z.status === "success" ? (f(), b("span", n2, " Uploaded successful ")) : q("", !0),
-            z.status === "error" ? (f(), b("span", o2, K(z.error || "Upload failed"), 1)) : q("", !0),
-            z.status === "canceled" ? (f(), b("span", l2, " Upload canceled ")) : q("", !0),
+            z.status === "success" ? (v(), b("span", n2, " Uploaded successful ")) : q("", !0),
+            z.status === "error" ? (v(), b("span", o2, K(z.error || "Upload failed"), 1)) : q("", !0),
+            z.status === "canceled" ? (v(), b("span", l2, " Upload canceled ")) : q("", !0),
             $("div", r2, [
-              z.status === "uploading" ? (f(), oe(Le, {
+              z.status === "uploading" ? (v(), oe(Le, {
                 key: 0,
                 type: "button",
                 class: "btn-danger btn-xs",
@@ -2746,7 +2746,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
                 ])]),
                 _: 1
               }, 8, ["onClick"])) : q("", !0),
-              z.status === "error" || z.status === "canceled" ? (f(), oe(Le, {
+              z.status === "error" || z.status === "canceled" ? (v(), oe(Le, {
                 key: 1,
                 type: "button",
                 class: "btn-info btn-xs",
@@ -2757,7 +2757,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
                 ])]),
                 _: 1
               }, 8, ["onClick"])) : q("", !0),
-              z.status !== "uploading" ? (f(), oe(Le, {
+              z.status !== "uploading" ? (v(), oe(Le, {
                 key: 2,
                 type: "button",
                 class: "btn-outline btn-xs",
@@ -2804,7 +2804,7 @@ const c2 = (e) => {
       n.disabled || (s && (clearTimeout(s), s = null), n.delay ? s = window.setTimeout(() => {
         a.value = !0, s = null;
       }, n.delay) : a.value = !0);
-    }, v = () => {
+    }, f = () => {
       s && (clearTimeout(s), s = null), a.value = !1;
     }, m = () => {
       if (!i.value || !l.value) return {};
@@ -2837,7 +2837,7 @@ const c2 = (e) => {
       await $e(), h(), u = c2(h), c = new ResizeObserver(h), l.value && c.observe(l.value), i.value && c.observe(i.value);
     }), _e(() => {
       u?.(), c?.disconnect();
-    }), (L, V) => (f(), b(ce, null, [
+    }), (L, V) => (v(), b(ce, null, [
       $("span", {
         ref_key: "triggerRef",
         ref: i,
@@ -2846,17 +2846,17 @@ const c2 = (e) => {
         "aria-disabled": e.disabled || void 0,
         "aria-expanded": a.value || void 0,
         onMouseenter: C,
-        onMouseleave: v,
+        onMouseleave: f,
         onFocus: C,
-        onBlur: v,
-        onKeydown: be(v, ["esc"])
+        onBlur: f,
+        onKeydown: be(f, ["esc"])
       }, [
         Y(L.$slots, "default", {}, void 0, !0)
       ], 40, d2),
-      (f(), oe(Pe, { to: "body" }, [
+      (v(), oe(Fe, { to: "body" }, [
         P(Ee, { name: "tooltip-fade" }, {
           default: te(() => [
-            a.value ? (f(), b("div", {
+            a.value ? (v(), b("div", {
               key: 0,
               ref_key: "tooltipRef",
               ref: l,
@@ -2909,7 +2909,7 @@ const C2 = {
     ]), l = B(() => t.clickable && t.as !== "button" && t.as !== "a"), r = (u) => {
       t.disabled || !o.value || a("click", u);
     }, s = () => a("remove");
-    return (u, c) => (f(), oe(Ze(e.as), {
+    return (u, c) => (v(), oe(Ze(e.as), {
       ref: "rootRef",
       class: fe(["ui-tag", i.value]),
       "aria-disabled": e.disabled || void 0,
@@ -2922,13 +2922,13 @@ const C2 = {
       ]
     }, {
       default: te(() => [
-        u.$slots.icon ? (f(), b("span", C2, [
+        u.$slots.icon ? (v(), b("span", C2, [
           Y(u.$slots, "icon", {}, void 0, !0)
         ])) : q("", !0),
         $("span", h2, [
           Y(u.$slots, "default", {}, void 0, !0)
         ]),
-        e.removable ? (f(), b("button", {
+        e.removable ? (v(), b("button", {
           key: 1,
           class: "ui-tag__remove",
           type: "button",
@@ -2961,7 +2961,7 @@ const C2 = {
       }
       a("click", i);
     };
-    return (i, l) => (f(), b("a", {
+    return (i, l) => (v(), b("a", {
       class: "link",
       href: e.disabled ? void 0 : e.href,
       "aria-disabled": e.disabled ? "true" : void 0,
@@ -2983,21 +2983,21 @@ const C2 = {
     }, c = () => t.value = !t.value, C = (k) => {
       const R = `dropdown-item-${n++}`;
       return o.value[R] = k, R;
-    }, v = (k) => {
+    }, f = (k) => {
       const R = o.value[k];
       R && R.focus({ preventScroll: !0 });
     }, m = () => {
       const k = Object.keys(o.value)[0];
-      k && v(k);
+      k && f(k);
     }, h = () => {
       const k = Object.keys(o.value), R = k[k.length - 1];
-      R && v(R);
+      R && f(R);
     }, L = (k) => {
       const R = Object.keys(o.value), g = I(k), _ = R[g + 1];
-      g >= 0 && g < R.length - 1 && _ && v(_);
+      g >= 0 && g < R.length - 1 && _ && f(_);
     }, V = (k) => {
       const R = Object.keys(o.value), g = I(k), _ = R[g - 1];
-      g > 0 && _ && v(_);
+      g > 0 && _ && f(_);
     }, I = (k) => Object.keys(o.value).indexOf(k);
     return He("DropdownContext", {
       open: s,
@@ -3005,7 +3005,7 @@ const C2 = {
       toggle: c,
       isOpen: t,
       registerItem: C,
-      focusItem: v,
+      focusItem: f,
       focusNextItem: L,
       focusPrevItem: V,
       focusFirstItem: m,
@@ -3013,7 +3013,7 @@ const C2 = {
       triggerRef: a,
       menuId: l,
       triggerId: r
-    }), (k, R) => (f(), b("div", M2, [
+    }), (k, R) => (v(), b("div", M2, [
       Y(k.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -3029,7 +3029,7 @@ const C2 = {
     const a = M(), o = (i) => {
       i.key === "ArrowDown" && (i.preventDefault(), t.open(), $e(() => t.focusFirstItem())), i.key === "ArrowUp" && (i.preventDefault(), t.open(), $e(() => t.focusLastItem()));
     };
-    return de(() => t.triggerRef.value = a.value?.el), (i, l) => (f(), oe(Le, {
+    return de(() => t.triggerRef.value = a.value?.el), (i, l) => (v(), oe(Le, {
       ref_key: "btn",
       ref: a,
       id: E(t).triggerId,
@@ -3042,7 +3042,7 @@ const C2 = {
     }, {
       default: te(() => [
         Y(i.$slots, "default", {}, void 0, !0),
-        n.variant === "button" ? (f(), oe(me, {
+        n.variant === "button" ? (v(), oe(me, {
           key: 0,
           name: "directionDown"
         })) : q("", !0)
@@ -3058,12 +3058,12 @@ const C2 = {
     const t = M(), a = M({});
     let o = !1, i;
     const l = (C) => {
-      const v = C.target;
-      t.value?.contains(v) || n.triggerRef.value?.contains(v) || n.close();
+      const f = C.target;
+      t.value?.contains(f) || n.triggerRef.value?.contains(f) || n.close();
     }, r = (C) => C.key === "Escape" && n.close(), s = () => {
-      const C = n.triggerRef.value, v = t.value;
-      if (!C || !v) return;
-      const m = C.getBoundingClientRect(), h = v.getBoundingClientRect();
+      const C = n.triggerRef.value, f = t.value;
+      if (!C || !f) return;
+      const m = C.getBoundingClientRect(), h = f.getBoundingClientRect();
       let L, V;
       window.innerHeight - m.bottom >= h.height ? L = m.bottom : L = m.top - h.height, window.innerWidth - m.left <= h.width ? V = m.right - h.width : V = m.left, a.value = {
         "--dropdown-menu-position": "fixed",
@@ -3088,29 +3088,31 @@ const C2 = {
       }), t.value && i.observe(t.value), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c);
     }), Ve(() => {
       i?.disconnect(), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
-    }), (C, v) => E(n).isOpen.value ? (f(), b("div", {
-      key: 0,
-      role: "menu",
-      ref_key: "menuRef",
-      ref: t,
-      style: Ie(a.value),
-      id: E(n).menuId,
-      "aria-orientation": "vertical",
-      "aria-labelledby": E(n).triggerId,
-      class: "ui-dropdown-menu",
-      onKeydown: r
-    }, [
-      Y(C.$slots, "default", {}, void 0, !0)
-    ], 44, H2)) : q("", !0);
+    }), (C, f) => (v(), oe(Fe, { to: "body" }, [
+      E(n).isOpen.value ? (v(), b("div", {
+        key: 0,
+        role: "menu",
+        ref_key: "menuRef",
+        ref: t,
+        style: Ie(a.value),
+        id: E(n).menuId,
+        "aria-orientation": "vertical",
+        "aria-labelledby": E(n).triggerId,
+        class: "ui-dropdown-menu",
+        onKeydown: r
+      }, [
+        Y(C.$slots, "default", {}, void 0, !0)
+      ], 44, H2)) : q("", !0)
+    ]));
   }
-}), B2 = /* @__PURE__ */ W(V2, [["__scopeId", "data-v-b201f36f"]]), R2 = { class: "ui-button-menu" }, A2 = /* @__PURE__ */ Z({
+}), B2 = /* @__PURE__ */ W(V2, [["__scopeId", "data-v-95ca8bce"]]), R2 = { class: "ui-button-menu" }, A2 = /* @__PURE__ */ Z({
   __name: "ButtonMenu",
   props: {
     variant: {}
   },
   emits: ["click"],
   setup(e) {
-    return (n, t) => (f(), b("div", R2, [
+    return (n, t) => (v(), b("div", R2, [
       P(Le, ye({
         class: ["btn-menu-primary", e.variant]
       }, n.$attrs, {
@@ -3197,7 +3199,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     hintId: {}
   },
   setup(e) {
-    return (n, t) => n.$slots.default ? (f(), b("p", {
+    return (n, t) => n.$slots.default ? (v(), b("p", {
       key: 0,
       id: e.hintId,
       class: "visually-hidden"
@@ -3212,7 +3214,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     isRequired: {}
   },
   setup(e) {
-    return (n, t) => e.isRequired ? (f(), b("p", {
+    return (n, t) => e.isRequired ? (v(), b("p", {
       key: 0,
       id: `${e.baseId}-required-hint`,
       class: "visually-hidden"
@@ -3226,7 +3228,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     errorMessage: {}
   },
   setup(e) {
-    return (n, t) => e.invalid && e.errorMessage ? (f(), b("p", {
+    return (n, t) => e.invalid && e.errorMessage ? (v(), b("p", {
       key: 0,
       id: e.errorId,
       class: "error-text",
@@ -3252,10 +3254,10 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   }),
   emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = lt(), l = M(null), r = he(), s = `${r}-error`, u = `${r}-hint`, c = Ke(i).value, C = M(!1), v = M(""), m = M(!1), h = B(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = B(() => c ? `${u} ${r}-required-hint` : u), V = B(() => a.invalid === !0 && a.errorMessage ? s : void 0), I = B(() => a.type === "password" ? m.value ? "text" : "password" : a.type), k = B(() => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = lt(), l = M(null), r = he(), s = `${r}-error`, u = `${r}-hint`, c = Ke(i).value, C = M(!1), f = M(""), m = M(!1), h = B(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = B(() => c ? `${u} ${r}-required-hint` : u), V = B(() => a.invalid === !0 && a.errorMessage ? s : void 0), I = B(() => a.type === "password" ? m.value ? "text" : "password" : a.type), k = B(() => {
       const { type: F, ...ne } = i;
       return ne;
-    }), R = B(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : J(v.value) : a.mask ? gt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), g = B(() => a.mask ? Ne(a.mask).filter((F) => F.type !== "literal").length : 0), _ = B(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
+    }), R = B(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : J(f.value) : a.mask ? gt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), g = B(() => a.mask ? Ne(a.mask).filter((F) => F.type !== "literal").length : 0), _ = B(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
       style: "currency",
       currency: a.currency
     }) : null), O = B(() => ({
@@ -3284,9 +3286,9 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       const ne = F.target;
       if (a.currency) {
         let T = le(ne.value);
-        l.value?.inputType === "deleteContentBackward" && (T = v.value.slice(0, -1)), v.value = T;
-        const Q = J(v.value);
-        ne.value = Q, t.value = Number(v.value || "0") / 100, l.value = null;
+        l.value?.inputType === "deleteContentBackward" && (T = f.value.slice(0, -1)), f.value = T;
+        const Q = J(f.value);
+        ne.value = Q, t.value = Number(f.value || "0") / 100, l.value = null;
         return;
       }
       let S = a.mask ? D2(ne.value, a.mask) : ne.value;
@@ -3316,10 +3318,10 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       (F) => {
         if (!a.currency) return;
         const ne = Math.round(Number(F || 0) * 100);
-        v.value = String(ne);
+        f.value = String(ne);
       },
       { immediate: !0 }
-    ), (F, ne) => (f(), b("div", {
+    ), (F, ne) => (v(), b("div", {
       class: fe(["input-box", { required: E(c), error: e.invalid, filled: h.value, focused: C.value }])
     }, [
       $("label", {
@@ -3357,7 +3359,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         invalid: e.invalid,
         errorMessage: e.errorMessage
       }, null, 8, ["invalid", "errorMessage"]),
-      e.type === "password" ? (f(), oe(Le, ye({ key: 0 }, Object.keys(F.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
+      e.type === "password" ? (v(), oe(Le, ye({ key: 0 }, Object.keys(F.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
         type: "button",
         class: "btn-icon",
         onClick: ae,
@@ -3393,21 +3395,21 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     return ee(
       () => n.src,
       () => n.src && (t.value = "loading")
-    ), de(() => !n.src && (t.value = "error")), (s, u) => (f(), b("div", {
+    ), de(() => !n.src && (t.value = "error")), (s, u) => (v(), b("div", {
       class: "ui-avatar",
       "data-size": e.size,
       "data-shape": e.shape,
       "aria-label": a.value ? void 0 : i.value,
       "aria-busy": t.value === "loading" || void 0
     }, [
-      a.value ? (f(), oe(Te, {
+      a.value ? (v(), oe(Te, {
         key: 0,
         src: e.src,
         alt: e.alt ?? "",
         class: "ui-avatar__img",
         onLoad: l,
         onError: r
-      }, null, 8, ["src", "alt"])) : t.value === "loading" ? (f(), b("div", j2)) : (f(), b("div", W2, [
+      }, null, 8, ["src", "alt"])) : t.value === "loading" ? (v(), b("div", j2)) : (v(), b("div", W2, [
         Y(s.$slots, "default", {}, () => [
           Me(K(o.value), 1)
         ], !0)
@@ -3432,7 +3434,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     ee(i, (S) => {
       S ? document.addEventListener("mousedown", F) : document.removeEventListener("mousedown", F);
     });
-    const l = lt(), r = M(!1), s = M(null), u = B(() => a.id ?? he()), c = `${u.value}-label`, C = `${u.value}-listbox`, v = `${u.value}-error`, m = `${u.value}-hint`, h = `${u.value}-value`, L = M(null), V = M(null), I = B(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = B(() => L.value !== null ? `${C}-option-${L.value}` : void 0), R = Ke(l).value, g = B(() => R ? `${m} ${u.value}-required-hint` : m), _ = B(() => i.value && k.value ? k.value : void 0), O = B(() => V.value !== null ? a.options[V.value]?.value : "");
+    const l = lt(), r = M(!1), s = M(null), u = B(() => a.id ?? he()), c = `${u.value}-label`, C = `${u.value}-listbox`, f = `${u.value}-error`, m = `${u.value}-hint`, h = `${u.value}-value`, L = M(null), V = M(null), I = B(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = B(() => L.value !== null ? `${C}-option-${L.value}` : void 0), R = Ke(l).value, g = B(() => R ? `${m} ${u.value}-required-hint` : m), _ = B(() => i.value && k.value ? k.value : void 0), O = B(() => V.value !== null ? a.options[V.value]?.value : "");
     ee(
       () => t.value,
       () => ne()
@@ -3500,7 +3502,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         if (!a.options || a.options.length === 0) return;
         ne();
       }
-    }), (S, w) => (f(), b("div", {
+    }), (S, w) => (v(), b("div", {
       ref_key: "selectRef",
       ref: s,
       class: fe(["select-box", { required: Object.keys(S.$attrs).includes("required"), error: e.invalid, filled: I.value, focused: r.value }])
@@ -3517,7 +3519,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-labelledby": `${c} ${h}`,
         "aria-required": E(R),
-        "aria-describedby": E(st)(S.$props, S.$slots, v, g.value).value,
+        "aria-describedby": E(st)(S.$props, S.$slots, f, g.value).value,
         "aria-activedescendant": _.value,
         "aria-disabled": E(l).disabled ? "true" : void 0,
         onBlur: ae,
@@ -3549,7 +3551,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
             role: "listbox",
             class: "options"
           }, [
-            (f(!0), b(ce, null, Ce(e.options, (T, Q) => (f(), b("li", {
+            (v(!0), b(ce, null, Ce(e.options, (T, Q) => (v(), b("li", {
               id: `${C}-option-${Q}`,
               key: Q,
               role: "option",
@@ -3580,7 +3582,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         isRequired: E(R)
       }, null, 8, ["baseId", "isRequired"]),
       P(ct, {
-        errorId: v,
+        errorId: f,
         invalid: e.invalid,
         errorMessage: e.errorMessage
       }, null, 8, ["invalid", "errorMessage"])
@@ -3610,7 +3612,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   }),
   emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = M([]), l = M("next"), r = M(null), s = `gallery-caption-${he()}`, u = M(null), c = B(() => t.value), C = B(() => a.images[c.value]), v = (k, R) => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = M([]), l = M("next"), r = M(null), s = `gallery-caption-${he()}`, u = M(null), c = B(() => t.value), C = B(() => a.images[c.value]), f = (k, R) => {
       k && (i.value[R] = k);
     }, m = (k) => {
       k !== c.value && (l.value = k > c.value ? "next" : "prev", t.value = k, o("change", k));
@@ -3641,7 +3643,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       });
     }), ee(() => a.images, () => {
       i.value = [];
-    }), (k, R) => (f(), b("div", {
+    }), (k, R) => (v(), b("div", {
       role: "region",
       class: "rs-gallery",
       "aria-roledescription": "carousel",
@@ -3667,7 +3669,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
           onAfterEnter: I
         }, {
           default: te(() => [
-            C.value ? (f(), oe(Te, {
+            C.value ? (v(), oe(Te, {
               key: C.value.src,
               src: C.value.src,
               alt: C.value.alt || "",
@@ -3681,16 +3683,16 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
           index: c.value
         }, void 0, !0)
       ], 44, an),
-      C.value?.title ? (f(), b("p", {
+      C.value?.title ? (v(), b("p", {
         key: 0,
         id: s,
         class: "rs-gallery-caption"
       }, K(C.value.title), 1)) : q("", !0),
-      e.showThumbnails ? (f(), b("ul", nn, [
-        (f(!0), b(ce, null, Ce(e.images, (g, _) => (f(), b("li", {
+      e.showThumbnails ? (v(), b("ul", nn, [
+        (v(!0), b(ce, null, Ce(e.images, (g, _) => (v(), b("li", {
           key: g.src,
           ref_for: !0,
-          ref: (O) => v(O, _),
+          ref: (O) => f(O, _),
           "aria-selected": c.value === _
         }, [
           $("button", {
@@ -3723,13 +3725,13 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   },
   emits: ["change"],
   setup(e) {
-    return (n, t) => (f(), b("div", {
+    return (n, t) => (v(), b("div", {
       class: "rs-gallery-grid",
       style: Ie({ "--grid-columns": e.columns, "--grid-gap": e.gap }),
       role: "list",
       "aria-label": e.ariaLabel || "Image grid gallery"
     }, [
-      (f(!0), b(ce, null, Ce(e.images, (a, o) => (f(), b("button", {
+      (v(!0), b(ce, null, Ce(e.images, (a, o) => (v(), b("button", {
         key: a.src,
         type: "button",
         class: "grid-item",
@@ -3789,16 +3791,16 @@ const nt = Z({
     };
     let l = !1, r = null;
     const s = (C) => {
-      const v = Array.from(
+      const f = Array.from(
         C.querySelectorAll(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         )
       ).filter((V) => !V.hasAttribute("disabled"));
-      if (v.length === 0) {
+      if (f.length === 0) {
         C.setAttribute("tabindex", "-1"), C.focus();
         return;
       }
-      const m = v[0], h = v[v.length - 1], L = (V) => {
+      const m = f[0], h = f[f.length - 1], L = (V) => {
         V.key === "Tab" && (V.shiftKey && document.activeElement === m ? (V.preventDefault(), h?.focus()) : !V.shiftKey && document.activeElement === h && (V.preventDefault(), m?.focus()));
       };
       C.addEventListener("keydown", L), m?.focus(), r = () => {
@@ -3812,7 +3814,7 @@ const nt = Z({
     return Ve(() => {
       r?.(), document.removeEventListener("keydown", i), Oe > 0 && Oe--, Oe === 0 && (document.body.style.overflow = "");
     }), () => j(
-      Pe,
+      Fe,
       { to: "body" },
       j(
         Ee,
@@ -3838,8 +3840,8 @@ const nt = Z({
                 l = C.target === C.currentTarget;
               },
               onMouseup: (C) => {
-                const v = C.target === C.currentTarget;
-                t.closeOnOverlay && l && v && t.close(), l = !1;
+                const f = C.target === C.currentTarget;
+                t.closeOnOverlay && l && f && t.close(), l = !1;
               }
             },
             j(
@@ -3922,7 +3924,7 @@ const dn = /* @__PURE__ */ Z({
     const n = M(0), t = M(!1), a = (i) => {
       n.value = i, t.value = !0;
     }, o = () => t.value = !1;
-    return (i, l) => (f(), b(ce, null, [
+    return (i, l) => (v(), b(ce, null, [
       P(Ht, {
         images: e.images,
         onChange: a,
@@ -3986,8 +3988,8 @@ const dn = /* @__PURE__ */ Z({
     gap: { default: "1rem" }
   },
   setup(e) {
-    return (n, t) => (f(), b("div", vn, [
-      (f(!0), b(ce, null, Ce(e.images, (a) => (f(), b("button", {
+    return (n, t) => (v(), b("div", vn, [
+      (v(!0), b(ce, null, Ce(e.images, (a) => (v(), b("button", {
         key: a.src,
         class: "masonry-item"
       }, [
@@ -4030,8 +4032,8 @@ const dn = /* @__PURE__ */ Z({
         t.value = l, a("change", l);
       }
     }), i = (l) => o.value = l;
-    return (l, r) => (f(), b("section", mn, [
-      e.layout === "carousel" ? (f(), oe(It, {
+    return (l, r) => (v(), b("section", mn, [
+      e.layout === "carousel" ? (v(), oe(It, {
         key: 0,
         modelValue: o.value,
         "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
@@ -4041,7 +4043,7 @@ const dn = /* @__PURE__ */ Z({
         transform: e.transform,
         "transform-thumbnails": e.transformThumbnails,
         "show-thumbnails": e.showThumbnails
-      }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (f(), oe(Ht, {
+      }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (v(), oe(Ht, {
         key: 1,
         modelValue: o.value,
         "onUpdate:modelValue": r[1] || (r[1] = (s) => o.value = s),
@@ -4051,14 +4053,14 @@ const dn = /* @__PURE__ */ Z({
         gap: e.gap,
         transform: e.transform,
         "aria-label": e.ariaLabel
-      }, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (f(), oe(dn, {
+      }, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (v(), oe(dn, {
         key: 2,
         modelValue: o.value,
         "onUpdate:modelValue": r[2] || (r[2] = (s) => o.value = s),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
-      }, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (f(), oe(pn, {
+      }, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (v(), oe(pn, {
         key: 3,
         modelValue: o.value,
         "onUpdate:modelValue": r[3] || (r[3] = (s) => o.value = s),
@@ -4095,7 +4097,7 @@ const hn = ["aria-busy"], gn = {
       (r, s) => {
         r !== s && (o.value = r || "", l());
       }
-    ), de(i), Ve(l), (r, s) => (f(), b("div", {
+    ), de(i), Ve(l), (r, s) => (v(), b("div", {
       class: "spinner-container",
       role: "status",
       "aria-live": "polite",
@@ -4105,7 +4107,7 @@ const hn = ["aria-busy"], gn = {
         class: "spinner",
         "aria-hidden": "true"
       }, null, -1)),
-      e.message ? (f(), b("span", gn, K(o.value), 1)) : q("", !0),
+      e.message ? (v(), b("span", gn, K(o.value), 1)) : q("", !0),
       $("span", yn, K(e.message || "Loading"), 1)
     ], 8, hn));
   }
@@ -4136,22 +4138,22 @@ const hn = ["aria-busy"], gn = {
     const t = n, a = ke(e, "modelValue"), o = e, i = he(), l = B(() => o.id ?? `checkbox-${i}`), r = M(null), s = E2(o).value, u = B(() => o.required ? !0 : void 0), c = B(() => o.triState && a.value === void 0 ? "mixed" : void 0);
     ee(
       () => a.value,
-      (v) => {
-        r.value && (r.value.indeterminate = v === void 0, r.value.checked = v === !0);
+      (f) => {
+        r.value && (r.value.indeterminate = f === void 0, r.value.checked = f === !0);
       },
       { immediate: !0 }
     );
-    const C = (v) => {
+    const C = (f) => {
       if (!o.disabled) {
         if (!o.triState) {
-          const m = v.target.checked;
+          const m = f.target.checked;
           a.value = m, t("change", a.value);
           return;
         }
         a.value === !1 ? a.value = !0 : a.value === !0 ? a.value = void 0 : a.value = !1, t("change", a.value);
       }
     };
-    return (v, m) => (f(), b("label", {
+    return (f, m) => (v(), b("label", {
       class: fe(["checkbox-root", { required: u.value, error: e.invalid }])
     }, [
       $("input", {
@@ -4170,12 +4172,12 @@ const hn = ["aria-busy"], gn = {
         ref: r
       }, null, 40, kn),
       $("span", wn, [
-        a.value === !0 ? (f(), b("svg", Mn, [...m[2] || (m[2] = [
+        a.value === !0 ? (v(), b("svg", Mn, [...m[2] || (m[2] = [
           $("path", {
             d: "M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : a.value === void 0 ? (f(), b("svg", Ln, [...m[3] || (m[3] = [
+        ])])) : a.value === void 0 ? (v(), b("svg", Ln, [...m[3] || (m[3] = [
           $("path", {
             d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
             fill: "currentColor"
@@ -4183,7 +4185,7 @@ const hn = ["aria-busy"], gn = {
         ])])) : q("", !0)
       ]),
       $("span", xn, [
-        Y(v.$slots, "default", {}, void 0, !0)
+        Y(f.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -4203,15 +4205,15 @@ const hn = ["aria-busy"], gn = {
   }),
   emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = lt(), o = rt(), i = n, l = e, r = M(null), s = M(null), u = he(), c = `${u}-error`, C = `${u}-hint`, v = Ke(a).value, m = B(() => v ? `${C} ${u}-required-hint` : C), h = st(l, o, c, m.value).value, L = (I) => {
+    const t = ke(e, "modelValue"), a = lt(), o = rt(), i = n, l = e, r = M(null), s = M(null), u = he(), c = `${u}-error`, C = `${u}-hint`, f = Ke(a).value, m = B(() => f ? `${C} ${u}-required-hint` : C), h = st(l, o, c, m.value).value, L = (I) => {
       at(r.value, s.value);
       const k = I.target;
       t.value = l.type === "number" ? Number(k.value) : k.value;
     }, V = B(() => l.invalid === !0 && l.errorMessage ? c : void 0);
     return de(() => {
       at(r.value, s.value);
-    }), (I, k) => (f(), b("div", {
-      class: fe(["textarea-box", { required: E(v), error: e.invalid }]),
+    }), (I, k) => (v(), b("div", {
+      class: fe(["textarea-box", { required: E(f), error: e.invalid }]),
       ref_key: "inputBoxRef",
       ref: s
     }, [
@@ -4225,7 +4227,7 @@ const hn = ["aria-busy"], gn = {
         onBlur: k[1] || (k[1] = (R) => E(z2)(R, r.value, s.value, i)),
         onInput: L,
         value: t.value,
-        required: E(v),
+        required: E(f),
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-errormessage": V.value,
         "aria-describedby": E(h),
@@ -4240,7 +4242,7 @@ const hn = ["aria-busy"], gn = {
       }),
       P(ut, {
         baseId: E(u),
-        isRequired: E(v)
+        isRequired: E(f)
       }, null, 8, ["baseId", "isRequired"]),
       P(ct, {
         errorId: c,
@@ -4262,8 +4264,8 @@ const hn = ["aria-busy"], gn = {
       let r = 0;
       return t.replace(i, (s, u) => (u > r && l.push({ text: t.slice(r, u), match: !1 }), l.push({ text: s, match: !0 }), r = u + s.length, s)), r < t.length && l.push({ text: t.slice(r), match: !1 }), l;
     };
-    return (t, a) => (f(!0), b(ce, null, Ce(n(e.text, e.query), (o, i) => (f(), b(ce, { key: i }, [
-      o.match ? (f(), b("mark", Bn, K(o.text), 1)) : (f(), b("span", Rn, K(o.text), 1))
+    return (t, a) => (v(!0), b(ce, null, Ce(n(e.text, e.query), (o, i) => (v(), b(ce, { key: i }, [
+      o.match ? (v(), b("mark", Bn, K(o.text), 1)) : (v(), b("span", Rn, K(o.text), 1))
     ], 64))), 128));
   }
 }), Dn = /* @__PURE__ */ W(An, [["__scopeId", "data-v-edfa70b3"]]), Sn = [
@@ -4325,12 +4327,12 @@ const hn = ["aria-busy"], gn = {
       const m = C(), h = Object.values(m).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, V = Math.min(100, (h + L) * 20), I = Math.min(t.labels.length - 1, Math.floor(V / 25));
       return i.value && (i.value.style.width = `${V}%`), l.value && (l.value.textContent = t.labels[I] ?? "Very weak"), h === t.rules.length;
     }, C = () => {
-      const m = v();
+      const m = f();
       return o.value.forEach((h) => {
         const L = h.dataset.rule, V = !!m[L];
         h.classList.toggle("passed", V);
       }), m;
-    }, v = () => {
+    }, f = () => {
       const m = {};
       return t.rules.forEach((h) => {
         m[h.key] = h.validator(
@@ -4339,9 +4341,9 @@ const hn = ["aria-busy"], gn = {
         );
       }), m;
     };
-    return (m, h) => (f(), b("section", Tn, [
+    return (m, h) => (v(), b("section", Tn, [
       $("ul", _n, [
-        (f(!0), b(ce, null, Ce(t.rules, (L, V) => (f(), b("li", {
+        (v(!0), b(ce, null, Ce(t.rules, (L, V) => (v(), b("li", {
           key: L.key,
           class: "password-rule",
           "data-rule": L.key,
@@ -4397,13 +4399,13 @@ const qn = {
       rel: r.external ? "noopener noreferrer" : void 0,
       "aria-label": r.external ? `${r.label} (opens in a new tab)` : void 0
     } : {};
-    return (r, s) => (f(), b("nav", qn, [
+    return (r, s) => (v(), b("nav", qn, [
       $("ol", Nn, [
-        (f(!0), b(ce, null, Ce(e.items, (u, c) => (f(), b("li", {
+        (v(!0), b(ce, null, Ce(e.items, (u, c) => (v(), b("li", {
           key: u.to ?? u.href ?? `${u.label}-${c}`,
           class: "ui-breadcrumb__item"
         }, [
-          (f(), oe(Ze(o(u, c)), ye({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, l(u, c), {
+          (v(), oe(Ze(o(u, c)), ye({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, l(u, c), {
             "aria-posinset": c + 1,
             "aria-setsize": e.items.length,
             "aria-current": a(c) ? "page" : void 0,
@@ -4414,7 +4416,7 @@ const qn = {
             ]),
             _: 2
           }, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
-          a(c) ? q("", !0) : (f(), b("span", Fn, [
+          a(c) ? q("", !0) : (v(), b("span", Fn, [
             Y(r.$slots, "separator", {}, () => [
               Me(K(e.separator), 1)
             ], !0)
@@ -4446,14 +4448,14 @@ const qn = {
   emits: ["update:modelValue"],
   setup(e) {
     const n = e, t = ke(e, "modelValue"), a = B(() => n.invalid ? "true" : void 0), o = B(() => n.required && !n.disabled ? "true" : void 0), i = B(() => n.disabled ? !0 : void 0);
-    return (l, r) => (f(), b("fieldset", {
+    return (l, r) => (v(), b("fieldset", {
       class: fe(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
       "aria-invalid": a.value,
       "aria-required": o.value,
       disabled: i.value
     }, [
       $("legend", Un, K(e.name), 1),
-      (f(!0), b(ce, null, Ce(e.options, (s) => (f(), b("label", {
+      (v(!0), b(ce, null, Ce(e.options, (s) => (v(), b("label", {
         key: s.key,
         class: fe(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
       }, [
@@ -4468,9 +4470,9 @@ const qn = {
         }, null, 8, jn), [
           [Et, t.value]
         ]),
-        e.mode === "standard" ? (f(), b("span", Wn)) : q("", !0),
+        e.mode === "standard" ? (v(), b("span", Wn)) : q("", !0),
         $("span", Yn, [
-          s.icon ? (f(), oe(me, {
+          s.icon ? (v(), oe(me, {
             key: 0,
             name: s.icon,
             size: 22
@@ -4625,7 +4627,7 @@ const qn = {
       for (let w = R.value.length - 1; w >= 0; w--) if (!t.isDisabled(R.value[w])) return w;
       return -1;
     };
-    return de(() => x()), (w, T) => (f(), b("div", {
+    return de(() => x()), (w, T) => (v(), b("div", {
       class: fe(["autocomplete", { required: E(g), error: e.invalid, "has-icon": Object.keys(w.$slots).includes("icon"), filled: L.value, focused: h.value }]),
       ref_key: "autocompleteRef",
       ref: i
@@ -4662,7 +4664,7 @@ const qn = {
             role: "listbox",
             class: "options"
           }, [
-            R.value.length > 0 ? (f(!0), b(ce, { key: 0 }, Ce(R.value, (Q, d) => (f(), b("li", {
+            R.value.length > 0 ? (v(!0), b(ce, { key: 0 }, Ce(R.value, (Q, d) => (v(), b("li", {
               id: `${m}-option-${d}`,
               key: e.getKey(Q),
               role: "option",
@@ -4673,7 +4675,7 @@ const qn = {
               }, ["prevent"])),
               onClick: (p) => !t.isDisabled(Q) && J(Q, d)
             }, [
-              t.isDisabled(Q) ? q("", !0) : (f(), oe(me, {
+              t.isDisabled(Q) ? q("", !0) : (v(), oe(me, {
                 key: 0,
                 name: "search",
                 size: 22
@@ -4693,18 +4695,18 @@ const qn = {
                 ])
               ], !0),
               $("div", to, K(e.getValue(Q)), 1)
-            ], 42, Qn))), 128)) : R.value.length === 0 && !e.loading ? (f(), b("li", ao, [...T[3] || (T[3] = [
+            ], 42, Qn))), 128)) : R.value.length === 0 && !e.loading ? (v(), b("li", ao, [...T[3] || (T[3] = [
               $("div", { class: "option-value" }, "No results found", -1)
-            ])])) : (f(), oe(St, {
+            ])])) : (v(), oe(St, {
               key: 2,
               "aria-live": "polite",
               role: "status",
               message: "Loading"
             })),
-            k.value ? (f(), b("li", no, [...T[4] || (T[4] = [
+            k.value ? (v(), b("li", no, [...T[4] || (T[4] = [
               $("div", { class: "option-value" }, " Recents ", -1)
             ])])) : q("", !0),
-            (f(!0), b(ce, null, Ce(s.value, (Q) => (f(), b("li", {
+            (v(!0), b(ce, null, Ce(s.value, (Q) => (v(), b("li", {
               key: Q,
               role: "presentation",
               "aria-hidden": "true",
@@ -4720,10 +4722,10 @@ const qn = {
         ]),
         _: 3
       }),
-      w.$slots.icon ? (f(), b("span", ro, [
+      w.$slots.icon ? (v(), b("span", ro, [
         Y(w.$slots, "icon", {}, void 0, !0)
       ])) : q("", !0),
-      l.value.length > 0 && !e.disabled ? (f(), oe(Le, {
+      l.value.length > 0 && !e.disabled ? (v(), oe(Le, {
         key: 1,
         type: "button",
         class: "btn btn-icon",
@@ -4810,7 +4812,7 @@ const Se = (e, n = "info") => {
     const u = () => {
       cancelAnimationFrame(l), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((c) => c.id !== n.id), mo);
     };
-    return de(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (c, C) => (f(), b("div", {
+    return de(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (c, C) => (v(), b("div", {
       ref_key: "rootRef",
       ref: t,
       tabindex: "-1",
@@ -4839,7 +4841,7 @@ const Se = (e, n = "info") => {
           _: 1
         }, 8, ["aria-label"])
       ]),
-      e.duration !== 1 / 0 ? (f(), b("div", po, [
+      e.duration !== 1 / 0 ? (v(), b("div", po, [
         $("div", {
           class: "bar",
           style: Ie({ width: o.value + "%" })
@@ -4850,11 +4852,11 @@ const Se = (e, n = "info") => {
 }), ho = /* @__PURE__ */ W(Co, [["__scopeId", "data-v-f9e75b9d"]]), go = { class: "toast-viewport" }, yo = { class: "toast-message" }, bo = { key: 0 }, ko = ["id"], wo = /* @__PURE__ */ Z({
   __name: "ToastViewport",
   setup(e) {
-    return (n, t) => (f(), oe(Pe, { to: "body" }, [
+    return (n, t) => (v(), oe(Fe, { to: "body" }, [
       $("div", go, [
         P(zt, { name: "toast-stack" }, {
           default: te(() => [
-            (f(!0), b(ce, null, Ce(E(we).toasts, (a) => (f(), oe(ho, {
+            (v(!0), b(ce, null, Ce(E(we).toasts, (a) => (v(), oe(ho, {
               key: a.id,
               id: a.id,
               duration: a.duration,
@@ -4863,12 +4865,12 @@ const Se = (e, n = "info") => {
             }, {
               default: te(() => [
                 $("div", yo, [
-                  a.title ? (f(), b("strong", bo, K(a.title), 1)) : q("", !0),
-                  a.loading ? (f(), oe(St, {
+                  a.title ? (v(), b("strong", bo, K(a.title), 1)) : q("", !0),
+                  a.loading ? (v(), oe(St, {
                     key: 1,
                     message: a.description,
                     "aria-hidden": "true"
-                  }, null, 8, ["message"])) : (f(), b("p", {
+                  }, null, 8, ["message"])) : (v(), b("p", {
                     key: 2,
                     id: `toast-desc-${a.id}`
                   }, K(a.description), 9, ko))
@@ -4904,7 +4906,7 @@ const Kl = {
     const t = e, a = n, o = M(), i = M();
     He("card:labelId", o), He("card:descriptionId", i);
     const l = B(() => t.clickable && t.as !== "button" && t.as !== "a"), r = () => t.clickable && a("click");
-    return (s, u) => (f(), oe(Ze(e.as), {
+    return (s, u) => (v(), oe(Ze(e.as), {
       class: fe(["rs-card", { clickable: e.clickable }]),
       tabindex: l.value ? 0 : void 0,
       role: l.value ? "button" : void 0,
@@ -4929,7 +4931,7 @@ const Kl = {
   },
   setup(e) {
     const n = pe("card:labelId", void 0), t = `rs-card-label-${he()}`;
-    return de(() => n && (n.value = t)), (a, o) => (f(), oe(Ze(e.as), {
+    return de(() => n && (n.value = t)), (a, o) => (v(), oe(Ze(e.as), {
       id: t,
       class: "rs-card-header"
     }, {
@@ -4943,7 +4945,7 @@ const Kl = {
   __name: "CardBody",
   setup(e) {
     const n = pe("card:descriptionId", void 0), t = `rs-card-desc-${he()}`;
-    return de(() => n && (n.value = t)), (a, o) => (f(), b("div", {
+    return de(() => n && (n.value = t)), (a, o) => (v(), b("div", {
       id: t,
       class: "rs-card-body"
     }, [
@@ -4956,7 +4958,7 @@ const Kl = {
     as: { default: "div" }
   },
   setup(e) {
-    return (n, t) => (f(), oe(Ze(e.as), { class: "rs-card-footer" }, {
+    return (n, t) => (v(), oe(Ze(e.as), { class: "rs-card-footer" }, {
       default: te(() => [
         Y(n.$slots, "default", {}, void 0, !0)
       ]),
@@ -4994,7 +4996,7 @@ const Kl = {
     let r = null, s = null;
     const u = pe("StepIndex");
     if (u == null) throw new Error("StepIndex component must be used inside Steps.");
-    const c = B(() => n.status ? n.status : u < t.current.value ? "completed" : u === t.current.value ? "active" : "pending"), C = B(() => t?.icons?.[c.value]), v = B(() => a.icon ? "slot" : n.icon ? n.icon : C.value), m = B(() => {
+    const c = B(() => n.status ? n.status : u < t.current.value ? "completed" : u === t.current.value ? "active" : "pending"), C = B(() => t?.icons?.[c.value]), f = B(() => a.icon ? "slot" : n.icon ? n.icon : C.value), m = B(() => {
       switch (c.value) {
         case "completed":
           return "Stage completed";
@@ -5075,7 +5077,7 @@ const Kl = {
       }), s.observe(o.value), s.observe(i.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
     }), Ve(() => {
       s?.disconnect(), t.unregisterStep(o.value), r != null && cancelAnimationFrame(r);
-    }), (g, _) => (f(), b("li", {
+    }), (g, _) => (v(), b("li", {
       ref_key: "stepRef",
       ref: o,
       class: fe(["step", `step__${L.value}`]),
@@ -5101,22 +5103,22 @@ const Kl = {
         g.$slots.icon ? Y(g.$slots, "icon", {
           key: 0,
           status: c.value
-        }, void 0, !0) : v.value ? (f(), oe(me, {
+        }, void 0, !0) : f.value ? (v(), oe(me, {
           key: 1,
-          name: v.value,
+          name: f.value,
           class: "icon"
         }, null, 8, ["name"])) : q("", !0),
-        c.value === "completed" ? (f(), b("svg", Ho, [..._[0] || (_[0] = [
+        c.value === "completed" ? (v(), b("svg", Ho, [..._[0] || (_[0] = [
           $("path", {
             d: "M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : c.value === "error" ? (f(), b("svg", Vo, [..._[1] || (_[1] = [
+        ])])) : c.value === "error" ? (v(), b("svg", Vo, [..._[1] || (_[1] = [
           $("path", {
             d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : c.value === "active" ? (f(), b("span", Bo)) : q("", !0)
+        ])])) : c.value === "active" ? (v(), b("span", Bo)) : q("", !0)
       ], 512),
       $("span", {
         id: `step-status-${E(u)}`,
@@ -5136,7 +5138,7 @@ const Kl = {
           ]),
           _: 1
         }, 8, ["variant"]),
-        g.$slots.default ? (f(), b("span", So, [
+        g.$slots.default ? (v(), b("span", So, [
           Y(g.$slots, "default", {}, void 0, !0)
         ])) : q("", !0)
       ])
@@ -5177,7 +5179,7 @@ const Kl = {
   setup(e) {
     const n = e, t = M(0), a = rt(), o = ke(e, "modelValue"), i = M([]), l = M(null), r = B(() => o.value ?? 0), s = `steps-description-${he()}`, u = qt({}), c = Lt({});
     let C = null;
-    const v = B(() => (a.default?.() ?? [])[r.value]?.props?.title ?? ""), m = B(() => Object.entries(c).filter(([, N]) => N !== "completed").length === 0), h = B(
+    const f = B(() => (a.default?.() ?? [])[r.value]?.props?.title ?? ""), m = B(() => Object.entries(c).filter(([, N]) => N !== "completed").length === 0), h = B(
       () => Object.values(c).includes("error")
     ), L = B(() => {
       const N = r.value, A = u;
@@ -5253,7 +5255,7 @@ const Kl = {
       focusFirst: J,
       focusLast: ae,
       tagTitles: n.tagTitles
-    }), (N, A) => (f(), b(ce, null, [
+    }), (N, A) => (v(), b(ce, null, [
       $("ol", {
         ref_key: "stepsRef",
         ref: l,
@@ -5279,17 +5281,17 @@ const Kl = {
             style: Ie(L.value)
           }, null, 12, Zo)
         ], 4),
-        (f(!0), b(ce, null, Ce(N.$slots.default?.(), (x, H) => (f(), oe(_o, {
+        (v(!0), b(ce, null, Ce(N.$slots.default?.(), (x, H) => (v(), oe(_o, {
           key: H,
           index: H
         }, {
           default: te(() => [
-            (f(), oe(Ze(x)))
+            (v(), oe(Ze(x)))
           ]),
           _: 2
         }, 1032, ["index"]))), 128))
       ], 8, Eo),
-      $("div", zo, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(v.value), 1)
+      $("div", zo, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(f.value), 1)
     ], 64));
   }
 }), Gl = /* @__PURE__ */ W(Oo, [["__scopeId", "data-v-3b60596b"]]), qo = ["data-align"], No = /* @__PURE__ */ Z({
@@ -5298,7 +5300,7 @@ const Kl = {
     align: { default: "left" }
   },
   setup(e) {
-    return He("TimelineContext", e), (t, a) => (f(), b("ol", {
+    return He("TimelineContext", e), (t, a) => (v(), b("ol", {
       role: "list",
       class: "ui-timeline",
       "data-align": e.align
@@ -5323,7 +5325,7 @@ const Kl = {
       const c = new Date(u).getDay();
       return c < 10 ? `0${c}` : c;
     }, r = (u) => new Date(u).toLocaleString("default", { month: "short" }), s = (u) => new Date(u).getFullYear();
-    return (u, c) => (f(), b("li", {
+    return (u, c) => (v(), b("li", {
       tabindex: "0",
       class: fe([i.value, "ui-timeline-item"]),
       "data-align": E(t).align,
@@ -5335,7 +5337,7 @@ const Kl = {
         "aria-hidden": "true"
       }, null, -1)),
       $("div", Po, [
-        e.date ? (f(), b("time", {
+        e.date ? (v(), b("time", {
           key: 0,
           class: "ui-timeline-date",
           datetime: e.date
@@ -5350,7 +5352,7 @@ const Kl = {
         }, [
           $("div", Xo, [
             Y(u.$slots, "title", {}, () => [
-              (f(), oe(Ze(e.titleAs ?? "h3"), {
+              (v(), oe(Ze(e.titleAs ?? "h3"), {
                 id: E(a),
                 class: "ui-timeline-title"
               }, {
@@ -5361,7 +5363,7 @@ const Kl = {
               }, 8, ["id"]))
             ], !0),
             Y(u.$slots, "description", {}, () => [
-              e.description ? (f(), b("p", {
+              e.description ? (v(), b("p", {
                 key: 0,
                 id: E(o),
                 class: "ui-timeline-description"
@@ -5404,13 +5406,13 @@ const Kl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ke(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), l = M(0), r = M(0), s = M(0), u = M(!1), c = M(!1), C = M(0), v = M([]), m = M(1), h = M(n.value), L = M(null), V = M(null);
+    const n = ke(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), l = M(0), r = M(0), s = M(0), u = M(!1), c = M(!1), C = M(0), f = M([]), m = M(1), h = M(n.value), L = M(null), V = M(null);
     let I = null, k = null;
     ee(
       () => n.value,
       (d) => h.value = d
     );
-    const R = B(() => v.value[h.value] ?? void 0), g = B(() => Math.floor(h.value / m.value)), _ = B(() => Math.ceil(le.value / m.value)), O = B(() => Math.max(0, le.value - m.value)), J = B(() => {
+    const R = B(() => f.value[h.value] ?? void 0), g = B(() => Math.floor(h.value / m.value)), _ = B(() => Math.ceil(le.value / m.value)), O = B(() => Math.max(0, le.value - m.value)), J = B(() => {
       const d = h.value * (100 / m.value), p = c.value && V.value ? i.value / V.value.clientWidth * 100 : 0;
       return {
         transform: `translateX(calc(-${d}% + ${p}%))`,
@@ -5429,7 +5431,7 @@ const Kl = {
       h.value = p, n.value = p;
     }, N = () => ae(h.value + m.value), A = () => ae(h.value - m.value), x = (d) => {
       d.key === "ArrowRight" ? N() : d.key === "ArrowLeft" && A();
-    }, H = (d) => (v.value.includes(d) || v.value.push(d), v.value.indexOf(d)), z = (d) => v.value = v.value.filter((p) => p !== d), le = B(() => v.value.length), F = () => {
+    }, H = (d) => (f.value.includes(d) || f.value.push(d), f.value.indexOf(d)), z = (d) => f.value = f.value.filter((p) => p !== d), le = B(() => f.value.length), F = () => {
       !t.autoplay || I !== null || (I = window.setInterval(() => {
         u.value || N();
       }, t.autoplayDelay));
@@ -5474,7 +5476,7 @@ const Kl = {
       slideCount: le,
       deltaX: i,
       itemsPerView: t.itemsPerView instanceof Object ? m : M(t.itemsPerView)
-    }), (d, p) => (f(), b("div", {
+    }), (d, p) => (v(), b("div", {
       ref_key: "rootRef",
       ref: L,
       role: "region",
@@ -5525,8 +5527,8 @@ const Kl = {
       }, [
         P(me, { name: "directionDown" })
       ]),
-      e.showIndicators ? (f(), b("div", nl, [
-        (f(!0), b(ce, null, Ce(_.value, (y, D) => (f(), b("button", {
+      e.showIndicators ? (v(), b("div", nl, [
+        (v(!0), b(ce, null, Ce(_.value, (y, D) => (v(), b("button", {
           role: "tab",
           type: "button",
           key: D,
@@ -5549,7 +5551,7 @@ const Kl = {
     const n = pe("CarouselContext");
     if (!n) throw new Error("CarouselItem must be used inside a Carousel");
     const t = "carousel-item-" + he(), a = M(0), o = B(() => Math.abs(n.deltaX.value) > 5), i = B(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
-    return de(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (l, r) => (f(), b("div", {
+    return de(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (l, r) => (v(), b("div", {
       role: "group",
       class: "carousel-item",
       id: t,
@@ -5606,7 +5608,7 @@ const Kl = {
       I !== -1 && k !== -1 && (l.value = k > I ? "forward" : "backward"), V !== h && (a.value = h, n("update:modelValue", h));
     }, c = B(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), C = (h) => {
       h instanceof HTMLElement && r.value && (r.value.style.height = `${h.offsetHeight}px`);
-    }, v = (h) => {
+    }, f = (h) => {
       if (h instanceof HTMLElement && r.value) {
         const L = h.offsetHeight;
         requestAnimationFrame(() => {
@@ -5646,7 +5648,7 @@ const Kl = {
               name: c.value,
               mode: "out-in",
               onBeforeLeave: C,
-              onEnter: v,
+              onEnter: f,
               onAfterEnter: m
             },
             () => I ? [j(I.type, {
@@ -5719,9 +5721,9 @@ const Kl = {
           break;
       }
       c = (c + s.length) % s.length;
-      const v = s[c];
-      t.activationMode.value === "auto" && t.setValue(v), requestAnimationFrame(() => {
-        document.getElementById(`tab-${v}`)?.focus();
+      const f = s[c];
+      t.activationMode.value === "auto" && t.setValue(f), requestAnimationFrame(() => {
+        document.getElementById(`tab-${f}`)?.focus();
       });
     };
     return de(() => !e.disabled && t.registerTrigger(e.value, e.index)), Ve(() => t.triggers.value[e.index] = void 0), () => j(
@@ -5772,7 +5774,7 @@ const Kl = {
     const a = M(), o = (i) => {
       i.key === "ArrowDown" && (i.preventDefault(), n.focusNextItem(t)), i.key === "ArrowUp" && (i.preventDefault(), n.focusPrevItem(t)), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a.value?.click(), n.close());
     };
-    return de(() => t = n.registerItem(a.value)), (i, l) => (f(), b("div", {
+    return de(() => t = n.registerItem(a.value)), (i, l) => (v(), b("div", {
       ref_key: "itemRef",
       ref: a,
       role: "menuitem",
@@ -5788,18 +5790,18 @@ const Kl = {
   }
 }), rr = /* @__PURE__ */ W(cl, [["__scopeId", "data-v-69de3d9c"]]), dl = (e) => {
   const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = M(e.modelValue ?? null), o = M(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, l = B(() => {
-    const v = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
-    return v.charAt(0).toUpperCase() + v.slice(1);
+    const f = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
+    return f.charAt(0).toUpperCase() + f.slice(1);
   }), r = B(() => {
-    const v = new Date(2021, 5, 6);
+    const f = new Date(2021, 5, 6);
     return Array.from({ length: 7 }).map((m, h) => {
-      const L = new Date(v);
-      return L.setDate(v.getDate() + (h + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
+      const L = new Date(f);
+      return L.setDate(f.getDate() + (h + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
     });
   }), s = B(() => {
-    const v = o.value.getFullYear(), m = o.value.getMonth(), h = new Date(v, m, 1), L = new Date(v, m + 1, 0), V = (h.getDay() - i + 7) % 7, I = L.getDate(), k = [];
+    const f = o.value.getFullYear(), m = o.value.getMonth(), h = new Date(f, m, 1), L = new Date(f, m + 1, 0), V = (h.getDay() - i + 7) % 7, I = L.getDate(), k = [];
     for (let R = 0; R < V; R++) k.push(null);
-    for (let R = 1; R <= I; R++) k.push(new Date(v, m, R));
+    for (let R = 1; R <= I; R++) k.push(new Date(f, m, R));
     return k;
   });
   return {
@@ -5811,7 +5813,7 @@ const Kl = {
     days: s,
     nextMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() + 1, 1),
     prevMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() - 1, 1),
-    select: (v) => a.value = v
+    select: (f) => a.value = f
   };
 }, Tt = /(DD|MM|YYYY|HH|mm|ss)/g, tt = (e, n) => {
   const t = {
@@ -5879,7 +5881,7 @@ const fl = (e, n) => {
     const t = ke(e, "modelValue"), a = n, o = e, i = M(!1), l = /* @__PURE__ */ new Date(), r = M(""), s = M(null), u = M(null), {
       monthLabel: c,
       weekDays: C,
-      currentMonth: v,
+      currentMonth: f,
       days: m,
       nextMonth: h,
       prevMonth: L,
@@ -5896,7 +5898,7 @@ const fl = (e, n) => {
           r.value = "", u.value = null;
           return;
         }
-        V(A), v.value = new Date(A), u.value = A, r.value = tt(A, o.format);
+        V(A), f.value = new Date(A), u.value = A, r.value = tt(A, o.format);
       },
       { immediate: !0 }
     ), ee(
@@ -5945,7 +5947,7 @@ const fl = (e, n) => {
       const A = Mt(r.value, o.format);
       !A && !u.value ? (r.value = "", t.value = null, u.value = null) : A && (u.value = A, t.value = A, r.value = tt(A, o.format));
     };
-    return de(() => document.addEventListener("mousedown", ae)), _e(() => document.removeEventListener("mousedown", ae)), (A, x) => (f(), b("div", {
+    return de(() => document.addEventListener("mousedown", ae)), _e(() => document.removeEventListener("mousedown", ae)), (A, x) => (v(), b("div", {
       ref_key: "root",
       ref: s,
       class: fe(["dp", { required: Object.keys(A.$attrs).includes("required"), error: e.invalid }])
@@ -5986,7 +5988,7 @@ const fl = (e, n) => {
         id: "time-help",
         class: "sr-only"
       }, "After selecting a date, adjust hours and minutes", -1)),
-      i.value ? (f(), b("div", hl, [
+      i.value ? (v(), b("div", hl, [
         $("header", gl, [
           $("button", {
             type: "button",
@@ -6005,13 +6007,13 @@ const fl = (e, n) => {
           }, "›")
         ]),
         $("div", bl, [
-          (f(!0), b(ce, null, Ce(E(C), (H) => (f(), b("span", {
+          (v(!0), b(ce, null, Ce(E(C), (H) => (v(), b("span", {
             class: "week-day__name",
             key: H
           }, K(H), 1))), 128))
         ]),
         $("div", kl, [
-          (f(!0), b(ce, null, Ce(E(m), (H, z) => (f(), b("button", {
+          (v(!0), b(ce, null, Ce(E(m), (H, z) => (v(), b("button", {
             key: z,
             type: "button",
             role: "gridcell",
@@ -6061,23 +6063,23 @@ const fl = (e, n) => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ke(e, "modelValue"), t = e, a = he(), o = M(!1), i = M(null), l = B(() => t.format.includes("HH")), r = B(() => t.format.includes("mm")), s = B(() => t.format.includes("ss")), u = M(n.value ?? null), c = M(n.value?.getHours() ?? (l.value ? 0 : void 0)), C = M(n.value?.getMinutes() ?? (r.value ? 0 : void 0)), v = M(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
+    const n = ke(e, "modelValue"), t = e, a = he(), o = M(!1), i = M(null), l = B(() => t.format.includes("HH")), r = B(() => t.format.includes("mm")), s = B(() => t.format.includes("ss")), u = M(n.value ?? null), c = M(n.value?.getHours() ?? (l.value ? 0 : void 0)), C = M(n.value?.getMinutes() ?? (r.value ? 0 : void 0)), f = M(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
     ee(n, (I) => {
       if (I) {
         const k = new Date(I);
-        u.value = k, c.value = k.getHours(), C.value = k.getMinutes(), v.value = k.getSeconds();
+        u.value = k, c.value = k.getHours(), C.value = k.getMinutes(), f.value = k.getSeconds();
       } else
-        u.value = null, c.value = 0, C.value = 0, v.value = 0;
+        u.value = null, c.value = 0, C.value = 0, f.value = 0;
     }, { immediate: !0 }), ee(u, (I) => {
       if (!I) return;
       const k = I.getHours(), R = I.getMinutes(), g = I.getSeconds();
-      k !== c.value && (c.value = k), R !== C.value && (C.value = R), g !== v.value && (v.value = g);
-    }, { immediate: !0 }), ee([u, c, C, v], () => {
+      k !== c.value && (c.value = k), R !== C.value && (C.value = R), g !== f.value && (f.value = g);
+    }, { immediate: !0 }), ee([u, c, C, f], () => {
       if (!u.value) {
         n.value = null;
         return;
       }
-      const I = Math.min(Math.max(c.value ?? 0, 0), 23), k = Math.min(Math.max(C.value ?? 0, 0), 59), R = Math.min(Math.max(v.value ?? 0, 0), 59), g = new Date(u.value);
+      const I = Math.min(Math.max(c.value ?? 0, 0), 23), k = Math.min(Math.max(C.value ?? 0, 0), 59), R = Math.min(Math.max(f.value ?? 0, 0), 59), g = new Date(u.value);
       g.setHours(I, k, R, 0), (!n.value || n.value.getTime() !== g.getTime()) && (n.value = g);
     });
     const m = (I) => {
@@ -6090,13 +6092,13 @@ const fl = (e, n) => {
       isNaN(k) || k < 0 ? C.value = 0 : k > 59 ? C.value = 59 : C.value = k;
     }, V = (I) => {
       const k = Number(I.target.value);
-      isNaN(k) || k < 0 ? v.value = 0 : k > 59 ? v.value = 59 : v.value = k;
+      isNaN(k) || k < 0 ? f.value = 0 : k > 59 ? f.value = 59 : f.value = k;
     };
     return de(() => {
       document.addEventListener("mousedown", m);
     }), _e(() => {
       document.removeEventListener("mousedown", m);
-    }), (I, k) => (f(), b("div", {
+    }), (I, k) => (v(), b("div", {
       class: "dtp",
       ref_key: "root",
       ref: i
@@ -6115,8 +6117,8 @@ const fl = (e, n) => {
         placeholder: e.placeholder
       }), {
         time: te(() => [
-          o.value ? (f(), b("div", xl, [
-            l.value ? Ae((f(), b("input", {
+          o.value ? (v(), b("div", xl, [
+            l.value ? Ae((v(), b("input", {
               key: 0,
               id: `hour_${E(a)}`,
               type: "number",
@@ -6136,8 +6138,8 @@ const fl = (e, n) => {
                 { number: !0 }
               ]
             ]) : q("", !0),
-            l.value && r.value ? (f(), b("span", Il, ":")) : q("", !0),
-            r.value ? Ae((f(), b("input", {
+            l.value && r.value ? (v(), b("span", Il, ":")) : q("", !0),
+            r.value ? Ae((v(), b("input", {
               key: 2,
               id: `minute_${E(a)}`,
               type: "number",
@@ -6157,23 +6159,23 @@ const fl = (e, n) => {
                 { number: !0 }
               ]
             ]) : q("", !0),
-            (l.value || r.value) && s.value ? (f(), b("span", Vl, ":")) : q("", !0),
-            s.value ? Ae((f(), b("input", {
+            (l.value || r.value) && s.value ? (v(), b("span", Vl, ":")) : q("", !0),
+            s.value ? Ae((v(), b("input", {
               key: 4,
               id: `second_${E(a)}`,
               type: "number",
-              "onUpdate:modelValue": k[2] || (k[2] = (R) => v.value = R),
+              "onUpdate:modelValue": k[2] || (k[2] = (R) => f.value = R),
               min: "0",
               max: "59",
               "aria-label": "Second",
               "aria-valuemin": "0",
               "aria-valuemax": "59",
-              "aria-valuenow": v.value,
+              "aria-valuenow": f.value,
               onInput: V
             }, null, 40, Bl)), [
               [
                 Ge,
-                v.value,
+                f.value,
                 void 0,
                 { number: !0 }
               ]
@@ -6405,13 +6407,13 @@ const fl = (e, n) => {
       }
       e.multiple || a.value.clear(), a.value.add(C);
     }, i = (C) => {
-      C.disabled || t.value.includes(C) || (t.value.push(C), t.value.sort((v, m) => v.offsetTop - m.offsetTop));
-    }, l = (C) => t.value = t.value.filter((v) => v !== C), r = (C) => {
-      const v = t.value.indexOf(C);
-      t.value[(v + 1) % t.value.length]?.focus();
+      C.disabled || t.value.includes(C) || (t.value.push(C), t.value.sort((f, m) => f.offsetTop - m.offsetTop));
+    }, l = (C) => t.value = t.value.filter((f) => f !== C), r = (C) => {
+      const f = t.value.indexOf(C);
+      t.value[(f + 1) % t.value.length]?.focus();
     }, s = (C) => {
-      const v = t.value.indexOf(C);
-      t.value[(v - 1 + t.value.length) % t.value.length]?.focus();
+      const f = t.value.indexOf(C);
+      t.value[(f - 1 + t.value.length) % t.value.length]?.focus();
     }, u = () => t.value[0]?.focus(), c = () => {
       const C = t.value;
       C.length && C[C.length - 1]?.focus();