@reinosoft-ui/core 0.1.95 → 0.1.96

package/dist/reinosoft-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, ref as k, computed as A, watch as Q, onMounted as ve, createElementBlock as b, openBlock as p, normalizeStyle as Ie, normalizeClass as fe, renderSlot as G, createCommentVNode as q, withDirectives as _e, createElementVNode as w, vShow as rt, mergeProps as be, mergeModels as ie, useModel as ke, withKeys as ye, withModifiers as se, onUnmounted as Be, Fragment as de, unref as N, toDisplayString as j, renderList as he, nextTick as xe, onBeforeUnmount as Se, createBlock as ae, Teleport as Fe, createVNode as K, Transition as Ae, withCtx as J, vModelText as Ye, useId as ge, provide as He, createTextVNode as Me, resolveDynamicComponent as Ne, inject as me, useAttrs as st, h as W, useSlots as it, resolveComponent as Ut, vModelRadio as Kt, vModelDynamic as jt, reactive as ut, TransitionGroup as Wt, createApp as _t, shallowRef as Yt } from "vue";
+import { defineComponent as Z, ref as k, computed as _, watch as Q, onMounted as ve, createElementBlock as b, openBlock as p, normalizeStyle as Ie, normalizeClass as fe, renderSlot as G, createCommentVNode as q, withDirectives as _e, createElementVNode as w, vShow as rt, mergeProps as be, mergeModels as ie, useModel as ke, withKeys as ye, withModifiers as se, onUnmounted as Be, Fragment as de, unref as N, toDisplayString as j, renderList as he, nextTick as xe, onBeforeUnmount as Se, createBlock as ae, Teleport as Fe, createVNode as K, Transition as Ae, withCtx as J, vModelText as Ye, useId as ge, provide as He, createTextVNode as Me, resolveDynamicComponent as Ne, inject as me, useAttrs as st, h as W, useSlots as it, resolveComponent as Ut, vModelRadio as Kt, vModelDynamic as jt, reactive as ut, TransitionGroup as Wt, createApp as _t, shallowRef as Yt } from "vue";
 import { routerKey as Xt } from "vue-router";
 const Gt = ["aria-busy"], Jt = ["aria-label"], Qt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], e1 = /* @__PURE__ */ Z({
   __name: "Image",
@@ -16,38 +16,38 @@ const Gt = ["aria-busy"], Jt = ["aria-label"], Qt = ["src", "srcset", "sizes", "
   },
   emits: ["loaded", "error"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = k(t.src), i = k(), r = k("loading"), l = A(() => t.ratio ? {
+    const t = e, a = n, o = k(t.src), i = k(), s = k("loading"), l = _(() => t.ratio ? {
       aspectRatio: typeof t.ratio == "number" ? `${t.ratio}` : t.ratio
-    } : void 0), s = () => {
-      r.value = "loaded", a("loaded");
+    } : void 0), r = () => {
+      s.value = "loaded", a("loaded");
     }, c = () => {
       if (t.fallbackSrc && o.value !== t.fallbackSrc) {
-        o.value = t.fallbackSrc, r.value = "loading";
+        o.value = t.fallbackSrc, s.value = "loading";
         return;
       }
-      r.value = "error", a("error");
+      s.value = "error", a("error");
     };
     return Q(
       () => t.src,
       (u) => {
-        o.value = u, r.value = "loading";
+        o.value = u, s.value = "loading";
       }
-    ), ve(() => i.value?.complete && i.value.naturalWidth > 0 && (r.value = "loaded")), (u, v) => (p(), b("div", {
+    ), ve(() => i.value?.complete && i.value.naturalWidth > 0 && (s.value = "loaded")), (u, f) => (p(), b("div", {
       class: fe(["ui-image", {
-        "is-loading": r.value === "loading",
-        "is-error": r.value === "error",
-        "is-loaded": r.value === "loaded",
+        "is-loading": s.value === "loading",
+        "is-error": s.value === "error",
+        "is-loaded": s.value === "loaded",
         transform: e.transform
       }]),
       style: Ie(l.value),
-      "aria-busy": r.value === "loading" || void 0
+      "aria-busy": s.value === "loading" || void 0
     }, [
-      r.value === "loading" ? G(u.$slots, "placeholder", { key: 0 }, () => [
-        v[0] || (v[0] = w("div", {
+      s.value === "loading" ? G(u.$slots, "placeholder", { key: 0 }, () => [
+        f[0] || (f[0] = w("div", {
           class: "ui-image__placeholder",
           "aria-hidden": "true"
         }, null, -1))
-      ], !0) : r.value === "error" ? G(u.$slots, "fallback", { key: 1 }, () => [
+      ], !0) : s.value === "error" ? G(u.$slots, "fallback", { key: 1 }, () => [
         w("div", {
           class: "ui-image__fallback",
           role: "img",
@@ -65,10 +65,10 @@ const Gt = ["aria-busy"], Jt = ["aria-label"], Qt = ["src", "srcset", "sizes", "
         "aria-hidden": e.decorative || void 0,
         loading: e.lazy ? "lazy" : void 0,
         decoding: e.decoding,
-        onLoad: s,
+        onLoad: r,
         onError: c
       }, null, 40, Qt), [
-        [rt, r.value !== "error"]
+        [rt, s.value !== "error"]
       ])
     ], 14, Gt));
   }
@@ -111,12 +111,12 @@ const a1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], n1
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = n, o = e, i = A(() => t.value), r = () => {
+    const t = ke(e, "modelValue"), a = n, o = e, i = _(() => t.value), s = () => {
       if (o.disabled) return;
       const l = !t.value;
       t.value = l, a("change", l);
     };
-    return (l, s) => (p(), b("button", {
+    return (l, r) => (p(), b("button", {
       id: e.id,
       role: "switch",
       type: "button",
@@ -124,12 +124,12 @@ const a1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], n1
       "aria-checked": i.value,
       "aria-disabled": e.disabled || void 0,
       disabled: e.disabled || void 0,
-      onClick: r,
+      onClick: s,
       onKeydown: [
-        ye(se(r, ["prevent"]), ["space"]),
-        ye(se(r, ["prevent"]), ["enter"])
+        ye(se(s, ["prevent"]), ["space"]),
+        ye(se(s, ["prevent"]), ["enter"])
       ]
-    }, [...s[0] || (s[0] = [
+    }, [...r[0] || (r[0] = [
       w("span", { class: "ui-toggle__track" }, [
         w("span", { class: "ui-toggle__thumb" })
       ], -1)
@@ -167,11 +167,11 @@ const At = (e) => {
   const a = t.getRangeAt(0), o = Et(a.startContainer, "li");
   if (o) {
     e.preventDefault();
-    const i = o.textContent?.trim() === "", r = o.parentElement;
-    if (!r) return;
+    const i = o.textContent?.trim() === "", s = o.parentElement;
+    if (!s) return;
     if (i) {
-      const s = ct("p");
-      r.after(s), o.remove(), r.children.length === 0 && r.remove(), Oe(s), n?.normalize();
+      const r = ct("p");
+      s.after(r), o.remove(), s.children.length === 0 && s.remove(), Oe(r), n?.normalize();
       return;
     }
     const l = document.createElement("li");
@@ -192,20 +192,20 @@ const At = (e) => {
   const a = t.getRangeAt(0);
   let o = At(a.startContainer);
   if (o && o.tagName === "LI") {
-    const B = o.parentElement;
-    B && ["UL", "OL"].includes(B.tagName) && (o = B);
+    const R = o.parentElement;
+    R && ["UL", "OL"].includes(R.tagName) && (o = R);
   }
   if (!o) return;
-  const i = o.tagName.toLowerCase(), l = ["p", "h1", "blockquote"].includes(i) ? i : "p", s = ct(l);
+  const i = o.tagName.toLowerCase(), l = ["p", "h1", "blockquote"].includes(i) ? i : "p", r = ct(l);
   document.createRange().selectNodeContents(o);
-  const u = a.cloneRange(), v = document.createRange();
-  v.selectNodeContents(o), v.setEnd(u.startContainer, u.startOffset);
-  const m = v.cloneContents(), C = document.createRange();
+  const u = a.cloneRange(), f = document.createRange();
+  f.selectNodeContents(o), f.setEnd(u.startContainer, u.startOffset);
+  const m = f.cloneContents(), C = document.createRange();
   C.selectNodeContents(o), C.setStart(u.startContainer, u.startOffset);
   const h = C.cloneContents();
-  o.innerHTML = "", o.appendChild(m), o.innerHTML === "" && (o.innerHTML = "<br>"), s.innerHTML = "", s.appendChild(h), s.innerHTML === "" && (s.innerHTML = "<br>"), o.after(s);
+  o.innerHTML = "", o.appendChild(m), o.innerHTML === "" && (o.innerHTML = "<br>"), r.innerHTML = "", r.appendChild(h), r.innerHTML === "" && (r.innerHTML = "<br>"), o.after(r);
   const L = document.createRange();
-  L.setStart(s, 0), L.collapse(!0), t.removeAllRanges(), t.addRange(L), n?.normalize();
+  L.setStart(r, 0), L.collapse(!0), t.removeAllRanges(), t.addRange(L), n?.normalize();
 }, i1 = () => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return;
@@ -223,20 +223,20 @@ const At = (e) => {
     return;
   }
   if (!a || !(a.textContent === "" || a.innerHTML === "<br>")) return;
-  const r = a.previousElementSibling, l = a.nextElementSibling;
-  if (e.preventDefault(), !r && !l) {
+  const s = a.previousElementSibling, l = a.nextElementSibling;
+  if (e.preventDefault(), !s && !l) {
     a.innerHTML = "<br>", Oe(a);
     return;
   }
-  if (r) {
-    if (r.dataset.block !== void 0) {
-      a.remove(), ht(r);
+  if (s) {
+    if (s.dataset.block !== void 0) {
+      a.remove(), ht(s);
       return;
     }
-    if (["UL", "OL"].includes(r.tagName)) {
-      const s = r.lastElementChild;
-      if (s) {
-        a.remove(), ht(s);
+    if (["UL", "OL"].includes(s.tagName)) {
+      const r = s.lastElementChild;
+      if (r) {
+        a.remove(), ht(r);
         return;
       }
     }
@@ -247,9 +247,9 @@ const At = (e) => {
       return;
     }
     if (["UL", "OL"].includes(l.tagName)) {
-      const s = l.firstElementChild;
-      if (s) {
-        a.remove(), Oe(s);
+      const r = l.firstElementChild;
+      if (r) {
+        a.remove(), Oe(r);
         return;
       }
     }
@@ -258,16 +258,16 @@ const At = (e) => {
   const n = document.createRange(), t = window.getSelection();
   n.selectNodeContents(e), n.collapse(!1), t?.removeAllRanges(), t?.addRange(n);
 }, u1 = (e, n) => {
-  const t = k(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, r = n?.onImageResolutionError;
+  const t = k(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, s = n?.onImageResolutionError;
   let l = k(null);
-  const s = () => {
-    const f = e;
-    if (!f) return;
+  const r = () => {
+    const v = e;
+    if (!v) return;
     const d = window.getSelection();
     if (!d || d.rangeCount === 0) return;
     const y = d.getRangeAt(0);
-    f.contains(y.commonAncestorContainer) && (t.value = y.cloneRange());
-  }, c = (f) => {
+    v.contains(y.commonAncestorContainer) && (t.value = y.cloneRange());
+  }, c = (v) => {
     const d = window.getSelection();
     if (!d || d.rangeCount === 0 || d.isCollapsed) return !1;
     const y = d.getRangeAt(0), $ = e;
@@ -278,92 +278,92 @@ const At = (e) => {
       if (te === ne) return;
       let le;
       te === 0 && ne === ee.textContent.length ? le = ee : (le = ee.splitText(te), ne - te < le.textContent.length && le.splitText(ne - te));
-      const pe = o1(le, f, $);
+      const pe = o1(le, v, $);
       if (pe)
         l1(pe), ce.push(le);
       else {
-        const $e = document.createElement(f);
+        const $e = document.createElement(v);
         le.replaceWith($e), $e.appendChild(le), ce.push(le);
       }
     }), ce.length > 0) {
       const ee = document.createRange();
       ee.setStart(ce[0], 0);
       const te = ce[ce.length - 1];
-      ee.setEnd(te, te.textContent.length), d.removeAllRanges(), d.addRange(ee), s();
+      ee.setEnd(te, te.textContent.length), d.removeAllRanges(), d.addRange(ee), r();
     }
-    return h(), L(f);
-  }, u = (f, d) => {
-    if (!f || !d || !(d instanceof HTMLElement)) return [];
-    const y = f.commonAncestorContainer, $ = d.contains(y) ? d : y.nodeType === 3 ? y.parentNode : y, X = document.createTreeWalker(
+    return h(), L(v);
+  }, u = (v, d) => {
+    if (!v || !d || !(d instanceof HTMLElement)) return [];
+    const y = v.commonAncestorContainer, $ = d.contains(y) ? d : y.nodeType === 3 ? y.parentNode : y, X = document.createTreeWalker(
       $,
       NodeFilter.SHOW_TEXT,
       {
         acceptNode(te) {
-          return d.contains(te) && f.intersectsNode(te) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+          return d.contains(te) && v.intersectsNode(te) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
         }
       }
     ), ce = [];
     let ee;
     for (; ee = X.nextNode(); ) ce.push(ee);
     return ce;
-  }, v = (f) => {
+  }, f = (v) => {
     const d = window.getSelection();
     if (!d || d.rangeCount === 0) return !1;
     const y = d.getRangeAt(0), $ = m(y.startContainer);
     if (!$) return !1;
-    const X = $.tagName.toLowerCase() === f.toLowerCase();
-    if (f === "ul" || f === "ol") {
+    const X = $.tagName.toLowerCase() === v.toLowerCase();
+    if (v === "ul" || v === "ol") {
       if ($.tagName === "LI") {
         const le = $.parentElement;
         if (!le) return !1;
         const pe = document.createElement("p");
         return pe.dataset.block = "true", pe.innerHTML = $.innerHTML, le.replaceWith(pe), C(pe), h(), !1;
       }
-      const te = document.createElement(f), ne = document.createElement("li");
+      const te = document.createElement(v), ne = document.createElement("li");
       for (ne.dataset.block = "true"; $.firstChild; ) ne.appendChild($.firstChild);
       return te.appendChild(ne), $.replaceWith(te), C(ne), h(), !0;
     }
-    const ce = X ? "p" : f.toLowerCase(), ee = document.createElement(ce);
+    const ce = X ? "p" : v.toLowerCase(), ee = document.createElement(ce);
     for (ce === "blockquote" && (ee.className = "rs-blockquote"), ee.dataset.block = "true"; $.firstChild; ) ee.appendChild($.firstChild);
-    return $.replaceWith(ee), C(ee), h(), B(f);
-  }, m = (f) => {
+    return $.replaceWith(ee), C(ee), h(), R(v);
+  }, m = (v) => {
     const d = e;
     if (!d) return null;
-    for (; f && f !== d; ) {
-      if (f instanceof HTMLElement && f.dataset.block !== void 0) return f;
-      f = f.parentNode;
+    for (; v && v !== d; ) {
+      if (v instanceof HTMLElement && v.dataset.block !== void 0) return v;
+      v = v.parentNode;
     }
     return null;
-  }, C = (f) => {
+  }, C = (v) => {
     const d = document.createRange(), y = window.getSelection();
-    d.selectNodeContents(f), d.collapse(!0), y?.removeAllRanges(), y?.addRange(d);
+    d.selectNodeContents(v), d.collapse(!0), y?.removeAllRanges(), y?.addRange(d);
   }, h = () => {
-    const f = e;
-    f && (f.querySelectorAll("[data-block]").forEach((d) => {
+    const v = e;
+    v && (v.querySelectorAll("[data-block]").forEach((d) => {
       d.childNodes.forEach((y) => {
         y.nodeType === 3 && !y.textContent?.trim() && y.remove();
       });
-    }), f.querySelectorAll("ul[data-block], ol[data-block]").forEach((d) => {
+    }), v.querySelectorAll("ul[data-block], ol[data-block]").forEach((d) => {
       d.removeAttribute("data-block");
-    }), f.querySelectorAll("li").forEach((d) => {
+    }), v.querySelectorAll("li").forEach((d) => {
       d.dataset.block = "true";
-    }), f.querySelectorAll("[data-block] [data-block]").forEach((d) => {
+    }), v.querySelectorAll("[data-block] [data-block]").forEach((d) => {
       const y = d.parentElement;
       if (y) {
         for (; d.firstChild; )
           y.insertBefore(d.firstChild, d);
         d.remove();
       }
-    }), f.querySelectorAll("li").forEach((d) => {
+    }), v.querySelectorAll("li").forEach((d) => {
       const y = d.parentElement;
       if (!y || !["UL", "OL"].includes(y.tagName)) {
         const $ = document.createElement("ul");
         d.replaceWith($), $.appendChild(d);
       }
-    }), f.querySelectorAll("[data-block]").forEach((d) => {
+    }), v.querySelectorAll("[data-block]").forEach((d) => {
       !d.querySelector("img, iframe") && d.hasAttribute("style") && d.removeAttribute("style");
-    }), f.normalize());
-  }, L = (f) => {
+    }), v.normalize());
+  }, L = (v) => {
     const d = t.value;
     if (!d) return !1;
     let y = d.startContainer;
@@ -371,11 +371,11 @@ const At = (e) => {
     const $ = e;
     if (!$) return !1;
     for (; y && y !== $; ) {
-      if (y instanceof HTMLElement && y.tagName.toLowerCase() === f.toLowerCase()) return !0;
+      if (y instanceof HTMLElement && y.tagName.toLowerCase() === v.toLowerCase()) return !0;
       y = y.parentNode;
     }
     return !1;
-  }, B = (f) => {
+  }, R = (v) => {
     const d = t.value;
     if (!d) return !1;
     let y = d.startContainer;
@@ -383,19 +383,19 @@ const At = (e) => {
     const $ = e;
     if (!$) return !1;
     for (; y && y !== $; ) {
-      if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() === f.toLowerCase()) return !0;
+      if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() === v.toLowerCase()) return !0;
       y = y.parentNode;
     }
     return !1;
-  }, S = () => {
-    const f = e;
-    f && f.focus();
+  }, E = () => {
+    const v = e;
+    v && v.focus();
   }, M = () => {
-    const f = e;
-    if (!f || !t.value || !f || !f.contains(t.value.commonAncestorContainer)) return;
+    const v = e;
+    if (!v || !t.value || !v || !v.contains(t.value.commonAncestorContainer)) return;
     const d = window.getSelection();
     d && (d.removeAllRanges(), d.addRange(t.value));
-  }, _ = () => l.value?.focusFirstButton?.(), z = (f) => {
+  }, B = () => l.value?.focusFirstButton?.(), z = (v) => {
     const d = window.getSelection();
     if (!d || d.rangeCount === 0) return;
     const y = d.getRangeAt(0);
@@ -409,7 +409,7 @@ const At = (e) => {
     X.selectNodeContents($), X.setEnd(y.startContainer, y.startOffset);
     const ce = X.toString().length, ee = y.cloneRange();
     ee.selectNodeContents($), ee.setEnd(y.endContainer, y.endOffset);
-    const te = ee.toString().length, ne = y.collapsed, le = f($);
+    const te = ee.toString().length, ne = y.collapsed, le = v($);
     $.replaceWith(le);
     const pe = document.createTreeWalker(
       le,
@@ -422,53 +422,53 @@ const At = (e) => {
       !Pe && $e + et >= ce && (Pe = De, We = ce - $e), !Ee && $e + et >= te && (Ee = De, Re = te - $e), $e += et;
     }
     const Te = document.createRange();
-    Pe ? Te.setStart(Pe, We) : Te.setStart(le, 0), !ne && Ee ? Te.setEnd(Ee, Re) : Te.collapse(!0), d.removeAllRanges(), d.addRange(Te), s(), h();
-  }, U = (f) => {
+    Pe ? Te.setStart(Pe, We) : Te.setStart(le, 0), !ne && Ee ? Te.setEnd(Ee, Re) : Te.collapse(!0), d.removeAllRanges(), d.addRange(Te), r(), h();
+  }, U = (v) => {
     const d = e.parentElement?.querySelector("#editor-status");
-    d && (d.textContent = f, setTimeout(() => d.textContent = "", 2e3));
-  }, oe = (f) => {
+    d && (d.textContent = v, setTimeout(() => d.textContent = "", 2e3));
+  }, oe = (v) => {
     const d = e;
     if (!d) return;
-    const y = document.createRange().createContextualFragment(f);
+    const y = document.createRange().createContextualFragment(v);
     d.appendChild(y), h(), d.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }, ue = (f) => {
+  }, ue = (v) => {
     const d = window.getSelection();
     if (!d || d.rangeCount === 0) {
-      oe(f);
+      oe(v);
       return;
     }
     const y = d.getRangeAt(0), $ = m(y.startContainer);
     if (!$) {
-      oe(f);
+      oe(v);
       return;
     }
-    $.insertAdjacentHTML("afterend", f), h(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }, re = (f) => {
+    $.insertAdjacentHTML("afterend", v), h(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+  }, re = (v) => {
     const d = document.createElement("span");
     d.className = "img-resizable", d.style.display = "inline-block", d.style.position = "relative", d.style.width = "100%";
     const y = document.createElement("img");
-    y.src = f, y.loading = "lazy";
+    y.src = v, y.loading = "lazy";
     const $ = document.createElement("span");
     $.className = "resize-handle", d.append(y, $), T(d.outerHTML);
-  }, P = (f) => {
+  }, P = (v) => {
     const d = document.createElement("span");
     d.className = "img-resizable", d.style.display = "inline-block", d.style.position = "relative", d.style.width = "100%";
     const y = document.createElement("img");
-    y.src = f, y.alt = "", y.loading = "lazy";
+    y.src = v, y.alt = "", y.loading = "lazy";
     const $ = document.createElement("span");
     $.className = "resize-handle", d.append(y, $), ue(d.outerHTML);
-  }, R = (f) => {
-    const d = f.closest(".img-resizable");
+  }, S = (v) => {
+    const d = v.closest(".img-resizable");
     if (!d) return;
     const y = d.querySelector(".resize-handle");
     if (!y || d.dataset.resizableInitialized === "true") return;
-    d.dataset.resizableInitialized = "true", d.style.display = "inline-block", d.style.position = "relative", f.style.display = "block", f.style.width = "100%", y.style.display = "none";
+    d.dataset.resizableInitialized = "true", d.style.display = "inline-block", d.style.position = "relative", v.style.display = "block", v.style.width = "100%", y.style.display = "none";
     const $ = () => {
       d.classList.add("active"), y.style.display = "block";
     }, X = () => {
       d.classList.remove("active"), y.style.display = "none";
     };
-    f.addEventListener("click", (ne) => {
+    v.addEventListener("click", (ne) => {
       ne.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((le) => le.classList.remove("selected")), d.classList.add("selected"), $();
     }), document.addEventListener("click", (ne) => {
       const le = ne.target;
@@ -489,17 +489,17 @@ const At = (e) => {
       document.addEventListener("mousemove", le), document.addEventListener("mouseup", pe), document.addEventListener("touchmove", le, { passive: !1 }), document.addEventListener("touchend", pe);
     };
     y.addEventListener("mousedown", te), y.addEventListener("touchstart", te, { passive: !1 });
-  }, x = (f) => {
-    if (f.key !== "Backspace" && f.key !== "Delete") return;
+  }, x = (v) => {
+    if (v.key !== "Backspace" && v.key !== "Delete") return;
     const d = e.querySelector(".img-resizable.selected");
     if (!d) return;
-    f.preventDefault();
+    v.preventDefault();
     const y = d.closest("p[data-block]");
     y && (d.remove(), y.replaceChildren(document.createElement("br")), C(y));
   };
   e.addEventListener("keydown", x, { capture: !0 });
-  const V = (f) => {
-    const d = f.match(
+  const V = (v) => {
+    const d = v.match(
       /(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
     );
     if (!d) return;
@@ -523,15 +523,15 @@ const At = (e) => {
         aspectRatio: "16/9"
       }
     );
-  }, g = (f) => {
-    if (f.key !== "Backspace" && f.key !== "Delete") return;
+  }, g = (v) => {
+    if (v.key !== "Backspace" && v.key !== "Delete") return;
     const d = window.getSelection();
     if (!d || d.rangeCount === 0) return;
     const y = d.getRangeAt(0), $ = m(y.startContainer);
     if (!$) return;
     const X = $.querySelector("iframe");
-    X && (f.preventDefault(), f.stopPropagation(), X.remove(), $.removeAttribute("style"), $.replaceChildren(document.createElement("br")), C($));
-  }, T = (f, d) => {
+    X && (v.preventDefault(), v.stopPropagation(), X.remove(), $.removeAttribute("style"), $.replaceChildren(document.createElement("br")), C($));
+  }, T = (v, d) => {
     const y = e;
     if (!y) return;
     const $ = window.getSelection();
@@ -543,23 +543,23 @@ const At = (e) => {
     const ce = X && !X.textContent?.trim() && X.querySelectorAll("img, iframe").length === 0;
     let ee = null;
     if (ce && X)
-      d && Object.assign(X.style, d), X.innerHTML = f, ee = document.createElement("p"), ee.dataset.block = "true", ee.replaceChildren(document.createElement("br")), X.after(ee);
+      d && Object.assign(X.style, d), X.innerHTML = v, ee = document.createElement("p"), ee.dataset.block = "true", ee.replaceChildren(document.createElement("br")), X.after(ee);
     else {
       const te = document.createElement("p");
-      te.dataset.block = "true", d && Object.assign(te.style, d), te.innerHTML = f;
+      te.dataset.block = "true", d && Object.assign(te.style, d), te.innerHTML = v;
       const ne = document.createElement("p");
       ne.dataset.block = "true", ne.replaceChildren(document.createElement("br")), X ? (X.after(te), te.after(ne)) : y.append(te, ne), ee = ne;
     }
-    y.querySelectorAll(".img-resizable img").forEach((te) => R(te)), ee && C(ee), h(), y.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }, E = (f) => {
-    const d = f.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
+    y.querySelectorAll(".img-resizable img").forEach((te) => S(te)), ee && C(ee), h(), y.dispatchEvent(new Event("input", { bubbles: !0 }));
+  }, A = (v) => {
+    const d = v.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
     return d && typeof d[1] == "string" ? d[1] : null;
-  }, F = async (f) => {
-    const d = f.clipboardData?.items;
+  }, F = async (v) => {
+    const d = v.clipboardData?.items;
     if (d && o) {
       for (const ne of d)
         if (ne.type.startsWith("image/")) {
-          f.preventDefault();
+          v.preventDefault();
           const le = ne.getAsFile();
           if (!le) return;
           try {
@@ -571,11 +571,11 @@ const At = (e) => {
           return;
         }
     }
-    const y = f.clipboardData?.getData("text/plain")?.trim();
+    const y = v.clipboardData?.getData("text/plain")?.trim();
     if (!y) return;
-    const $ = E(y), X = H(y);
+    const $ = A(y), X = H(y);
     if (!$ && !X) return;
-    f.preventDefault();
+    v.preventDefault();
     const ce = window.getSelection();
     if (!ce || ce.rangeCount === 0) return;
     const ee = ce.getRangeAt(0), te = m(ee.startContainer);
@@ -585,33 +585,33 @@ const At = (e) => {
     }
     if (X) {
       if (!await O(y)) {
-        r?.(i);
+        s?.(i);
         return;
       }
       re(y);
     }
-  }, H = (f) => {
+  }, H = (v) => {
     try {
-      const d = new URL(f);
+      const d = new URL(v);
       return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(d.pathname);
     } catch {
       return !1;
     }
-  }, O = (f) => i ? new Promise((d) => {
+  }, O = (v) => i ? new Promise((d) => {
     const y = new Image();
     y.onload = () => {
       const $ = y.naturalWidth >= i.width || y.naturalHeight >= i.height;
       d($);
-    }, y.onerror = () => d(!1), y.src = f;
-  }) : Promise.resolve(!0), I = (f) => {
+    }, y.onerror = () => d(!1), y.src = v;
+  }) : Promise.resolve(!0), I = (v) => {
     const d = window.getSelection();
     if (!d || d.rangeCount === 0 || d.isCollapsed) return;
     const y = d.getRangeAt(0), $ = document.createElement("a");
-    $.href = f, $.target = "_blank", $.rel = "noopener noreferrer", $.append(y.extractContents()), y.insertNode($), y.selectNode($), d.removeAllRanges(), d.addRange(y), s(), h();
+    $.href = v, $.target = "_blank", $.rel = "noopener noreferrer", $.append(y.extractContents()), y.insertNode($), y.selectNode($), d.removeAllRanges(), d.addRange(y), r(), h();
   }, D = () => {
-    const f = window.getSelection();
-    if (!f || f.rangeCount === 0) return;
-    let y = f.getRangeAt(0).commonAncestorContainer;
+    const v = window.getSelection();
+    if (!v || v.rangeCount === 0) return;
+    let y = v.getRangeAt(0).commonAncestorContainer;
     for (y.nodeType === 3 && (y = y.parentNode); y && y.nodeName !== "A"; )
       y = y.parentNode;
     if (!y) return;
@@ -624,16 +624,16 @@ const At = (e) => {
   };
   return e.addEventListener("keydown", g, { capture: !0 }), e.addEventListener("paste", F), {
     toggleInline: c,
-    toggleBlock: v,
+    toggleBlock: f,
     normalize: h,
     rootElement: e,
-    saveSelection: s,
+    saveSelection: r,
     restoreSelection: M,
     isInlineActive: L,
-    isBlockActive: B,
-    focus: S,
+    isBlockActive: R,
+    focus: E,
     toolbarRef: l,
-    focusFirstToolbarButton: _,
+    focusFirstToolbarButton: B,
     replaceCurrentBlock: z,
     buttons: a,
     announce: U,
@@ -661,50 +661,50 @@ const At = (e) => {
     onImageResolutionError: {}
   },
   setup(e, { expose: n }) {
-    const t = e, a = k(""), o = k(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 = k(""), o = k(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;
         }
-    }, r = () => {
-      const v = window.getSelection();
-      if (!v || v.rangeCount === 0) return;
+    }, s = () => {
+      const f = window.getSelection();
+      if (!f || f.rangeCount === 0) return;
       const m = o.value;
       if (!m) return;
-      const C = v.getRangeAt(0);
+      const C = f.getRangeAt(0);
       m.contains(C.commonAncestorContainer) && t.editor?.saveSelection();
     }, l = () => {
-      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 C = (m instanceof Element ? m : m.parentElement)?.closest("[data-block]");
-      C && s(C);
-    }, s = (v) => {
-      const m = v.textContent?.replace(/\u00A0/g, "").trim() ?? "", C = v.querySelector("img, iframe"), h = v.innerHTML === "<br>";
-      (m === "" || h) && !C ? v.dataset.empty = "true" : v.dataset.empty = "false";
-    }, c = (v, m = !1) => {
+      C && r(C);
+    }, r = (f) => {
+      const m = f.textContent?.replace(/\u00A0/g, "").trim() ?? "", C = f.querySelector("img, iframe"), h = f.innerHTML === "<br>";
+      (m === "" || h) && !C ? f.dataset.empty = "true" : f.dataset.empty = "false";
+    }, c = (f, m = !1) => {
       const C = window.getSelection();
       if (!C || C.rangeCount === 0) return;
       const h = C.getRangeAt(0);
       if (h.deleteContents(), m) {
-        const B = document.createTextNode(v);
-        h.insertNode(B), h.setStartAfter(B), h.collapse(!0), C.removeAllRanges(), C.addRange(h);
+        const R = document.createTextNode(f);
+        h.insertNode(R), h.setStartAfter(R), h.collapse(!0), C.removeAllRanges(), C.addRange(h);
         return;
       }
-      const L = h.createContextualFragment(v);
+      const L = h.createContextualFragment(f);
       h.insertNode(L), C.collapseToEnd();
-    }, u = (v) => {
-      v.preventDefault();
-      const m = v.clipboardData?.getData("text/plain");
+    }, u = (f) => {
+      f.preventDefault();
+      const m = f.clipboardData?.getData("text/plain");
       if (!m) return;
       const C = window.getSelection();
       if (!C || C.rangeCount === 0) return;
@@ -713,14 +713,14 @@ const At = (e) => {
       (h.startContainer instanceof Element ? h.startContainer : h.startContainer.parentElement)?.closest("[data-block]") ? c(m.trim(), !0) : c(`<p data-block>${m.trim()}</p>`, !1), t.editor?.saveSelection(), L.dispatchEvent(new Event("input", { bubbles: !0 }));
     };
     return ve(() => {
-      document.addEventListener("selectionchange", r);
-      const v = o.value;
-      v && v.querySelectorAll("[data-block]").forEach((m) => {
-        s(m);
+      document.addEventListener("selectionchange", s);
+      const f = o.value;
+      f && f.querySelectorAll("[data-block]").forEach((m) => {
+        r(m);
       });
-    }), Be(() => document.removeEventListener("selectionchange", r)), n({
+    }), Be(() => document.removeEventListener("selectionchange", s)), n({
       getRoot: () => o
-    }), (v, m) => (p(), b(de, null, [
+    }), (f, m) => (p(), b(de, null, [
       w("div", {
         ref_key: "rootRef",
         ref: o,
@@ -2409,19 +2409,19 @@ const At = (e) => {
     buttons: {}
   },
   setup(e, { expose: n }) {
-    const t = e, a = at + Qa, o = k(""), i = k(!1), r = k(!1), l = k([]), s = k(null), c = k({}), u = k(null);
-    let v = !1, m = null, C = null, h = null, L = 0;
-    const B = () => {
-      c.value = S();
+    const t = e, a = at + Qa, o = k(""), i = k(!1), s = k(!1), l = k([]), r = k(null), c = k({}), u = k(null);
+    let f = !1, m = null, C = null, h = null, L = 0;
+    const R = () => {
+      c.value = E();
     };
-    Q(r, async (g) => {
+    Q(s, async (g) => {
       if (!g) {
         h?.(), h = null, C?.disconnect(), C = null;
         return;
       }
-      await xe(), await xe(), B(), s.value && (C = new ResizeObserver(B), C.observe(s.value)), h = M(B);
+      await xe(), await xe(), R(), r.value && (C = new ResizeObserver(R), C.observe(r.value)), h = M(R);
     }, { flush: "post" });
-    const S = () => {
+    const E = () => {
       if (!t.editor?.rootElement) return {};
       let T = null;
       if (i.value && m)
@@ -2433,34 +2433,34 @@ const At = (e) => {
         T = d.getRangeAt(0);
       }
       if (!T) return {};
-      const E = T.getClientRects().item(0) ?? T.getBoundingClientRect();
-      if (!E || E.width === 0 && E.height === 0) return {};
-      const F = s.value;
+      const A = T.getClientRects().item(0) ?? T.getBoundingClientRect();
+      if (!A || A.width === 0 && A.height === 0) return {};
+      const F = r.value;
       if (!F) return {};
-      const H = F.getBoundingClientRect(), O = H.width, I = E.left + E.width / 2, D = Math.max(
+      const H = F.getBoundingClientRect(), O = H.width, I = A.left + A.width / 2, D = Math.max(
         O / 2 + at,
         Math.min(I, window.innerWidth - O / 2 - at)
-      ), f = E.top - H.height - a;
-      return f < 0 ? {} : {
+      ), v = A.top - H.height - a;
+      return v < 0 ? {} : {
         position: "fixed",
         left: `${D}px`,
-        top: `${f}px`
+        top: `${v}px`
       };
     }, M = (g) => {
       let T = 0;
-      const E = () => {
+      const A = () => {
         cancelAnimationFrame(T), T = requestAnimationFrame(g);
-      }, F = E, H = E;
+      }, F = A, H = A;
       return window.addEventListener("scroll", F, { capture: !0, passive: !0 }), window.addEventListener("resize", H, { passive: !0 }), () => {
         cancelAnimationFrame(T), window.removeEventListener("scroll", F, { capture: !0 }), window.removeEventListener("resize", H);
       };
-    }, _ = (g, T) => {
+    }, B = (g, T) => {
       g && (l.value[T] = g);
     };
-    Q(r, () => {
+    Q(s, () => {
       l.value = [];
     });
-    const z = A(() => [
+    const z = _(() => [
       {
         key: "strong",
         label: "bold",
@@ -2522,34 +2522,34 @@ const At = (e) => {
             g.removeLink(), g.focus();
             return;
           }
-          v = !0, i.value = !0, r.value = !0, xe(() => {
+          f = !0, i.value = !0, s.value = !0, xe(() => {
             u.value?.focus(), requestAnimationFrame(() => {
-              v = !1;
+              f = !1;
             });
           }), g.announce(g.isInlineActive("strong") ? "Link enabled" : "Link disabled");
         },
         isActive: (g) => g.isInlineActive("a")
       }
-    ]), U = A(() => [
+    ]), U = _(() => [
       ...z.value,
       ...t.editor?.buttons ?? []
     ]), oe = async () => {
       await xe(), l.value[0]?.focus();
     }, ue = (g) => {
-      const T = l.value, E = T.indexOf(document.activeElement);
+      const T = l.value, A = T.indexOf(document.activeElement);
       if (g.key === "ArrowRight") {
         g.preventDefault();
-        const F = E < T.length - 1 ? E + 1 : 0;
+        const F = A < T.length - 1 ? A + 1 : 0;
         T[F]?.focus();
       }
       if (g.key === "ArrowLeft") {
         g.preventDefault();
-        const F = E > 0 ? E - 1 : T.length - 1;
+        const F = A > 0 ? A - 1 : T.length - 1;
         T[F]?.focus();
       }
       if (g.key === "Home" && (g.preventDefault(), T[0]?.focus()), g.key === "End" && (g.preventDefault(), T[T.length - 1]?.focus()), g.key === "Escape") {
         if (g.preventDefault(), i.value) {
-          R(), t.editor?.focus();
+          S(), t.editor?.focus();
           return;
         }
         t.editor?.restoreSelection(), t.editor?.focus();
@@ -2563,36 +2563,36 @@ const At = (e) => {
           T.contains(O) && !g.isCollapsed && (m = H.cloneRange());
         }
         if (i.value) {
-          r.value = !0;
+          s.value = !0;
           return;
         }
         if (!g || g.rangeCount === 0) {
-          r.value = !1;
+          s.value = !1;
           return;
         }
-        const E = g.getRangeAt(0), F = E.commonAncestorContainer.nodeType === 3 ? E.commonAncestorContainer.parentNode : E.commonAncestorContainer;
-        r.value = T.contains(F) && !g.isCollapsed;
+        const A = g.getRangeAt(0), F = A.commonAncestorContainer.nodeType === 3 ? A.commonAncestorContainer.parentNode : A.commonAncestorContainer;
+        s.value = T.contains(F) && !g.isCollapsed;
       });
     }, P = () => {
       o.value.trim() && (t.editor?.restoreSelection(), t.editor?.applyLink(o.value), t.editor?.rootElement?.dispatchEvent(
         new Event("input", { bubbles: !0 })
       ), o.value = "", i.value = !1, t.editor?.focus());
-    }, R = () => {
+    }, S = () => {
       i.value = !1, o.value = "";
     }, x = (g) => {
       g.action(t.editor);
     }, V = (g) => {
-      if (v) return;
-      const T = g.target, E = s.value, F = t.editor?.rootElement;
+      if (f) return;
+      const T = g.target, A = r.value, F = t.editor?.rootElement;
       if (i.value) {
-        const I = E?.contains(T), D = F?.contains(T);
+        const I = A?.contains(T), D = F?.contains(T);
         if (I || D) return;
-        R(), r.value = !1;
+        S(), s.value = !1;
         return;
       }
-      if (!E || !F) return;
-      const H = E.contains(T), O = F.contains(T);
-      H || O || (r.value = !1);
+      if (!A || !F) return;
+      const H = A.contains(T), O = F.contains(T);
+      H || O || (s.value = !1);
     };
     return ve(() => {
       document.addEventListener("selectionchange", () => {
@@ -2605,10 +2605,10 @@ const At = (e) => {
     }), (g, T) => (p(), ae(Fe, { to: "body" }, [
       K(Ae, { name: "tooltip-fade" }, {
         default: J(() => [
-          r.value ? (p(), b("div", {
+          s.value ? (p(), b("div", {
             key: 0,
             ref_key: "toolbarRef",
-            ref: s,
+            ref: r,
             class: "toolbar",
             role: "toolbar",
             "aria-label": "Formatting options",
@@ -2622,10 +2622,10 @@ const At = (e) => {
               _e(w("input", {
                 ref_key: "linkInputRef",
                 ref: u,
-                "onUpdate:modelValue": T[0] || (T[0] = (E) => o.value = E),
+                "onUpdate:modelValue": T[0] || (T[0] = (A) => o.value = A),
                 type: "text",
                 placeholder: "https://...",
-                onBlur: T[1] || (T[1] = se((E) => i.value = !1, ["prevent"])),
+                onBlur: T[1] || (T[1] = se((A) => i.value = !1, ["prevent"])),
                 onKeydown: ye(P, ["enter"]),
                 onMousedown: T[2] || (T[2] = se(() => {
                 }, ["stop"]))
@@ -2637,21 +2637,21 @@ const At = (e) => {
                 onMousedown: T[3] || (T[3] = se(() => {
                 }, ["prevent"]))
               }, "Ok ", 32)
-            ])) : (p(!0), b(de, { key: 0 }, he(U.value, (E, F) => (p(), b("button", {
-              key: E.key ?? F,
+            ])) : (p(!0), b(de, { key: 0 }, he(U.value, (A, F) => (p(), b("button", {
+              key: A.key ?? F,
               type: "button",
               ref_for: !0,
-              ref: (H) => _(H, F),
-              class: fe({ "is-active": E.isActive?.(t.editor) }),
-              "aria-pressed": E.isActive?.(t.editor),
-              onClick: (H) => x(E),
-              "aria-label": E.ariaLabel
+              ref: (H) => B(H, F),
+              class: fe({ "is-active": A.isActive?.(t.editor) }),
+              "aria-pressed": A.isActive?.(t.editor),
+              onClick: (H) => x(A),
+              "aria-label": A.ariaLabel
             }, [
-              E.type === "icon" ? (p(), ae(Ce, {
+              A.type === "icon" ? (p(), ae(Ce, {
                 key: 0,
-                name: E.label,
-                size: E.size ?? 14
-              }, null, 8, ["name", "size"])) : (p(), b("span", Ga, j(E.label), 1))
+                name: A.label,
+                size: A.size ?? 14
+              }, null, 8, ["name", "size"])) : (p(), b("span", Ga, j(A.label), 1))
             ], 10, Xa))), 128))
           ], 44, Ya)) : q("", !0)
         ]),
@@ -2675,38 +2675,38 @@ const At = (e) => {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = ke(e, "modelValue"), a = e, o = ge(), i = k(), r = k(null), l = k(null);
+    const t = ke(e, "modelValue"), a = e, o = ge(), i = k(), s = k(null), l = k(null);
     return Q(
       () => t.value,
-      (s) => {
+      (r) => {
         const c = l.value?.getRoot()?.value;
-        c && c.innerHTML !== s && (c.innerHTML = s, r.value?.normalize());
+        c && c.innerHTML !== r && (c.innerHTML = r, s.value?.normalize());
       },
       { immediate: !0 }
     ), Q(
       () => l.value,
       () => {
-        const s = l.value?.getRoot()?.value;
-        !s || !t.value || t.value.trim().length === 0 || s.innerHTML !== t.value && (s.innerHTML = t.value, r.value?.normalize());
+        const r = l.value?.getRoot()?.value;
+        !r || !t.value || t.value.trim().length === 0 || r.innerHTML !== t.value && (r.innerHTML = t.value, s.value?.normalize());
       },
       { immediate: !0 }
     ), ve(() => {
       const c = l.value?.getRoot()?.value;
       if (!c) return;
-      r.value = u1(c, {
+      s.value = u1(c, {
         buttons: a.buttons ?? [],
         minImageResolution: a.minImageResolution,
         onImageResolutionError: a.onImageResolutionError
-      }), r.value && (r.value.toolbarRef = i);
+      }), s.value && (s.value.toolbarRef = i);
       const u = () => t.value = c.innerHTML;
       c.addEventListener("input", u), Be(() => c.removeEventListener("input", u));
-    }), He("announce", (s) => r.value?.announce(s)), n({
-      editor: r
-    }), (s, c) => (p(), b("section", an, [
+    }), He("announce", (r) => s.value?.announce(r)), n({
+      editor: s
+    }), (r, c) => (p(), b("section", an, [
       K(p1, {
         ref_key: "contentRef",
         ref: l,
-        editor: r.value,
+        editor: s.value,
         "editor-id": N(o),
         "aria-label": e.ariaLabel,
         "write-here-text": e.writeHereText,
@@ -2716,7 +2716,7 @@ const At = (e) => {
       K(tn, {
         ref_key: "toolbarRef",
         ref: i,
-        editor: r.value,
+        editor: s.value,
         "editor-id": N(o)
       }, null, 8, ["editor", "editor-id"])
     ]));
@@ -2766,23 +2766,23 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
   }),
   emits: /* @__PURE__ */ ie(["select", "upload", "remove"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = k(0), r = k(""), l = k(!1), s = ge(), c = k(), u = A(() => t.value), v = A(() => a.maxSize === 1 / 0 ? "Unlimited" : re(a.maxSize)), m = A(() => !a.disabled && (a.multiple || t.value.length === 0)), C = A(() => u.value.some((x) => x.status === "uploading")), h = () => m.value && c.value?.click(), L = () => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = k(0), s = k(""), l = k(!1), r = ge(), c = k(), u = _(() => t.value), f = _(() => a.maxSize === 1 / 0 ? "Unlimited" : re(a.maxSize)), m = _(() => !a.disabled && (a.multiple || t.value.length === 0)), C = _(() => u.value.some((x) => x.status === "uploading")), h = () => m.value && c.value?.click(), L = () => {
       a.disabled || (i.value++, l.value = !0);
-    }, B = () => {
+    }, R = () => {
       i.value = Math.max(0, i.value - 1), i.value === 0 && (l.value = !1);
-    }, S = (x) => {
+    }, E = (x) => {
       if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, l.value = !1, !!x.dataTransfer)) {
         if (!a.multiple && x.dataTransfer?.files.length) {
           const V = x.dataTransfer.files[0];
-          _([V]);
+          B([V]);
           return;
         }
-        _(Array.from(x.dataTransfer.files));
+        B(Array.from(x.dataTransfer.files));
       }
     }, M = (x) => {
       const V = x.target;
-      V.files && (_(Array.from(V.files)), V.value = "");
-    }, _ = (x) => {
+      V.files && (B(Array.from(V.files)), V.value = "");
+    }, B = (x) => {
       const V = [];
       for (const T of x) {
         if (u.value.length + V.length >= a.maxFiles) break;
@@ -2806,14 +2806,14 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
       V.signal.addEventListener("abort", g);
       const T = {
         signal: V.signal,
-        onProgress: (E) => {
-          x.progress = E, ue();
+        onProgress: (A) => {
+          x.progress = A, ue();
         },
         done: () => {
           x.status = "success", x.progress = 100, x.controller = void 0, P(`Finished uploading ${x.file.name}`), ue();
         },
-        fail: (E) => {
-          x.status = "error", x.error = E, x.controller = void 0, P(`Failed to upload ${x.file.name}: ${E}`), ue();
+        fail: (A) => {
+          x.status = "error", x.error = A, x.controller = void 0, P(`Failed to upload ${x.file.name}: ${A}`), ue();
         }
       };
       o("upload", x, T);
@@ -2828,10 +2828,10 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         x /= 1024, g++;
       return `${x.toFixed(2)} ${V[g]}`;
     }, P = (x) => {
-      r.value = "", requestAnimationFrame(() => {
-        r.value = x;
+      s.value = "", requestAnimationFrame(() => {
+        s.value = x;
       });
-    }, R = (x) => {
+    }, S = (x) => {
       x.controller && x.controller.abort(), o("remove", x), t.value = u.value.filter((V) => V.id !== x.id);
     };
     return (x, V) => (p(), b("div", {
@@ -2839,7 +2839,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
       class: "ui-upload",
       tabindex: e.disabled ? -1 : 0,
       "aria-label": e.ariaLabel || "File upload area",
-      "aria-describedby": l.value ? N(s) : void 0,
+      "aria-describedby": l.value ? N(r) : void 0,
       "aria-busy": C.value ? "true" : void 0,
       "aria-disabled": e.disabled ? "true" : void 0,
       "data-disabled": e.disabled || void 0,
@@ -2850,8 +2850,8 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         V[2] || (V[2] = ye(se((g) => !e.disabled && h(), ["prevent"]), ["space"]))
       ],
       onDragover: V[3] || (V[3] = se((g) => !e.disabled && L(), ["prevent"])),
-      onDragleave: B,
-      onDrop: V[4] || (V[4] = se((g) => !e.disabled && S(g), ["prevent"]))
+      onDragleave: R,
+      onDrop: V[4] || (V[4] = se((g) => !e.disabled && E(g), ["prevent"]))
     }, [
       w("input", {
         type: "file",
@@ -2882,7 +2882,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
           ])]),
           _: 1
         }),
-        w("span", null, "Maximum size: " + j(v.value), 1)
+        w("span", null, "Maximum size: " + j(f.value), 1)
       ], !0) : q("", !0),
       u.value?.length ? (p(), b("ul", ln, [
         (p(!0), b(de, null, he(u.value, (g) => (p(), b("li", {
@@ -2891,7 +2891,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         }, [
           G(x.$slots, "file", {
             file: g,
-            remove: () => R(g),
+            remove: () => S(g),
             cancel: () => U(g),
             retry: () => oe(g)
           }, () => [
@@ -2938,7 +2938,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
                 key: 2,
                 type: "button",
                 class: "btn-outline btn-xs",
-                onClick: se((T) => R(g), ["stop"]),
+                onClick: se((T) => S(g), ["stop"]),
                 "aria-label": "Remove file"
               }, {
                 default: J(() => [...V[10] || (V[10] = [
@@ -2950,9 +2950,9 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
           ], !0)
         ]))), 128))
       ])) : q("", !0),
-      w("div", hn, j(r.value), 1),
+      w("div", hn, j(s.value), 1),
       w("p", {
-        id: N(s),
+        id: N(r),
         class: "sr-only"
       }, " Drop files to upload ", 8, gn)
     ], 40, nn));
@@ -2975,34 +2975,34 @@ const bn = (e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = Mn + Ln, a = k(!1), o = `tooltip-${ge()}`, i = k(null), r = k(null), l = k({});
-    let s = null, c = null, u = null;
-    const v = () => {
-      n.disabled || (s && (clearTimeout(s), s = null), n.delay ? s = window.setTimeout(() => {
-        a.value = !0, s = null;
+    const n = e, t = Mn + Ln, a = k(!1), o = `tooltip-${ge()}`, i = k(null), s = k(null), l = k({});
+    let r = null, c = null, u = null;
+    const f = () => {
+      n.disabled || (r && (clearTimeout(r), r = null), n.delay ? r = window.setTimeout(() => {
+        a.value = !0, r = null;
       }, n.delay) : a.value = !0);
     }, m = () => {
-      s && (clearTimeout(s), s = null), a.value = !1;
+      r && (clearTimeout(r), r = null), a.value = !1;
     }, C = () => {
-      if (!i.value || !r.value) return {};
-      const L = i.value.getBoundingClientRect(), B = r.value.getBoundingClientRect(), S = {
+      if (!i.value || !s.value) return {};
+      const L = i.value.getBoundingClientRect(), R = s.value.getBoundingClientRect(), E = {
         position: "fixed"
       };
       switch (n.placement) {
         case "top":
-          S.left = `${L.left + L.width / 2 - B.width / 2}px`, S.top = `${L.top - B.height - t}px`;
+          E.left = `${L.left + L.width / 2 - R.width / 2}px`, E.top = `${L.top - R.height - t}px`;
           break;
         case "bottom":
-          S.left = `${L.left + L.width / 2 - B.width / 2}px`, S.top = `${L.bottom + t}px`;
+          E.left = `${L.left + L.width / 2 - R.width / 2}px`, E.top = `${L.bottom + t}px`;
           break;
         case "left":
-          S.left = `${L.left - B.width - t}px`, S.top = `${L.top + L.height / 2 - B.height / 2}px`;
+          E.left = `${L.left - R.width - t}px`, E.top = `${L.top + L.height / 2 - R.height / 2}px`;
           break;
         case "right":
-          S.left = `${L.right + t}px`, S.top = `${L.top + L.height / 2 - B.height / 2}px`;
+          E.left = `${L.right + t}px`, E.top = `${L.top + L.height / 2 - R.height / 2}px`;
           break;
       }
-      return S;
+      return E;
     }, h = () => {
       l.value = C();
     };
@@ -3011,10 +3011,10 @@ const bn = (e) => {
         c?.(), c = null, u?.disconnect(), u = null;
         return;
       }
-      await xe(), h(), c = bn(h), u = new ResizeObserver(h), r.value && u.observe(r.value), i.value && u.observe(i.value);
+      await xe(), h(), c = bn(h), u = new ResizeObserver(h), s.value && u.observe(s.value), i.value && u.observe(i.value);
     }), Se(() => {
       c?.(), u?.disconnect();
-    }), (L, B) => (p(), b(de, null, [
+    }), (L, R) => (p(), b(de, null, [
       w("span", {
         ref_key: "triggerRef",
         ref: i,
@@ -3022,9 +3022,9 @@ const bn = (e) => {
         "aria-describedby": a.value ? o : void 0,
         "aria-disabled": e.disabled || void 0,
         "aria-expanded": a.value || void 0,
-        onMouseenter: v,
+        onMouseenter: f,
         onMouseleave: m,
-        onFocus: v,
+        onFocus: f,
         onBlur: m,
         onKeydown: ye(m, ["esc"])
       }, [
@@ -3036,7 +3036,7 @@ const bn = (e) => {
             a.value ? (p(), b("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: r,
+              ref: s,
               id: o,
               class: "tooltip-content",
               role: "tooltip",
@@ -3045,7 +3045,7 @@ const bn = (e) => {
               "data-placement": n.placement,
               style: Ie(l.value)
             }, [
-              B[0] || (B[0] = w("div", { class: "tooltip-arrow" }, null, -1)),
+              R[0] || (R[0] = w("div", { class: "tooltip-arrow" }, null, -1)),
               G(L.$slots, "content", {}, () => [
                 Me(j(e.content), 1)
               ], !0)
@@ -3076,26 +3076,26 @@ const $n = {
   },
   emits: ["click", "remove"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = A(() => t.clickable || t.as === "button" || t.as === "a"), i = A(() => [
+    const t = e, a = n, o = _(() => t.clickable || t.as === "button" || t.as === "a"), i = _(() => [
       `ui-tag--${t.variant}`,
       `ui-tag--${t.size}`,
       {
         "is-clickable": t.clickable,
         "is-removable": t.removable
       }
-    ]), r = A(() => t.clickable && t.as !== "button" && t.as !== "a"), l = (c) => {
+    ]), s = _(() => t.clickable && t.as !== "button" && t.as !== "a"), l = (c) => {
       t.disabled || !o.value || a("click", c);
-    }, s = () => a("remove");
+    }, r = () => a("remove");
     return (c, u) => (p(), ae(Ne(e.as), {
       ref: "rootRef",
       class: fe(["ui-tag", i.value]),
       "aria-disabled": e.disabled || void 0,
-      tabindex: e.disabled ? -1 : r.value ? 0 : void 0,
-      role: r.value ? "button" : void 0,
+      tabindex: e.disabled ? -1 : s.value ? 0 : void 0,
+      role: s.value ? "button" : void 0,
       onClick: l,
       onKeydown: [
-        u[0] || (u[0] = ye(se((v) => !e.disabled && o.value && l(v), ["prevent"]), ["enter"])),
-        u[1] || (u[1] = ye(se((v) => !e.disabled && o.value && l(v), ["prevent"]), ["space"]))
+        u[0] || (u[0] = ye(se((f) => !e.disabled && o.value && l(f), ["prevent"]), ["enter"])),
+        u[1] || (u[1] = ye(se((f) => !e.disabled && o.value && l(f), ["prevent"]), ["space"]))
       ]
     }, {
       default: J(() => [
@@ -3110,7 +3110,7 @@ const $n = {
           class: "ui-tag__remove",
           type: "button",
           "aria-label": `Remove ${e.textContent}`,
-          onClick: se(s, ["stop"])
+          onClick: se(r, ["stop"])
         }, [
           K(Ce, {
             name: "close",
@@ -3138,7 +3138,7 @@ const $n = {
       }
       a("click", i);
     };
-    return (i, r) => (p(), b("a", {
+    return (i, s) => (p(), b("a", {
       class: "link",
       href: e.disabled ? void 0 : e.href,
       "aria-disabled": e.disabled ? "true" : void 0,
@@ -3155,42 +3155,42 @@ const $n = {
   __name: "Dropdown",
   setup(e) {
     let n = 0;
-    const t = k(!1), a = k(null), o = k({}), i = `dropdown-${ge()}`, r = `${i}-menu`, l = `${i}-trigger`, s = () => t.value = !0, c = () => {
+    const t = k(!1), a = k(null), o = k({}), i = `dropdown-${ge()}`, s = `${i}-menu`, l = `${i}-trigger`, r = () => t.value = !0, c = () => {
       t.value = !1, o.value = {}, n = 0, a.value?.focus({ preventScroll: !0 });
-    }, u = () => t.value = !t.value, v = (M) => {
-      const _ = `dropdown-item-${n++}`;
-      return o.value[_] = M, _;
+    }, u = () => t.value = !t.value, f = (M) => {
+      const B = `dropdown-item-${n++}`;
+      return o.value[B] = M, B;
     }, m = (M) => {
-      const _ = o.value[M];
-      _ && _.focus({ preventScroll: !0 });
+      const B = o.value[M];
+      B && B.focus({ preventScroll: !0 });
     }, C = () => {
       const M = Object.keys(o.value)[0];
       M && m(M);
     }, h = () => {
-      const M = Object.keys(o.value), _ = M[M.length - 1];
-      _ && m(_);
+      const M = Object.keys(o.value), B = M[M.length - 1];
+      B && m(B);
     }, L = (M) => {
-      const _ = Object.keys(o.value), z = S(M), U = _[z + 1];
-      z >= 0 && z < _.length - 1 && U && m(U);
-    }, B = (M) => {
-      const _ = Object.keys(o.value), z = S(M), U = _[z - 1];
+      const B = Object.keys(o.value), z = E(M), U = B[z + 1];
+      z >= 0 && z < B.length - 1 && U && m(U);
+    }, R = (M) => {
+      const B = Object.keys(o.value), z = E(M), U = B[z - 1];
       z > 0 && U && m(U);
-    }, S = (M) => Object.keys(o.value).indexOf(M);
+    }, E = (M) => Object.keys(o.value).indexOf(M);
     return He("DropdownContext", {
-      open: s,
+      open: r,
       close: c,
       toggle: u,
       isOpen: t,
-      registerItem: v,
+      registerItem: f,
       focusItem: m,
       focusNextItem: L,
-      focusPrevItem: B,
+      focusPrevItem: R,
       focusFirstItem: C,
       focusLastItem: h,
       triggerRef: a,
-      menuId: r,
+      menuId: s,
       triggerId: l
-    }), (M, _) => (p(), b("div", En, [
+    }), (M, B) => (p(), b("div", En, [
       G(M.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -3206,7 +3206,7 @@ const $n = {
     const a = k(), o = (i) => {
       i.key === "ArrowDown" && (i.preventDefault(), t.open(), xe(() => t.focusFirstItem())), i.key === "ArrowUp" && (i.preventDefault(), t.open(), xe(() => t.focusLastItem()));
     };
-    return ve(() => t.triggerRef.value = a.value?.el), (i, r) => (p(), ae(Le, {
+    return ve(() => t.triggerRef.value = a.value?.el), (i, s) => (p(), ae(Le, {
       ref_key: "btn",
       ref: a,
       id: N(t).triggerId,
@@ -3234,38 +3234,38 @@ const $n = {
     if (!n) throw new Error("DropdownMenu must be used within a Dropdown");
     const t = k(), a = k({});
     let o = !1, i;
-    const r = (v) => {
-      const m = v.target;
+    const s = (f) => {
+      const m = f.target;
       t.value?.contains(m) || n.triggerRef.value?.contains(m) || n.close();
-    }, l = (v) => v.key === "Escape" && n.close(), s = () => {
-      const v = n.triggerRef.value, m = t.value;
-      if (!v || !m) return;
-      const C = v.getBoundingClientRect(), h = m.getBoundingClientRect();
-      let L, B;
-      window.innerHeight - C.bottom >= h.height ? L = C.bottom : L = C.top - h.height, window.innerWidth - C.left <= h.width ? B = C.right - h.width : B = C.left, a.value = {
+    }, l = (f) => f.key === "Escape" && n.close(), r = () => {
+      const f = n.triggerRef.value, m = t.value;
+      if (!f || !m) return;
+      const C = f.getBoundingClientRect(), h = m.getBoundingClientRect();
+      let L, R;
+      window.innerHeight - C.bottom >= h.height ? L = C.bottom : L = C.top - h.height, window.innerWidth - C.left <= h.width ? R = C.right - h.width : R = C.left, a.value = {
         "--dropdown-menu-position": "fixed",
         "--dropdown-menu-top": `${L}px`,
-        "--dropdown-menu-left": `${B}px`
+        "--dropdown-menu-left": `${R}px`
       };
-    }, c = () => new Promise((v) => requestAnimationFrame(() => v()));
+    }, c = () => new Promise((f) => requestAnimationFrame(() => f()));
     Q(
       () => n.isOpen.value,
-      async (v) => {
-        v ? (await c(), await c(), s(), n.focusFirstItem(), document.addEventListener("pointerdown", r, !0)) : document.removeEventListener("pointerdown", r, !0);
+      async (f) => {
+        f ? (await c(), await c(), r(), n.focusFirstItem(), document.addEventListener("pointerdown", s, !0)) : document.removeEventListener("pointerdown", s, !0);
       }
     );
     const u = () => {
       n.isOpen.value && (o || (o = !0, requestAnimationFrame(() => {
-        s(), o = !1;
+        r(), o = !1;
       })));
     };
     return ve(() => {
       i = new ResizeObserver(() => {
-        s();
+        r();
       }), t.value && i.observe(t.value), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u);
     }), Be(() => {
       i?.disconnect(), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
-    }), (v, m) => (p(), ae(Fe, { to: "body" }, [
+    }), (f, m) => (p(), ae(Fe, { to: "body" }, [
       N(n).isOpen.value ? (p(), b("div", {
         key: 0,
         role: "menu",
@@ -3278,7 +3278,7 @@ const $n = {
         class: "ui-dropdown-menu",
         onKeydown: l
       }, [
-        G(v.$slots, "default", {}, void 0, !0)
+        G(f.$slots, "default", {}, void 0, !0)
       ], 44, Zn)) : q("", !0)
     ]));
   }
@@ -3332,9 +3332,9 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       continue;
     }
     for (; o < e.length; ) {
-      const r = e[o++];
-      if (r && Rt(r, i)) {
-        a += r;
+      const s = e[o++];
+      if (s && Rt(s, i)) {
+        a += s;
         break;
       }
     }
@@ -3343,10 +3343,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   return a;
 }, Fn = (e, n) => {
   const a = je(n).filter((l) => l.type !== "literal");
-  let o = "", i = 0, r = 0;
-  for (; i < e.length && r < a.length; ) {
-    const l = e[i], s = a[r];
-    s && Rt(l, s) && (o += l, r++), i++;
+  let o = "", i = 0, s = 0;
+  for (; i < e.length && s < a.length; ) {
+    const l = e[i], r = a[s];
+    r && Rt(l, r) && (o += l, s++), i++;
   }
   return o;
 }, Pn = (e, n) => e.slice(0, n).replace(/\D/g, "").length, Un = (e, n) => {
@@ -3361,10 +3361,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   for (; n > 0 && n < a.length && a[n - 1]?.type === "literal"; )
     n += t;
   return n;
-}, dt = (e, n, t, a) => A(() => {
+}, dt = (e, n, t, a) => _(() => {
   const o = [];
   return e.invalid && e.errorMessage && o.push(t), n.hint && o.push(a), o.length > 0 ? o.join(" ") : void 0;
-}), Xe = (e) => A(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), jn = (e) => A(() => e.disabled === !0 ? "true" : void 0), Wn = ["id"], vt = /* @__PURE__ */ Z({
+}), Xe = (e) => _(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), jn = (e) => _(() => e.disabled === !0 ? "true" : void 0), Wn = ["id"], vt = /* @__PURE__ */ Z({
   __name: "Hint",
   props: {
     hintId: {}
@@ -3425,75 +3425,75 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   }),
   emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = st(), r = k(null), l = ge(), s = `${l}-error`, c = `${l}-hint`, u = Xe(i).value, v = k(!1), m = k(""), C = k(!1), h = A(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = A(() => u ? `${c} ${l}-required-hint` : c), B = A(() => a.invalid === !0 && a.errorMessage ? s : void 0), S = A(() => a.type === "password" ? C.value ? "text" : "password" : a.type), M = A(() => {
-      const { type: E, ...F } = i;
+    const t = ke(e, "modelValue"), a = e, o = n, i = st(), s = k(null), l = ge(), r = `${l}-error`, c = `${l}-hint`, u = Xe(i).value, f = k(!1), m = k(""), C = k(!1), h = _(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = _(() => u ? `${c} ${l}-required-hint` : c), R = _(() => a.invalid === !0 && a.errorMessage ? r : void 0), E = _(() => a.type === "password" ? C.value ? "text" : "password" : a.type), M = _(() => {
+      const { type: A, ...F } = i;
       return F;
-    }), _ = A(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : ue(m.value) : a.mask ? wt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), z = A(() => a.mask ? je(a.mask).filter((E) => E.type !== "literal").length : 0), U = A(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
+    }), B = _(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : ue(m.value) : a.mask ? wt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), z = _(() => a.mask ? je(a.mask).filter((A) => A.type !== "literal").length : 0), U = _(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
       style: "currency",
       currency: a.currency
-    }) : null), oe = A(() => ({
+    }) : null), oe = _(() => ({
       input: !0,
       "input-currency": !!a.currency
-    })), ue = (E) => {
-      if (!U.value) return E;
-      const F = Number(E || "0") / 100;
+    })), ue = (A) => {
+      if (!U.value) return A;
+      const F = Number(A || "0") / 100;
       return U.value.format(F);
-    }, re = () => C.value = !C.value, P = (E) => {
+    }, re = () => C.value = !C.value, P = (A) => {
       if (!a.mask && !a.currency) return;
       if (a.currency) {
-        const O = E.target, I = T(O.value);
-        r.value = {
+        const O = A.target, I = T(O.value);
+        s.value = {
           rawCaret: I.length,
-          inputType: E.inputType
+          inputType: A.inputType
         };
         return;
       }
-      const F = E.target, H = F.selectionStart ?? 0;
-      r.value = {
+      const F = A.target, H = F.selectionStart ?? 0;
+      s.value = {
         rawCaret: Pn(F.value, H),
-        inputType: E.inputType
+        inputType: A.inputType
       };
-    }, R = (E) => {
-      const F = E.target;
+    }, S = (A) => {
+      const F = A.target;
       if (a.currency) {
         let I = T(F.value);
-        r.value?.inputType === "deleteContentBackward" && (I = m.value.slice(0, -1)), m.value = I;
+        s.value?.inputType === "deleteContentBackward" && (I = m.value.slice(0, -1)), m.value = I;
         const D = ue(m.value);
-        F.value = D, t.value = Number(m.value || "0") / 100, r.value = null;
+        F.value = D, t.value = Number(m.value || "0") / 100, s.value = null;
         return;
       }
       let H = a.mask ? Fn(F.value, a.mask) : F.value;
       a.mask && (H = H.slice(0, z.value));
       const O = a.mask ? wt(H, a.mask) : H;
-      if (F.value = O, t.value = a.type === "number" ? Number(H) : H, a.mask && r.value) {
-        let { rawCaret: I, inputType: D } = r.value;
+      if (F.value = O, t.value = a.type === "number" ? Number(H) : H, a.mask && s.value) {
+        let { rawCaret: I, inputType: D } = s.value;
         D.startsWith("insert") && I++, D === "deleteContentBackward" && (I = Math.max(0, I - 1));
-        let f = Un(O, I);
-        f = Kn(a.mask, f, 1), F.setSelectionRange(f, f);
+        let v = Un(O, I);
+        v = Kn(a.mask, v, 1), F.setSelectionRange(v, v);
       }
-      r.value = null;
-    }, x = (E) => {
-      if (!a.mask || a.currency || E.key !== "Backspace") return;
-      const F = E.target;
+      s.value = null;
+    }, x = (A) => {
+      if (!a.mask || a.currency || A.key !== "Backspace") return;
+      const F = A.target;
       let H = F.selectionStart ?? 0;
       const O = je(a.mask);
       for (; H > 0 && O[H - 1]?.type === "literal"; ) H--;
       requestAnimationFrame(() => F.setSelectionRange(H, H));
-    }, V = (E) => {
-      v.value = !0, o("focus", E);
-    }, g = (E) => {
-      v.value = !1, o("blur", E);
-    }, T = (E) => E.replace(/\D/g, "");
+    }, V = (A) => {
+      f.value = !0, o("focus", A);
+    }, g = (A) => {
+      f.value = !1, o("blur", A);
+    }, T = (A) => A.replace(/\D/g, "");
     return Q(
       () => t.value,
-      (E) => {
+      (A) => {
         if (!a.currency) return;
-        const F = Math.round(Number(E || 0) * 100);
+        const F = Math.round(Number(A || 0) * 100);
         m.value = String(F);
       },
       { immediate: !0 }
-    ), (E, F) => (p(), b("div", {
-      class: fe(["input-box", { required: N(u), error: e.invalid, filled: h.value, focused: v.value }])
+    ), (A, F) => (p(), b("div", {
+      class: fe(["input-box", { required: N(u), error: e.invalid, filled: h.value, focused: f.value }])
     }, [
       w("label", {
         for: e.id,
@@ -3501,23 +3501,23 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       }, j(e.label), 9, Gn),
       w("input", be({
         id: e.id,
-        type: S.value
+        type: E.value
       }, M.value, {
         class: oe.value,
         onBeforeinput: P,
-        onInput: R,
+        onInput: S,
         onFocus: V,
         onBlur: g,
         onKeydown: x,
-        value: _.value,
+        value: B.value,
         required: N(u),
         "aria-invalid": e.invalid ? "true" : void 0,
-        "aria-errormessage": B.value,
-        "aria-describedby": N(dt)(E.$props, E.$slots, s, L.value).value
+        "aria-errormessage": R.value,
+        "aria-describedby": N(dt)(A.$props, A.$slots, r, L.value).value
       }), null, 16, Jn),
       K(vt, { hintId: c }, {
         default: J(() => [
-          G(E.$slots, "hint", {}, void 0, !0)
+          G(A.$slots, "hint", {}, void 0, !0)
         ]),
         _: 3
       }),
@@ -3526,11 +3526,11 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         isRequired: N(u)
       }, null, 8, ["baseId", "isRequired"]),
       K(pt, {
-        errorId: s,
+        errorId: r,
         invalid: e.invalid,
         errorMessage: e.errorMessage
       }, null, 8, ["invalid", "errorMessage"]),
-      e.type === "password" ? (p(), ae(Le, be({ key: 0 }, Object.keys(E.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
+      e.type === "password" ? (p(), ae(Le, be({ key: 0 }, Object.keys(A.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
         type: "button",
         class: "btn-icon",
         onClick: re,
@@ -3562,11 +3562,11 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     shape: { default: "circle" }
   },
   setup(e) {
-    const n = e, t = k("loading"), a = A(() => n.src && t.value !== "error"), o = A(() => n.name ? n.name.split(" ").map((s) => s[0]).slice(0, 2).join("").toUpperCase() : ""), i = A(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), r = () => t.value = "loaded", l = () => t.value = "error";
+    const n = e, t = k("loading"), a = _(() => n.src && t.value !== "error"), o = _(() => n.name ? n.name.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase() : ""), i = _(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), s = () => t.value = "loaded", l = () => t.value = "error";
     return Q(
       () => n.src,
       () => n.src && (t.value = "loading")
-    ), ve(() => !n.src && (t.value = "error")), (s, c) => (p(), b("div", {
+    ), ve(() => !n.src && (t.value = "error")), (r, c) => (p(), b("div", {
       class: "ui-avatar",
       "data-size": e.size,
       "data-shape": e.shape,
@@ -3578,10 +3578,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         src: e.src,
         alt: e.alt ?? "",
         class: "ui-avatar__img",
-        onLoad: r,
+        onLoad: s,
         onError: l
       }, null, 8, ["src", "alt"])) : t.value === "loading" ? (p(), b("div", to)) : (p(), b("div", ao, [
-        G(s.$slots, "default", {}, () => [
+        G(r.$slots, "default", {}, () => [
           Me(j(o.value), 1)
         ], !0)
       ]))
@@ -3603,9 +3603,9 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   setup(e, { emit: n }) {
     const t = ke(e, "modelValue"), a = e, o = n, i = k(!1);
     Q(i, (H) => {
-      H ? document.addEventListener("mousedown", E) : document.removeEventListener("mousedown", E);
+      H ? document.addEventListener("mousedown", A) : document.removeEventListener("mousedown", A);
     });
-    const r = st(), l = k(!1), s = k(null), c = A(() => a.id ?? ge()), u = `${c.value}-label`, v = `${c.value}-listbox`, m = `${c.value}-error`, C = `${c.value}-hint`, h = `${c.value}-value`, L = k(null), B = k(null), S = A(() => t.value !== null && t.value !== void 0 && t.value !== ""), M = A(() => L.value !== null ? `${v}-option-${L.value}` : void 0), _ = Xe(r).value, z = A(() => _ ? `${C} ${c.value}-required-hint` : C), U = A(() => i.value && M.value ? M.value : void 0), oe = A(() => B.value !== null ? a.options[B.value]?.value : "");
+    const s = st(), l = k(!1), r = k(null), c = _(() => a.id ?? ge()), u = `${c.value}-label`, f = `${c.value}-listbox`, m = `${c.value}-error`, C = `${c.value}-hint`, h = `${c.value}-value`, L = k(null), R = k(null), E = _(() => t.value !== null && t.value !== void 0 && t.value !== ""), M = _(() => L.value !== null ? `${f}-option-${L.value}` : void 0), B = Xe(s).value, z = _(() => B ? `${C} ${c.value}-required-hint` : C), U = _(() => i.value && M.value ? M.value : void 0), oe = _(() => R.value !== null ? a.options[R.value]?.value : "");
     Q(
       () => t.value,
       () => F()
@@ -3617,13 +3617,13 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     const ue = (H) => {
       l.value = !0, o("focus", H);
     }, re = (H) => {
-      const O = H.relatedTarget, I = s.value;
+      const O = H.relatedTarget, I = r.value;
       !I || I?.contains(O) || (l.value = !1, i.value = !1, o("blur", H));
     }, P = (H) => {
       i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((O) => !O.disabled)), !(!a.options || a.options.length === 0) && o("click", H);
-    }, R = (H, O) => {
-      const I = s.value;
-      !I || H.disabled || (B.value = O, L.value = O, H && H.key && H.key.toString().length > 0 ? I.classList.add("filled") : I.classList.remove("filled"), t.value = H.key, o("change", H.key));
+    }, S = (H, O) => {
+      const I = r.value;
+      !I || H.disabled || (R.value = O, L.value = O, H && H.key && H.key.toString().length > 0 ? I.classList.add("filled") : I.classList.remove("filled"), t.value = H.key, o("change", H.key));
     }, x = (H) => {
       if (!i.value && ["ArrowDown", "ArrowUp"].includes(H.key)) {
         i.value = !0, L.value = L.value ?? a.options.findIndex((O) => !O.disabled), H.preventDefault();
@@ -3642,7 +3642,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
           if (L.value === null) return;
           const O = a.options[L.value];
           if (!O || O.disabled) return;
-          R(O, L.value), i.value = !1, H.preventDefault();
+          S(O, L.value), i.value = !1, H.preventDefault();
         }
         H.key === "Escape" && (i.value = !1);
       }
@@ -3653,18 +3653,18 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         O += H;
       while (O >= 0 && O < a.options.length && a.options[O]?.disabled);
       O >= 0 && O < a.options.length && (L.value = O);
-    }, g = () => a.options.findIndex((H) => !H.disabled), T = () => [...a.options].reverse().findIndex((H) => !H.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((H) => !H.disabled) : -1, E = (H) => {
-      const O = s.value;
+    }, g = () => a.options.findIndex((H) => !H.disabled), T = () => [...a.options].reverse().findIndex((H) => !H.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((H) => !H.disabled) : -1, A = (H) => {
+      const O = r.value;
       !O || O.contains(H.target) || (i.value = !1);
     };
     Se(() => {
-      document.removeEventListener("mousedown", E);
+      document.removeEventListener("mousedown", A);
     });
     const F = () => {
       const H = a.options.findIndex((O) => !O.disabled && O.key === t.value);
       if (H > -1) {
-        B.value = H, L.value = H;
-        const O = s.value;
+        R.value = H, L.value = H;
+        const O = r.value;
         O && O.classList.add("filled");
       }
     };
@@ -3675,8 +3675,8 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       }
     }), (H, O) => (p(), b("div", {
       ref_key: "selectRef",
-      ref: s,
-      class: fe(["select-box", { required: Object.keys(H.$attrs).includes("required"), error: e.invalid, filled: S.value, focused: l.value }])
+      ref: r,
+      class: fe(["select-box", { required: Object.keys(H.$attrs).includes("required"), error: e.invalid, filled: E.value, focused: l.value }])
     }, [
       w("button", be({
         id: c.value,
@@ -3686,13 +3686,13 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       }, H.$attrs, {
         "aria-haspopup": "listbox",
         "aria-expanded": i.value,
-        "aria-controls": v,
+        "aria-controls": f,
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-labelledby": `${u} ${h}`,
-        "aria-required": N(_),
+        "aria-required": N(B),
         "aria-describedby": N(dt)(H.$props, H.$slots, m, z.value).value,
         "aria-activedescendant": U.value,
-        "aria-disabled": N(r).disabled ? "true" : void 0,
+        "aria-disabled": N(s).disabled ? "true" : void 0,
         onBlur: re,
         onFocus: ue,
         onClick: P,
@@ -3718,18 +3718,18 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       K(Ae, { name: "select" }, {
         default: J(() => [
           _e(w("ul", {
-            id: v,
+            id: f,
             role: "listbox",
             class: "options"
           }, [
             (p(!0), b(de, null, he(e.options, (I, D) => (p(), b("li", {
-              id: `${v}-option-${D}`,
+              id: `${f}-option-${D}`,
               key: D,
               role: "option",
               class: fe(["option", { "focus-visible": L.value === D }]),
               "aria-disabled": I.disabled,
-              "aria-selected": B.value === D,
-              onClick: (f) => !I.disabled && R(I, D)
+              "aria-selected": R.value === D,
+              onClick: (v) => !I.disabled && S(I, D)
             }, [
               w("div", {
                 class: "option-value",
@@ -3750,7 +3750,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       }),
       K(ft, {
         baseId: c.value,
-        isRequired: N(_)
+        isRequired: N(B)
       }, null, 8, ["baseId", "isRequired"]),
       K(pt, {
         errorId: m,
@@ -3783,10 +3783,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = k([]), r = k("next"), l = k(null), s = `gallery-caption-${ge()}`, c = k(null), u = A(() => t.value), v = A(() => a.images[u.value]), m = (M, _) => {
-      M && (i.value[_] = M);
+    const t = ke(e, "modelValue"), a = e, o = n, i = k([]), s = k("next"), l = k(null), r = `gallery-caption-${ge()}`, c = k(null), u = _(() => t.value), f = _(() => a.images[u.value]), m = (M, B) => {
+      M && (i.value[B] = M);
     }, C = (M) => {
-      M !== u.value && (r.value = M > u.value ? "next" : "prev", t.value = M, o("change", M));
+      M !== u.value && (s.value = M > u.value ? "next" : "prev", t.value = M, o("change", M));
     }, h = () => {
       if (u.value === a.images.length - 1) {
         a.loop && C(0);
@@ -3799,28 +3799,28 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         return;
       }
       C(u.value - 1);
-    }, B = () => {
+    }, R = () => {
       c.value && (l.value = c.value.offsetHeight);
-    }, S = () => {
+    }, E = () => {
       l.value = null;
     };
     return Q(u, async (M) => {
       await xe();
-      const _ = i.value[M];
-      _ && _.scrollIntoView({
+      const B = i.value[M];
+      B && B.scrollIntoView({
         behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
         inline: "center",
         block: "nearest"
       });
     }), Q(() => a.images, () => {
       i.value = [];
-    }), (M, _) => (p(), b("div", {
+    }), (M, B) => (p(), b("div", {
       role: "region",
       class: "rs-gallery",
       "aria-roledescription": "carousel",
       "aria-label": e.ariaLabel || "Image gallery",
       "aria-live": "polite",
-      "aria-describedby": s
+      "aria-describedby": r
     }, [
       w("div", {
         ref_key: "previewRef",
@@ -3834,31 +3834,31 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         ]
       }, [
         K(Ae, {
-          name: `rs-gallery-slide-${r.value}`,
+          name: `rs-gallery-slide-${s.value}`,
           mode: "out-in",
-          onBeforeLeave: B,
-          onAfterEnter: S
+          onBeforeLeave: R,
+          onAfterEnter: E
         }, {
           default: J(() => [
-            v.value ? (p(), ae(ze, {
-              key: v.value.src,
-              src: v.value.src,
-              alt: v.value.alt || "",
+            f.value ? (p(), ae(ze, {
+              key: f.value.src,
+              src: f.value.src,
+              alt: f.value.alt || "",
               transform: e.transform
             }, null, 8, ["src", "alt", "transform"])) : q("", !0)
           ]),
           _: 1
         }, 8, ["name"]),
         G(M.$slots, "overlay", {
-          image: v.value,
+          image: f.value,
           index: u.value
         }, void 0, !0)
       ], 44, co),
-      v.value?.title ? (p(), b("p", {
+      f.value?.title ? (p(), b("p", {
         key: 0,
-        id: s,
+        id: r,
         class: "rs-gallery-caption"
-      }, j(v.value.title), 1)) : q("", !0),
+      }, j(f.value.title), 1)) : q("", !0),
       e.showThumbnails ? (p(), b("ul", vo, [
         (p(!0), b(de, null, he(e.images, (z, U) => (p(), b("li", {
           key: z.src,
@@ -3934,97 +3934,97 @@ const lt = Z({
   },
   emits: ["update:open", "opened", "closed"],
   setup(e, { emit: n, slots: t }) {
-    const a = k(!1), o = k(e.open), i = ge(), r = `modal-title-${i}`, l = `modal-desc-${i}`;
-    Q(() => e.open, (v) => o.value = v), Q(o, (v) => {
-      n("update:open", v), n(v ? "opened" : "closed");
+    const a = k(!1), o = k(e.open), i = ge(), s = `modal-title-${i}`, l = `modal-desc-${i}`;
+    Q(() => e.open, (f) => o.value = f), Q(o, (f) => {
+      n("update:open", f), n(f ? "opened" : "closed");
     });
-    const s = () => o.value = !1, c = A(() => e.motion), u = A(() => e.size);
+    const r = () => o.value = !1, c = _(() => e.motion), u = _(() => e.size);
     return He(Ge, {
       isOpen: o,
       motion: c,
       size: u,
-      close: s,
+      close: r,
       closeOnOverlay: e.closeOnOverlay,
-      labelId: r,
+      labelId: s,
       descriptionId: l,
       hasTitle: a
     }), () => t.default?.();
   }
 }), Dt = Z({
   name: "ModalContent",
-  setup(e, { slots: n }) {
-    const t = me(Ge);
-    if (!t) throw new Error("ModalContent components must be used inside <Modal>");
-    const a = k(null);
-    let o = 0;
-    const i = (v) => {
-      v.key === "Escape" && o === nt && t.close();
+  setup(e, { slots: n, attrs: t }) {
+    const a = me(Ge);
+    if (!a) throw new Error("ModalContent components must be used inside <Modal>");
+    const o = k(null);
+    let i = 0;
+    const s = (m) => {
+      m.key === "Escape" && i === nt && a.close();
     };
-    let r = !1, l = null;
-    const s = (v) => {
-      const m = Array.from(
-        v.querySelectorAll(
+    let l = !1, r = null;
+    const c = (m) => {
+      const C = Array.from(
+        m.querySelectorAll(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((B) => !B.hasAttribute("disabled"));
-      if (m.length === 0) {
-        v.setAttribute("tabindex", "-1"), v.focus();
+      ).filter((E) => !E.hasAttribute("disabled"));
+      if (C.length === 0) {
+        m.setAttribute("tabindex", "-1"), m.focus();
         return;
       }
-      const C = m[0], h = m[m.length - 1], L = (B) => {
-        B.key === "Tab" && (B.shiftKey && document.activeElement === C ? (B.preventDefault(), h?.focus()) : !B.shiftKey && document.activeElement === h && (B.preventDefault(), C?.focus()));
+      const h = C[0], L = C[C.length - 1], R = (E) => {
+        E.key === "Tab" && (E.shiftKey && document.activeElement === h ? (E.preventDefault(), L?.focus()) : !E.shiftKey && document.activeElement === L && (E.preventDefault(), h?.focus()));
       };
-      v.addEventListener("keydown", L), C?.focus(), l = () => {
-        v.removeEventListener("keydown", L), l = null;
+      m.addEventListener("keydown", R), h?.focus(), r = () => {
+        m.removeEventListener("keydown", R), r = null;
       };
-    }, c = () => {
-      ++Ue === 1 && (document.body.style.overflow = "hidden");
     }, u = () => {
+      ++Ue === 1 && (document.body.style.overflow = "hidden");
+    }, f = () => {
       --Ue === 0 && (document.body.style.overflow = "");
     };
     return Be(() => {
-      l?.(), document.removeEventListener("keydown", i), Ue > 0 && Ue--, Ue === 0 && (document.body.style.overflow = "");
+      r?.(), document.removeEventListener("keydown", s), Ue > 0 && Ue--, Ue === 0 && (document.body.style.overflow = "");
     }), () => W(
       Fe,
       { to: "body" },
       W(
         Ae,
         {
-          name: `modal-${t.motion.value}`,
+          name: `modal-${a.motion.value}`,
           appear: !0,
           onEnter: () => {
-            o = ++nt, Ke = document.activeElement, c();
+            i = ++nt, Ke = document.activeElement, u();
           },
           onAfterEnter: () => {
-            a.value && (s(a.value), document.addEventListener("keydown", i));
+            o.value && (c(o.value), document.addEventListener("keydown", s));
           },
           onAfterLeave: () => {
-            nt--, document.removeEventListener("keydown", i), l?.(), u(), Ke && document.contains(Ke) && Ke.focus(), Ke = null;
+            nt--, document.removeEventListener("keydown", s), r?.(), f(), Ke && document.contains(Ke) && Ke.focus(), Ke = null;
           }
         },
         {
-          default: () => t.isOpen.value ? W(
+          default: () => a.isOpen.value ? W(
             "div",
             {
               class: "modal-overlay",
-              onMousedown: (v) => {
-                r = v.target === v.currentTarget;
+              onMousedown: (m) => {
+                l = m.target === m.currentTarget;
               },
-              onMouseup: (v) => {
-                const m = v.target === v.currentTarget;
-                t.closeOnOverlay && r && m && t.close(), r = !1;
+              onMouseup: (m) => {
+                const C = m.target === m.currentTarget;
+                a.closeOnOverlay && l && C && a.close(), l = !1;
               }
             },
             W(
               "div",
               {
-                ref: a,
+                ref: o,
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-labelledby": t.labelId,
-                "aria-describedby": t.descriptionId,
-                class: ["modal-content", `modal--${t.size.value}`],
-                onClick: (v) => v.stopPropagation()
+                "aria-labelledby": a.labelId,
+                "aria-describedby": a.descriptionId,
+                class: ["modal-content", `modal--${a.size.value}`, t.class],
+                onClick: (m) => m.stopPropagation()
               },
               n.default?.()
             )
@@ -4095,7 +4095,7 @@ const yo = /* @__PURE__ */ Z({
     const n = k(0), t = k(!1), a = (i) => {
       n.value = i, t.value = !0;
     }, o = () => t.value = !1;
-    return (i, r) => (p(), b(de, null, [
+    return (i, s) => (p(), b(de, null, [
       K(Tt, {
         images: e.images,
         onChange: a,
@@ -4104,7 +4104,7 @@ const yo = /* @__PURE__ */ Z({
       }, null, 8, ["images", "aria-label", "transform"]),
       K(N(lt), {
         open: t.value,
-        "onUpdate:open": r[2] || (r[2] = (l) => t.value = l),
+        "onUpdate:open": s[2] || (s[2] = (l) => t.value = l),
         motion: "fade",
         size: "xl"
       }, {
@@ -4114,7 +4114,7 @@ const yo = /* @__PURE__ */ Z({
               K(N(zt), null, {
                 default: J(() => [
                   K(N(Zt), null, {
-                    default: J(() => [...r[3] || (r[3] = [
+                    default: J(() => [...s[3] || (s[3] = [
                       Me("Image Gallery", -1)
                     ])]),
                     _: 1
@@ -4127,9 +4127,9 @@ const yo = /* @__PURE__ */ Z({
                 default: J(() => [
                   K(St, {
                     modelValue: n.value,
-                    "onUpdate:modelValue": r[0] || (r[0] = (l) => n.value = l),
+                    "onUpdate:modelValue": s[0] || (s[0] = (l) => n.value = l),
                     images: e.images,
-                    onChange: r[1] || (r[1] = (l) => i.$emit("change", l)),
+                    onChange: s[1] || (s[1] = (l) => i.$emit("change", l)),
                     onClose: o,
                     "aria-label": e.ariaLabel,
                     "transform-thumbnails": e.transform
@@ -4197,17 +4197,17 @@ const yo = /* @__PURE__ */ Z({
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = n, o = A({
+    const t = ke(e, "modelValue"), a = n, o = _({
       get: () => t.value ?? 0,
-      set: (r) => {
-        t.value = r, a("change", r);
+      set: (s) => {
+        t.value = s, a("change", s);
       }
-    }), i = (r) => o.value = r;
-    return (r, l) => (p(), b("section", Mo, [
+    }), i = (s) => o.value = s;
+    return (s, l) => (p(), b("section", Mo, [
       e.layout === "carousel" ? (p(), ae(St, {
         key: 0,
         modelValue: o.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => o.value = s),
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
         images: e.images,
         loop: e.loop,
         "aria-label": e.ariaLabel,
@@ -4217,7 +4217,7 @@ const yo = /* @__PURE__ */ Z({
       }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (p(), ae(Tt, {
         key: 1,
         modelValue: o.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (s) => o.value = s),
+        "onUpdate:modelValue": l[1] || (l[1] = (r) => o.value = r),
         images: e.images,
         onSelect: i,
         columns: e.columns,
@@ -4227,14 +4227,14 @@ const yo = /* @__PURE__ */ Z({
       }, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (p(), ae(yo, {
         key: 2,
         modelValue: o.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (s) => o.value = s),
+        "onUpdate:modelValue": l[2] || (l[2] = (r) => o.value = r),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
       }, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (p(), ae(wo, {
         key: 3,
         modelValue: o.value,
-        "onUpdate:modelValue": l[3] || (l[3] = (s) => o.value = s),
+        "onUpdate:modelValue": l[3] || (l[3] = (r) => o.value = r),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
@@ -4260,21 +4260,21 @@ const xo = ["aria-busy"], $o = {
       !n.message || a.value !== null || o.value.length > 0 && (a.value = window.setInterval(() => {
         t.value = t.value % 3 + 1, o.value = `${n.message}${".".repeat(t.value)}`;
       }, 750));
-    }, r = () => {
+    }, s = () => {
       a.value !== null && (clearInterval(a.value), a.value = null);
     };
     return Q(
       () => n.message,
-      (l, s) => {
-        l !== s && (o.value = l || "", r());
+      (l, r) => {
+        l !== r && (o.value = l || "", s());
       }
-    ), ve(i), Be(r), (l, s) => (p(), b("div", {
+    ), ve(i), Be(s), (l, r) => (p(), b("div", {
       class: "spinner-container",
       role: "status",
       "aria-live": "polite",
       "aria-busy": !!e.message
     }, [
-      s[0] || (s[0] = w("div", {
+      r[0] || (r[0] = w("div", {
         class: "spinner",
         "aria-hidden": "true"
       }, null, -1)),
@@ -4306,7 +4306,7 @@ const xo = ["aria-busy"], $o = {
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, a = ke(e, "modelValue"), o = e, i = ge(), r = A(() => o.id ?? `checkbox-${i}`), l = k(null), s = jn(o).value, c = A(() => o.required ? !0 : void 0), u = A(() => o.triState && a.value === void 0 ? "mixed" : void 0);
+    const t = n, a = ke(e, "modelValue"), o = e, i = ge(), s = _(() => o.id ?? `checkbox-${i}`), l = k(null), r = jn(o).value, c = _(() => o.required ? !0 : void 0), u = _(() => o.triState && a.value === void 0 ? "mixed" : void 0);
     Q(
       () => a.value,
       (m) => {
@@ -4314,7 +4314,7 @@ const xo = ["aria-busy"], $o = {
       },
       { immediate: !0 }
     );
-    const v = (m) => {
+    const f = (m) => {
       if (!o.disabled) {
         if (!o.triState) {
           const C = m.target.checked;
@@ -4328,17 +4328,17 @@ const xo = ["aria-busy"], $o = {
       class: fe(["checkbox-root", { required: c.value, error: e.invalid }])
     }, [
       w("input", {
-        id: r.value,
+        id: s.value,
         type: "checkbox",
         class: "checkbox",
         required: c.value,
         checked: a.value === !0,
         disabled: e.disabled,
         "aria-invalid": e.invalid ? "true" : void 0,
-        "aria-disabled": N(s),
+        "aria-disabled": N(r),
         "aria-checked": u.value,
-        onClick: C[0] || (C[0] = (h) => e.triState ? v(h) : void 0),
-        onChange: C[1] || (C[1] = (h) => e.triState ? void 0 : v(h)),
+        onClick: C[0] || (C[0] = (h) => e.triState ? f(h) : void 0),
+        onChange: C[1] || (C[1] = (h) => e.triState ? void 0 : f(h)),
         ref_key: "inputRef",
         ref: l
       }, null, 40, Vo),
@@ -4376,41 +4376,41 @@ const xo = ["aria-busy"], $o = {
   }),
   emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = st(), o = it(), i = n, r = e, l = ge(), s = k(!1), c = `${l}-error`, u = `${l}-hint`, v = Xe(a).value, m = A(() => t.value !== null && t.value !== void 0 && t.value !== ""), C = A(() => v ? `${u} ${l}-required-hint` : u), h = dt(r, o, c, C.value).value, L = (_) => {
-      const z = _.target;
-      t.value = r.type === "number" ? Number(z.value) : z.value;
-    }, B = (_) => {
-      s.value = !0, i("focus", _);
-    }, S = (_) => {
-      s.value = !1, i("blur", _);
-    }, M = A(() => r.invalid === !0 && r.errorMessage ? c : void 0);
-    return (_, z) => (p(), b("div", {
-      class: fe(["textarea-box", { required: N(v), error: e.invalid, filled: m.value, focused: s.value }])
+    const t = ke(e, "modelValue"), a = st(), o = it(), i = n, s = e, l = ge(), r = k(!1), c = `${l}-error`, u = `${l}-hint`, f = Xe(a).value, m = _(() => t.value !== null && t.value !== void 0 && t.value !== ""), C = _(() => f ? `${u} ${l}-required-hint` : u), h = dt(s, o, c, C.value).value, L = (B) => {
+      const z = B.target;
+      t.value = s.type === "number" ? Number(z.value) : z.value;
+    }, R = (B) => {
+      r.value = !0, i("focus", B);
+    }, E = (B) => {
+      r.value = !1, i("blur", B);
+    }, M = _(() => s.invalid === !0 && s.errorMessage ? c : void 0);
+    return (B, z) => (p(), b("div", {
+      class: fe(["textarea-box", { required: N(f), error: e.invalid, filled: m.value, focused: r.value }])
     }, [
       w("label", {
         for: e.id,
         class: "label"
       }, j(e.label), 9, So),
-      w("textarea", be({ id: e.id }, _.$attrs, {
+      w("textarea", be({ id: e.id }, B.$attrs, {
         class: "custom-textarea",
-        onFocus: z[0] || (z[0] = (U) => B(U)),
-        onBlur: z[1] || (z[1] = (U) => S(U)),
+        onFocus: z[0] || (z[0] = (U) => R(U)),
+        onBlur: z[1] || (z[1] = (U) => E(U)),
         onInput: L,
         value: t.value,
-        required: N(v),
+        required: N(f),
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-errormessage": M.value,
         "aria-describedby": N(h)
       }), "        ", 16, To),
       K(vt, { hintId: u }, {
         default: J(() => [
-          G(_.$slots, "hint", {}, void 0, !0)
+          G(B.$slots, "hint", {}, void 0, !0)
         ]),
         _: 3
       }),
       K(ft, {
         baseId: N(l),
-        isRequired: N(v)
+        isRequired: N(f)
       }, null, 8, ["baseId", "isRequired"]),
       K(pt, {
         errorId: c,
@@ -4428,9 +4428,9 @@ const xo = ["aria-busy"], $o = {
   setup(e) {
     const n = (t, a) => {
       if (!a) return [{ text: t, match: !1 }];
-      const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"), r = [];
+      const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"), s = [];
       let l = 0;
-      return t.replace(i, (s, c) => (c > l && r.push({ text: t.slice(l, c), match: !1 }), r.push({ text: s, match: !0 }), l = c + s.length, s)), l < t.length && r.push({ text: t.slice(l), match: !1 }), r;
+      return t.replace(i, (r, c) => (c > l && s.push({ text: t.slice(l, c), match: !1 }), s.push({ text: r, match: !0 }), l = c + r.length, r)), l < t.length && s.push({ text: t.slice(l), match: !1 }), s;
     };
     return (t, a) => (p(!0), b(de, null, he(n(e.text, e.query), (o, i) => (p(), b(de, { key: i }, [
       o.match ? (p(), b("mark", Zo, j(o.text), 1)) : (p(), b("span", zo, j(o.text), 1))
@@ -4474,7 +4474,7 @@ const xo = ["aria-busy"], $o = {
   },
   emits: ["valid"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = k([]), i = k(null), r = k(null), l = (C, h) => C && (o.value[h] = C);
+    const t = e, a = n, o = k([]), i = k(null), s = k(null), l = (C, h) => C && (o.value[h] = C);
     Q(
       () => t.password,
       () => {
@@ -4486,19 +4486,19 @@ const xo = ["aria-busy"], $o = {
         a("valid", c());
       }
     );
-    const s = {
+    const r = {
       "--strength-fill-color": t.strengthFillColor
     }, c = () => {
-      const C = u(), h = Object.values(v()).every(Boolean);
+      const C = u(), h = Object.values(f()).every(Boolean);
       return C && h;
     }, u = () => {
-      const C = v(), h = Object.values(C).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, B = Math.min(100, (h + L) * 20), S = Math.min(t.labels.length - 1, Math.floor(B / 25));
-      return i.value && (i.value.style.width = `${B}%`), r.value && (r.value.textContent = t.labels[S] ?? "Very weak"), h === t.rules.length;
-    }, v = () => {
+      const C = f(), h = Object.values(C).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, R = Math.min(100, (h + L) * 20), E = Math.min(t.labels.length - 1, Math.floor(R / 25));
+      return i.value && (i.value.style.width = `${R}%`), s.value && (s.value.textContent = t.labels[E] ?? "Very weak"), h === t.rules.length;
+    }, f = () => {
       const C = m();
       return o.value.forEach((h) => {
-        const L = h.dataset.rule, B = !!C[L];
-        h.classList.toggle("passed", B);
+        const L = h.dataset.rule, R = !!C[L];
+        h.classList.toggle("passed", R);
       }), C;
     }, m = () => {
       const C = {};
@@ -4511,12 +4511,12 @@ const xo = ["aria-busy"], $o = {
     };
     return (C, h) => (p(), b("section", Fo, [
       w("ul", Po, [
-        (p(!0), b(de, null, he(t.rules, (L, B) => (p(), b("li", {
+        (p(!0), b(de, null, he(t.rules, (L, R) => (p(), b("li", {
           key: L.key,
           class: "password-rule",
           "data-rule": L.key,
           ref_for: !0,
-          ref: (S) => l(S, B)
+          ref: (E) => l(E, R)
         }, [
           h[0] || (h[0] = w("span", { class: "rule-icon" }, "•", -1)),
           Me(" " + j(L.label), 1)
@@ -4527,12 +4527,12 @@ const xo = ["aria-busy"], $o = {
           h[1] || (h[1] = w("span", null, "Força da senha", -1)),
           w("span", {
             ref_key: "strengthLabelRef",
-            ref: r
+            ref: s
           }, "Muito fraca", 512)
         ]),
         w("div", {
           class: "strength-bar",
-          style: s
+          style: r
         }, [
           w("div", {
             class: "strength-fill",
@@ -4561,19 +4561,19 @@ const Yo = {
     separator: { default: "/" }
   },
   setup(e) {
-    const n = e, t = me(Xt), a = (l) => l === n.items.length - 1, o = (l, s) => i(l, s), i = (l, s) => a(s) || l.disabled ? "span" : l.to && t ? Ut("RouterLink") : l.href ? "a" : "span", r = (l, s) => a(s) || l.disabled ? { "data-disabled": l.disabled || void 0 } : l.to ? { to: l.to } : l.href ? {
+    const n = e, t = me(Xt), a = (l) => l === n.items.length - 1, o = (l, r) => i(l, r), i = (l, r) => a(r) || l.disabled ? "span" : l.to && t ? Ut("RouterLink") : l.href ? "a" : "span", s = (l, r) => a(r) || l.disabled ? { "data-disabled": l.disabled || void 0 } : l.to ? { to: l.to } : l.href ? {
       href: l.href,
       target: l.external ? "_blank" : void 0,
       rel: l.external ? "noopener noreferrer" : void 0,
       "aria-label": l.external ? `${l.label} (opens in a new tab)` : void 0
     } : {};
-    return (l, s) => (p(), b("nav", Yo, [
+    return (l, r) => (p(), b("nav", Yo, [
       w("ol", Xo, [
         (p(!0), b(de, null, he(e.items, (c, u) => (p(), b("li", {
           key: c.to ?? c.href ?? `${c.label}-${u}`,
           class: "ui-breadcrumb__item"
         }, [
-          (p(), ae(Ne(o(c, u)), be({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, r(c, u), {
+          (p(), ae(Ne(o(c, u)), be({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, s(c, u), {
             "aria-posinset": u + 1,
             "aria-setsize": e.items.length,
             "aria-current": a(u) ? "page" : void 0,
@@ -4615,24 +4615,24 @@ const Yo = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = ke(e, "modelValue"), a = A(() => n.invalid ? "true" : void 0), o = A(() => n.required && !n.disabled ? "true" : void 0), i = A(() => n.disabled ? !0 : void 0);
-    return (r, l) => (p(), b("fieldset", {
+    const n = e, t = ke(e, "modelValue"), a = _(() => n.invalid ? "true" : void 0), o = _(() => n.required && !n.disabled ? "true" : void 0), i = _(() => n.disabled ? !0 : void 0);
+    return (s, l) => (p(), 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
     }, [
       w("legend", e2, j(e.name), 1),
-      (p(!0), b(de, null, he(e.options, (s) => (p(), b("label", {
-        key: s.key,
-        class: fe(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
+      (p(!0), b(de, null, he(e.options, (r) => (p(), b("label", {
+        key: r.key,
+        class: fe(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
       }, [
         _e(w("input", {
           type: "radio",
           class: "radio-input",
           name: e.name,
-          value: s.key,
-          disabled: e.disabled || s.disabled,
+          value: r.key,
+          disabled: e.disabled || r.disabled,
           required: e.required,
           "onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c)
         }, null, 8, t2), [
@@ -4640,12 +4640,12 @@ const Yo = {
         ]),
         e.mode === "standard" ? (p(), b("span", a2)) : q("", !0),
         w("span", n2, [
-          s.icon ? (p(), ae(Ce, {
+          r.icon ? (p(), ae(Ce, {
             key: 0,
-            name: s.icon,
+            name: r.icon,
             size: 22
           }, null, 8, ["name"])) : q("", !0),
-          Me(" " + j(s.label), 1)
+          Me(" " + j(r.label), 1)
         ])
       ], 2))), 128))
     ], 10, Qo));
@@ -4692,19 +4692,19 @@ const Yo = {
   }),
   emits: /* @__PURE__ */ ie(["change", "select", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = n, o = ke(e, "modelValue"), i = k(null), r = k(""), l = k(!1), s = k([]), c = k(null), u = k(null), v = A(() => t.id ? `${t.id}-search-history` : "search-history"), C = `${ge()}-list`, h = k(!1), L = A(() => o.value !== null && o.value !== void 0 && o.value !== ""), B = A(() => c.value !== null ? `${C}-option-${c.value}` : void 0), S = A(() => l.value && B.value ? B.value : void 0), M = A(() => s.value.length > 0), _ = A(() => {
+    const t = e, a = n, o = ke(e, "modelValue"), i = k(null), s = k(""), l = k(!1), r = k([]), c = k(null), u = k(null), f = _(() => t.id ? `${t.id}-search-history` : "search-history"), C = `${ge()}-list`, h = k(!1), L = _(() => o.value !== null && o.value !== void 0 && o.value !== ""), R = _(() => c.value !== null ? `${C}-option-${c.value}` : void 0), E = _(() => l.value && R.value ? R.value : void 0), M = _(() => r.value.length > 0), B = _(() => {
       if (!t.filterable) return t.options;
-      const I = r.value.toLowerCase();
+      const I = s.value.toLowerCase();
       return t.options.filter((D) => t.getValue(D).toLowerCase().includes(I));
     }), z = Xe(t).value;
     Q(
-      () => v.value,
+      () => f.value,
       (I) => {
         if (I)
           try {
-            s.value = JSON.parse(localStorage.getItem(I) || "[]");
+            r.value = JSON.parse(localStorage.getItem(I) || "[]");
           } catch {
-            s.value = [];
+            r.value = [];
           }
       },
       { immediate: !0 }
@@ -4713,11 +4713,11 @@ const Yo = {
         c.value = null;
         return;
       }
-      _.value.length !== 0 && (await xe(), E());
+      B.value.length !== 0 && (await xe(), A());
     }), Q(
       () => t.loading,
       async (I) => {
-        I || l.value && _.value.length !== 0 && (await xe(), E());
+        I || l.value && B.value.length !== 0 && (await xe(), A());
       }
     ), Q(
       () => t.options,
@@ -4726,19 +4726,19 @@ const Yo = {
       }
     );
     const U = (I) => {
-      r.value.length >= t.minChars && !t.filterable && !t.loading && (l.value = !0), h.value = !0, a("focus", I);
+      s.value.length >= t.minChars && !t.filterable && !t.loading && (l.value = !0), h.value = !0, a("focus", I);
     }, oe = (I) => {
       const D = I.relatedTarget;
-      i.value?.contains(D) || (l.value = !1, o.value ? x() : r.value = "", h.value = !1, a("blur", I));
+      i.value?.contains(D) || (l.value = !1, o.value ? x() : s.value = "", h.value = !1, a("blur", I));
     }, ue = (I, D) => {
-      const f = i.value;
-      if (!f || t.isDisabled(I)) return;
-      l.value = !1, g(r.value), u.value = D, c.value = D;
+      const v = i.value;
+      if (!v || t.isDisabled(I)) return;
+      l.value = !1, g(s.value), u.value = D, c.value = D;
       const d = t.getKey(I);
-      d && d.toString().length > 0 ? f.classList.add("filled") : f.classList.remove("filled"), r.value = t.getValue(I), o.value = d, a("select", d);
+      d && d.toString().length > 0 ? v.classList.add("filled") : v.classList.remove("filled"), s.value = t.getValue(I), o.value = d, a("select", d);
     }, re = (I) => {
       if (!l.value && ["ArrowDown", "ArrowUp"].includes(I.key)) {
-        l.value = !0, c.value = c.value ?? _.value.findIndex((D) => !t.isDisabled(D)), I.preventDefault();
+        l.value = !0, c.value = c.value ?? B.value.findIndex((D) => !t.isDisabled(D)), I.preventDefault();
         return;
       }
       if (l.value) {
@@ -4752,7 +4752,7 @@ const Yo = {
         }
         if (I.key === "Enter") {
           if (c.value === null) return;
-          const D = _.value[c.value];
+          const D = B.value[c.value];
           if (!D || t.isDisabled(D)) return;
           ue(D, c.value), l.value = !1, I.preventDefault();
         }
@@ -4763,14 +4763,14 @@ const Yo = {
       let D = c.value;
       do
         D += I;
-      while (D >= 0 && D < _.value.length && t.isDisabled(_.value[D]));
-      D >= 0 && D < _.value.length && (c.value = D);
-    }, R = () => {
-      r.value.length === 0 && (o.value = ""), r.value.length >= t.minChars ? (a("change", r.value), l.value = !0) : l.value = !1;
+      while (D >= 0 && D < B.value.length && t.isDisabled(B.value[D]));
+      D >= 0 && D < B.value.length && (c.value = D);
+    }, S = () => {
+      s.value.length === 0 && (o.value = ""), s.value.length >= t.minChars ? (a("change", s.value), l.value = !0) : l.value = !1;
     }, x = () => {
       if (o.value.toString().length === 0) return;
       const I = t.options.findIndex((D) => t.getKey(D) === o.value);
-      I > -1 ? (c.value = I, u.value = I, r.value = t.getValue(t.options[I])) : r.value = o.value.toString();
+      I > -1 ? (c.value = I, u.value = I, s.value = t.getValue(t.options[I])) : s.value = o.value.toString();
     };
     Q(
       [() => t.options.length, () => o.value],
@@ -4780,19 +4780,19 @@ const Yo = {
       { flush: "post", immediate: !0 }
     );
     const V = () => {
-      r.value = "", o.value = "";
+      s.value = "", o.value = "";
     }, g = (I) => {
-      !I || I.trim().length === 0 || (s.value = [
+      !I || I.trim().length === 0 || (r.value = [
         I,
-        ...s.value.filter((D) => D !== I)
-      ].slice(0, t.suggestionsLimit), localStorage.setItem(v.value, JSON.stringify(s.value)));
+        ...r.value.filter((D) => D !== I)
+      ].slice(0, t.suggestionsLimit), localStorage.setItem(f.value, JSON.stringify(r.value)));
     }, T = (I) => {
-      r.value = I, R();
-    }, E = () => {
+      s.value = I, S();
+    }, A = () => {
       const I = F();
       I >= 0 && (c.value = I);
-    }, F = () => _.value.findIndex((I) => !t.isDisabled(I)), H = () => {
-      for (let I = _.value.length - 1; I >= 0; I--) if (!t.isDisabled(_.value[I])) return I;
+    }, F = () => B.value.findIndex((I) => !t.isDisabled(I)), H = () => {
+      for (let I = B.value.length - 1; I >= 0; I--) if (!t.isDisabled(B.value[I])) return I;
       return -1;
     }, O = async () => {
       await xe(), requestAnimationFrame(() => {
@@ -4816,18 +4816,18 @@ const Yo = {
         "aria-autocomplete": "list",
         "aria-expanded": l.value,
         "aria-controls": C,
-        "aria-activedescendant": S.value,
+        "aria-activedescendant": E.value,
         "aria-required": N(z),
         "aria-invalid": e.invalid ? "true" : void 0,
         disabled: e.disabled ? !0 : void 0,
         "aria-disabled": e.disabled ? !0 : void 0,
-        "onUpdate:modelValue": D[0] || (D[0] = (f) => r.value = f),
+        "onUpdate:modelValue": D[0] || (D[0] = (v) => s.value = v),
         onFocus: U,
         onBlur: oe,
-        onInput: R,
+        onInput: S,
         onKeydown: re
       }), null, 16, r2), [
-        [jt, r.value]
+        [jt, s.value]
       ]),
       K(Ae, { name: "select" }, {
         default: J(() => [
@@ -4836,38 +4836,38 @@ const Yo = {
             role: "listbox",
             class: "options"
           }, [
-            _.value.length > 0 ? (p(!0), b(de, { key: 0 }, he(_.value, (f, d) => (p(), b("li", {
+            B.value.length > 0 ? (p(!0), b(de, { key: 0 }, he(B.value, (v, d) => (p(), b("li", {
               id: `${C}-option-${d}`,
-              key: e.getKey(f),
+              key: e.getKey(v),
               role: "option",
               class: fe(["option", { "focus-visible": c.value === d }]),
-              "aria-disabled": t.isDisabled(f) || void 0,
+              "aria-disabled": t.isDisabled(v) || void 0,
               "aria-selected": d === u.value,
               onMousedown: D[1] || (D[1] = se(() => {
               }, ["prevent"])),
-              onClick: (y) => !t.isDisabled(f) && ue(f, d)
+              onClick: (y) => !t.isDisabled(v) && ue(v, d)
             }, [
-              t.isDisabled(f) ? q("", !0) : (p(), ae(Ce, {
+              t.isDisabled(v) ? q("", !0) : (p(), ae(Ce, {
                 key: 0,
                 name: "search",
                 size: 22
               })),
               G(I.$slots, "option", {
-                option: f,
-                value: e.getValue(f),
-                query: r.value,
+                option: v,
+                value: e.getValue(v),
+                query: s.value,
                 selected: d === u.value,
                 active: d === c.value
               }, () => [
                 w("div", i2, [
                   K(Oo, {
-                    text: e.getValue(f),
-                    query: r.value
+                    text: e.getValue(v),
+                    query: s.value
                   }, null, 8, ["text", "query"])
                 ])
               ], !0),
-              w("div", u2, j(e.getValue(f)), 1)
-            ], 42, s2))), 128)) : _.value.length === 0 && !e.loading ? (p(), b("li", c2, [...D[3] || (D[3] = [
+              w("div", u2, j(e.getValue(v)), 1)
+            ], 42, s2))), 128)) : B.value.length === 0 && !e.loading ? (p(), b("li", c2, [...D[3] || (D[3] = [
               w("div", { class: "option-value" }, "No results found", -1)
             ])])) : (p(), ae(qt, {
               key: 2,
@@ -4878,15 +4878,15 @@ const Yo = {
             M.value ? (p(), b("li", d2, [...D[4] || (D[4] = [
               w("div", { class: "option-value" }, " Recents ", -1)
             ])])) : q("", !0),
-            (p(!0), b(de, null, he(s.value, (f) => (p(), b("li", {
-              key: f,
+            (p(!0), b(de, null, he(r.value, (v) => (p(), b("li", {
+              key: v,
               role: "presentation",
               "aria-hidden": "true",
               class: "option recent-item",
-              onClick: (d) => T(f)
+              onClick: (d) => T(v)
             }, [
               K(Ce, { name: "clock" }),
-              w("div", f2, j(f), 1)
+              w("div", f2, j(v), 1)
             ], 8, v2))), 128))
           ], 512), [
             [rt, l.value]
@@ -4897,7 +4897,7 @@ const Yo = {
       I.$slots.icon ? (p(), b("span", p2, [
         G(I.$slots, "icon", {}, void 0, !0)
       ])) : q("", !0),
-      r.value.length > 0 && !e.disabled ? (p(), ae(Le, {
+      s.value.length > 0 && !e.disabled ? (p(), ae(Le, {
         key: 1,
         type: "button",
         class: "btn btn-icon",
@@ -4961,30 +4961,30 @@ const Ze = (e, n = "info") => {
   },
   setup(e) {
     const n = e, t = k(null), a = k("open"), o = k(100);
-    let i = Date.now(), r;
+    let i = Date.now(), s;
     const l = () => {
       const u = Date.now() - i;
       if (o.value = Math.max(0, 100 - u / n.duration * 100), o.value <= 0) {
         c();
         return;
       }
-      r = requestAnimationFrame(l);
-    }, s = () => {
-      if (cancelAnimationFrame(r), n.duration === 1 / 0) {
+      s = requestAnimationFrame(l);
+    }, r = () => {
+      if (cancelAnimationFrame(s), n.duration === 1 / 0) {
         o.value = 100;
         return;
       }
-      i = Date.now(), r = requestAnimationFrame(l);
+      i = Date.now(), s = requestAnimationFrame(l);
     };
     Q(
       () => n.duration,
-      () => s(),
+      () => r(),
       { immediate: !0 }
     );
     const c = () => {
-      cancelAnimationFrame(r), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((u) => u.id !== n.id), w2);
+      cancelAnimationFrame(s), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((u) => u.id !== n.id), w2);
     };
-    return ve(() => n.variant === "error" && n.focus && t.value?.focus()), Se(() => cancelAnimationFrame(r)), (u, v) => (p(), b("div", {
+    return ve(() => n.variant === "error" && n.focus && t.value?.focus()), Se(() => cancelAnimationFrame(s)), (u, f) => (p(), b("div", {
       ref_key: "rootRef",
       ref: t,
       tabindex: "-1",
@@ -5124,12 +5124,12 @@ const S2 = {
 }, q2 = { class: "actions" }, F2 = /* @__PURE__ */ Z({
   __name: "ConfirmModal",
   setup(e) {
-    const n = A(() => Ve.current), t = () => {
+    const n = _(() => Ve.current), t = () => {
       n && E2();
     }, a = () => {
       n.value && R2();
     }, o = (i) => i.key === "Escape" && n && a();
-    return ve(() => window.addEventListener("keydown", o)), Se(() => window.removeEventListener("keydown", o)), (i, r) => (p(), ae(Fe, { to: "body" }, [
+    return ve(() => window.addEventListener("keydown", o)), Se(() => window.removeEventListener("keydown", o)), (i, s) => (p(), ae(Fe, { to: "body" }, [
       K(Ae, { name: "fade" }, {
         default: J(() => [
           n.value ? (p(), b("div", {
@@ -5144,7 +5144,7 @@ const S2 = {
                     class: "icon",
                     "data-type": n.value.type
                   }, [
-                    r[0] || (r[0] = w("span", { class: "icon__circle" }, null, -1)),
+                    s[0] || (s[0] = w("span", { class: "icon__circle" }, null, -1)),
                     n.value.type === "success" ? (p(), b("span", D2)) : q("", !0),
                     n.value.type === "error" ? (p(), b("span", Z2)) : q("", !0),
                     n.value.type === "warning" ? (p(), b("span", z2)) : q("", !0)
@@ -5192,21 +5192,21 @@ const fr = {
   setup(e, { emit: n }) {
     const t = e, a = n, o = k(), i = k();
     He("card:labelId", o), He("card:descriptionId", i);
-    const r = A(() => t.clickable && t.as !== "button" && t.as !== "a"), l = () => t.clickable && a("click");
-    return (s, c) => (p(), ae(Ne(e.as), {
+    const s = _(() => t.clickable && t.as !== "button" && t.as !== "a"), l = () => t.clickable && a("click");
+    return (r, c) => (p(), ae(Ne(e.as), {
       class: fe(["rs-card", { clickable: e.clickable }]),
-      tabindex: r.value ? 0 : void 0,
-      role: r.value ? "button" : void 0,
+      tabindex: s.value ? 0 : void 0,
+      role: s.value ? "button" : void 0,
       onClick: l,
       onKeydown: [
-        c[0] || (c[0] = ye(se((u) => r.value && l(), ["prevent"]), ["enter"])),
-        c[1] || (c[1] = ye(se((u) => r.value && l(), ["prevent"]), ["space"]))
+        c[0] || (c[0] = ye(se((u) => s.value && l(), ["prevent"]), ["enter"])),
+        c[1] || (c[1] = ye(se((u) => s.value && l(), ["prevent"]), ["space"]))
       ],
       "aria-labelledby": o.value,
       "aria-describedby": i.value
     }, {
       default: J(() => [
-        G(s.$slots, "default", {}, void 0, !0)
+        G(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 40, ["class", "tabindex", "role", "aria-labelledby", "aria-describedby"]));
@@ -5279,11 +5279,11 @@ const fr = {
   setup(e) {
     const n = e, t = me("StepsContext");
     if (!t) throw new Error("Step component must be used inside Steps.");
-    const a = it(), o = k(null), i = k(null), r = A(() => t.orientation ?? "horizontal");
-    let l = null, s = null;
+    const a = it(), o = k(null), i = k(null), s = _(() => t.orientation ?? "horizontal");
+    let l = null, r = null;
     const c = me("StepIndex");
     if (c == null) throw new Error("StepIndex component must be used inside Steps.");
-    const u = A(() => n.status ? n.status : c < t.current.value ? "completed" : c === t.current.value ? "active" : "pending"), v = A(() => t?.icons?.[u.value]), m = A(() => a.icon ? "slot" : n.icon ? n.icon : v.value), C = A(() => {
+    const u = _(() => n.status ? n.status : c < t.current.value ? "completed" : c === t.current.value ? "active" : "pending"), f = _(() => t?.icons?.[u.value]), m = _(() => a.icon ? "slot" : n.icon ? n.icon : f.value), C = _(() => {
       switch (u.value) {
         case "completed":
           return "Stage completed";
@@ -5294,7 +5294,7 @@ const fr = {
         default:
           return "Stage pending";
       }
-    }), h = A(() => {
+    }), h = _(() => {
       switch (u.value) {
         case "completed":
           return "success";
@@ -5305,7 +5305,7 @@ const fr = {
         default:
           return "default";
       }
-    }), L = A(() => n.size ?? t.size ?? "sm"), B = A(() => {
+    }), L = _(() => n.size ?? t.size ?? "sm"), R = _(() => {
       switch (u.value) {
         case "completed":
           return t.tagTitles.completed;
@@ -5322,7 +5322,7 @@ const fr = {
       (z) => t.registerStepStatus(c, z),
       { immediate: !0 }
     );
-    const S = () => {
+    const E = () => {
       l == null && (l = requestAnimationFrame(() => {
         l = null, M();
       }));
@@ -5330,7 +5330,7 @@ const fr = {
       if (!o.value || !i.value) return;
       const z = i.value.getBoundingClientRect(), U = t.stepsRef.value.getBoundingClientRect(), oe = t.orientation === "vertical" ? z.top + z.height / 2 - U.top : z.left + z.width / 2 - U.left;
       t.registerIndicatorCenter(c, oe);
-    }, _ = (z) => {
+    }, B = (z) => {
       const U = t.orientation === "horizontal", oe = t.orientation === "vertical";
       switch (z.key) {
         case "ArrowRight":
@@ -5359,18 +5359,18 @@ const fr = {
     return ve(() => {
       !o.value || !i.value || (requestAnimationFrame(() => {
         requestAnimationFrame(M);
-      }), s = new ResizeObserver(() => {
-        S();
-      }), s.observe(o.value), s.observe(i.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
+      }), r = new ResizeObserver(() => {
+        E();
+      }), r.observe(o.value), r.observe(i.value), t.stepsRef.value && r.observe(t.stepsRef.value), t.registerStep(o.value));
     }), Be(() => {
-      s?.disconnect(), t.unregisterStep(o.value), l != null && cancelAnimationFrame(l);
+      r?.disconnect(), t.unregisterStep(o.value), l != null && cancelAnimationFrame(l);
     }), (z, U) => (p(), b("li", {
       ref_key: "stepRef",
       ref: o,
       class: fe(["step", `step__${L.value}`]),
       role: "listitem",
       "data-status": u.value,
-      "data-orientation": r.value,
+      "data-orientation": s.value,
       "data-active": u.value === "active",
       "data-completed": u.value === "completed",
       "aria-labelledby": `step-title-${N(c)}`,
@@ -5379,7 +5379,7 @@ const fr = {
       "aria-posinset": N(c) + 1,
       "aria-setsize": N(t).stepsCount.value,
       "aria-describedby": `step-status-${N(c)}`,
-      onKeydown: _
+      onKeydown: B
     }, [
       w("span", {
         ref_key: "indicatorRef",
@@ -5421,7 +5421,7 @@ const fr = {
           size: "sm"
         }, {
           default: J(() => [
-            Me(j(B.value), 1)
+            Me(j(R.value), 1)
           ]),
           _: 1
         }, 8, ["variant"]),
@@ -5464,13 +5464,13 @@ const fr = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = k(0), a = it(), o = ke(e, "modelValue"), i = k([]), r = k(null), l = A(() => o.value ?? 0), s = `steps-description-${ge()}`, c = Yt({}), u = ut({});
-    let v = null;
-    const m = A(() => (a.default?.() ?? [])[l.value]?.props?.title ?? ""), C = A(() => Object.entries(u).filter(([, P]) => P !== "completed").length === 0), h = A(
+    const n = e, t = k(0), a = it(), o = ke(e, "modelValue"), i = k([]), s = k(null), l = _(() => o.value ?? 0), r = `steps-description-${ge()}`, c = Yt({}), u = ut({});
+    let f = null;
+    const m = _(() => (a.default?.() ?? [])[l.value]?.props?.title ?? ""), C = _(() => Object.entries(u).filter(([, P]) => P !== "completed").length === 0), h = _(
       () => Object.values(u).includes("error")
-    ), L = A(() => {
-      const P = l.value, R = c;
-      if (R.value[0] == null || R.value[P] == null)
+    ), L = _(() => {
+      const P = l.value, S = c;
+      if (S.value[0] == null || S.value[P] == null)
         return n.orientation === "vertical" ? {
           height: "100%",
           top: "0px"
@@ -5478,7 +5478,7 @@ const fr = {
           width: "100%",
           left: "0px"
         };
-      const x = R.value[0], V = R.value[P];
+      const x = S.value[0], V = S.value[P];
       return n.orientation === "vertical" ? {
         top: `${x}px`,
         height: `${V - x}px`
@@ -5486,23 +5486,23 @@ const fr = {
         left: `${x}px`,
         width: `${V - x}px`
       };
-    }), B = A(() => {
+    }), R = _(() => {
       const P = Object.values(c.value).sort((V, g) => V - g);
       if (P.length < 2) return {};
-      const R = P[0], x = P[P.length - 1];
+      const S = P[0], x = P[P.length - 1];
       return n.orientation === "vertical" ? {
-        top: `${R}px`,
-        height: `${x - R}px`
+        top: `${S}px`,
+        height: `${x - S}px`
       } : {
-        left: `${R}px`,
+        left: `${S}px`,
         right: `calc(100% - ${x}px)`
       };
-    }), S = (P, R) => c.value = { ...c.value, [P]: R };
+    }), E = (P, S) => c.value = { ...c.value, [P]: S };
     function M(P) {
       i.value.push(P), t.value = i.value.length;
     }
-    function _(P) {
-      i.value = i.value.filter((R) => R !== P), t.value = i.value.length;
+    function B(P) {
+      i.value = i.value.filter((S) => S !== P), t.value = i.value.length;
     }
     function z(P) {
       P < 0 || P >= i.value.length || (o.value = P, i.value[P]?.focus());
@@ -5520,46 +5520,46 @@ const fr = {
       z(t.value - 1);
     }
     return ve(() => {
-      r.value && (v = new ResizeObserver(() => {
-      }), v.observe(r.value));
-    }), Be(() => v?.disconnect()), He("StepsContext", {
-      current: A(() => o.value),
+      s.value && (f = new ResizeObserver(() => {
+      }), f.observe(s.value));
+    }), Be(() => f?.disconnect()), He("StepsContext", {
+      current: _(() => o.value),
       update: (P) => o.value = P,
       stepsCount: t,
       icons: n.icons,
       size: n.size,
       orientation: n.orientation,
       stepStatusMap: u,
-      stepsRef: r,
-      registerStepStatus: (P, R) => {
-        u[P] = R;
+      stepsRef: s,
+      registerStepStatus: (P, S) => {
+        u[P] = S;
       },
-      registerIndicatorCenter: S,
+      registerIndicatorCenter: E,
       registerStep: M,
-      unregisterStep: _,
+      unregisterStep: B,
       focusNext: U,
       focusPrev: oe,
       focusFirst: ue,
       focusLast: re,
       tagTitles: n.tagTitles
-    }), (P, R) => (p(), b(de, null, [
+    }), (P, S) => (p(), b(de, null, [
       w("ol", {
         ref_key: "stepsRef",
-        ref: r,
+        ref: s,
         class: "steps",
         role: "list",
         "data-size": e.size,
         "data-orientation": n.orientation,
-        "aria-describedby": s
+        "aria-describedby": r
       }, [
         w("p", {
-          id: s,
+          id: r,
           class: "sr-only"
         }, " This is a multi-step process. Use arrow keys to navigate between steps. "),
         w("div", {
           class: "track",
           "aria-hidden": "true",
-          style: Ie(B.value)
+          style: Ie(R.value)
         }, [
           w("div", {
             class: "track-progress",
@@ -5608,10 +5608,10 @@ const fr = {
   setup(e) {
     const n = e, t = me("TimelineContext");
     if (!t) throw new Error("TimelineItem must be used within a Timeline component");
-    const a = ge(), o = ge(), i = A(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), r = (c) => {
+    const a = ge(), o = ge(), i = _(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), s = (c) => {
       const u = new Date(c).getDay();
       return u < 10 ? `0${u}` : u;
-    }, l = (c) => new Date(c).toLocaleString("default", { month: "short" }), s = (c) => new Date(c).getFullYear();
+    }, l = (c) => new Date(c).toLocaleString("default", { month: "short" }), r = (c) => new Date(c).getFullYear();
     return (c, u) => (p(), b("li", {
       tabindex: "0",
       class: fe([i.value, "ui-timeline-item"]),
@@ -5630,8 +5630,8 @@ const fr = {
           datetime: e.date
         }, [
           w("span", fl, j(l(e.date)), 1),
-          w("span", pl, j(r(e.date)), 1),
-          w("span", ml, j(s(e.date)), 1)
+          w("span", pl, j(s(e.date)), 1),
+          w("span", ml, j(r(e.date)), 1)
         ], 8, vl)) : q("", !0),
         w("div", {
           class: "ui-timeline-body",
@@ -5693,67 +5693,67 @@ const fr = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ke(e, "modelValue"), t = e, a = k(0), o = k(0), i = k(0), r = k(0), l = k(0), s = k(0), c = k(!1), u = k(!1), v = k(0), m = k([]), C = k(1), h = k(n.value), L = k(null), B = k(null);
-    let S = null, M = null;
+    const n = ke(e, "modelValue"), t = e, a = k(0), o = k(0), i = k(0), s = k(0), l = k(0), r = k(0), c = k(!1), u = k(!1), f = k(0), m = k([]), C = k(1), h = k(n.value), L = k(null), R = k(null);
+    let E = null, M = null;
     Q(
       () => n.value,
-      (f) => h.value = f
+      (v) => h.value = v
     );
-    const _ = A(() => m.value[h.value] ?? void 0), z = A(() => Math.floor(h.value / C.value)), U = A(() => Math.ceil(T.value / C.value)), oe = A(() => Math.max(0, T.value - C.value)), ue = A(() => {
-      const f = h.value * (100 / C.value), d = u.value && B.value ? i.value / B.value.clientWidth * 100 : 0;
+    const B = _(() => m.value[h.value] ?? void 0), z = _(() => Math.floor(h.value / C.value)), U = _(() => Math.ceil(T.value / C.value)), oe = _(() => Math.max(0, T.value - C.value)), ue = _(() => {
+      const v = h.value * (100 / C.value), d = u.value && R.value ? i.value / R.value.clientWidth * 100 : 0;
       return {
-        transform: `translateX(calc(-${f}% + ${d}%))`,
+        transform: `translateX(calc(-${v}% + ${d}%))`,
         transition: u.value ? "none" : "transform 300ms ease"
       };
-    }), re = (f) => {
-      let d = f;
+    }), re = (v) => {
+      let d = v;
       if (t.loop) {
-        const y = Math.round(f / C.value), $ = U.value;
+        const y = Math.round(v / C.value), $ = U.value;
         d = (y % $ + $) % $ * C.value;
       } else
         d = Math.min(
-          Math.max(f, 0),
+          Math.max(v, 0),
           oe.value
         );
       h.value = d, n.value = d;
-    }, P = () => re(h.value + C.value), R = () => re(h.value - C.value), x = (f) => {
-      f.key === "ArrowRight" ? P() : f.key === "ArrowLeft" && R();
-    }, V = (f) => (m.value.includes(f) || m.value.push(f), m.value.indexOf(f)), g = (f) => m.value = m.value.filter((d) => d !== f), T = A(() => m.value.length), E = () => {
-      !t.autoplay || S !== null || (S = window.setInterval(() => {
+    }, P = () => re(h.value + C.value), S = () => re(h.value - C.value), x = (v) => {
+      v.key === "ArrowRight" ? P() : v.key === "ArrowLeft" && S();
+    }, V = (v) => (m.value.includes(v) || m.value.push(v), m.value.indexOf(v)), g = (v) => m.value = m.value.filter((d) => d !== v), T = _(() => m.value.length), A = () => {
+      !t.autoplay || E !== null || (E = window.setInterval(() => {
         c.value || P();
       }, t.autoplayDelay));
     }, F = () => {
-      S !== null && (clearInterval(S), S = null);
-    }, H = (f) => {
+      E !== null && (clearInterval(E), E = null);
+    }, H = (v) => {
       if (typeof t.itemsPerView == "number")
         return t.itemsPerView;
       const d = Object.entries(t.itemsPerView).map(([$, X]) => [Number($), X]).sort(($, X) => $[0] - X[0]);
       let y = d[0]?.[1] ?? 1;
-      for (const [$, X] of d) f >= $ && (y = X);
+      for (const [$, X] of d) v >= $ && (y = X);
       return y;
-    }, O = (f) => {
-      f.button === 0 && (u.value = !0, o.value = f.clientX, a.value = f.clientX, s.value = f.clientX, i.value = 0, r.value = performance.now(), l.value = 0, v.value = h.value, B.value?.setPointerCapture(f.pointerId), F(), B.value.style.userSelect = "");
-    }, I = (f) => {
+    }, O = (v) => {
+      v.button === 0 && (u.value = !0, o.value = v.clientX, a.value = v.clientX, r.value = v.clientX, i.value = 0, s.value = performance.now(), l.value = 0, f.value = h.value, R.value?.setPointerCapture(v.pointerId), F(), R.value.style.userSelect = "");
+    }, I = (v) => {
       if (!u.value) return;
-      const d = performance.now(), y = f.clientX - a.value, $ = d - r.value;
-      $ > 0 && (l.value = y / $), a.value = f.clientX, r.value = d, s.value = f.clientX, i.value = s.value - o.value;
-    }, D = (f) => {
+      const d = performance.now(), y = v.clientX - a.value, $ = d - s.value;
+      $ > 0 && (l.value = y / $), a.value = v.clientX, s.value = d, r.value = v.clientX, i.value = r.value - o.value;
+    }, D = (v) => {
       if (!u.value) return;
-      u.value = !1, B.value?.releasePointerCapture(f.pointerId), B.value.style.userSelect = "";
-      const d = B.value.clientWidth / C.value, y = i.value / d;
-      Math.abs(l.value) > $l ? l.value < 0 ? P() : R() : Math.abs(y) > Il ? y < 0 ? P() : R() : re(v.value), i.value = 0, l.value = 0, E();
+      u.value = !1, R.value?.releasePointerCapture(v.pointerId), R.value.style.userSelect = "";
+      const d = R.value.clientWidth / C.value, y = i.value / d;
+      Math.abs(l.value) > $l ? l.value < 0 ? P() : S() : Math.abs(y) > Il ? y < 0 ? P() : S() : re(f.value), i.value = 0, l.value = 0, A();
     };
     return ve(() => {
-      E(), L.value && (M = new ResizeObserver((f) => {
-        const d = f[0]?.contentRect.width;
+      A(), L.value && (M = new ResizeObserver((v) => {
+        const d = v[0]?.contentRect.width;
         d !== void 0 && (C.value = H(d));
       }), M.observe(L.value));
     }), Be(() => {
       F(), M?.disconnect();
     }), Q(
       () => t.autoplay,
-      (f) => {
-        f ? E() : F();
+      (v) => {
+        v ? A() : F();
       },
       { immediate: !0 }
     ), Q(C, () => h.value = Math.min(h.value, oe.value)), He("CarouselContext", {
@@ -5763,7 +5763,7 @@ const fr = {
       slideCount: T,
       deltaX: i,
       itemsPerView: t.itemsPerView instanceof Object ? C : k(t.itemsPerView)
-    }), (f, d) => (p(), b("div", {
+    }), (v, d) => (p(), b("div", {
       ref_key: "rootRef",
       ref: L,
       role: "region",
@@ -5771,7 +5771,7 @@ const fr = {
       "aria-roledescription": "carousel",
       "aria-label": e.ariaLabel,
       tabindex: "0",
-      "aria-activedescendant": _.value,
+      "aria-activedescendant": B.value,
       style: Ie({ "--items-per-view": C.value }),
       onKeydown: x,
       onMouseenter: d[0] || (d[0] = (y) => c.value = !0),
@@ -5786,7 +5786,7 @@ const fr = {
       w("div", wl, [
         w("div", {
           ref_key: "trackRef",
-          ref: B,
+          ref: R,
           class: "carousel-track",
           style: Ie(ue.value),
           onPointerdown: O,
@@ -5794,7 +5794,7 @@ const fr = {
           onPointerup: D,
           onPointercancel: D
         }, [
-          G(f.$slots, "default", {}, void 0, !0)
+          G(v.$slots, "default", {}, void 0, !0)
         ], 36)
       ]),
       w("span", Ml, " Slide " + j(Math.floor(h.value / C.value) + 1) + " of " + j(U.value), 1),
@@ -5802,7 +5802,7 @@ const fr = {
         type: "button",
         class: "carousel-control prev",
         "aria-label": "Previous slide",
-        onClick: R
+        onClick: S
       }, [
         K(Ce, { name: "directionDown" })
       ]),
@@ -5837,17 +5837,17 @@ const fr = {
   setup(e) {
     const n = me("CarouselContext");
     if (!n) throw new Error("CarouselItem must be used inside a Carousel");
-    const t = "carousel-item-" + ge(), a = k(0), o = A(() => Math.abs(n.deltaX.value) > 5), i = A(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
-    return ve(() => a.value = n.register(t)), Be(() => n.unregister(t)), (r, l) => (p(), b("div", {
+    const t = "carousel-item-" + ge(), a = k(0), o = _(() => Math.abs(n.deltaX.value) > 5), i = _(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
+    return ve(() => a.value = n.register(t)), Be(() => n.unregister(t)), (s, l) => (p(), b("div", {
       role: "group",
       class: "carousel-item",
       id: t,
       "aria-roledescription": "slide",
       "aria-hidden": !i.value,
       "aria-label": `Slide ${a.value + 1}`,
-      onClickCapture: l[0] || (l[0] = (s) => o.value && s.preventDefault())
+      onClickCapture: l[0] || (l[0] = (r) => o.value && r.preventDefault())
     }, [
-      G(r.$slots, "default", {}, void 0, !0)
+      G(s.$slots, "default", {}, void 0, !0)
     ], 40, Vl));
   }
 }), Mr = /* @__PURE__ */ Y(Bl, [["__scopeId", "data-v-a569d055"]]), Je = /* @__PURE__ */ Symbol("TabsContext"), Lr = Z({
@@ -5866,7 +5866,7 @@ const fr = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n, slots: t }) {
-    const a = k(e.modelValue ?? e.defaultValue), o = k(!1), i = k([]), r = k("forward"), l = k();
+    const a = k(e.modelValue ?? e.defaultValue), o = k(!1), i = k([]), s = k("forward"), l = k();
     Q(a, (h) => {
       !h || !o.value || requestAnimationFrame(() => {
         document.getElementById(`tab-${h}`)?.focus(), o.value = !1;
@@ -5879,21 +5879,21 @@ const fr = {
     ), Q(i, (h) => {
       !a.value && h.length && (a.value = h[0]);
     });
-    const s = (h, L) => i.value[L] = h, c = (h) => {
+    const r = (h, L) => i.value[L] = h, c = (h) => {
       const L = i.value.filter(Boolean);
       if (!L.length) return;
-      const B = a.value;
-      if (!B) {
+      const R = a.value;
+      if (!R) {
         a.value = h, n("update:modelValue", h);
         return;
       }
-      const S = L.indexOf(B), M = L.indexOf(h);
-      if (S === -1 || M === -1) {
+      const E = L.indexOf(R), M = L.indexOf(h);
+      if (E === -1 || M === -1) {
         a.value = h, n("update:modelValue", h);
         return;
       }
-      S !== -1 && M !== -1 && (r.value = M > S ? "forward" : "backward"), B !== h && (a.value = h, n("update:modelValue", h));
-    }, u = A(() => r.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), v = (h) => {
+      E !== -1 && M !== -1 && (s.value = M > E ? "forward" : "backward"), R !== h && (a.value = h, n("update:modelValue", h));
+    }, u = _(() => s.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), f = (h) => {
       h instanceof HTMLElement && l.value && (l.value.style.height = `${h.offsetHeight}px`);
     }, m = (h) => {
       if (h instanceof HTMLElement && l.value) {
@@ -5908,19 +5908,19 @@ const fr = {
     return He(Je, {
       activeValue: a,
       setValue: c,
-      registerTrigger: s,
-      direction: r,
+      registerTrigger: r,
+      direction: s,
       activationMode: k(e.activationMode),
       orientation: k(e.orientation),
       triggers: i,
       contentWrapperRef: l,
       focusOnChange: o
     }), () => {
-      const h = t.default?.() || [], L = [], B = [];
+      const h = t.default?.() || [], L = [], R = [];
       h.forEach((M) => {
-        M.type?.name === "TabsContent" ? B.push(M) : L.push(M);
+        M.type?.name === "TabsContent" ? R.push(M) : L.push(M);
       });
-      const S = B.find((M) => M.props?.value === a.value);
+      const E = R.find((M) => M.props?.value === a.value);
       return [
         ...L,
         W(
@@ -5934,14 +5934,14 @@ const fr = {
             {
               name: u.value,
               mode: "out-in",
-              onBeforeLeave: v,
+              onBeforeLeave: f,
               onEnter: m,
               onAfterEnter: C
             },
-            () => S ? [W(S.type, {
-              ...S.props,
-              key: S.props.value
-            }, S.children)] : []
+            () => E ? [W(E.type, {
+              ...E.props,
+              key: E.props.value
+            }, E.children)] : []
           )
         )
       ];
@@ -5981,34 +5981,34 @@ const fr = {
   setup(e, { slots: n }) {
     const t = me(Je);
     if (!t) throw new Error("TabsTrigger components must be used inside <Tabs>");
-    const a = A(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (r) => {
-      if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) return;
-      r.preventDefault();
-      const s = t.triggers.value.filter(Boolean);
-      let u = s.indexOf(e.value);
-      const v = t.orientation.value === "horizontal";
-      switch (r.key) {
+    const a = _(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (s) => {
+      if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) return;
+      s.preventDefault();
+      const r = t.triggers.value.filter(Boolean);
+      let u = r.indexOf(e.value);
+      const f = t.orientation.value === "horizontal";
+      switch (s.key) {
         case "ArrowRight":
-          v && u++;
+          f && u++;
           break;
         case "ArrowLeft":
-          v && u--;
+          f && u--;
           break;
         case "ArrowDown":
-          v || u++;
+          f || u++;
           break;
         case "ArrowUp":
-          v || u--;
+          f || u--;
           break;
         case "Home":
           u = 0;
           break;
         case "End":
-          u = s.length - 1;
+          u = r.length - 1;
           break;
       }
-      u = (u + s.length) % s.length;
-      const m = s[u];
+      u = (u + r.length) % r.length;
+      const m = r[u];
       t.activationMode.value === "auto" && t.setValue(m), requestAnimationFrame(() => {
         document.getElementById(`tab-${m}`)?.focus();
       });
@@ -6061,43 +6061,43 @@ const fr = {
     const a = k(), 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 ve(() => t = n.registerItem(a.value)), (i, r) => (p(), b("div", {
+    return ve(() => t = n.registerItem(a.value)), (i, s) => (p(), b("div", {
       ref_key: "itemRef",
       ref: a,
       role: "menuitem",
       class: "ui-dropdown-item",
       tabindex: "-1",
       onKeydown: o,
-      onClick: r[0] || (r[0] = //@ts-ignore
+      onClick: s[0] || (s[0] = //@ts-ignore
       (...l) => N(n).close && N(n).close(...l)),
-      onPointerenter: r[1] || (r[1] = (l) => a.value?.focus())
+      onPointerenter: s[1] || (s[1] = (l) => a.value?.focus())
     }, [
       G(i.$slots, "default", {}, void 0, !0)
     ], 544));
   }
 }), Hr = /* @__PURE__ */ Y(_l, [["__scopeId", "data-v-69de3d9c"]]), Al = (e) => {
-  const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = k(e.modelValue ?? null), o = k(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, r = A(() => {
+  const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = k(e.modelValue ?? null), o = k(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, s = _(() => {
     const m = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
     return m.charAt(0).toUpperCase() + m.slice(1);
-  }), l = A(() => {
+  }), l = _(() => {
     const m = new Date(2021, 5, 6);
     return Array.from({ length: 7 }).map((C, h) => {
       const L = new Date(m);
       return L.setDate(m.getDate() + (h + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
     });
-  }), s = A(() => {
-    const m = o.value.getFullYear(), C = o.value.getMonth(), h = new Date(m, C, 1), L = new Date(m, C + 1, 0), B = (h.getDay() - i + 7) % 7, S = L.getDate(), M = [];
-    for (let _ = 0; _ < B; _++) M.push(null);
-    for (let _ = 1; _ <= S; _++) M.push(new Date(m, C, _));
+  }), r = _(() => {
+    const m = o.value.getFullYear(), C = o.value.getMonth(), h = new Date(m, C, 1), L = new Date(m, C + 1, 0), R = (h.getDay() - i + 7) % 7, E = L.getDate(), M = [];
+    for (let B = 0; B < R; B++) M.push(null);
+    for (let B = 1; B <= E; B++) M.push(new Date(m, C, B));
     return M;
   });
   return {
     today: n,
     selected: a,
     currentMonth: o,
-    monthLabel: r,
+    monthLabel: s,
     weekDays: l,
-    days: s,
+    days: r,
     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: (m) => a.value = m
@@ -6115,25 +6115,25 @@ const fr = {
 }, Bt = (e, n) => {
   const t = n.replace("DD", "(?<day>\\d{2})").replace("MM", "(?<month>\\d{2})").replace("YYYY", "(?<year>\\d{4})").replace("HH", "(?<hour>\\d{2})").replace("mm", "(?<minute>\\d{2})").replace("ss", "(?<second>\\d{2})"), a = new RegExp(`^${t}$`), o = e.match(a);
   if (!o?.groups) return null;
-  const i = Number(o.groups.day ?? 1), r = Number(o.groups.month ?? 1), l = Number(o.groups.year ?? 1970), s = Number(o.groups.hour ?? 0), c = Number(o.groups.minute ?? 0), u = Number(o.groups.second ?? 0);
-  return El(i, r, l) ? new Date(l, r - 1, i, s, c, u, 0) : null;
+  const i = Number(o.groups.day ?? 1), s = Number(o.groups.month ?? 1), l = Number(o.groups.year ?? 1970), r = Number(o.groups.hour ?? 0), c = Number(o.groups.minute ?? 0), u = Number(o.groups.second ?? 0);
+  return El(i, s, l) ? new Date(l, s - 1, i, r, c, u, 0) : null;
 };
 function El(e, n, t, a = 1900, o = 2100) {
   if (!Number.isInteger(e) || !Number.isInteger(n) || !Number.isInteger(t) || n < 1 || n > 12 || t < a || t > o) return !1;
   const i = new Date(t, n, 0).getDate();
   if (e < 1 || e > i) return !1;
-  const r = new Date(t, n - 1, e);
-  return r.getFullYear() === t && r.getMonth() === n - 1 && r.getDate() === e;
+  const s = new Date(t, n - 1, e);
+  return s.getFullYear() === t && s.getMonth() === n - 1 && s.getDate() === e;
 }
 const Rl = (e, n) => {
   const t = e.replace(/\D/g, ""), a = n.match(Pt);
   if (!a) return e;
   let o = "", i = 0;
-  for (const r of a) {
-    const l = r.length, s = t.slice(i, i + l);
-    if (!s) break;
-    if (o += s, i += s.length, i < t.length) {
-      const c = n.indexOf(r) + r.length, u = n[c];
+  for (const s of a) {
+    const l = s.length, r = t.slice(i, i + l);
+    if (!r) break;
+    if (o += r, i += r.length, i < t.length) {
+      const c = n.indexOf(s) + s.length, u = n[c];
       u && !u.match(/[DMYHms]/) && (o += u);
     }
   }
@@ -6165,14 +6165,14 @@ const Rl = (e, n) => {
   }),
   emits: /* @__PURE__ */ ie(["update:open"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = n, o = e, i = k(!1), r = /* @__PURE__ */ new Date(), l = k(""), s = k(null), c = k(null), {
+    const t = ke(e, "modelValue"), a = n, o = e, i = k(!1), s = /* @__PURE__ */ new Date(), l = k(""), r = k(null), c = k(null), {
       monthLabel: u,
-      weekDays: v,
+      weekDays: f,
       currentMonth: m,
       days: C,
       nextMonth: h,
       prevMonth: L,
-      select: B
+      select: R
     } = Al({
       modelValue: t.value,
       locale: o.locale,
@@ -6180,64 +6180,64 @@ const Rl = (e, n) => {
     });
     Q(
       () => t.value,
-      (R) => {
-        if (!R) {
+      (S) => {
+        if (!S) {
           l.value = "", c.value = null;
           return;
         }
-        B(R), m.value = new Date(R), c.value = R, l.value = ot(R, o.format);
+        R(S), m.value = new Date(S), c.value = S, l.value = ot(S, o.format);
       },
       { immediate: !0 }
     ), Q(
       i,
-      async (R) => {
-        if (R) {
+      async (S) => {
+        if (S) {
           await xe();
-          let x = s.value?.querySelector('button[data-selected="true"]');
+          let x = r.value?.querySelector('button[data-selected="true"]');
           if (!x) {
             const V = /* @__PURE__ */ new Date();
-            x = Array.from(s.value?.querySelectorAll("button") || []).find((g) => Number(g.textContent) === V.getDate() && !g.disabled);
+            x = Array.from(r.value?.querySelectorAll("button") || []).find((g) => Number(g.textContent) === V.getDate() && !g.disabled);
           }
           x && x.focus(), document.addEventListener("keydown", z);
         } else document.removeEventListener("keydown", z);
       }
     );
-    const S = (R) => {
-      c.value = R, t.value = R, l.value = ot(R, o.format), B(R), i.value = !1;
-    }, M = (R) => {
-      if (!R) return "";
+    const E = (S) => {
+      c.value = S, t.value = S, l.value = ot(S, o.format), R(S), i.value = !1;
+    }, M = (S) => {
+      if (!S) return "";
       const x = [];
-      return c.value && _(R, c.value) && x.push("dp-selected"), _(R, r) && x.push("dp-today"), x.join(" ");
-    }, _ = (R, x) => R.getFullYear() === x.getFullYear() && R.getMonth() === x.getMonth() && R.getDate() === x.getDate(), z = (R) => R.key === "Escape" && (i.value = !1), U = (R) => {
-      R.key === "Backspace" || R.key === "Delete" || R.key === "ArrowLeft" || R.key === "ArrowRight" || R.key === "Tab" || /[0-9]/.test(R.key) || R.preventDefault();
-    }, oe = (R) => {
-      const x = R.target, V = x.selectionStart ?? 0, T = x.value.slice(0, V).replace(/\D/g, "").length;
-      let E = x.value.replace(/\D/g, "");
+      return c.value && B(S, c.value) && x.push("dp-selected"), B(S, s) && x.push("dp-today"), x.join(" ");
+    }, B = (S, x) => S.getFullYear() === x.getFullYear() && S.getMonth() === x.getMonth() && S.getDate() === x.getDate(), z = (S) => S.key === "Escape" && (i.value = !1), U = (S) => {
+      S.key === "Backspace" || S.key === "Delete" || S.key === "ArrowLeft" || S.key === "ArrowRight" || S.key === "Tab" || /[0-9]/.test(S.key) || S.preventDefault();
+    }, oe = (S) => {
+      const x = S.target, V = x.selectionStart ?? 0, T = x.value.slice(0, V).replace(/\D/g, "").length;
+      let A = x.value.replace(/\D/g, "");
       const F = Sl(o.format);
-      E = E.slice(0, F);
-      const H = Rl(E, o.format);
+      A = A.slice(0, F);
+      const H = Rl(A, o.format);
       l.value = H, x.value = H;
       let O = 0, I = 0;
-      for (let f = 0; f < H.length; f++)
-        if (/\d/.test(H[f] ?? "") && I++, I >= T) {
-          O = f + 1;
+      for (let v = 0; v < H.length; v++)
+        if (/\d/.test(H[v] ?? "") && I++, I >= T) {
+          O = v + 1;
           break;
         }
       requestAnimationFrame(() => x.setSelectionRange(O, O));
       const D = Bt(H, o.format);
       D && (c.value = D, t.value = D);
     }, ue = () => {
-      s.value && !i.value && !s.value.hasAttribute("readOnly") && (i.value = !0, a("update:open", !0));
-    }, re = (R) => {
-      s.value && (s.value.contains(R.target) || (i.value = !1, a("update:open", !1)));
+      r.value && !i.value && !r.value.hasAttribute("readOnly") && (i.value = !0, a("update:open", !0));
+    }, re = (S) => {
+      r.value && (r.value.contains(S.target) || (i.value = !1, a("update:open", !1)));
     }, P = () => {
-      const R = Bt(l.value, o.format);
-      !R && !c.value ? (l.value = "", t.value = null, c.value = null) : R && (c.value = R, t.value = R, l.value = ot(R, o.format));
+      const S = Bt(l.value, o.format);
+      !S && !c.value ? (l.value = "", t.value = null, c.value = null) : S && (c.value = S, t.value = S, l.value = ot(S, o.format));
     };
-    return ve(() => document.addEventListener("mousedown", re)), Se(() => document.removeEventListener("mousedown", re)), (R, x) => (p(), b("div", {
+    return ve(() => document.addEventListener("mousedown", re)), Se(() => document.removeEventListener("mousedown", re)), (S, x) => (p(), b("div", {
       ref_key: "root",
-      ref: s,
-      class: fe(["dp", { required: Object.keys(R.$attrs).includes("required"), error: e.invalid }])
+      ref: r,
+      class: fe(["dp", { required: Object.keys(S.$attrs).includes("required"), error: e.invalid }])
     }, [
       w("label", {
         for: e.id,
@@ -6251,7 +6251,7 @@ const Rl = (e, n) => {
         onInput: oe,
         onKeydown: U,
         onMousedown: ue,
-        required: Object.keys(R.$attrs).includes("required") || void 0,
+        required: Object.keys(S.$attrs).includes("required") || void 0,
         "aria-invalid": !c.value && l.value !== "",
         disabled: e.disabled ? !0 : void 0,
         "data-disabled": e.disabled ? !0 : void 0,
@@ -6294,7 +6294,7 @@ const Rl = (e, n) => {
           }, "›")
         ]),
         w("div", Ol, [
-          (p(!0), b(de, null, he(N(v), (V) => (p(), b("span", {
+          (p(!0), b(de, null, he(N(f), (V) => (p(), b("span", {
             class: "week-day__name",
             key: V
           }, j(V), 1))), 128))
@@ -6308,7 +6308,7 @@ const Rl = (e, n) => {
             disabled: !V,
             "aria-pressed": M(V) === "dp-selected",
             "data-selected": V && M(V) === "dp-selected",
-            onMousedown: se((T) => V && S(V), ["prevent"]),
+            onMousedown: se((T) => V && E(V), ["prevent"]),
             "aria-label": V ? V.toLocaleDateString(o.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
           }, j(V?.getDate()), 43, Fl))), 128))
         ]),
@@ -6321,7 +6321,7 @@ const Rl = (e, n) => {
           ]),
           _: 1
         }),
-        G(R.$slots, "time", {}, void 0, !0)
+        G(S.$slots, "time", {}, void 0, !0)
       ])) : q("", !0)
     ], 2));
   }
@@ -6350,51 +6350,51 @@ const Rl = (e, n) => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ke(e, "modelValue"), t = e, a = ge(), o = k(!1), i = k(null), r = A(() => t.format.includes("HH")), l = A(() => t.format.includes("mm")), s = A(() => t.format.includes("ss")), c = k(n.value ?? null), u = k(n.value?.getHours() ?? (r.value ? 0 : void 0)), v = k(n.value?.getMinutes() ?? (l.value ? 0 : void 0)), m = k(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
-    Q(n, (S) => {
-      if (S) {
-        const M = new Date(S);
-        c.value = M, u.value = M.getHours(), v.value = M.getMinutes(), m.value = M.getSeconds();
+    const n = ke(e, "modelValue"), t = e, a = ge(), o = k(!1), i = k(null), s = _(() => t.format.includes("HH")), l = _(() => t.format.includes("mm")), r = _(() => t.format.includes("ss")), c = k(n.value ?? null), u = k(n.value?.getHours() ?? (s.value ? 0 : void 0)), f = k(n.value?.getMinutes() ?? (l.value ? 0 : void 0)), m = k(n.value?.getSeconds() ?? (r.value ? 0 : void 0));
+    Q(n, (E) => {
+      if (E) {
+        const M = new Date(E);
+        c.value = M, u.value = M.getHours(), f.value = M.getMinutes(), m.value = M.getSeconds();
       } else
-        c.value = null, u.value = 0, v.value = 0, m.value = 0;
-    }, { immediate: !0 }), Q(c, (S) => {
-      if (!S) return;
-      const M = S.getHours(), _ = S.getMinutes(), z = S.getSeconds();
-      M !== u.value && (u.value = M), _ !== v.value && (v.value = _), z !== m.value && (m.value = z);
-    }, { immediate: !0 }), Q([c, u, v, m], () => {
+        c.value = null, u.value = 0, f.value = 0, m.value = 0;
+    }, { immediate: !0 }), Q(c, (E) => {
+      if (!E) return;
+      const M = E.getHours(), B = E.getMinutes(), z = E.getSeconds();
+      M !== u.value && (u.value = M), B !== f.value && (f.value = B), z !== m.value && (m.value = z);
+    }, { immediate: !0 }), Q([c, u, f, m], () => {
       if (!c.value) {
         n.value = null;
         return;
       }
-      const S = Math.min(Math.max(u.value ?? 0, 0), 23), M = Math.min(Math.max(v.value ?? 0, 0), 59), _ = Math.min(Math.max(m.value ?? 0, 0), 59), z = new Date(c.value);
-      z.setHours(S, M, _, 0), (!n.value || n.value.getTime() !== z.getTime()) && (n.value = z);
+      const E = Math.min(Math.max(u.value ?? 0, 0), 23), M = Math.min(Math.max(f.value ?? 0, 0), 59), B = Math.min(Math.max(m.value ?? 0, 0), 59), z = new Date(c.value);
+      z.setHours(E, M, B, 0), (!n.value || n.value.getTime() !== z.getTime()) && (n.value = z);
     });
-    const C = (S) => {
-      i.value && (i.value.contains(S.target) || (o.value = !1));
-    }, h = (S) => {
-      const M = Number(S.target.value);
+    const C = (E) => {
+      i.value && (i.value.contains(E.target) || (o.value = !1));
+    }, h = (E) => {
+      const M = Number(E.target.value);
       isNaN(M) || M < 0 ? u.value = 0 : M > 23 ? u.value = 23 : u.value = M;
-    }, L = (S) => {
-      const M = Number(S.target.value);
-      isNaN(M) || M < 0 ? v.value = 0 : M > 59 ? v.value = 59 : v.value = M;
-    }, B = (S) => {
-      const M = Number(S.target.value);
+    }, L = (E) => {
+      const M = Number(E.target.value);
+      isNaN(M) || M < 0 ? f.value = 0 : M > 59 ? f.value = 59 : f.value = M;
+    }, R = (E) => {
+      const M = Number(E.target.value);
       isNaN(M) || M < 0 ? m.value = 0 : M > 59 ? m.value = 59 : m.value = M;
     };
     return ve(() => {
       document.addEventListener("mousedown", C);
     }), Se(() => {
       document.removeEventListener("mousedown", C);
-    }), (S, M) => (p(), b("div", {
+    }), (E, M) => (p(), b("div", {
       class: "dtp",
       ref_key: "root",
       ref: i
     }, [
-      K(Ul, be(S.$attrs, {
+      K(Ul, be(E.$attrs, {
         modelValue: c.value,
-        "onUpdate:modelValue": M[3] || (M[3] = (_) => c.value = _),
+        "onUpdate:modelValue": M[3] || (M[3] = (B) => c.value = B),
         open: o.value,
-        "onUpdate:open": M[4] || (M[4] = (_) => o.value = _),
+        "onUpdate:open": M[4] || (M[4] = (B) => o.value = B),
         id: t.id,
         invalid: e.invalid,
         locale: e.locale,
@@ -6406,11 +6406,11 @@ const Rl = (e, n) => {
       }), {
         time: J(() => [
           o.value ? (p(), b("div", Kl, [
-            r.value ? _e((p(), b("input", {
+            s.value ? _e((p(), b("input", {
               key: 0,
               id: `hour_${N(a)}`,
               type: "number",
-              "onUpdate:modelValue": M[0] || (M[0] = (_) => u.value = _),
+              "onUpdate:modelValue": M[0] || (M[0] = (B) => u.value = B),
               min: "0",
               max: "23",
               "aria-label": "Hour",
@@ -6426,40 +6426,40 @@ const Rl = (e, n) => {
                 { number: !0 }
               ]
             ]) : q("", !0),
-            r.value && l.value ? (p(), b("span", Wl, ":")) : q("", !0),
+            s.value && l.value ? (p(), b("span", Wl, ":")) : q("", !0),
             l.value ? _e((p(), b("input", {
               key: 2,
               id: `minute_${N(a)}`,
               type: "number",
-              "onUpdate:modelValue": M[1] || (M[1] = (_) => v.value = _),
+              "onUpdate:modelValue": M[1] || (M[1] = (B) => f.value = B),
               min: "0",
               max: "59",
               "aria-label": "Minute",
               "aria-valuemin": "0",
               "aria-valuemax": "59",
-              "aria-valuenow": v.value,
+              "aria-valuenow": f.value,
               onInput: L
             }, null, 40, Yl)), [
               [
                 Ye,
-                v.value,
+                f.value,
                 void 0,
                 { number: !0 }
               ]
             ]) : q("", !0),
-            (r.value || l.value) && s.value ? (p(), b("span", Xl, ":")) : q("", !0),
-            s.value ? _e((p(), b("input", {
+            (s.value || l.value) && r.value ? (p(), b("span", Xl, ":")) : q("", !0),
+            r.value ? _e((p(), b("input", {
               key: 4,
               id: `second_${N(a)}`,
               type: "number",
-              "onUpdate:modelValue": M[2] || (M[2] = (_) => m.value = _),
+              "onUpdate:modelValue": M[2] || (M[2] = (B) => m.value = B),
               min: "0",
               max: "59",
               "aria-label": "Second",
               "aria-valuemin": "0",
               "aria-valuemax": "59",
               "aria-valuenow": m.value,
-              onInput: B
+              onInput: R
             }, null, 40, Gl)), [
               [
                 Ye,
@@ -6501,11 +6501,11 @@ const Rl = (e, n) => {
   },
   emits: ["update:sort", "rowClick"],
   setup(e, { emit: n, slots: t }) {
-    const a = (s) => {
-      if (!s.sortable) return;
-      const c = e.sort?.key === s.key && e.sort.direction === "asc" ? "desc" : "asc";
-      n("update:sort", { key: s.key, direction: c });
-    }, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, c) => c.split(".").reduce((u, v) => u?.[v], s), r = () => W(
+    const a = (r) => {
+      if (!r.sortable) return;
+      const c = e.sort?.key === r.key && e.sort.direction === "asc" ? "desc" : "asc";
+      n("update:sort", { key: r.key, direction: c });
+    }, o = () => window.matchMedia("(max-width: 640px)").matches, i = (r, c) => c.split(".").reduce((u, f) => u?.[f], r), s = () => W(
       "div",
       {
         class: "rs-table-mobile",
@@ -6513,16 +6513,16 @@ const Rl = (e, n) => {
         "aria-busy": e.loading || void 0
       },
       e.loading ? t.loading?.() ?? "Loading..." : e.data.length === 0 ? t.empty?.() ?? "No data available." : e.data.map(
-        (s, c) => W(
+        (r, c) => W(
           "div",
           {
-            key: s.id ?? c,
+            key: r.id ?? c,
             class: "rs-table-card",
             role: e.rowClickable ? "button" : "listitem",
             tabindex: e.rowClickable ? 0 : void 0,
-            onClick: e.rowClickable ? () => n("rowClick", s) : void 0,
+            onClick: e.rowClickable ? () => n("rowClick", r) : void 0,
             onKeydown: e.rowClickable ? (u) => {
-              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", s));
+              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", r));
             } : void 0
           },
           e.columns.map(
@@ -6539,10 +6539,10 @@ const Rl = (e, n) => {
                   "span",
                   { class: "rs-table-card-value" },
                   t.cell?.({
-                    row: s,
+                    row: r,
                     column: u,
-                    value: i(s, u.key)
-                  }) ?? i(s, u.key)
+                    value: i(r, u.key)
+                  }) ?? i(r, u.key)
                 )
               ]
             )
@@ -6569,19 +6569,19 @@ const Rl = (e, n) => {
                 "tr",
                 null,
                 e.columns.map(
-                  (s) => W(
+                  (r) => W(
                     "th",
                     {
-                      key: s.key,
+                      key: r.key,
                       style: {
-                        width: s.width || "auto",
-                        textAlign: s.align || "left"
+                        width: r.width || "auto",
+                        textAlign: r.align || "left"
                       },
-                      "aria-sort": s.sortable ? e.sort?.key === s.key ? e.sort.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
-                      tabindex: s.sortable ? 0 : void 0,
-                      onClick: s.sortable ? () => a(s) : void 0,
-                      onKeydown: s.sortable ? (c) => {
-                        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), a(s));
+                      "aria-sort": r.sortable ? e.sort?.key === r.key ? e.sort.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
+                      tabindex: r.sortable ? 0 : void 0,
+                      onClick: r.sortable ? () => a(r) : void 0,
+                      onKeydown: r.sortable ? (c) => {
+                        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), a(r));
                       } : void 0,
                       scope: "col"
                     },
@@ -6591,12 +6591,12 @@ const Rl = (e, n) => {
                       [
                         W(
                           "span",
-                          s.header
+                          r.header
                         ),
-                        s.sortable ? W(
+                        r.sortable ? W(
                           Ce,
                           {
-                            name: e.sort?.key === s.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
+                            name: e.sort?.key === r.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
                             size: 16
                           }
                         ) : null
@@ -6634,15 +6634,15 @@ const Rl = (e, n) => {
                   ]
                 )
               ] : e.data.map(
-                (s, c) => W(
+                (r, c) => W(
                   "tr",
                   {
-                    key: s.id ?? c,
+                    key: r.id ?? c,
                     tabindex: e.rowClickable ? 0 : void 0,
                     role: e.rowClickable ? "button" : void 0,
-                    onClick: e.rowClickable ? () => n("rowClick", s) : void 0,
+                    onClick: e.rowClickable ? () => n("rowClick", r) : void 0,
                     onKeydown: e.rowClickable ? (u) => {
-                      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", s));
+                      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", r));
                     } : void 0,
                     "data-clickable": e.rowClickable || void 0
                   },
@@ -6656,10 +6656,10 @@ const Rl = (e, n) => {
                         }
                       },
                       t.cell?.({
-                        row: s,
+                        row: r,
                         column: u,
-                        value: i(s, u.key)
-                      }) ?? i(s, u.key)
+                        value: i(r, u.key)
+                      }) ?? i(r, u.key)
                     )
                   )
                 )
@@ -6670,11 +6670,11 @@ const Rl = (e, n) => {
       )
     );
     return () => {
-      const s = e.responsive === "card" || e.responsive === "auto" && o();
+      const r = e.responsive === "card" || e.responsive === "auto" && o();
       return W(
         "div",
         { class: "rs-table-container" },
-        s ? r() : l()
+        r ? s() : l()
       );
     };
   }
@@ -6688,32 +6688,32 @@ const Rl = (e, n) => {
     }
   },
   setup(e, { slots: n }) {
-    const t = k([]), a = k(new Set(e.defaultOpen)), o = (v) => {
-      if (a.value.has(v)) {
-        a.value.delete(v);
+    const t = k([]), a = k(new Set(e.defaultOpen)), o = (f) => {
+      if (a.value.has(f)) {
+        a.value.delete(f);
         return;
       }
-      e.multiple || a.value.clear(), a.value.add(v);
-    }, i = (v) => {
-      v.disabled || t.value.includes(v) || (t.value.push(v), t.value.sort((m, C) => m.offsetTop - C.offsetTop));
-    }, r = (v) => t.value = t.value.filter((m) => m !== v), l = (v) => {
-      const m = t.value.indexOf(v);
+      e.multiple || a.value.clear(), a.value.add(f);
+    }, i = (f) => {
+      f.disabled || t.value.includes(f) || (t.value.push(f), t.value.sort((m, C) => m.offsetTop - C.offsetTop));
+    }, s = (f) => t.value = t.value.filter((m) => m !== f), l = (f) => {
+      const m = t.value.indexOf(f);
       t.value[(m + 1) % t.value.length]?.focus();
-    }, s = (v) => {
-      const m = t.value.indexOf(v);
+    }, r = (f) => {
+      const m = t.value.indexOf(f);
       t.value[(m - 1 + t.value.length) % t.value.length]?.focus();
     }, c = () => t.value[0]?.focus(), u = () => {
-      const v = t.value;
-      v.length && v[v.length - 1]?.focus();
+      const f = t.value;
+      f.length && f[f.length - 1]?.focus();
     };
     return He(Qe, {
       multiple: e.multiple,
       openItems: a,
       toggle: o,
       registerHeader: i,
-      unregisterHeader: r,
+      unregisterHeader: s,
       focusNext: l,
-      focusPrev: s,
+      focusPrev: r,
       focusFirst: c,
       focusLast: u
     }), () => n.default?.();
@@ -6727,7 +6727,7 @@ const Rl = (e, n) => {
   setup(e, { slots: n }) {
     const t = me(Qe);
     if (!t) throw new Error("AccordionItem must be used inside Accordion");
-    const a = A(() => t.openItems.value.has(e.id));
+    const a = _(() => t.openItems.value.has(e.id));
     return () => W(
       "div",
       {
@@ -6746,9 +6746,9 @@ const Rl = (e, n) => {
   setup(e, { slots: n }) {
     const t = me(Qe), a = k(null);
     if (!t) throw new Error("AccordionHeader must be used inside Accordion");
-    const o = A(() => t.openItems.value.has(e.id)), i = () => {
+    const o = _(() => t.openItems.value.has(e.id)), i = () => {
       e.disabled || t.toggle?.(e.id);
-    }, r = (l) => {
+    }, s = (l) => {
       if (a.value)
         switch (l.key) {
           case "ArrowDown":
@@ -6781,7 +6781,7 @@ const Rl = (e, n) => {
         disabled: e.disabled,
         "data-state": o.value ? "open" : "closed",
         onClick: i,
-        onKeydown: r
+        onKeydown: s
       },
       [
         W(
@@ -6805,7 +6805,7 @@ const Rl = (e, n) => {
   setup(e, { slots: n }) {
     const t = me(Qe);
     if (!t) throw new Error("AccordionPanel must be used inside Accordion");
-    const a = A(() => t.openItems.value.has(e.id));
+    const a = _(() => t.openItems.value.has(e.id));
     return () => W(
       "div",
       {