@reinosoft-ui/core 0.1.62 → 0.1.63

package/dist/reinosoft-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as Z, ref as w, computed as H, watch as J, onMounted as se, createElementBlock as g, openBlock as f, normalizeStyle as Le, normalizeClass as ue, renderSlot as X, createCommentVNode as N, withDirectives as Ve, createElementVNode as L, vShow as et, mergeProps as ge, mergeModels as oe, useModel as he, withKeys as Ce, withModifiers as ie, onUnmounted as $e, Fragment as re, unref as E, toDisplayString as K, renderList as ve, nextTick as Me, onBeforeUnmount as _e, createBlock as ee, Teleport as Ze, createVNode as j, Transition as Se, withCtx as Q, useId as fe, provide as xe, createTextVNode as be, resolveDynamicComponent as Re, useAttrs as tt, inject as de, h as U, useSlots as at, resolveComponent as Dt, vModelRadio as _t, vModelDynamic as St, reactive as bt, TransitionGroup as Rt, createApp as Tt, shallowRef as Et, vModelText as Ue } from "vue";
+import { defineComponent as Z, ref as w, computed as V, watch as J, onMounted as se, createElementBlock as b, openBlock as f, normalizeStyle as Le, normalizeClass as ue, renderSlot as X, createCommentVNode as N, withDirectives as Ve, createElementVNode as L, vShow as et, mergeProps as ge, mergeModels as oe, useModel as he, withKeys as Ce, withModifiers as ie, onUnmounted as $e, Fragment as re, unref as E, toDisplayString as K, renderList as ve, nextTick as Me, onBeforeUnmount as _e, createBlock as ee, Teleport as Ze, createVNode as j, Transition as Se, withCtx as Q, useId as fe, provide as xe, createTextVNode as be, resolveDynamicComponent as Re, useAttrs as tt, inject as de, h as U, useSlots as at, resolveComponent as Dt, vModelRadio as _t, vModelDynamic as St, reactive as bt, TransitionGroup as Rt, createApp as Tt, shallowRef as Et, vModelText as Ue } from "vue";
 import { routerKey as Zt } from "vue-router";
-const zt = ["aria-busy"], Ot = ["aria-label"], qt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Ft = /* @__PURE__ */ Z({
+const zt = ["aria-busy"], qt = ["aria-label"], Ot = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Ft = /* @__PURE__ */ Z({
   __name: "Image",
   props: {
     src: {},
@@ -16,47 +16,47 @@ const zt = ["aria-busy"], Ot = ["aria-label"], qt = ["src", "srcset", "sizes", "
   },
   emits: ["loaded", "error"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = w(t.src), u = w(), r = w("loading"), i = H(() => t.ratio ? {
+    const t = e, a = n, o = w(t.src), i = w(), l = w("loading"), r = V(() => t.ratio ? {
       aspectRatio: typeof t.ratio == "number" ? `${t.ratio}` : t.ratio
     } : void 0), s = () => {
-      r.value = "loaded", a("loaded");
+      l.value = "loaded", a("loaded");
     }, d = () => {
       if (t.fallbackSrc && o.value !== t.fallbackSrc) {
-        o.value = t.fallbackSrc, r.value = "loading";
+        o.value = t.fallbackSrc, l.value = "loading";
         return;
       }
-      r.value = "error", a("error");
+      l.value = "error", a("error");
     };
     return J(
       () => t.src,
-      (l) => {
-        o.value = l, r.value = "loading";
+      (u) => {
+        o.value = u, l.value = "loading";
       }
-    ), se(() => u.value?.complete && u.value.naturalWidth > 0 && (r.value = "loaded")), (l, p) => (f(), g("div", {
+    ), se(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (u, h) => (f(), b("div", {
       class: ue(["ui-image", {
-        "is-loading": r.value === "loading",
-        "is-error": r.value === "error",
-        "is-loaded": r.value === "loaded",
+        "is-loading": l.value === "loading",
+        "is-error": l.value === "error",
+        "is-loaded": l.value === "loaded",
         transform: e.transform
       }]),
-      style: Le(i.value),
-      "aria-busy": r.value === "loading" || void 0
+      style: Le(r.value),
+      "aria-busy": l.value === "loading" || void 0
     }, [
-      r.value === "loading" ? X(l.$slots, "placeholder", { key: 0 }, () => [
-        p[0] || (p[0] = L("div", {
+      l.value === "loading" ? X(u.$slots, "placeholder", { key: 0 }, () => [
+        h[0] || (h[0] = L("div", {
           class: "ui-image__placeholder",
           "aria-hidden": "true"
         }, null, -1))
-      ], !0) : r.value === "error" ? X(l.$slots, "fallback", { key: 1 }, () => [
+      ], !0) : l.value === "error" ? X(u.$slots, "fallback", { key: 1 }, () => [
         L("div", {
           class: "ui-image__fallback",
           role: "img",
           "aria-label": e.decorative ? void 0 : e.alt
-        }, "Image not available", 8, Ot)
+        }, "Image not available", 8, qt)
       ], !0) : N("", !0),
       Ve(L("img", {
         ref_key: "imgRef",
-        ref: u,
+        ref: i,
         class: "ui-image__img",
         src: o.value,
         srcset: e.srcset,
@@ -67,8 +67,8 @@ const zt = ["aria-busy"], Ot = ["aria-label"], qt = ["src", "srcset", "sizes", "
         decoding: e.decoding,
         onLoad: s,
         onError: d
-      }, null, 40, qt), [
-        [et, r.value !== "error"]
+      }, null, 40, Ot), [
+        [et, l.value !== "error"]
       ])
     ], 14, zt));
   }
@@ -87,7 +87,7 @@ const Nt = /* @__PURE__ */ Z({
     const t = w();
     return n({
       el: t
-    }), (a, o) => (f(), g("button", ge({
+    }), (a, o) => (f(), b("button", ge({
       ref_key: "rootRef",
       ref: t,
       type: "button",
@@ -111,23 +111,23 @@ const Pt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Kt
   }),
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = n, o = e, u = H(() => t.value), r = () => {
+    const t = he(e, "modelValue"), a = n, o = e, i = V(() => t.value), l = () => {
       if (o.disabled) return;
-      const i = !t.value;
-      t.value = i, a("change", i);
+      const r = !t.value;
+      t.value = r, a("change", r);
     };
-    return (i, s) => (f(), g("button", {
+    return (r, s) => (f(), b("button", {
       id: e.id,
       role: "switch",
       type: "button",
-      class: ue(["ui-toggle", { "ui-toggle--checked": u.value, "ui-toggle--disabled": e.disabled }]),
-      "aria-checked": u.value,
+      class: ue(["ui-toggle", { "ui-toggle--checked": i.value, "ui-toggle--disabled": e.disabled }]),
+      "aria-checked": i.value,
       "aria-disabled": e.disabled || void 0,
       disabled: e.disabled || void 0,
-      onClick: r,
+      onClick: l,
       onKeydown: [
-        Ce(ie(r, ["prevent"]), ["space"]),
-        Ce(ie(r, ["prevent"]), ["enter"])
+        Ce(ie(l, ["prevent"]), ["space"]),
+        Ce(ie(l, ["prevent"]), ["enter"])
       ]
     }, [...s[0] || (s[0] = [
       L("span", { class: "ui-toggle__track" }, [
@@ -169,16 +169,16 @@ const kt = (e) => {
   if (!t || t.rangeCount === 0) return;
   const a = t.getRangeAt(0), o = kt(a.startContainer);
   if (!o) return;
-  const r = Wt("p");
+  const l = Wt("p");
   document.createRange().selectNodeContents(o);
   const s = a.cloneRange(), d = document.createRange();
   d.selectNodeContents(o), d.setEnd(s.startContainer, s.startOffset);
-  const l = d.cloneContents(), p = document.createRange();
-  p.selectNodeContents(o), p.setStart(s.startContainer, s.startOffset);
-  const m = p.cloneContents();
-  o.innerHTML = "", o.appendChild(l), o.innerHTML === "" && (o.innerHTML = "<br>"), r.innerHTML = "", r.appendChild(m), r.innerHTML === "" && (r.innerHTML = "<br>"), o.after(r);
-  const b = document.createRange();
-  b.setStart(r, 0), b.collapse(!0), t.removeAllRanges(), t.addRange(b), n?.normalize();
+  const u = d.cloneContents(), h = document.createRange();
+  h.selectNodeContents(o), h.setStart(s.startContainer, s.startOffset);
+  const p = h.cloneContents();
+  o.innerHTML = "", o.appendChild(u), o.innerHTML === "" && (o.innerHTML = "<br>"), l.innerHTML = "", l.appendChild(p), l.innerHTML === "" && (l.innerHTML = "<br>"), o.after(l);
+  const m = document.createRange();
+  m.setStart(l, 0), m.collapse(!0), t.removeAllRanges(), t.addRange(m), n?.normalize();
 }, Gt = () => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return;
@@ -189,33 +189,33 @@ const kt = (e) => {
   if (!n || n.rangeCount === 0) return;
   const t = n.getRangeAt(0), a = kt(t.startContainer);
   if (!a || !(a.textContent === "" || a.innerHTML === "<br>")) return;
-  const u = a.previousElementSibling, r = a.nextElementSibling;
-  if (e.preventDefault(), !u && !r) {
+  const i = a.previousElementSibling, l = a.nextElementSibling;
+  if (e.preventDefault(), !i && !l) {
     a.innerHTML = "<br>", it(a);
     return;
   }
-  u && u.dataset.block !== void 0 ? (a.remove(), Jt(u)) : r && r.dataset.block !== void 0 && (a.remove(), it(r));
+  i && i.dataset.block !== void 0 ? (a.remove(), Jt(i)) : l && l.dataset.block !== void 0 && (a.remove(), it(l));
 }, Jt = (e) => {
   const n = document.createRange(), t = window.getSelection();
   n.selectNodeContents(e), n.collapse(!1), t?.removeAllRanges(), t?.addRange(n);
 }, Qt = (e, n) => {
   const t = w(null), a = n?.buttons ?? [], o = n?.uploadImage;
-  let u = w(null);
-  const r = () => {
+  let i = w(null);
+  const l = () => {
     const c = e;
     if (!c) return;
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return;
-    const h = v.getRangeAt(0);
-    c.contains(h.commonAncestorContainer) && (t.value = h.cloneRange());
-  }, i = (c) => {
+    const y = v.getRangeAt(0);
+    c.contains(y.commonAncestorContainer) && (t.value = y.cloneRange());
+  }, r = (c) => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0 || v.isCollapsed) return !1;
-    const h = v.getRangeAt(0), x = e;
+    const y = v.getRangeAt(0), x = e;
     if (!x) return !1;
-    const T = s(h, x), Y = [];
+    const T = s(y, x), Y = [];
     if (T.forEach((z) => {
-      const P = z === h.startContainer ? h.startOffset : 0, le = z === h.endContainer ? h.endOffset : z.textContent.length;
+      const P = z === y.startContainer ? y.startOffset : 0, le = z === y.endContainer ? y.endOffset : z.textContent.length;
       if (P === le) return;
       let ne;
       P === 0 && le === z.textContent.length ? ne = z : (ne = z.splitText(P), le - P < ne.textContent.length && ne.splitText(le - P));
@@ -230,12 +230,12 @@ const kt = (e) => {
       const z = document.createRange();
       z.setStart(Y[0], 0);
       const P = Y[Y.length - 1];
-      z.setEnd(P, P.textContent.length), v.removeAllRanges(), v.addRange(z), r();
+      z.setEnd(P, P.textContent.length), v.removeAllRanges(), v.addRange(z), l();
     }
-    return y(), k(c);
+    return C(), M(c);
   }, s = (c, v) => {
     if (!c || !v || !(v instanceof HTMLElement)) return [];
-    const h = c.commonAncestorContainer, x = v.contains(h) ? v : h.nodeType === 3 ? h.parentNode : h, T = document.createTreeWalker(
+    const y = c.commonAncestorContainer, x = v.contains(y) ? v : y.nodeType === 3 ? y.parentNode : y, T = document.createTreeWalker(
       x,
       NodeFilter.SHOW_TEXT,
       {
@@ -250,14 +250,14 @@ const kt = (e) => {
   }, d = (c) => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return !1;
-    const h = v.getRangeAt(0), x = l(h.startContainer);
+    const y = v.getRangeAt(0), x = u(y.startContainer);
     if (!x) return !1;
     const Y = x.tagName.toLowerCase() === c.toLowerCase() ? "p" : c.toLowerCase(), z = document.createElement(Y);
     for (Y === "blockquote" && z.setAttribute("class", "rs-blockquote"), z.dataset.block = "true"; x.firstChild; ) z.appendChild(x.firstChild);
     x.replaceWith(z);
     const P = document.createRange();
-    return P.selectNodeContents(z), v.removeAllRanges(), v.addRange(P), r(), y(), _(c);
-  }, l = (c) => {
+    return P.selectNodeContents(z), v.removeAllRanges(), v.addRange(P), l(), C(), S(c);
+  }, u = (c) => {
     const v = e;
     if (!v) return null;
     for (; c && c !== v; ) {
@@ -265,83 +265,83 @@ const kt = (e) => {
       c = c.parentNode;
     }
     return null;
-  }, p = (c, v) => {
-    const h = e;
-    if (!h) return null;
-    for (; c && c !== h; ) {
+  }, h = (c, v) => {
+    const y = e;
+    if (!y) return null;
+    for (; c && c !== y; ) {
       if (c instanceof HTMLElement && c.tagName.toLowerCase() === v.toLowerCase()) return c;
       c = c.parentNode;
     }
     return null;
-  }, m = (c) => {
+  }, p = (c) => {
     if (c.key !== "Enter" || c.shiftKey) return;
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return;
-    const h = v.getRangeAt(0), x = p(h.startContainer, "li");
+    const y = v.getRangeAt(0), x = h(y.startContainer, "li");
     if (!x) return;
     c.preventDefault(), c.stopPropagation();
     const T = x.parentElement;
     if (!T) return;
     if (x.textContent?.trim() === "") {
       const P = document.createElement("p");
-      P.dataset.block = "true", P.innerHTML = "<br>", T.after(P), x.remove(), T.children.length === 0 && T.remove(), b(P);
+      P.dataset.block = "true", P.innerHTML = "<br>", T.after(P), x.remove(), T.children.length === 0 && T.remove(), m(P);
       return;
     }
     const z = document.createElement("li");
-    z.innerHTML = "<br>", x.after(z), b(z);
-  }, b = (c) => {
-    const v = document.createRange(), h = window.getSelection();
-    v.selectNodeContents(c), v.collapse(!0), h?.removeAllRanges(), h?.addRange(v);
-  }, y = () => {
+    z.innerHTML = "<br>", x.after(z), m(z);
+  }, m = (c) => {
+    const v = document.createRange(), y = window.getSelection();
+    v.selectNodeContents(c), v.collapse(!0), y?.removeAllRanges(), y?.addRange(v);
+  }, C = () => {
     const c = e;
     if (!c) return;
-    c.querySelectorAll("p[data-block]").forEach((h) => {
-      !h.querySelector("iframe") && h.hasAttribute("style") && h.removeAttribute("style");
-      const T = h.querySelector("p[data-block]");
-      T && h.replaceWith(T);
+    c.querySelectorAll("p[data-block]").forEach((y) => {
+      !y.querySelector("iframe") && y.hasAttribute("style") && y.removeAttribute("style");
+      const T = y.querySelector("p[data-block]");
+      T && y.replaceWith(T);
     }), c.normalize();
-  }, k = (c) => {
+  }, M = (c) => {
     const v = t.value;
     if (!v) return !1;
-    let h = v.startContainer;
-    h.nodeType === Node.TEXT_NODE && (h = h.parentNode);
+    let y = v.startContainer;
+    y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
     const x = e;
     if (!x) return !1;
-    for (; h && h !== x; ) {
-      if (h instanceof HTMLElement && h.tagName.toLowerCase() === c.toLowerCase()) return !0;
-      h = h.parentNode;
+    for (; y && y !== x; ) {
+      if (y instanceof HTMLElement && y.tagName.toLowerCase() === c.toLowerCase()) return !0;
+      y = y.parentNode;
     }
     return !1;
-  }, _ = (c) => {
+  }, S = (c) => {
     const v = t.value;
     if (!v) return !1;
-    let h = v.startContainer;
-    h.nodeType === Node.TEXT_NODE && (h = h.parentNode);
+    let y = v.startContainer;
+    y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
     const x = e;
     if (!x) return !1;
-    for (; h && h !== x; ) {
-      if (h instanceof HTMLElement && h.dataset.block !== void 0 && h.tagName.toLowerCase() === c.toLowerCase()) return !0;
-      h = h.parentNode;
+    for (; y && y !== x; ) {
+      if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() === c.toLowerCase()) return !0;
+      y = y.parentNode;
     }
     return !1;
-  }, B = () => {
+  }, $ = () => {
     const c = e;
     c && c.focus();
-  }, M = () => {
+  }, k = () => {
     const c = e;
     if (!c || !t.value || !c || !c.contains(t.value.commonAncestorContainer)) return;
     const v = window.getSelection();
     v && (v.removeAllRanges(), v.addRange(t.value));
-  }, I = () => u.value?.focusFirstButton?.(), C = (c) => {
+  }, H = () => i.value?.focusFirstButton?.(), g = (c) => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return;
-    const h = v.getRangeAt(0), x = l(h.startContainer);
+    const y = v.getRangeAt(0), x = u(y.startContainer);
     if (!x) return;
-    const T = h.cloneRange();
-    T.selectNodeContents(x), T.setEnd(h.startContainer, h.startOffset);
-    const Y = T.toString().length, z = h.cloneRange();
-    z.selectNodeContents(x), z.setEnd(h.endContainer, h.endOffset);
-    const P = z.toString().length, le = h.collapsed, ne = c(x);
+    const T = y.cloneRange();
+    T.selectNodeContents(x), T.setEnd(y.startContainer, y.startOffset);
+    const Y = T.toString().length, z = y.cloneRange();
+    z.selectNodeContents(x), z.setEnd(y.endContainer, y.endOffset);
+    const P = z.toString().length, le = y.collapsed, ne = c(x);
     x.replaceWith(ne);
     const me = document.createTreeWalker(
       ne,
@@ -354,34 +354,34 @@ const kt = (e) => {
       !Te && we + Ke >= Y && (Te = Pe, ze = Y - we), !Ie && we + Ke >= P && (Ie = Pe, He = P - we), we += Ke;
     }
     const Be = document.createRange();
-    Te ? Be.setStart(Te, ze) : Be.setStart(ne, 0), !le && Ie ? Be.setEnd(Ie, He) : Be.collapse(!0), v.removeAllRanges(), v.addRange(Be), r(), y();
+    Te ? Be.setStart(Te, ze) : Be.setStart(ne, 0), !le && Ie ? Be.setEnd(Ie, He) : Be.collapse(!0), v.removeAllRanges(), v.addRange(Be), l(), C();
   }, R = (c) => {
     const v = e.parentElement?.querySelector("#editor-status");
     v && (v.textContent = c, setTimeout(() => v.textContent = "", 2e3));
   };
-  e.addEventListener("keydown", m, { capture: !0 });
+  e.addEventListener("keydown", p, { capture: !0 });
   const F = (c) => {
     const v = e;
     if (!v) return;
-    const h = document.createRange().createContextualFragment(c);
-    v.appendChild(h), y(), v.dispatchEvent(new Event("input", { bubbles: !0 }));
+    const y = document.createRange().createContextualFragment(c);
+    v.appendChild(y), C(), v.dispatchEvent(new Event("input", { bubbles: !0 }));
   }, G = (c) => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) {
       F(c);
       return;
     }
-    const h = v.getRangeAt(0), x = l(h.startContainer);
+    const y = v.getRangeAt(0), x = u(y.startContainer);
     if (!x) {
       F(c);
       return;
     }
-    x.insertAdjacentHTML("afterend", c), y(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+    x.insertAdjacentHTML("afterend", c), C(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
   }, D = (c) => {
     te(
       `<img src="${c}" alt="" loading="lazy">`
     );
-  }, S = (c) => {
+  }, _ = (c) => {
     G(`
             <p data-block>
                 <img src="${c}" alt="">
@@ -390,12 +390,12 @@ const kt = (e) => {
   }, A = (c) => {
     const v = document.createElement("span");
     v.classList.add("img-resizable"), c.parentNode?.insertBefore(v, c), v.appendChild(c);
-    let h = v.querySelector(".resize-handle");
-    h || (h = document.createElement("span"), h.classList.add("resize-handle"), v.appendChild(h)), v.style.display = "inline-block", v.style.position = "relative", v.style.width = "100%", c.style.display = "block", c.style.width = "100%", h.style.display = "none";
+    let y = v.querySelector(".resize-handle");
+    y || (y = document.createElement("span"), y.classList.add("resize-handle"), v.appendChild(y)), v.style.display = "inline-block", v.style.position = "relative", v.style.width = "100%", c.style.display = "block", c.style.width = "100%", y.style.display = "none";
     const x = () => {
-      v.classList.add("active"), h.style.display = "block";
+      v.classList.add("active"), y.style.display = "block";
     }, T = () => {
-      v.classList.remove("active"), h.style.display = "none";
+      v.classList.remove("active"), y.style.display = "none";
     };
     c.addEventListener("click", (le) => {
       le.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((ne) => ne.classList.remove("selected")), v.classList.add("selected"), x();
@@ -417,31 +417,31 @@ const kt = (e) => {
       };
       document.addEventListener("mousemove", ne), document.addEventListener("mouseup", me), document.addEventListener("touchmove", ne, { passive: !1 }), document.addEventListener("touchend", me);
     };
-    h.addEventListener("mousedown", P), h.addEventListener("touchstart", P, { passive: !1 });
+    y.addEventListener("mousedown", P), y.addEventListener("touchstart", P, { passive: !1 });
   };
   e.addEventListener("click", (c) => {
     const v = c.target.closest(".editor img");
     v && A(v);
   });
-  const $ = (c) => {
+  const I = (c) => {
     if (c.key !== "Backspace" && c.key !== "Delete") return;
     const v = e.querySelector(".img-resizable.selected");
     if (!v) return;
     c.preventDefault();
-    const h = v.closest("p[data-block]");
-    h && (v.remove(), h.replaceChildren(document.createElement("br")), b(h));
+    const y = v.closest("p[data-block]");
+    y && (v.remove(), y.replaceChildren(document.createElement("br")), m(y));
   };
-  e.addEventListener("keydown", $, { capture: !0 });
-  const V = (c) => {
+  e.addEventListener("keydown", I, { capture: !0 });
+  const B = (c) => {
     const v = c.match(
       /(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
     );
     if (!v) return;
-    const h = v[1];
+    const y = v[1];
     te(
       `
             <iframe
-                src="https://www.youtube.com/embed/${h}?autoplay=0&mute=0&controls=0&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&playsinline=1"
+                src="https://www.youtube.com/embed/${y}?autoplay=0&mute=0&controls=0&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&playsinline=1"
                 frameborder="0"
                 allowfullscreen
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -457,22 +457,22 @@ const kt = (e) => {
         aspectRatio: "16/9"
       }
     );
-  }, O = (c) => {
+  }, q = (c) => {
     if (c.key !== "Backspace" && c.key !== "Delete") return;
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return;
-    const h = v.getRangeAt(0), x = l(h.startContainer);
+    const y = v.getRangeAt(0), x = u(y.startContainer);
     if (!x) return;
     const T = x.querySelector("iframe");
-    T && (c.preventDefault(), c.stopPropagation(), T.remove(), x.removeAttribute("style"), x.replaceChildren(document.createElement("br")), b(x));
+    T && (c.preventDefault(), c.stopPropagation(), T.remove(), x.removeAttribute("style"), x.replaceChildren(document.createElement("br")), m(x));
   }, te = (c, v) => {
-    const h = e;
-    if (!h) return;
+    const y = e;
+    if (!y) return;
     const x = window.getSelection();
     let T = null;
     if (x && x.rangeCount > 0) {
       const P = x.getRangeAt(0);
-      T = l(P.startContainer);
+      T = u(P.startContainer);
     }
     const Y = T && !T.textContent?.trim() && T.querySelectorAll("img, iframe").length === 0;
     let z = null;
@@ -482,9 +482,9 @@ const kt = (e) => {
       const P = document.createElement("p");
       P.dataset.block = "true", v && Object.assign(P.style, v), P.innerHTML = c;
       const le = document.createElement("p");
-      le.dataset.block = "true", le.replaceChildren(document.createElement("br")), T ? (T.after(P), P.after(le)) : h.append(P, le), z = le;
+      le.dataset.block = "true", le.replaceChildren(document.createElement("br")), T ? (T.after(P), P.after(le)) : y.append(P, le), z = le;
     }
-    z && b(z), y(), h.dispatchEvent(new Event("input", { bubbles: !0 }));
+    z && m(z), C(), y.dispatchEvent(new Event("input", { bubbles: !0 }));
   }, ae = (c) => {
     const v = c.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
     return v && typeof v[1] == "string" ? v[1] : null;
@@ -505,20 +505,20 @@ const kt = (e) => {
           return;
         }
     }
-    const h = c.clipboardData?.getData("text/plain")?.trim();
-    if (!h) return;
-    const x = ae(h), T = q(h);
+    const y = c.clipboardData?.getData("text/plain")?.trim();
+    if (!y) return;
+    const x = ae(y), T = O(y);
     if (!x && !T) return;
     c.preventDefault();
     const Y = window.getSelection();
     if (!Y || Y.rangeCount === 0) return;
-    const z = Y.getRangeAt(0), P = l(z.startContainer);
-    if (P && P.textContent?.trim() === h && (P.innerHTML = "<br>"), x) {
-      V(h);
+    const z = Y.getRangeAt(0), P = u(z.startContainer);
+    if (P && P.textContent?.trim() === y && (P.innerHTML = "<br>"), x) {
+      B(y);
       return;
     }
-    T && D(h);
-  }, q = (c) => {
+    T && D(y);
+  }, O = (c) => {
     try {
       const v = new URL(c);
       return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(v.pathname);
@@ -526,28 +526,28 @@ const kt = (e) => {
       return !1;
     }
   };
-  return e.addEventListener("keydown", O, { capture: !0 }), e.addEventListener("paste", ce), {
-    toggleInline: i,
+  return e.addEventListener("keydown", q, { capture: !0 }), e.addEventListener("paste", ce), {
+    toggleInline: r,
     toggleBlock: d,
-    normalize: y,
+    normalize: C,
     rootElement: e,
-    saveSelection: r,
-    restoreSelection: M,
-    isInlineActive: k,
-    isBlockActive: _,
-    focus: B,
-    toolbarRef: u,
-    focusFirstToolbarButton: I,
-    replaceCurrentBlock: C,
+    saveSelection: l,
+    restoreSelection: k,
+    isInlineActive: M,
+    isBlockActive: S,
+    focus: $,
+    toolbarRef: i,
+    focusFirstToolbarButton: H,
+    replaceCurrentBlock: g,
     buttons: a,
     announce: R,
     appendBlock: F,
     insertBlockAfterCurrent: G,
     appendImage: D,
-    insertImage: S,
-    appendVideo: V
+    insertImage: _,
+    appendVideo: B
   };
-}, e1 = ["id", "aria-label"], t1 = { "data-block": "" }, a1 = {
+}, e1 = ["id", "aria-label"], t1 = ["data-placeholder"], a1 = {
   id: "editor-status",
   class: "sr-only",
   "aria-live": "polite",
@@ -561,28 +561,28 @@ const kt = (e) => {
     writeHereText: { default: "Write here..." }
   },
   setup(e, { expose: n }) {
-    const t = e, a = w(""), o = w(null), u = (l) => {
-      if (l.ctrlKey || l.metaKey)
-        switch (l.altKey && l.key === "F10" && (l.preventDefault(), t.editor?.restoreSelection(), t.editor?.focusFirstToolbarButton()), l.key.toLowerCase()) {
+    const t = e, a = w(""), o = w(null), i = (p) => {
+      if (p.ctrlKey || p.metaKey)
+        switch (p.altKey && p.key === "F10" && (p.preventDefault(), t.editor?.restoreSelection(), t.editor?.focusFirstToolbarButton()), p.key.toLowerCase()) {
           case "b":
-            l.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("strong"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
+            p.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":
-            l.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("em"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
+            p.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":
-            l.altKey && (l.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"));
+            p.altKey && (p.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 l = window.getSelection();
-      if (!l || l.rangeCount === 0) return;
-      const p = o.value;
-      if (!p) return;
-      const m = l.getRangeAt(0);
-      p.contains(m.commonAncestorContainer) && t.editor?.saveSelection();
-    }, i = (l) => {
-      const p = new DOMParser().parseFromString(l, "text/html"), m = /* @__PURE__ */ new Set([
+    }, l = () => {
+      const p = window.getSelection();
+      if (!p || p.rangeCount === 0) return;
+      const m = o.value;
+      if (!m) return;
+      const C = p.getRangeAt(0);
+      m.contains(C.commonAncestorContainer) && t.editor?.saveSelection();
+    }, r = (p) => {
+      const m = new DOMParser().parseFromString(p, "text/html"), C = /* @__PURE__ */ new Set([
         "P",
         "BR",
         "STRONG",
@@ -594,46 +594,62 @@ const kt = (e) => {
         "OL",
         "LI",
         "A"
-      ]), b = document.createTreeWalker(
-        p.body,
+      ]), M = document.createTreeWalker(
+        m.body,
         NodeFilter.SHOW_ELEMENT,
         null
-      ), y = [];
-      for (; b.nextNode(); ) {
-        const k = b.currentNode;
-        if (!m.has(k.tagName)) {
-          y.push(k);
+      ), S = [];
+      for (; M.nextNode(); ) {
+        const $ = M.currentNode;
+        if (!C.has($.tagName)) {
+          S.push($);
           continue;
         }
-        if (k.removeAttribute("style"), k.removeAttribute("class"), k.tagName === "A") {
-          const _ = k.getAttribute("href");
-          (!_ || !_.startsWith("http")) && k.removeAttribute("href");
+        if ($.removeAttribute("style"), $.removeAttribute("class"), $.tagName === "A") {
+          const k = $.getAttribute("href");
+          (!k || !k.startsWith("http")) && $.removeAttribute("href");
         }
       }
-      return y.forEach((k) => {
-        const _ = k.parentNode;
-        for (; k.firstChild; ) _?.insertBefore(k.firstChild, k);
-        _?.removeChild(k);
-      }), p.body.innerHTML;
-    }, s = (l) => {
+      return S.forEach(($) => {
+        const k = $.parentNode;
+        for (; $.firstChild; ) k?.insertBefore($.firstChild, $);
+        k?.removeChild($);
+      }), m.body.innerHTML;
+    }, s = () => {
       const p = window.getSelection();
       if (!p || p.rangeCount === 0) return;
-      const m = p.getRangeAt(0);
-      m.deleteContents();
-      const b = m.createContextualFragment(l);
-      m.insertNode(b), p.collapseToEnd();
-    }, d = (l) => {
-      l.preventDefault();
-      const p = l.clipboardData?.getData("text/html"), m = l.clipboardData?.getData("text/plain");
-      if (p) {
-        const b = i(p);
-        s(b);
-      } else m && s(`<p data-block>${m}</p>`);
+      const m = p.anchorNode;
+      if (!m) return;
+      const C = (m instanceof Element ? m : m.parentElement)?.closest("[data-block]");
+      C && d(C);
+    }, d = (p) => {
+      const m = p.textContent?.replace(/\u00A0/g, "").trim() ?? "", C = p.querySelector("img, iframe"), M = p.innerHTML === "<br>";
+      (m === "" || M) && !C ? p.dataset.empty = "true" : p.dataset.empty = "false";
+    }, u = (p) => {
+      const m = window.getSelection();
+      if (!m || m.rangeCount === 0) return;
+      const C = m.getRangeAt(0);
+      C.deleteContents();
+      const M = C.createContextualFragment(p);
+      C.insertNode(M), m.collapseToEnd();
+    }, h = (p) => {
+      p.preventDefault();
+      const m = p.clipboardData?.getData("text/html"), C = p.clipboardData?.getData("text/plain");
+      if (m) {
+        const M = r(m);
+        u(M);
+      } else C && u(`<p data-block>${C}</p>`);
       t.editor?.saveSelection(), o.value?.dispatchEvent(new Event("input", { bubbles: !0 }));
     };
-    return se(() => document.addEventListener("selectionchange", r)), $e(() => document.removeEventListener("selectionchange", r)), n({
+    return se(() => {
+      document.addEventListener("selectionchange", l);
+      const p = o.value;
+      p && p.querySelectorAll("[data-block]").forEach((m) => {
+        d(m);
+      });
+    }), $e(() => document.removeEventListener("selectionchange", l)), n({
       getRoot: () => o
-    }), (l, p) => (f(), g(re, null, [
+    }), (p, m) => (f(), b(re, null, [
       L("div", {
         ref_key: "rootRef",
         ref: o,
@@ -644,31 +660,36 @@ const kt = (e) => {
         "aria-multiline": "true",
         "aria-label": e.ariaLabel || "Text editor",
         "aria-describedby": "editor-help editor-status",
-        onPaste: d,
+        onInput: s,
+        onPaste: h,
         onKeydown: [
-          u,
-          p[0] || (p[0] = Ce((m) => E(Yt)(m, e.editor), ["enter"])),
-          p[1] || (p[1] = Ce(
+          i,
+          m[0] || (m[0] = Ce((C) => E(Yt)(C, e.editor), ["enter"])),
+          m[1] || (m[1] = Ce(
             //@ts-ignore
-            (...m) => E(ut) && E(ut)(...m),
+            (...C) => E(ut) && E(ut)(...C),
             ["backspace"]
           ))
         ],
-        onMouseup: p[2] || (p[2] = //@ts-ignore
-        (...m) => e.editor?.saveSelection && e.editor?.saveSelection(...m)),
-        onKeyup: p[3] || (p[3] = //@ts-ignore
-        (...m) => e.editor?.saveSelection && e.editor?.saveSelection(...m))
+        onMouseup: m[2] || (m[2] = //@ts-ignore
+        (...C) => e.editor?.saveSelection && e.editor?.saveSelection(...C)),
+        onKeyup: m[3] || (m[3] = //@ts-ignore
+        (...C) => e.editor?.saveSelection && e.editor?.saveSelection(...C))
       }, [
-        L("p", t1, K(e.writeHereText), 1)
+        L("p", {
+          "data-block": "",
+          "data-empty": "true",
+          "data-placeholder": e.writeHereText
+        }, null, 8, t1)
       ], 40, e1),
       L("div", a1, K(a.value), 1),
-      p[4] || (p[4] = L("p", {
+      m[4] || (m[4] = L("p", {
         id: "editor-help",
         class: "sr-only"
       }, " Use Ctrl+B for bold, Ctrl+I for italic, Alt+Ctrl+1 for heading level 1. ", -1))
     ], 64));
   }
-}), o1 = /* @__PURE__ */ W(n1, [["__scopeId", "data-v-7068c0fb"]]), l1 = {
+}), o1 = /* @__PURE__ */ W(n1, [["__scopeId", "data-v-5be04de8"]]), l1 = {
   viewBox: "0 0 512 512",
   paths: [
     {
@@ -1286,7 +1307,7 @@ const kt = (e) => {
       "stroke-width": 2
     }
   ]
-}, O1 = {
+}, q1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1297,7 +1318,7 @@ const kt = (e) => {
       "stroke-width": 2
     }
   ]
-}, q1 = {
+}, O1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -2086,8 +2107,8 @@ const kt = (e) => {
   church: Z1,
   health: W1,
   blocks: z1,
-  shield: O1,
-  upload: q1,
+  shield: q1,
+  upload: O1,
   italic: N1,
   logout: P1,
   ticket: U1,
@@ -2136,7 +2157,7 @@ const kt = (e) => {
     spin: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (f(), g("svg", {
+    return (n, t) => (f(), b("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       class: ue(["icon", { spin: e.spin }]),
       viewBox: E(je)[e.name].viewBox,
@@ -2146,28 +2167,28 @@ const kt = (e) => {
       fill: "none",
       "aria-hidden": "true"
     }, [
-      (f(!0), g(re, null, ve(E(je)[e.name].paths, (a, o) => (f(), g(re, { key: o }, [
-        a.type === "path" ? (f(), g("path", ge({
+      (f(!0), b(re, null, ve(E(je)[e.name].paths, (a, o) => (f(), b(re, { key: o }, [
+        a.type === "path" ? (f(), b("path", ge({
           key: 0,
           ref_for: !0
         }, a), null, 16)) : N("", !0),
-        a.type === "circle" ? (f(), g("circle", ge({
+        a.type === "circle" ? (f(), b("circle", ge({
           key: 1,
           ref_for: !0
         }, a), null, 16)) : N("", !0),
-        a.type === "line" ? (f(), g("line", ge({
+        a.type === "line" ? (f(), b("line", ge({
           key: 2,
           ref_for: !0
         }, a), null, 16)) : N("", !0),
-        a.type === "polyline" ? (f(), g("polyline", ge({
+        a.type === "polyline" ? (f(), b("polyline", ge({
           key: 3,
           ref_for: !0
         }, a), null, 16)) : N("", !0),
-        a.type === "rect" ? (f(), g("rect", ge({
+        a.type === "rect" ? (f(), b("rect", ge({
           key: 4,
           ref_for: !0
         }, a), null, 16)) : N("", !0),
-        a.type === "polygon" ? (f(), g("polygon", ge({
+        a.type === "polygon" ? (f(), b("polygon", ge({
           key: 5,
           ref_for: !0
         }, a), null, 16)) : N("", !0)
@@ -2182,81 +2203,81 @@ const kt = (e) => {
     buttons: {}
   },
   setup(e, { expose: n }) {
-    const t = e, a = We + _a, o = w(!1), u = w([]), r = w(null), i = w({});
-    let s = null, d = null, l = 0;
-    const p = () => {
-      i.value = m();
+    const t = e, a = We + _a, o = w(!1), i = w([]), l = w(null), r = w({});
+    let s = null, d = null, u = 0;
+    const h = () => {
+      r.value = p();
     };
-    J(o, async (C) => {
-      if (!C) {
+    J(o, async (g) => {
+      if (!g) {
         d?.(), d = null, s?.disconnect(), s = null;
         return;
       }
-      await Me(), await Me(), p(), r.value && (s = new ResizeObserver(p), s.observe(r.value)), d = b(p);
+      await Me(), await Me(), h(), l.value && (s = new ResizeObserver(h), s.observe(l.value)), d = m(h);
     }, { flush: "post" });
-    const m = () => {
-      const C = window.getSelection();
-      if (!C || C.rangeCount === 0) return {};
+    const p = () => {
+      const g = window.getSelection();
+      if (!g || g.rangeCount === 0) return {};
       const R = t.editor?.rootElement;
       if (!R) return {};
-      const F = C.getRangeAt(0);
+      const F = g.getRangeAt(0);
       if (!R.contains(
         F.commonAncestorContainer.nodeType === 3 ? F.commonAncestorContainer.parentNode : F.commonAncestorContainer
-      ) || C.isCollapsed) return {};
+      ) || g.isCollapsed) return {};
       const G = F.getClientRects().item(0) ?? F.getBoundingClientRect();
       if (G.width === 0 && G.height === 0) return {};
-      const D = r.value;
+      const D = l.value;
       if (!D) return {};
-      const S = D.getBoundingClientRect(), A = S.width, $ = G.left + G.width / 2, V = Math.max(A / 2 + We, Math.min($, window.innerWidth - A / 2 - We)), O = G.top - S.height - a;
-      return O < 0 ? {} : {
+      const _ = D.getBoundingClientRect(), A = _.width, I = G.left + G.width / 2, B = Math.max(A / 2 + We, Math.min(I, window.innerWidth - A / 2 - We)), q = G.top - _.height - a;
+      return q < 0 ? {} : {
         position: "fixed",
-        left: `${V}px`,
-        top: `${O}px`
+        left: `${B}px`,
+        top: `${q}px`
       };
-    }, b = (C) => {
+    }, m = (g) => {
       let R = 0;
       const F = () => {
-        cancelAnimationFrame(R), R = requestAnimationFrame(C);
+        cancelAnimationFrame(R), R = requestAnimationFrame(g);
       }, G = F, D = F;
       return window.addEventListener("scroll", G, { capture: !0, passive: !0 }), window.addEventListener("resize", D, { passive: !0 }), () => {
         cancelAnimationFrame(R), window.removeEventListener("scroll", G, { capture: !0 }), window.removeEventListener("resize", D);
       };
-    }, y = (C, R) => {
-      C && (u.value[R] = C);
+    }, C = (g, R) => {
+      g && (i.value[R] = g);
     };
     J(o, () => {
-      u.value = [];
+      i.value = [];
     });
-    const k = H(() => [
+    const M = V(() => [
       {
         key: "strong",
         label: "bold",
         type: "icon",
         ariaLabel: "Bold",
-        action: (C) => {
-          C.restoreSelection(), C.toggleInline("strong"), C.focus(), C.announce(C.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
+        action: (g) => {
+          g.restoreSelection(), g.toggleInline("strong"), g.focus(), g.announce(g.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
         },
-        isActive: (C) => C.isInlineActive("strong")
+        isActive: (g) => g.isInlineActive("strong")
       },
       {
         key: "em",
         label: "italic",
         type: "icon",
         ariaLabel: "Italic",
-        action: (C) => {
-          C.restoreSelection(), C.toggleInline("em"), C.focus(), C.announce(C.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
+        action: (g) => {
+          g.restoreSelection(), g.toggleInline("em"), g.focus(), g.announce(g.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
         },
-        isActive: (C) => C.isInlineActive("em")
+        isActive: (g) => g.isInlineActive("em")
       },
       {
         key: "h1",
         label: "head",
         type: "icon",
         ariaLabel: "Heading 1",
-        action: (C) => {
-          C.restoreSelection(), C.toggleBlock("h1"), C.focus(), C.announce(C.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled");
+        action: (g) => {
+          g.restoreSelection(), g.toggleBlock("h1"), g.focus(), g.announce(g.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled");
         },
-        isActive: (C) => C.isBlockActive("h1")
+        isActive: (g) => g.isBlockActive("h1")
       },
       {
         key: "h4",
@@ -2264,79 +2285,79 @@ const kt = (e) => {
         type: "icon",
         ariaLabel: "Heading 4",
         size: 12,
-        action: (C) => {
-          C.restoreSelection(), C.toggleBlock("h4"), C.focus(), C.announce(C.isBlockActive("h4") ? "Heading level 4 enabled" : "Heading level 4 disabled");
+        action: (g) => {
+          g.restoreSelection(), g.toggleBlock("h4"), g.focus(), g.announce(g.isBlockActive("h4") ? "Heading level 4 enabled" : "Heading level 4 disabled");
         },
-        isActive: (C) => C.isBlockActive("h4")
+        isActive: (g) => g.isBlockActive("h4")
       },
       {
         key: "quote",
         label: "❝",
         type: "text",
         ariaLabel: "Blockquote",
-        action: (C) => {
-          C.restoreSelection(), C.toggleBlock("blockquote"), C.focus(), C.announce(C.isBlockActive("blockquote") ? "Blockquote enabled" : "Blockquote disabled");
+        action: (g) => {
+          g.restoreSelection(), g.toggleBlock("blockquote"), g.focus(), g.announce(g.isBlockActive("blockquote") ? "Blockquote enabled" : "Blockquote disabled");
         },
-        isActive: (C) => C.isBlockActive("blockquote")
+        isActive: (g) => g.isBlockActive("blockquote")
       }
-    ]), _ = H(() => [
-      ...k.value,
+    ]), S = V(() => [
+      ...M.value,
       ...t.editor?.buttons ?? []
-    ]), B = async () => {
-      await Me(), u.value[0]?.focus();
-    }, M = (C) => {
-      const R = u.value, F = R.indexOf(document.activeElement);
-      if (C.key === "ArrowRight") {
-        C.preventDefault();
+    ]), $ = async () => {
+      await Me(), i.value[0]?.focus();
+    }, k = (g) => {
+      const R = i.value, F = R.indexOf(document.activeElement);
+      if (g.key === "ArrowRight") {
+        g.preventDefault();
         const G = F < R.length - 1 ? F + 1 : 0;
         R[G]?.focus();
       }
-      if (C.key === "ArrowLeft") {
-        C.preventDefault();
+      if (g.key === "ArrowLeft") {
+        g.preventDefault();
         const G = F > 0 ? F - 1 : R.length - 1;
         R[G]?.focus();
       }
-      C.key === "Home" && (C.preventDefault(), R[0]?.focus()), C.key === "End" && (C.preventDefault(), R[R.length - 1]?.focus()), C.key === "Escape" && (C.preventDefault(), t.editor?.restoreSelection(), t.editor?.focus());
-    }, I = () => {
-      cancelAnimationFrame(l), l = requestAnimationFrame(() => {
-        const C = window.getSelection();
-        if (!C || C.rangeCount === 0) {
+      g.key === "Home" && (g.preventDefault(), R[0]?.focus()), g.key === "End" && (g.preventDefault(), R[R.length - 1]?.focus()), g.key === "Escape" && (g.preventDefault(), t.editor?.restoreSelection(), t.editor?.focus());
+    }, H = () => {
+      cancelAnimationFrame(u), u = requestAnimationFrame(() => {
+        const g = window.getSelection();
+        if (!g || g.rangeCount === 0) {
           o.value && (o.value = !1);
           return;
         }
         const R = t.editor?.rootElement;
         if (!R) return;
-        const F = C.getRangeAt(0), G = F.commonAncestorContainer.nodeType === 3 ? F.commonAncestorContainer.parentNode ?? F.commonAncestorContainer : F.commonAncestorContainer, D = R.contains(G) && !C.isCollapsed;
+        const F = g.getRangeAt(0), G = F.commonAncestorContainer.nodeType === 3 ? F.commonAncestorContainer.parentNode ?? F.commonAncestorContainer : F.commonAncestorContainer, D = R.contains(G) && !g.isCollapsed;
         o.value !== D && (o.value = D);
       });
     };
     return se(() => {
-      document.addEventListener("selectionchange", I);
+      document.addEventListener("selectionchange", H);
     }), _e(() => {
-      d?.(), s?.disconnect(), s = null, cancelAnimationFrame(l), document.removeEventListener("selectionchange", I);
+      d?.(), s?.disconnect(), s = null, cancelAnimationFrame(u), document.removeEventListener("selectionchange", H);
     }), n({
-      focusFirstButton: B
-    }), (C, R) => (f(), ee(Ze, { to: "body" }, [
+      focusFirstButton: $
+    }), (g, R) => (f(), ee(Ze, { to: "body" }, [
       j(Se, { name: "tooltip-fade" }, {
         default: Q(() => [
-          o.value ? (f(), g("div", {
+          o.value ? (f(), b("div", {
             key: 0,
             ref_key: "toolbarRef",
-            ref: r,
+            ref: l,
             class: "toolbar",
             role: "toolbar",
             "aria-label": "Formatting options",
             "aria-controls": e.editorId,
-            style: Le(i.value),
+            style: Le(r.value),
             tabindex: "-1",
-            onKeydown: M
+            onKeydown: k
           }, [
             R[0] || (R[0] = L("div", { class: "arrow" }, null, -1)),
-            (f(!0), g(re, null, ve(_.value, (F, G) => (f(), g("button", {
+            (f(!0), b(re, null, ve(S.value, (F, G) => (f(), b("button", {
               key: F.key ?? G,
               type: "button",
               ref_for: !0,
-              ref: (D) => y(D, G),
+              ref: (D) => C(D, G),
               class: ue({ "is-active": F.isActive?.(t.editor) }),
               "aria-pressed": F.isActive?.(t.editor),
               onMousedown: ie((D) => F.action(t.editor), ["prevent"]),
@@ -2346,7 +2367,7 @@ const kt = (e) => {
                 key: 0,
                 name: F.label,
                 size: F.size ?? 14
-              }, null, 8, ["name", "size"])) : (f(), g("span", Da, K(F.label), 1))
+              }, null, 8, ["name", "size"])) : (f(), b("span", Da, K(F.label), 1))
             ], 42, Aa))), 128))
           ], 44, Ba)) : N("", !0)
         ]),
@@ -2368,34 +2389,34 @@ const kt = (e) => {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = he(e, "modelValue"), a = e, o = fe(), u = w(), r = w(null), i = w(null);
+    const t = he(e, "modelValue"), a = e, o = fe(), i = w(), l = w(null), r = w(null);
     return J(
       () => t.value,
       (s) => {
-        const d = i.value?.getRoot()?.value;
-        d && d.innerHTML !== s && (d.innerHTML = s, r.value?.normalize());
+        const d = r.value?.getRoot()?.value;
+        d && d.innerHTML !== s && (d.innerHTML = s, l.value?.normalize());
       }
     ), se(() => {
-      const d = i.value?.getRoot()?.value;
+      const d = r.value?.getRoot()?.value;
       if (!d) return;
-      r.value = Qt(d, { buttons: a.buttons ?? [] }), r.value && (r.value.toolbarRef = u);
-      const l = () => t.value = d.innerHTML;
-      d.addEventListener("input", l), $e(() => d.removeEventListener("input", l));
-    }), xe("announce", (s) => r.value?.announce(s)), n({
-      editor: r
-    }), (s, d) => (f(), g("section", Ta, [
+      l.value = Qt(d, { buttons: a.buttons ?? [] }), l.value && (l.value.toolbarRef = i);
+      const u = () => t.value = d.innerHTML;
+      d.addEventListener("input", u), $e(() => d.removeEventListener("input", u));
+    }), xe("announce", (s) => l.value?.announce(s)), n({
+      editor: l
+    }), (s, d) => (f(), b("section", Ta, [
       j(o1, {
         ref_key: "contentRef",
-        ref: i,
-        editor: r.value,
+        ref: r,
+        editor: l.value,
         "editor-id": E(o),
         "aria-label": e.ariaLabel,
         "write-here-text": e.writeHereText
       }, null, 8, ["editor", "editor-id", "aria-label", "write-here-text"]),
       j(Ra, {
         ref_key: "toolbarRef",
-        ref: u,
-        editor: r.value,
+        ref: i,
+        editor: l.value,
         "editor-id": E(o)
       }, null, 8, ["editor", "editor-id"])
     ]));
@@ -2407,7 +2428,7 @@ ct.install = (e) => {
 const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-disabled", "data-disabled", "data-dragging"], Za = ["multiple", "accept", "disabled"], za = {
   key: 1,
   class: "ui-upload__list"
-}, Oa = { class: "ui-upload__item--default" }, qa = { class: "ui-upload__file-name" }, Fa = { class: "ui-upload__file-size" }, Na = {
+}, qa = { class: "ui-upload__item--default" }, Oa = { class: "ui-upload__file-name" }, Fa = { class: "ui-upload__file-size" }, Na = {
   key: 0,
   class: "ui-upload__progress-wrapper"
 }, Pa = { class: "ui-upload__progress-text" }, Ka = ["value", "aria-label"], Ua = {
@@ -2445,92 +2466,92 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
   }),
   emits: /* @__PURE__ */ oe(["select", "upload", "remove"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = e, o = n, u = w(0), r = w(""), i = w(!1), s = fe(), d = w(), l = H(() => t.value), p = H(() => a.maxSize === 1 / 0 ? "Unlimited" : D(a.maxSize)), m = H(() => !a.disabled && (a.multiple || t.value.length === 0)), b = H(() => l.value.some(($) => $.status === "uploading")), y = () => m.value && d.value?.click(), k = () => {
-      a.disabled || (u.value++, i.value = !0);
-    }, _ = () => {
-      u.value = Math.max(0, u.value - 1), u.value === 0 && (i.value = !1);
-    }, B = ($) => {
-      if (!a.disabled && !(!a.multiple && t.value.length > 0) && (u.value = 0, i.value = !1, !!$.dataTransfer)) {
-        if (!a.multiple && $.dataTransfer?.files.length) {
-          const V = $.dataTransfer.files[0];
-          I([V]);
+    const t = he(e, "modelValue"), a = e, o = n, i = w(0), l = w(""), r = w(!1), s = fe(), d = w(), u = V(() => t.value), h = V(() => a.maxSize === 1 / 0 ? "Unlimited" : D(a.maxSize)), p = V(() => !a.disabled && (a.multiple || t.value.length === 0)), m = V(() => u.value.some((I) => I.status === "uploading")), C = () => p.value && d.value?.click(), M = () => {
+      a.disabled || (i.value++, r.value = !0);
+    }, S = () => {
+      i.value = Math.max(0, i.value - 1), i.value === 0 && (r.value = !1);
+    }, $ = (I) => {
+      if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, r.value = !1, !!I.dataTransfer)) {
+        if (!a.multiple && I.dataTransfer?.files.length) {
+          const B = I.dataTransfer.files[0];
+          H([B]);
           return;
         }
-        I(Array.from($.dataTransfer.files));
+        H(Array.from(I.dataTransfer.files));
       }
-    }, M = ($) => {
-      const V = $.target;
-      V.files && (I(Array.from(V.files)), V.value = "");
-    }, I = ($) => {
-      const V = [];
-      for (const te of $) {
-        if (l.value.length + V.length >= a.maxFiles) break;
-        te.size > a.maxSize || V.push({
+    }, k = (I) => {
+      const B = I.target;
+      B.files && (H(Array.from(B.files)), B.value = "");
+    }, H = (I) => {
+      const B = [];
+      for (const te of I) {
+        if (u.value.length + B.length >= a.maxFiles) break;
+        te.size > a.maxSize || B.push({
           id: crypto.randomUUID(),
           file: te,
           progress: 0,
           status: "idle"
         });
       }
-      if (!V.length) return;
-      o("select", V.map((te) => te.file));
-      const O = [...l.value, ...V];
-      t.value = O, a.autoUpload && V.forEach(C);
-    }, C = ($) => {
-      const V = new AbortController();
-      $.progress = 0, $.error = void 0, $.status = "uploading", $.controller = V, S(`Started uploading ${$.file.name}`);
-      const O = () => {
-        V.signal.removeEventListener("abort", O);
+      if (!B.length) return;
+      o("select", B.map((te) => te.file));
+      const q = [...u.value, ...B];
+      t.value = q, a.autoUpload && B.forEach(g);
+    }, g = (I) => {
+      const B = new AbortController();
+      I.progress = 0, I.error = void 0, I.status = "uploading", I.controller = B, _(`Started uploading ${I.file.name}`);
+      const q = () => {
+        B.signal.removeEventListener("abort", q);
       };
-      V.signal.addEventListener("abort", O);
+      B.signal.addEventListener("abort", q);
       const te = {
-        signal: V.signal,
+        signal: B.signal,
         onProgress: (ae) => {
-          $.progress = ae, G();
+          I.progress = ae, G();
         },
         done: () => {
-          $.status = "success", $.progress = 100, $.controller = void 0, S(`Finished uploading ${$.file.name}`), G();
+          I.status = "success", I.progress = 100, I.controller = void 0, _(`Finished uploading ${I.file.name}`), G();
         },
         fail: (ae) => {
-          $.status = "error", $.error = ae, $.controller = void 0, S(`Failed to upload ${$.file.name}: ${ae}`), G();
+          I.status = "error", I.error = ae, I.controller = void 0, _(`Failed to upload ${I.file.name}: ${ae}`), G();
         }
       };
-      o("upload", $, te);
-    }, R = ($) => {
-      $.controller && ($.controller.abort(), $.status = "canceled", $.controller = void 0, S(`Canceled uploading ${$.file.name}`), G());
-    }, F = ($) => {
-      $.status !== "error" && $.status !== "canceled" || C($);
-    }, G = () => t.value = [...l.value], D = ($) => {
-      const V = ["B", "KB", "MB", "GB", "TB"];
-      let O = 0;
-      for (; $ >= 1024 && O < V.length - 1; )
-        $ /= 1024, O++;
-      return `${$.toFixed(2)} ${V[O]}`;
-    }, S = ($) => {
-      r.value = "", requestAnimationFrame(() => {
-        r.value = $;
+      o("upload", I, te);
+    }, R = (I) => {
+      I.controller && (I.controller.abort(), I.status = "canceled", I.controller = void 0, _(`Canceled uploading ${I.file.name}`), G());
+    }, F = (I) => {
+      I.status !== "error" && I.status !== "canceled" || g(I);
+    }, G = () => t.value = [...u.value], D = (I) => {
+      const B = ["B", "KB", "MB", "GB", "TB"];
+      let q = 0;
+      for (; I >= 1024 && q < B.length - 1; )
+        I /= 1024, q++;
+      return `${I.toFixed(2)} ${B[q]}`;
+    }, _ = (I) => {
+      l.value = "", requestAnimationFrame(() => {
+        l.value = I;
       });
-    }, A = ($) => {
-      $.controller && $.controller.abort(), o("remove", $), t.value = l.value.filter((V) => V.id !== $.id);
+    }, A = (I) => {
+      I.controller && I.controller.abort(), o("remove", I), t.value = u.value.filter((B) => B.id !== I.id);
     };
-    return ($, V) => (f(), g("div", {
+    return (I, B) => (f(), b("div", {
       role: "button",
       class: "ui-upload",
       tabindex: e.disabled ? -1 : 0,
       "aria-label": e.ariaLabel || "File upload area",
-      "aria-describedby": i.value ? E(s) : void 0,
-      "aria-busy": b.value ? "true" : void 0,
+      "aria-describedby": r.value ? E(s) : void 0,
+      "aria-busy": m.value ? "true" : void 0,
       "aria-disabled": e.disabled ? "true" : void 0,
       "data-disabled": e.disabled || void 0,
-      "data-dragging": i.value || void 0,
-      onClick: V[0] || (V[0] = (O) => !e.disabled && y()),
+      "data-dragging": r.value || void 0,
+      onClick: B[0] || (B[0] = (q) => !e.disabled && C()),
       onKeydown: [
-        V[1] || (V[1] = Ce(ie((O) => !e.disabled && y(), ["stop", "prevent"]), ["enter"])),
-        V[2] || (V[2] = Ce(ie((O) => !e.disabled && y(), ["prevent"]), ["space"]))
+        B[1] || (B[1] = Ce(ie((q) => !e.disabled && C(), ["stop", "prevent"]), ["enter"])),
+        B[2] || (B[2] = Ce(ie((q) => !e.disabled && C(), ["prevent"]), ["space"]))
       ],
-      onDragover: V[3] || (V[3] = ie((O) => !e.disabled && k(), ["prevent"])),
-      onDragleave: _,
-      onDrop: V[4] || (V[4] = ie((O) => !e.disabled && B(O), ["prevent"]))
+      onDragover: B[3] || (B[3] = ie((q) => !e.disabled && M(), ["prevent"])),
+      onDragleave: S,
+      onDrop: B[4] || (B[4] = ie((q) => !e.disabled && $(q), ["prevent"]))
     }, [
       L("input", {
         type: "file",
@@ -2540,87 +2561,87 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         multiple: e.multiple,
         accept: e.accept,
         disabled: e.disabled,
-        onChange: M
+        onChange: k
       }, null, 40, Za),
-      e.multiple || !e.multiple && t.value.length === 0 ? X($.$slots, "default", {
+      e.multiple || !e.multiple && t.value.length === 0 ? X(I.$slots, "default", {
         key: 0,
-        dragging: i.value
+        dragging: r.value
       }, () => [
         j(pe, {
           name: "upload",
           size: 32
         }),
-        V[6] || (V[6] = L("p", null, "Drag and Drop files here", -1)),
-        V[7] || (V[7] = L("span", null, "or", -1)),
+        B[6] || (B[6] = L("p", null, "Drag and Drop files here", -1)),
+        B[7] || (B[7] = L("span", null, "or", -1)),
         j(ke, {
           type: "button",
           class: "btn btn-outline"
         }, {
-          default: Q(() => [...V[5] || (V[5] = [
+          default: Q(() => [...B[5] || (B[5] = [
             be("Choose File", -1)
           ])]),
           _: 1
         }),
-        L("span", null, "Maximum size: " + K(p.value), 1)
+        L("span", null, "Maximum size: " + K(h.value), 1)
       ], !0) : N("", !0),
-      l.value?.length ? (f(), g("ul", za, [
-        (f(!0), g(re, null, ve(l.value, (O) => (f(), g("li", {
-          key: O.id,
+      u.value?.length ? (f(), b("ul", za, [
+        (f(!0), b(re, null, ve(u.value, (q) => (f(), b("li", {
+          key: q.id,
           class: "ui-upload__item"
         }, [
-          X($.$slots, "file", {
-            file: O,
-            remove: () => A(O),
-            cancel: () => R(O),
-            retry: () => F(O)
+          X(I.$slots, "file", {
+            file: q,
+            remove: () => A(q),
+            cancel: () => R(q),
+            retry: () => F(q)
           }, () => [
-            L("div", Oa, [
-              L("span", qa, K(O.file.name), 1),
-              L("span", Fa, K(D(O.file.size)), 1)
+            L("div", qa, [
+              L("span", Oa, K(q.file.name), 1),
+              L("span", Fa, K(D(q.file.size)), 1)
             ]),
-            O.status === "uploading" ? (f(), g("div", Na, [
-              L("span", Pa, K(O.progress) + "% ", 1),
+            q.status === "uploading" ? (f(), b("div", Na, [
+              L("span", Pa, K(q.progress) + "% ", 1),
               L("progress", {
                 class: "ui-upload__progress",
-                value: O.progress,
+                value: q.progress,
                 max: "100",
-                "aria-label": `Upload progress for ${O.file.name}`
+                "aria-label": `Upload progress for ${q.file.name}`
               }, null, 8, Ka)
             ])) : N("", !0),
-            O.status === "success" ? (f(), g("span", Ua, " Uploaded successful ")) : N("", !0),
-            O.status === "error" ? (f(), g("span", ja, K(O.error || "Upload failed"), 1)) : N("", !0),
-            O.status === "canceled" ? (f(), g("span", Wa, " Upload canceled ")) : N("", !0),
+            q.status === "success" ? (f(), b("span", Ua, " Uploaded successful ")) : N("", !0),
+            q.status === "error" ? (f(), b("span", ja, K(q.error || "Upload failed"), 1)) : N("", !0),
+            q.status === "canceled" ? (f(), b("span", Wa, " Upload canceled ")) : N("", !0),
             L("div", Ya, [
-              O.status === "uploading" ? (f(), ee(ke, {
+              q.status === "uploading" ? (f(), ee(ke, {
                 key: 0,
                 type: "button",
                 class: "btn-danger btn-xs",
-                onClick: ie((te) => R(O), ["stop"])
+                onClick: ie((te) => R(q), ["stop"])
               }, {
-                default: Q(() => [...V[8] || (V[8] = [
+                default: Q(() => [...B[8] || (B[8] = [
                   be(" Cancel ", -1)
                 ])]),
                 _: 1
               }, 8, ["onClick"])) : N("", !0),
-              O.status === "error" || O.status === "canceled" ? (f(), ee(ke, {
+              q.status === "error" || q.status === "canceled" ? (f(), ee(ke, {
                 key: 1,
                 type: "button",
                 class: "btn-info btn-xs",
-                onClick: ie((te) => F(O), ["stop"])
+                onClick: ie((te) => F(q), ["stop"])
               }, {
-                default: Q(() => [...V[9] || (V[9] = [
+                default: Q(() => [...B[9] || (B[9] = [
                   be(" Retry ", -1)
                 ])]),
                 _: 1
               }, 8, ["onClick"])) : N("", !0),
-              O.status !== "uploading" ? (f(), ee(ke, {
+              q.status !== "uploading" ? (f(), ee(ke, {
                 key: 2,
                 type: "button",
                 class: "btn-outline btn-xs",
-                onClick: ie((te) => A(O), ["stop"]),
+                onClick: ie((te) => A(q), ["stop"]),
                 "aria-label": "Remove file"
               }, {
-                default: Q(() => [...V[10] || (V[10] = [
+                default: Q(() => [...B[10] || (B[10] = [
                   be(" Remove ", -1)
                 ])]),
                 _: 1
@@ -2629,7 +2650,7 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
           ], !0)
         ]))), 128))
       ])) : N("", !0),
-      L("div", Xa, K(r.value), 1),
+      L("div", Xa, K(l.value), 1),
       L("p", {
         id: E(s),
         class: "sr-only"
@@ -2654,78 +2675,78 @@ const Qa = (e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = a2 + n2, a = w(!1), o = `tooltip-${fe()}`, u = w(null), r = w(null), i = w({});
-    let s = null, d = null, l = null;
-    const p = () => {
+    const n = e, t = a2 + n2, a = w(!1), o = `tooltip-${fe()}`, i = w(null), l = w(null), r = w({});
+    let s = null, d = null, u = null;
+    const h = () => {
       n.disabled || (s && (clearTimeout(s), s = null), n.delay ? s = window.setTimeout(() => {
         a.value = !0, s = null;
       }, n.delay) : a.value = !0);
-    }, m = () => {
+    }, p = () => {
       s && (clearTimeout(s), s = null), a.value = !1;
-    }, b = () => {
-      if (!u.value || !r.value) return {};
-      const k = u.value.getBoundingClientRect(), _ = r.value.getBoundingClientRect(), B = {
+    }, m = () => {
+      if (!i.value || !l.value) return {};
+      const M = i.value.getBoundingClientRect(), S = l.value.getBoundingClientRect(), $ = {
         position: "fixed"
       };
       switch (n.placement) {
         case "top":
-          B.left = `${k.left + k.width / 2 - _.width / 2}px`, B.top = `${k.top - _.height - t}px`;
+          $.left = `${M.left + M.width / 2 - S.width / 2}px`, $.top = `${M.top - S.height - t}px`;
           break;
         case "bottom":
-          B.left = `${k.left + k.width / 2 - _.width / 2}px`, B.top = `${k.bottom + t}px`;
+          $.left = `${M.left + M.width / 2 - S.width / 2}px`, $.top = `${M.bottom + t}px`;
           break;
         case "left":
-          B.left = `${k.left - _.width - t}px`, B.top = `${k.top + k.height / 2 - _.height / 2}px`;
+          $.left = `${M.left - S.width - t}px`, $.top = `${M.top + M.height / 2 - S.height / 2}px`;
           break;
         case "right":
-          B.left = `${k.right + t}px`, B.top = `${k.top + k.height / 2 - _.height / 2}px`;
+          $.left = `${M.right + t}px`, $.top = `${M.top + M.height / 2 - S.height / 2}px`;
           break;
       }
-      return B;
-    }, y = () => {
-      i.value = b();
+      return $;
+    }, C = () => {
+      r.value = m();
     };
-    return J(a, async (k) => {
-      if (!k) {
-        d?.(), d = null, l?.disconnect(), l = null;
+    return J(a, async (M) => {
+      if (!M) {
+        d?.(), d = null, u?.disconnect(), u = null;
         return;
       }
-      await Me(), y(), d = Qa(y), l = new ResizeObserver(y), r.value && l.observe(r.value), u.value && l.observe(u.value);
+      await Me(), C(), d = Qa(C), u = new ResizeObserver(C), l.value && u.observe(l.value), i.value && u.observe(i.value);
     }), _e(() => {
-      d?.(), l?.disconnect();
-    }), (k, _) => (f(), g(re, null, [
+      d?.(), u?.disconnect();
+    }), (M, S) => (f(), b(re, null, [
       L("span", {
         ref_key: "triggerRef",
-        ref: u,
+        ref: i,
         class: "tooltip-trigger",
         "aria-describedby": a.value ? o : void 0,
         "aria-disabled": e.disabled || void 0,
         "aria-expanded": a.value || void 0,
-        onMouseenter: p,
-        onMouseleave: m,
-        onFocus: p,
-        onBlur: m,
-        onKeydown: Ce(m, ["esc"])
+        onMouseenter: h,
+        onMouseleave: p,
+        onFocus: h,
+        onBlur: p,
+        onKeydown: Ce(p, ["esc"])
       }, [
-        X(k.$slots, "default", {}, void 0, !0)
+        X(M.$slots, "default", {}, void 0, !0)
       ], 40, e2),
       (f(), ee(Ze, { to: "body" }, [
         j(Se, { name: "tooltip-fade" }, {
           default: Q(() => [
-            a.value ? (f(), g("div", {
+            a.value ? (f(), b("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: r,
+              ref: l,
               id: o,
               class: "tooltip-content",
               role: "tooltip",
               "aria-live": "polite",
               "aria-hidden": !a.value,
               "data-placement": n.placement,
-              style: Le(i.value)
+              style: Le(r.value)
             }, [
-              _[0] || (_[0] = L("div", { class: "tooltip-arrow" }, null, -1)),
-              X(k.$slots, "content", {}, () => [
+              S[0] || (S[0] = L("div", { class: "tooltip-arrow" }, null, -1)),
+              X(M.$slots, "content", {}, () => [
                 be(K(e.content), 1)
               ], !0)
             ], 12, t2)) : N("", !0)
@@ -2755,37 +2776,37 @@ const l2 = {
   },
   emits: ["click", "remove"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = w(), u = H(() => t.clickable || t.as === "button" || t.as === "a"), r = H(() => [
+    const t = e, a = n, o = w(), i = V(() => t.clickable || t.as === "button" || t.as === "a"), l = V(() => [
       `ui-tag--${t.variant}`,
       `ui-tag--${t.size}`,
       {
         "is-clickable": t.clickable,
         "is-removable": t.removable
       }
-    ]), i = H(() => t.clickable && t.as !== "button" && t.as !== "a"), s = (l) => {
-      t.disabled || !u.value || a("click", l);
+    ]), r = V(() => t.clickable && t.as !== "button" && t.as !== "a"), s = (u) => {
+      t.disabled || !i.value || a("click", u);
     }, d = () => a("remove");
-    return (l, p) => (f(), ee(Re(e.as), {
+    return (u, h) => (f(), ee(Re(e.as), {
       ref_key: "rootRef",
       ref: o,
-      class: ue(["ui-tag", r.value]),
+      class: ue(["ui-tag", l.value]),
       "aria-disabled": e.disabled || void 0,
-      tabindex: e.disabled ? -1 : i.value ? 0 : void 0,
-      role: i.value ? "button" : void 0,
+      tabindex: e.disabled ? -1 : r.value ? 0 : void 0,
+      role: r.value ? "button" : void 0,
       onClick: s,
       onKeydown: [
-        p[0] || (p[0] = Ce(ie((m) => !e.disabled && u.value && s(m), ["prevent"]), ["enter"])),
-        p[1] || (p[1] = Ce(ie((m) => !e.disabled && u.value && s(m), ["prevent"]), ["space"]))
+        h[0] || (h[0] = Ce(ie((p) => !e.disabled && i.value && s(p), ["prevent"]), ["enter"])),
+        h[1] || (h[1] = Ce(ie((p) => !e.disabled && i.value && s(p), ["prevent"]), ["space"]))
       ]
     }, {
       default: Q(() => [
-        l.$slots.icon ? (f(), g("span", l2, [
-          X(l.$slots, "icon", {}, void 0, !0)
+        u.$slots.icon ? (f(), b("span", l2, [
+          X(u.$slots, "icon", {}, void 0, !0)
         ])) : N("", !0),
         L("span", r2, [
-          X(l.$slots, "default", {}, void 0, !0)
+          X(u.$slots, "default", {}, void 0, !0)
         ]),
-        e.removable ? (f(), g("button", {
+        e.removable ? (f(), b("button", {
           key: 1,
           class: "ui-tag__remove",
           type: "button",
@@ -2811,14 +2832,14 @@ const l2 = {
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = (u) => {
-      if (t.disabled || u.button !== 0) {
-        u.preventDefault();
+    const t = e, a = n, o = (i) => {
+      if (t.disabled || i.button !== 0) {
+        i.preventDefault();
         return;
       }
-      a("click", u);
+      a("click", i);
     };
-    return (u, r) => (f(), g("a", {
+    return (i, l) => (f(), b("a", {
       class: "link",
       href: e.disabled ? void 0 : e.href,
       "aria-disabled": e.disabled ? "true" : void 0,
@@ -2828,22 +2849,22 @@ const l2 = {
       "aria-current": e.ariaCurrent,
       rel: e.target === "_blank" ? "noopener noreferrer" : void 0
     }, [
-      X(u.$slots, "default", {}, void 0, !0)
+      X(i.$slots, "default", {}, void 0, !0)
     ], 8, c2));
   }
 }), hl = /* @__PURE__ */ W(d2, [["__scopeId", "data-v-0f5d7308"]]), Ee = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ? { type: "letter" } : n === "*" ? { type: "alphanumeric" } : { type: "literal", value: n }), wt = (e, n) => n.type === "digit" ? /\d/.test(e) : n.type === "letter" ? /[a-z]/i.test(e) : n.type === "alphanumeric" ? /[a-z0-9]/i.test(e) : !1, ft = (e, n) => {
   if (!e) return "";
   const t = Ee(n);
   let a = "", o = 0;
-  for (const u of t) {
-    if (u.type === "literal") {
-      o < e.length && (a += u.value);
+  for (const i of t) {
+    if (i.type === "literal") {
+      o < e.length && (a += i.value);
       continue;
     }
     for (; o < e.length; ) {
-      const r = e[o++];
-      if (r && wt(r, u)) {
-        a += r;
+      const l = e[o++];
+      if (l && wt(l, i)) {
+        a += l;
         break;
       }
     }
@@ -2851,11 +2872,11 @@ const l2 = {
   }
   return a;
 }, v2 = (e, n) => {
-  const a = Ee(n).filter((i) => i.type !== "literal");
-  let o = "", u = 0, r = 0;
-  for (; u < e.length && r < a.length; ) {
-    const i = e[u], s = a[r];
-    s && wt(i, s) && (o += i, r++), u++;
+  const a = Ee(n).filter((r) => r.type !== "literal");
+  let o = "", i = 0, l = 0;
+  for (; i < e.length && l < a.length; ) {
+    const r = e[i], s = a[l];
+    s && wt(r, s) && (o += r, l++), i++;
   }
   return o;
 }, f2 = (e, n) => e.slice(0, n).replace(/\D/g, "").length, p2 = (e, n) => {
@@ -2870,10 +2891,10 @@ const l2 = {
   for (; n > 0 && n < a.length && a[n - 1]?.type === "literal"; )
     n += t;
   return n;
-}, nt = (e, n, t, a) => H(() => {
+}, nt = (e, n, t, a) => V(() => {
   const o = [];
   return e.invalid && e.errorMessage && o.push(t), n.hint && o.push(a), o.length > 0 ? o.join(" ") : void 0;
-}), Oe = (e) => H(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), C2 = (e) => H(() => e.disabled === !0 ? "true" : void 0), h2 = (e, n, t) => {
+}), qe = (e) => V(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), C2 = (e) => V(() => e.disabled === !0 ? "true" : void 0), h2 = (e, n, t) => {
   n && (n.classList.add("focused"), t("focus", e));
 }, g2 = (e, n, t, a) => {
   Je(n, t), t && (t?.classList.remove("focused"), a("blur", e));
@@ -2885,7 +2906,7 @@ const l2 = {
     hintId: {}
   },
   setup(e) {
-    return (n, t) => n.$slots.default ? (f(), g("p", {
+    return (n, t) => n.$slots.default ? (f(), b("p", {
       key: 0,
       id: e.hintId,
       class: "visually-hidden"
@@ -2900,7 +2921,7 @@ const l2 = {
     isRequired: {}
   },
   setup(e) {
-    return (n, t) => e.isRequired ? (f(), g("p", {
+    return (n, t) => e.isRequired ? (f(), b("p", {
       key: 0,
       id: `${e.baseId}-required-hint`,
       class: "visually-hidden"
@@ -2914,7 +2935,7 @@ const l2 = {
     errorMessage: {}
   },
   setup(e) {
-    return (n, t) => e.invalid && e.errorMessage ? (f(), g("p", {
+    return (n, t) => e.invalid && e.errorMessage ? (f(), b("p", {
       key: 0,
       id: e.errorId,
       class: "error-text",
@@ -2938,42 +2959,42 @@ const l2 = {
   }),
   emits: /* @__PURE__ */ oe(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = e, o = n, u = tt(), r = w(null), i = fe(), s = `${i}-error`, d = `${i}-hint`, l = Oe(u).value, p = w(!1), m = H(() => t.value !== null && t.value !== void 0 && t.value !== ""), b = H(() => l ? `${d} ${i}-required-hint` : d), y = H(() => a.invalid === !0 && a.errorMessage ? s : void 0), k = H(() => a.type === "password" ? I.value ? "text" : "password" : a.type), _ = H(() => {
-      const { type: A, ...$ } = u;
-      return $;
-    }), B = H(() => a.mask ? ft(String(t.value ?? ""), a.mask) : String(t.value ?? "")), M = H(() => Ee(a.mask ?? "").filter((A) => A.type !== "literal").length), I = w(!1), C = () => I.value = !I.value, R = (A) => {
+    const t = he(e, "modelValue"), a = e, o = n, i = tt(), l = w(null), r = fe(), s = `${r}-error`, d = `${r}-hint`, u = qe(i).value, h = w(!1), p = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), m = V(() => u ? `${d} ${r}-required-hint` : d), C = V(() => a.invalid === !0 && a.errorMessage ? s : void 0), M = V(() => a.type === "password" ? H.value ? "text" : "password" : a.type), S = V(() => {
+      const { type: A, ...I } = i;
+      return I;
+    }), $ = V(() => a.mask ? ft(String(t.value ?? ""), a.mask) : String(t.value ?? "")), k = V(() => Ee(a.mask ?? "").filter((A) => A.type !== "literal").length), H = w(!1), g = () => H.value = !H.value, R = (A) => {
       if (!a.mask) return;
-      const $ = A.target, V = $.selectionStart ?? 0;
-      r.value = {
-        rawCaret: f2($.value, V),
+      const I = A.target, B = I.selectionStart ?? 0;
+      l.value = {
+        rawCaret: f2(I.value, B),
         inputType: A.inputType
       };
     }, F = (A) => {
-      const $ = A.target;
-      let V = a.mask ? v2($.value, a.mask) : $.value;
-      a.mask && (V = V.slice(0, M.value));
-      const O = a.mask ? ft(V, a.mask) : V;
-      if ($.value = O, t.value = a.type === "number" ? Number(V) : V, a.mask && r.value) {
-        let { rawCaret: te, inputType: ae } = r.value;
+      const I = A.target;
+      let B = a.mask ? v2(I.value, a.mask) : I.value;
+      a.mask && (B = B.slice(0, k.value));
+      const q = a.mask ? ft(B, a.mask) : B;
+      if (I.value = q, t.value = a.type === "number" ? Number(B) : B, a.mask && l.value) {
+        let { rawCaret: te, inputType: ae } = l.value;
         ae.startsWith("insert") && te++, ae === "deleteContentBackward" && (te = Math.max(0, te - 1));
-        let ce = p2(O, te);
-        ce = m2(a.mask, ce, 1), $.setSelectionRange(ce, ce);
+        let ce = p2(q, te);
+        ce = m2(a.mask, ce, 1), I.setSelectionRange(ce, ce);
       }
-      r.value = null;
+      l.value = null;
     }, G = (A) => {
       if (!a.mask || A.key !== "Backspace") return;
-      const $ = A.target;
-      let V = $.selectionStart ?? 0;
-      const O = Ee(a.mask);
-      for (; V > 0 && O[V - 1]?.type === "literal"; ) V--;
-      requestAnimationFrame(() => $.setSelectionRange(V, V));
+      const I = A.target;
+      let B = I.selectionStart ?? 0;
+      const q = Ee(a.mask);
+      for (; B > 0 && q[B - 1]?.type === "literal"; ) B--;
+      requestAnimationFrame(() => I.setSelectionRange(B, B));
     }, D = (A) => {
-      p.value = !0, o("focus", A);
-    }, S = (A) => {
-      p.value = !1, o("blur", A);
+      h.value = !0, o("focus", A);
+    }, _ = (A) => {
+      h.value = !1, o("blur", A);
     };
-    return (A, $) => (f(), g("div", {
-      class: ue(["input-box", { required: E(l), error: e.invalid, filled: m.value, focused: p.value }])
+    return (A, I) => (f(), b("div", {
+      class: ue(["input-box", { required: E(u), error: e.invalid, filled: p.value, focused: h.value }])
     }, [
       L("label", {
         for: e.id,
@@ -2981,19 +3002,19 @@ const l2 = {
       }, K(e.label), 9, w2),
       L("input", ge({
         id: e.id,
-        type: k.value
-      }, _.value, {
+        type: M.value
+      }, S.value, {
         class: "input",
         onBeforeinput: R,
         onInput: F,
         onFocus: D,
-        onBlur: S,
+        onBlur: _,
         onKeydown: G,
-        value: B.value,
-        required: E(l),
+        value: $.value,
+        required: E(u),
         "aria-invalid": e.invalid ? "true" : void 0,
-        "aria-errormessage": y.value,
-        "aria-describedby": E(nt)(A.$props, A.$slots, s, b.value).value
+        "aria-errormessage": C.value,
+        "aria-describedby": E(nt)(A.$props, A.$slots, s, m.value).value
       }), null, 16, M2),
       j(ot, { hintId: d }, {
         default: Q(() => [
@@ -3002,8 +3023,8 @@ const l2 = {
         _: 3
       }),
       j(lt, {
-        baseId: E(i),
-        isRequired: E(l)
+        baseId: E(r),
+        isRequired: E(u)
       }, null, 8, ["baseId", "isRequired"]),
       j(rt, {
         errorId: s,
@@ -3013,12 +3034,12 @@ const l2 = {
       e.type === "password" ? (f(), ee(ke, ge({ key: 0 }, Object.keys(A.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
         type: "button",
         class: "btn-icon",
-        onClick: C,
-        "aria-label": I.value ? "Hide password" : "Show password"
+        onClick: g,
+        "aria-label": H.value ? "Hide password" : "Show password"
       }), {
         default: Q(() => [
           j(pe, {
-            name: I.value ? "eyeOff" : "eye"
+            name: H.value ? "eyeOff" : "eye"
           }, null, 8, ["name"])
         ]),
         _: 1
@@ -3042,15 +3063,15 @@ const l2 = {
     shape: { default: "circle" }
   },
   setup(e) {
-    const n = e, t = w("loading"), a = H(() => n.src && t.value !== "error"), o = H(() => n.name ? n.name.split(" ").map((s) => s[0]).slice(0, 2).join("").toUpperCase() : ""), u = H(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), r = () => t.value = "loaded", i = () => t.value = "error";
+    const n = e, t = w("loading"), a = V(() => n.src && t.value !== "error"), o = V(() => n.name ? n.name.split(" ").map((s) => s[0]).slice(0, 2).join("").toUpperCase() : ""), i = V(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), l = () => t.value = "loaded", r = () => t.value = "error";
     return J(
       () => n.src,
       () => n.src && (t.value = "loading")
-    ), se(() => !n.src && (t.value = "error")), (s, d) => (f(), g("div", {
+    ), se(() => !n.src && (t.value = "error")), (s, d) => (f(), b("div", {
       class: "ui-avatar",
       "data-size": e.size,
       "data-shape": e.shape,
-      "aria-label": a.value ? void 0 : u.value,
+      "aria-label": a.value ? void 0 : i.value,
       "aria-busy": t.value === "loading" || void 0
     }, [
       a.value ? (f(), ee(De, {
@@ -3058,9 +3079,9 @@ const l2 = {
         src: e.src,
         alt: e.alt ?? "",
         class: "ui-avatar__img",
-        onLoad: r,
-        onError: i
-      }, null, 8, ["src", "alt"])) : t.value === "loading" ? (f(), g("div", $2)) : (f(), g("div", I2, [
+        onLoad: l,
+        onError: r
+      }, null, 8, ["src", "alt"])) : t.value === "loading" ? (f(), b("div", $2)) : (f(), b("div", I2, [
         X(s.$slots, "default", {}, () => [
           be(K(o.value), 1)
         ], !0)
@@ -3081,11 +3102,11 @@ const l2 = {
   }),
   emits: /* @__PURE__ */ oe(["focus", "blur", "change", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = e, o = n, u = w(!1);
-    J(u, (q) => {
-      q ? document.addEventListener("mousedown", ae) : document.removeEventListener("mousedown", ae);
+    const t = he(e, "modelValue"), a = e, o = n, i = w(!1);
+    J(i, (O) => {
+      O ? document.addEventListener("mousedown", ae) : document.removeEventListener("mousedown", ae);
     });
-    const r = tt(), i = w(!1), s = w(null), d = H(() => a.id ?? fe()), l = `${d.value}-label`, p = `${d.value}-listbox`, m = `${d.value}-error`, b = `${d.value}-hint`, y = `${d.value}-value`, k = w(null), _ = w(null), B = H(() => t.value !== null && t.value !== void 0 && t.value !== ""), M = H(() => k.value !== null ? `${p}-option-${k.value}` : void 0), I = Oe(r).value, C = H(() => I ? `${b} ${d.value}-required-hint` : b), R = H(() => u.value && M.value ? M.value : void 0), F = H(() => _.value !== null ? a.options[_.value]?.value : "");
+    const l = tt(), r = w(!1), s = w(null), d = V(() => a.id ?? fe()), u = `${d.value}-label`, h = `${d.value}-listbox`, p = `${d.value}-error`, m = `${d.value}-hint`, C = `${d.value}-value`, M = w(null), S = w(null), $ = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = V(() => M.value !== null ? `${h}-option-${M.value}` : void 0), H = qe(l).value, g = V(() => H ? `${m} ${d.value}-required-hint` : m), R = V(() => i.value && k.value ? k.value : void 0), F = V(() => S.value !== null ? a.options[S.value]?.value : "");
     J(
       () => t.value,
       () => ce()
@@ -3094,56 +3115,56 @@ const l2 = {
       () => ce(),
       { deep: !0 }
     );
-    const G = (q) => {
-      i.value = !0, o("focus", q);
-    }, D = (q) => {
-      const c = q.relatedTarget, v = s.value;
-      !v || v?.contains(c) || (i.value = !1, u.value = !1, o("blur", q));
-    }, S = (q) => {
-      u.value = !u.value, u.value && t.value.toString().length > 0 && (k.value = k.value ?? a.options.findIndex((c) => !c.disabled)), !(!a.options || a.options.length === 0) && o("click", q);
-    }, A = (q, c) => {
+    const G = (O) => {
+      r.value = !0, o("focus", O);
+    }, D = (O) => {
+      const c = O.relatedTarget, v = s.value;
+      !v || v?.contains(c) || (r.value = !1, i.value = !1, o("blur", O));
+    }, _ = (O) => {
+      i.value = !i.value, i.value && t.value.toString().length > 0 && (M.value = M.value ?? a.options.findIndex((c) => !c.disabled)), !(!a.options || a.options.length === 0) && o("click", O);
+    }, A = (O, c) => {
       const v = s.value;
-      !v || q.disabled || (_.value = c, k.value = c, q && q.key && q.key.toString().length > 0 ? v.classList.add("filled") : v.classList.remove("filled"), t.value = q.key, o("change", q.key));
-    }, $ = (q) => {
-      if (!u.value && ["ArrowDown", "ArrowUp"].includes(q.key)) {
-        u.value = !0, k.value = k.value ?? a.options.findIndex((c) => !c.disabled), q.preventDefault();
+      !v || O.disabled || (S.value = c, M.value = c, O && O.key && O.key.toString().length > 0 ? v.classList.add("filled") : v.classList.remove("filled"), t.value = O.key, o("change", O.key));
+    }, I = (O) => {
+      if (!i.value && ["ArrowDown", "ArrowUp"].includes(O.key)) {
+        i.value = !0, M.value = M.value ?? a.options.findIndex((c) => !c.disabled), O.preventDefault();
         return;
       }
-      if (u.value) {
-        if (q.key === "ArrowDown" && (V(1), q.preventDefault()), q.key === "ArrowUp" && (V(-1), q.preventDefault()), q.key === "Home") {
-          const c = O();
-          c >= 0 && (k.value = c), q.preventDefault();
+      if (i.value) {
+        if (O.key === "ArrowDown" && (B(1), O.preventDefault()), O.key === "ArrowUp" && (B(-1), O.preventDefault()), O.key === "Home") {
+          const c = q();
+          c >= 0 && (M.value = c), O.preventDefault();
         }
-        if (q.key === "End") {
+        if (O.key === "End") {
           const c = te();
-          c >= 0 && (k.value = c), q.preventDefault();
+          c >= 0 && (M.value = c), O.preventDefault();
         }
-        if (q.key === "Enter" || q.key === " ") {
-          if (k.value === null) return;
-          const c = a.options[k.value];
+        if (O.key === "Enter" || O.key === " ") {
+          if (M.value === null) return;
+          const c = a.options[M.value];
           if (!c || c.disabled) return;
-          A(c, k.value), u.value = !1, q.preventDefault();
+          A(c, M.value), i.value = !1, O.preventDefault();
         }
-        q.key === "Escape" && (u.value = !1);
+        O.key === "Escape" && (i.value = !1);
       }
-    }, V = (q) => {
-      if (k.value === null) return;
-      let c = k.value;
+    }, B = (O) => {
+      if (M.value === null) return;
+      let c = M.value;
       do
-        c += q;
+        c += O;
       while (c >= 0 && c < a.options.length && a.options[c]?.disabled);
-      c >= 0 && c < a.options.length && (k.value = c);
-    }, O = () => a.options.findIndex((q) => !q.disabled), te = () => [...a.options].reverse().findIndex((q) => !q.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((q) => !q.disabled) : -1, ae = (q) => {
+      c >= 0 && c < a.options.length && (M.value = c);
+    }, q = () => a.options.findIndex((O) => !O.disabled), te = () => [...a.options].reverse().findIndex((O) => !O.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((O) => !O.disabled) : -1, ae = (O) => {
       const c = s.value;
-      !c || c.contains(q.target) || (u.value = !1);
+      !c || c.contains(O.target) || (i.value = !1);
     };
     _e(() => {
       document.removeEventListener("mousedown", ae);
     });
     const ce = () => {
-      const q = a.options.findIndex((c) => c.key === t.value);
-      if (q > -1) {
-        _.value = q, k.value = q;
+      const O = a.options.findIndex((c) => c.key === t.value);
+      if (O > -1) {
+        S.value = O, M.value = O;
         const c = s.value;
         c && c.classList.add("filled");
       }
@@ -3153,38 +3174,38 @@ const l2 = {
         if (!a.options || a.options.length === 0) return;
         ce();
       }
-    }), (q, c) => (f(), g("div", {
+    }), (O, c) => (f(), b("div", {
       ref_key: "selectRef",
       ref: s,
-      class: ue(["select-box", { required: Object.keys(q.$attrs).includes("required"), error: e.invalid, filled: B.value, focused: i.value }])
+      class: ue(["select-box", { required: Object.keys(O.$attrs).includes("required"), error: e.invalid, filled: $.value, focused: r.value }])
     }, [
       L("button", ge({
         id: d.value,
         class: "select-btn",
         role: "combobox",
         type: "button"
-      }, q.$attrs, {
+      }, O.$attrs, {
         "aria-haspopup": "listbox",
-        "aria-expanded": u.value,
-        "aria-controls": p,
+        "aria-expanded": i.value,
+        "aria-controls": h,
         "aria-invalid": e.invalid ? "true" : void 0,
-        "aria-labelledby": `${l} ${y}`,
-        "aria-required": E(I),
-        "aria-describedby": E(nt)(q.$props, q.$slots, m, C.value).value,
+        "aria-labelledby": `${u} ${C}`,
+        "aria-required": E(H),
+        "aria-describedby": E(nt)(O.$props, O.$slots, p, g.value).value,
         "aria-activedescendant": R.value,
-        "aria-disabled": E(r).disabled ? "true" : void 0,
+        "aria-disabled": E(l).disabled ? "true" : void 0,
         onBlur: D,
         onFocus: G,
-        onClick: S,
-        onKeydown: $,
+        onClick: _,
+        onKeydown: I,
         ref: "buttonRef"
       }), [
         L("span", {
-          id: l,
+          id: u,
           class: "label"
         }, K(e.label), 1),
         L("span", {
-          id: y,
+          id: C,
           class: "selected-object",
           "aria-live": "polite",
           "aria-atomic": "true",
@@ -3198,18 +3219,18 @@ const l2 = {
       j(Se, { name: "select" }, {
         default: Q(() => [
           Ve(L("ul", {
-            id: p,
+            id: h,
             role: "listbox",
             class: "options"
           }, [
-            (f(!0), g(re, null, ve(e.options, (v, h) => (f(), g("li", {
-              id: `${p}-option-${h}`,
-              key: h,
+            (f(!0), b(re, null, ve(e.options, (v, y) => (f(), b("li", {
+              id: `${h}-option-${y}`,
+              key: y,
               role: "option",
-              class: ue(["option", { "focus-visible": k.value === h }]),
+              class: ue(["option", { "focus-visible": M.value === y }]),
               "aria-disabled": v.disabled,
-              "aria-selected": _.value === h,
-              onClick: (x) => !v.disabled && A(v, h)
+              "aria-selected": S.value === y,
+              onClick: (x) => !v.disabled && A(v, y)
             }, [
               L("div", {
                 class: "option-value",
@@ -3217,23 +3238,23 @@ const l2 = {
               }, null, 8, D2)
             ], 10, A2))), 128))
           ], 512), [
-            [et, u.value]
+            [et, i.value]
           ])
         ]),
         _: 1
       }),
-      j(ot, { hintId: b }, {
+      j(ot, { hintId: m }, {
         default: Q(() => [
-          X(q.$slots, "hint", {}, void 0, !0)
+          X(O.$slots, "hint", {}, void 0, !0)
         ]),
         _: 3
       }),
       j(lt, {
         baseId: d.value,
-        isRequired: E(I)
+        isRequired: E(H)
       }, null, 8, ["baseId", "isRequired"]),
       j(rt, {
-        errorId: m,
+        errorId: p,
         invalid: e.invalid,
         errorMessage: e.errorMessage
       }, null, 8, ["invalid", "errorMessage"])
@@ -3263,38 +3284,38 @@ const l2 = {
   }),
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = e, o = n, u = w([]), r = w("next"), i = w(null), s = `gallery-caption-${fe()}`, d = w(null), l = H(() => t.value), p = H(() => a.images[l.value]), m = (M, I) => {
-      M && (u.value[I] = M);
-    }, b = (M) => {
-      M !== l.value && (r.value = M > l.value ? "next" : "prev", t.value = M, o("change", M));
-    }, y = () => {
-      if (l.value === a.images.length - 1) {
-        a.loop && b(0);
+    const t = he(e, "modelValue"), a = e, o = n, i = w([]), l = w("next"), r = w(null), s = `gallery-caption-${fe()}`, d = w(null), u = V(() => t.value), h = V(() => a.images[u.value]), p = (k, H) => {
+      k && (i.value[H] = k);
+    }, m = (k) => {
+      k !== u.value && (l.value = k > u.value ? "next" : "prev", t.value = k, o("change", k));
+    }, C = () => {
+      if (u.value === a.images.length - 1) {
+        a.loop && m(0);
         return;
       }
-      b(l.value + 1);
-    }, k = () => {
-      if (l.value === 0) {
-        a.loop && b(a.images.length - 1);
+      m(u.value + 1);
+    }, M = () => {
+      if (u.value === 0) {
+        a.loop && m(a.images.length - 1);
         return;
       }
-      b(l.value - 1);
-    }, _ = () => {
-      d.value && (i.value = d.value.offsetHeight);
-    }, B = () => {
-      i.value = null;
+      m(u.value - 1);
+    }, S = () => {
+      d.value && (r.value = d.value.offsetHeight);
+    }, $ = () => {
+      r.value = null;
     };
-    return J(l, async (M) => {
+    return J(u, async (k) => {
       await Me();
-      const I = u.value[M];
-      I && I.scrollIntoView({
+      const H = i.value[k];
+      H && H.scrollIntoView({
         behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
         inline: "center",
         block: "nearest"
       });
     }), J(() => a.images, () => {
-      u.value = [];
-    }), (M, I) => (f(), g("div", {
+      i.value = [];
+    }), (k, H) => (f(), b("div", {
       role: "region",
       class: "rs-gallery",
       "aria-roledescription": "carousel",
@@ -3307,52 +3328,52 @@ const l2 = {
         ref: d,
         tabindex: "0",
         class: "rs-gallery-review",
-        style: Le(i.value ? { height: `${i.value}px` } : void 0),
+        style: Le(r.value ? { height: `${r.value}px` } : void 0),
         onKeydown: [
-          Ce(ie(k, ["prevent"]), ["left"]),
-          Ce(ie(y, ["prevent"]), ["right"])
+          Ce(ie(M, ["prevent"]), ["left"]),
+          Ce(ie(C, ["prevent"]), ["right"])
         ]
       }, [
         j(Se, {
-          name: `rs-gallery-slide-${r.value}`,
+          name: `rs-gallery-slide-${l.value}`,
           mode: "out-in",
-          onBeforeLeave: _,
-          onAfterEnter: B
+          onBeforeLeave: S,
+          onAfterEnter: $
         }, {
           default: Q(() => [
-            p.value ? (f(), ee(De, {
-              key: p.value.src,
-              src: p.value.src,
-              alt: p.value.alt || "",
+            h.value ? (f(), ee(De, {
+              key: h.value.src,
+              src: h.value.src,
+              alt: h.value.alt || "",
               transform: e.transform
             }, null, 8, ["src", "alt", "transform"])) : N("", !0)
           ]),
           _: 1
         }, 8, ["name"]),
-        X(M.$slots, "overlay", {
-          image: p.value,
-          index: l.value
+        X(k.$slots, "overlay", {
+          image: h.value,
+          index: u.value
         }, void 0, !0)
       ], 44, R2),
-      p.value?.title ? (f(), g("p", {
+      h.value?.title ? (f(), b("p", {
         key: 0,
         id: s,
         class: "rs-gallery-caption"
-      }, K(p.value.title), 1)) : N("", !0),
-      e.showThumbnails ? (f(), g("ul", T2, [
-        (f(!0), g(re, null, ve(e.images, (C, R) => (f(), g("li", {
-          key: C.src,
+      }, K(h.value.title), 1)) : N("", !0),
+      e.showThumbnails ? (f(), b("ul", T2, [
+        (f(!0), b(re, null, ve(e.images, (g, R) => (f(), b("li", {
+          key: g.src,
           ref_for: !0,
-          ref: (F) => m(F, R),
-          "aria-selected": l.value === R
+          ref: (F) => p(F, R),
+          "aria-selected": u.value === R
         }, [
           L("button", {
             type: "button",
-            class: ue(["rs-gallery-thumb", { active: l.value === R }]),
-            onClick: (F) => b(R)
+            class: ue(["rs-gallery-thumb", { active: u.value === R }]),
+            onClick: (F) => m(R)
           }, [
             j(De, {
-              src: C.src,
+              src: g.src,
               alt: `Select image ${R + 1}`,
               transform: e.transformThumbnails
             }, null, 8, ["src", "alt", "transform"])
@@ -3361,7 +3382,7 @@ const l2 = {
       ])) : N("", !0)
     ], 8, S2));
   }
-}), Mt = /* @__PURE__ */ W(z2, [["__scopeId", "data-v-dcfacff6"]]), O2 = ["aria-label"], q2 = ["onClick"], F2 = /* @__PURE__ */ Z({
+}), Mt = /* @__PURE__ */ W(z2, [["__scopeId", "data-v-dcfacff6"]]), q2 = ["aria-label"], O2 = ["onClick"], F2 = /* @__PURE__ */ Z({
   __name: "GalleryGrid",
   props: {
     images: {},
@@ -3376,27 +3397,27 @@ const l2 = {
   },
   emits: ["change"],
   setup(e) {
-    return (n, t) => (f(), g("div", {
+    return (n, t) => (f(), b("div", {
       class: "rs-gallery-grid",
       style: Le({ "--grid-columns": e.columns, "--grid-gap": e.gap }),
       role: "list",
       "aria-label": e.ariaLabel || "Image grid gallery"
     }, [
-      (f(!0), g(re, null, ve(e.images, (a, o) => (f(), g("button", {
+      (f(!0), b(re, null, ve(e.images, (a, o) => (f(), b("button", {
         key: a.src,
         type: "button",
         class: "grid-item",
-        onClick: (u) => n.$emit("change", o)
+        onClick: (i) => n.$emit("change", o)
       }, [
         j(De, {
           src: a.src,
           alt: a.alt || "",
           transform: e.transform
         }, null, 8, ["src", "alt", "transform"])
-      ], 8, q2))), 128))
-    ], 12, O2));
+      ], 8, O2))), 128))
+    ], 12, q2));
   }
-}), Lt = /* @__PURE__ */ W(F2, [["__scopeId", "data-v-17067a4b"]]), qe = /* @__PURE__ */ Symbol("ModalContext");
+}), Lt = /* @__PURE__ */ W(F2, [["__scopeId", "data-v-17067a4b"]]), Oe = /* @__PURE__ */ Symbol("ModalContext");
 let Ye = 0, pt = 0, Xe = null;
 const Qe = Z({
   name: "Modal",
@@ -3414,46 +3435,46 @@ const Qe = Z({
   },
   emits: ["update:open", "opened", "closed"],
   setup(e, { emit: n, slots: t }) {
-    const a = w(!1), o = w(e.open), u = fe(), r = `modal-title-${u}`, i = `modal-desc-${u}`;
-    J(() => e.open, (p) => o.value = p), J(o, (p) => {
-      n("update:open", p), n(p ? "opened" : "closed");
+    const a = w(!1), o = w(e.open), i = fe(), l = `modal-title-${i}`, r = `modal-desc-${i}`;
+    J(() => e.open, (h) => o.value = h), J(o, (h) => {
+      n("update:open", h), n(h ? "opened" : "closed");
     });
-    const s = () => o.value = !1, d = H(() => e.motion), l = H(() => e.size);
-    return xe(qe, {
+    const s = () => o.value = !1, d = V(() => e.motion), u = V(() => e.size);
+    return xe(Oe, {
       isOpen: o,
       motion: d,
-      size: l,
+      size: u,
       close: s,
       closeOnOverlay: e.closeOnOverlay,
-      labelId: r,
-      descriptionId: i,
+      labelId: l,
+      descriptionId: r,
       hasTitle: a
     }), () => t.default?.();
   }
 }), xt = Z({
   name: "ModalContent",
   setup(e, { slots: n }) {
-    const t = de(qe);
+    const t = de(Oe);
     if (!t) throw new Error("ModalContent components must be used inside <Modal>");
-    const a = w(null), o = ++Ye, u = (l) => {
-      l.key === "Escape" && o === Ye && t.close();
+    const a = w(null), o = ++Ye, i = (u) => {
+      u.key === "Escape" && o === Ye && t.close();
     };
-    let r = null;
-    const i = (l) => {
-      const p = Array.from(
-        l.querySelectorAll(
+    let l = null;
+    const r = (u) => {
+      const h = Array.from(
+        u.querySelectorAll(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((k) => !k.hasAttribute("disabled"));
-      if (p.length === 0) {
-        l.setAttribute("tabindex", "-1"), l.focus();
+      ).filter((M) => !M.hasAttribute("disabled"));
+      if (h.length === 0) {
+        u.setAttribute("tabindex", "-1"), u.focus();
         return;
       }
-      const m = p[0], b = p[p.length - 1], y = (k) => {
-        k.key === "Tab" && (k.shiftKey && document.activeElement === m ? (k.preventDefault(), b?.focus()) : !k.shiftKey && document.activeElement === b && (k.preventDefault(), m?.focus()));
+      const p = h[0], m = h[h.length - 1], C = (M) => {
+        M.key === "Tab" && (M.shiftKey && document.activeElement === p ? (M.preventDefault(), m?.focus()) : !M.shiftKey && document.activeElement === m && (M.preventDefault(), p?.focus()));
       };
-      l.addEventListener("keydown", y), m?.focus(), r = () => {
-        l.removeEventListener("keydown", y), r = null;
+      u.addEventListener("keydown", C), p?.focus(), l = () => {
+        u.removeEventListener("keydown", C), l = null;
       };
     }, s = () => {
       ++pt === 1 && (document.body.style.overflow = "hidden");
@@ -3472,10 +3493,10 @@ const Qe = Z({
             Xe = document.activeElement, s();
           },
           onAfterEnter: () => {
-            a.value && (i(a.value), document.addEventListener("keydown", u));
+            a.value && (r(a.value), document.addEventListener("keydown", i));
           },
           onAfterLeave: () => {
-            Ye--, document.removeEventListener("keydown", u), r?.(), d(), Xe?.focus(), Xe = null;
+            Ye--, document.removeEventListener("keydown", i), l?.(), d(), Xe?.focus(), Xe = null;
           }
         },
         {
@@ -3494,7 +3515,7 @@ const Qe = Z({
                 "aria-labelledby": t.labelId,
                 "aria-describedby": t.descriptionId,
                 class: ["modal-content", `modal--${t.size.value}`],
-                onClick: (l) => l.stopPropagation()
+                onClick: (u) => u.stopPropagation()
               },
               n.default?.()
             )
@@ -3506,7 +3527,7 @@ const Qe = Z({
 }), $t = Z({
   name: "ModalTitle",
   setup(e, { slots: n }) {
-    const t = de(qe);
+    const t = de(Oe);
     if (!t) throw new Error("ModalTitle components must be used inside <Modal>");
     return t.hasTitle.value = !0, () => U("h2", { id: t.labelId }, n.default?.());
   }
@@ -3528,7 +3549,7 @@ const Qe = Z({
 }), Vt = Z({
   name: "ModalClose",
   setup() {
-    const e = de(qe);
+    const e = de(Oe);
     if (!e) throw new Error("ModalClose components must be used inside <Modal>");
     return () => U(
       "button",
@@ -3562,10 +3583,10 @@ const N2 = /* @__PURE__ */ Z({
   },
   emits: ["change"],
   setup(e) {
-    const n = w(0), t = w(!1), a = (u) => {
-      n.value = u, t.value = !0;
+    const n = w(0), t = w(!1), a = (i) => {
+      n.value = i, t.value = !0;
     }, o = () => t.value = !1;
-    return (u, r) => (f(), g(re, null, [
+    return (i, l) => (f(), b(re, null, [
       j(Lt, {
         images: e.images,
         onChange: a,
@@ -3574,7 +3595,7 @@ const N2 = /* @__PURE__ */ Z({
       }, null, 8, ["images", "aria-label", "transform"]),
       j(E(Qe), {
         open: t.value,
-        "onUpdate:open": r[2] || (r[2] = (i) => t.value = i),
+        "onUpdate:open": l[2] || (l[2] = (r) => t.value = r),
         motion: "fade",
         size: "xl"
       }, {
@@ -3584,7 +3605,7 @@ const N2 = /* @__PURE__ */ Z({
               j(E(It), null, {
                 default: Q(() => [
                   j(E($t), null, {
-                    default: Q(() => [...r[3] || (r[3] = [
+                    default: Q(() => [...l[3] || (l[3] = [
                       be("Image Gallery", -1)
                     ])]),
                     _: 1
@@ -3597,9 +3618,9 @@ const N2 = /* @__PURE__ */ Z({
                 default: Q(() => [
                   j(Mt, {
                     modelValue: n.value,
-                    "onUpdate:modelValue": r[0] || (r[0] = (i) => n.value = i),
+                    "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r),
                     images: e.images,
-                    onChange: r[1] || (r[1] = (i) => u.$emit("change", i)),
+                    onChange: l[1] || (l[1] = (r) => i.$emit("change", r)),
                     onClose: o,
                     "aria-label": e.ariaLabel,
                     "transform-thumbnails": e.transform
@@ -3629,8 +3650,8 @@ const N2 = /* @__PURE__ */ Z({
     gap: { default: "1rem" }
   },
   setup(e) {
-    return (n, t) => (f(), g("div", P2, [
-      (f(!0), g(re, null, ve(e.images, (a) => (f(), g("button", {
+    return (n, t) => (f(), b("div", P2, [
+      (f(!0), b(re, null, ve(e.images, (a) => (f(), b("button", {
         key: a.src,
         class: "masonry-item"
       }, [
@@ -3667,17 +3688,17 @@ const N2 = /* @__PURE__ */ Z({
   }),
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = n, o = H({
+    const t = he(e, "modelValue"), a = n, o = V({
       get: () => t.value ?? 0,
-      set: (r) => {
-        t.value = r, a("change", r);
+      set: (l) => {
+        t.value = l, a("change", l);
       }
-    }), u = (r) => o.value = r;
-    return (r, i) => (f(), g("section", j2, [
+    }), i = (l) => o.value = l;
+    return (l, r) => (f(), b("section", j2, [
       e.layout === "carousel" ? (f(), ee(Mt, {
         key: 0,
         modelValue: o.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (s) => o.value = s),
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
         images: e.images,
         loop: e.loop,
         "aria-label": e.ariaLabel,
@@ -3687,9 +3708,9 @@ const N2 = /* @__PURE__ */ Z({
       }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (f(), ee(Lt, {
         key: 1,
         modelValue: o.value,
-        "onUpdate:modelValue": i[1] || (i[1] = (s) => o.value = s),
+        "onUpdate:modelValue": r[1] || (r[1] = (s) => o.value = s),
         images: e.images,
-        onSelect: u,
+        onSelect: i,
         columns: e.columns,
         gap: e.gap,
         transform: e.transform,
@@ -3697,14 +3718,14 @@ const N2 = /* @__PURE__ */ Z({
       }, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (f(), ee(N2, {
         key: 2,
         modelValue: o.value,
-        "onUpdate:modelValue": i[2] || (i[2] = (s) => o.value = s),
+        "onUpdate:modelValue": r[2] || (r[2] = (s) => o.value = s),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
       }, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (f(), ee(U2, {
         key: 3,
         modelValue: o.value,
-        "onUpdate:modelValue": i[3] || (i[3] = (s) => o.value = s),
+        "onUpdate:modelValue": r[3] || (r[3] = (s) => o.value = s),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
@@ -3726,19 +3747,19 @@ const Y2 = ["aria-busy"], X2 = {
     message: {}
   },
   setup(e) {
-    const n = e, t = w(0), a = w(null), o = w(n.message || ""), u = () => {
+    const n = e, t = w(0), a = w(null), o = w(n.message || ""), i = () => {
       !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 = () => {
+    }, l = () => {
       a.value !== null && (clearInterval(a.value), a.value = null);
     };
     return J(
       () => n.message,
-      (i, s) => {
-        i !== s && (o.value = i || "", r());
+      (r, s) => {
+        r !== s && (o.value = r || "", l());
       }
-    ), se(u), $e(r), (i, s) => (f(), g("div", {
+    ), se(i), $e(l), (r, s) => (f(), b("div", {
       class: "spinner-container",
       role: "status",
       "aria-live": "polite",
@@ -3748,7 +3769,7 @@ const Y2 = ["aria-busy"], X2 = {
         class: "spinner",
         "aria-hidden": "true"
       }, null, -1)),
-      e.message ? (f(), g("span", X2, K(o.value), 1)) : N("", !0),
+      e.message ? (f(), b("span", X2, K(o.value), 1)) : N("", !0),
       L("span", G2, K(e.message || "Loading"), 1)
     ], 8, Y2));
   }
@@ -3776,29 +3797,29 @@ const Y2 = ["aria-busy"], X2 = {
   }),
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, a = he(e, "modelValue"), o = e, u = fe(), r = H(() => o.id ?? `checkbox-${u}`), i = w(null), s = C2(o).value, d = H(() => o.required ? !0 : void 0), l = H(() => o.triState && a.value === void 0 ? "mixed" : void 0);
+    const t = n, a = he(e, "modelValue"), o = e, i = fe(), l = V(() => o.id ?? `checkbox-${i}`), r = w(null), s = C2(o).value, d = V(() => o.required ? !0 : void 0), u = V(() => o.triState && a.value === void 0 ? "mixed" : void 0);
     J(
       () => a.value,
-      (m) => {
-        i.value && (i.value.indeterminate = m === void 0, i.value.checked = m === !0);
+      (p) => {
+        r.value && (r.value.indeterminate = p === void 0, r.value.checked = p === !0);
       },
       { immediate: !0 }
     );
-    const p = (m) => {
+    const h = (p) => {
       if (!o.disabled) {
         if (!o.triState) {
-          const b = m.target.checked;
-          a.value = b, t("change", a.value);
+          const m = p.target.checked;
+          a.value = m, t("change", a.value);
           return;
         }
         a.value === !1 ? a.value = !0 : a.value === !0 ? a.value = void 0 : a.value = !1, t("change", a.value);
       }
     };
-    return (m, b) => (f(), g("label", {
+    return (p, m) => (f(), b("label", {
       class: ue(["checkbox-root", { required: d.value, error: e.invalid }])
     }, [
       L("input", {
-        id: r.value,
+        id: l.value,
         type: "checkbox",
         class: "checkbox",
         required: d.value,
@@ -3806,19 +3827,19 @@ const Y2 = ["aria-busy"], X2 = {
         disabled: e.disabled,
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-disabled": E(s),
-        "aria-checked": l.value,
-        onClick: b[0] || (b[0] = (y) => e.triState ? p(y) : void 0),
-        onChange: b[1] || (b[1] = (y) => e.triState ? void 0 : p(y)),
+        "aria-checked": u.value,
+        onClick: m[0] || (m[0] = (C) => e.triState ? h(C) : void 0),
+        onChange: m[1] || (m[1] = (C) => e.triState ? void 0 : h(C)),
         ref_key: "inputRef",
-        ref: i
+        ref: r
       }, null, 40, Q2),
       L("span", en, [
-        a.value === !0 ? (f(), g("svg", tn, [...b[2] || (b[2] = [
+        a.value === !0 ? (f(), b("svg", tn, [...m[2] || (m[2] = [
           L("path", {
             d: "M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : a.value === void 0 ? (f(), g("svg", an, [...b[3] || (b[3] = [
+        ])])) : a.value === void 0 ? (f(), b("svg", an, [...m[3] || (m[3] = [
           L("path", {
             d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
             fill: "currentColor"
@@ -3826,7 +3847,7 @@ const Y2 = ["aria-busy"], X2 = {
         ])])) : N("", !0)
       ]),
       L("span", nn, [
-        X(m.$slots, "default", {}, void 0, !0)
+        X(p.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3846,15 +3867,15 @@ const Y2 = ["aria-busy"], X2 = {
   }),
   emits: /* @__PURE__ */ oe(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = tt(), o = at(), u = n, r = e, i = w(null), s = w(null), d = fe(), l = `${d}-error`, p = `${d}-hint`, m = Oe(a).value, b = H(() => m ? `${p} ${d}-required-hint` : p), y = nt(r, o, l, b.value).value, k = (B) => {
-      Je(i.value, s.value);
-      const M = B.target;
-      t.value = r.type === "number" ? Number(M.value) : M.value;
-    }, _ = H(() => r.invalid === !0 && r.errorMessage ? l : void 0);
+    const t = he(e, "modelValue"), a = tt(), o = at(), i = n, l = e, r = w(null), s = w(null), d = fe(), u = `${d}-error`, h = `${d}-hint`, p = qe(a).value, m = V(() => p ? `${h} ${d}-required-hint` : h), C = nt(l, o, u, m.value).value, M = ($) => {
+      Je(r.value, s.value);
+      const k = $.target;
+      t.value = l.type === "number" ? Number(k.value) : k.value;
+    }, S = V(() => l.invalid === !0 && l.errorMessage ? u : void 0);
     return se(() => {
-      Je(i.value, s.value);
-    }), (B, M) => (f(), g("div", {
-      class: ue(["textarea-box", { required: E(m), error: e.invalid }]),
+      Je(r.value, s.value);
+    }), ($, k) => (f(), b("div", {
+      class: ue(["textarea-box", { required: E(p), error: e.invalid }]),
       ref_key: "inputBoxRef",
       ref: s
     }, [
@@ -3862,31 +3883,31 @@ const Y2 = ["aria-busy"], X2 = {
         for: e.id,
         class: "label"
       }, K(e.label), 9, ln),
-      L("textarea", ge({ id: e.id }, B.$attrs, {
+      L("textarea", ge({ id: e.id }, $.$attrs, {
         class: "custom-textarea",
-        onFocus: M[0] || (M[0] = (I) => E(h2)(I, s.value, u)),
-        onBlur: M[1] || (M[1] = (I) => E(g2)(I, i.value, s.value, u)),
-        onInput: k,
+        onFocus: k[0] || (k[0] = (H) => E(h2)(H, s.value, i)),
+        onBlur: k[1] || (k[1] = (H) => E(g2)(H, r.value, s.value, i)),
+        onInput: M,
         value: t.value,
-        required: E(m),
+        required: E(p),
         "aria-invalid": e.invalid ? "true" : void 0,
-        "aria-errormessage": _.value,
-        "aria-describedby": E(y),
+        "aria-errormessage": S.value,
+        "aria-describedby": E(C),
         ref_key: "textareaRef",
-        ref: i
+        ref: r
       }), "        ", 16, rn),
-      j(ot, { hintId: p }, {
+      j(ot, { hintId: h }, {
         default: Q(() => [
-          X(B.$slots, "hint", {}, void 0, !0)
+          X($.$slots, "hint", {}, void 0, !0)
         ]),
         _: 3
       }),
       j(lt, {
         baseId: E(d),
-        isRequired: E(m)
+        isRequired: E(p)
       }, null, 8, ["baseId", "isRequired"]),
       j(rt, {
-        errorId: l,
+        errorId: u,
         invalid: e.invalid,
         errorMessage: e.errorMessage
       }, null, 8, ["invalid", "errorMessage"])
@@ -3901,12 +3922,12 @@ const Y2 = ["aria-busy"], X2 = {
   setup(e) {
     const n = (t, a) => {
       if (!a) return [{ text: t, match: !1 }];
-      const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), u = new RegExp(o, "ig"), r = [];
-      let i = 0;
-      return t.replace(u, (s, d) => (d > i && r.push({ text: t.slice(i, d), match: !1 }), r.push({ text: s, match: !0 }), i = d + s.length, s)), i < t.length && r.push({ text: t.slice(i), match: !1 }), r;
+      const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"), l = [];
+      let r = 0;
+      return t.replace(i, (s, d) => (d > r && l.push({ text: t.slice(r, d), match: !1 }), l.push({ text: s, match: !0 }), r = d + s.length, s)), r < t.length && l.push({ text: t.slice(r), match: !1 }), l;
     };
-    return (t, a) => (f(!0), g(re, null, ve(n(e.text, e.query), (o, u) => (f(), g(re, { key: u }, [
-      o.match ? (f(), g("mark", un, K(o.text), 1)) : (f(), g("span", cn, K(o.text), 1))
+    return (t, a) => (f(!0), b(re, null, ve(n(e.text, e.query), (o, i) => (f(), b(re, { key: i }, [
+      o.match ? (f(), b("mark", un, K(o.text), 1)) : (f(), b("span", cn, K(o.text), 1))
     ], 64))), 128));
   }
 }), vn = /* @__PURE__ */ W(dn, [["__scopeId", "data-v-edfa70b3"]]), fn = [
@@ -3947,7 +3968,7 @@ const Y2 = ["aria-busy"], X2 = {
   },
   emits: ["valid"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = w([]), u = w(null), r = w(null), i = (b, y) => b && (o.value[y] = b);
+    const t = e, a = n, o = w([]), i = w(null), l = w(null), r = (m, C) => m && (o.value[C] = m);
     J(
       () => t.password,
       () => {
@@ -3962,45 +3983,45 @@ const Y2 = ["aria-busy"], X2 = {
     const s = {
       "--strength-fill-color": t.strengthFillColor
     }, d = () => {
-      const b = l(), y = Object.values(p()).every(Boolean);
-      return b && y;
-    }, l = () => {
-      const b = p(), y = Object.values(b).filter(Boolean).length, k = t.password.length >= 12 ? 1 : 0, _ = Math.min(100, (y + k) * 20), B = Math.min(t.labels.length - 1, Math.floor(_ / 25));
-      return u.value && (u.value.style.width = `${_}%`), r.value && (r.value.textContent = t.labels[B] ?? "Very weak"), y === t.rules.length;
+      const m = u(), C = Object.values(h()).every(Boolean);
+      return m && C;
+    }, u = () => {
+      const m = h(), C = Object.values(m).filter(Boolean).length, M = t.password.length >= 12 ? 1 : 0, S = Math.min(100, (C + M) * 20), $ = Math.min(t.labels.length - 1, Math.floor(S / 25));
+      return i.value && (i.value.style.width = `${S}%`), l.value && (l.value.textContent = t.labels[$] ?? "Very weak"), C === t.rules.length;
+    }, h = () => {
+      const m = p();
+      return o.value.forEach((C) => {
+        const M = C.dataset.rule, S = !!m[M];
+        C.classList.toggle("passed", S);
+      }), m;
     }, p = () => {
-      const b = m();
-      return o.value.forEach((y) => {
-        const k = y.dataset.rule, _ = !!b[k];
-        y.classList.toggle("passed", _);
-      }), b;
-    }, m = () => {
-      const b = {};
-      return t.rules.forEach((y) => {
-        b[y.key] = y.validator(
+      const m = {};
+      return t.rules.forEach((C) => {
+        m[C.key] = C.validator(
           t.password,
           t.passwordConfirmation
         );
-      }), b;
+      }), m;
     };
-    return (b, y) => (f(), g("section", pn, [
+    return (m, C) => (f(), b("section", pn, [
       L("ul", mn, [
-        (f(!0), g(re, null, ve(t.rules, (k, _) => (f(), g("li", {
-          key: k.key,
+        (f(!0), b(re, null, ve(t.rules, (M, S) => (f(), b("li", {
+          key: M.key,
           class: "password-rule",
-          "data-rule": k.key,
+          "data-rule": M.key,
           ref_for: !0,
-          ref: (B) => i(B, _)
+          ref: ($) => r($, S)
         }, [
-          y[0] || (y[0] = L("span", { class: "rule-icon" }, "•", -1)),
-          be(" " + K(k.label), 1)
+          C[0] || (C[0] = L("span", { class: "rule-icon" }, "•", -1)),
+          be(" " + K(M.label), 1)
         ], 8, Cn))), 128))
       ]),
       L("div", hn, [
         L("div", gn, [
-          y[1] || (y[1] = L("span", null, "Força da senha", -1)),
+          C[1] || (C[1] = L("span", null, "Força da senha", -1)),
           L("span", {
             ref_key: "strengthLabelRef",
-            ref: r
+            ref: l
           }, "Muito fraca", 512)
         ]),
         L("div", {
@@ -4010,7 +4031,7 @@ const Y2 = ["aria-busy"], X2 = {
           L("div", {
             class: "strength-fill",
             ref_key: "strengthFillRef",
-            ref: u
+            ref: i
           }, null, 512)
         ])
       ])
@@ -4034,31 +4055,31 @@ const bn = {
     separator: { default: "/" }
   },
   setup(e) {
-    const n = e, t = de(Zt), a = (i) => i === n.items.length - 1, o = (i, s) => u(i, s), u = (i, s) => a(s) || i.disabled ? "span" : i.to && t ? Dt("RouterLink") : i.href ? "a" : "span", r = (i, s) => a(s) || i.disabled ? { "data-disabled": i.disabled || void 0 } : i.to ? { to: i.to } : i.href ? {
-      href: i.href,
-      target: i.external ? "_blank" : void 0,
-      rel: i.external ? "noopener noreferrer" : void 0,
-      "aria-label": i.external ? `${i.label} (opens in a new tab)` : void 0
+    const n = e, t = de(Zt), a = (r) => r === n.items.length - 1, o = (r, s) => i(r, s), i = (r, s) => a(s) || r.disabled ? "span" : r.to && t ? Dt("RouterLink") : r.href ? "a" : "span", l = (r, s) => a(s) || r.disabled ? { "data-disabled": r.disabled || void 0 } : r.to ? { to: r.to } : r.href ? {
+      href: r.href,
+      target: r.external ? "_blank" : void 0,
+      rel: r.external ? "noopener noreferrer" : void 0,
+      "aria-label": r.external ? `${r.label} (opens in a new tab)` : void 0
     } : {};
-    return (i, s) => (f(), g("nav", bn, [
+    return (r, s) => (f(), b("nav", bn, [
       L("ol", kn, [
-        (f(!0), g(re, null, ve(e.items, (d, l) => (f(), g("li", {
-          key: d.to ?? d.href ?? `${d.label}-${l}`,
+        (f(!0), b(re, null, ve(e.items, (d, u) => (f(), b("li", {
+          key: d.to ?? d.href ?? `${d.label}-${u}`,
           class: "ui-breadcrumb__item"
         }, [
-          (f(), ee(Re(o(d, l)), ge({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, r(d, l), {
-            "aria-posinset": l + 1,
+          (f(), ee(Re(o(d, u)), ge({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, l(d, u), {
+            "aria-posinset": u + 1,
             "aria-setsize": e.items.length,
-            "aria-current": a(l) ? "page" : void 0,
-            tabindex: a(l) || o(d, l) === "span" ? -1 : void 0
+            "aria-current": a(u) ? "page" : void 0,
+            tabindex: a(u) || o(d, u) === "span" ? -1 : void 0
           }), {
             default: Q(() => [
               be(K(d.label), 1)
             ]),
             _: 2
           }, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
-          a(l) ? N("", !0) : (f(), g("span", wn, [
-            X(i.$slots, "separator", {}, () => [
+          a(u) ? N("", !0) : (f(), b("span", wn, [
+            X(r.$slots, "separator", {}, () => [
               be(K(e.separator), 1)
             ], !0)
           ]))
@@ -4088,15 +4109,15 @@ const bn = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = he(e, "modelValue"), a = H(() => n.invalid ? "true" : void 0), o = H(() => n.required && !n.disabled ? "true" : void 0), u = H(() => n.disabled ? !0 : void 0);
-    return (r, i) => (f(), g("fieldset", {
+    const n = e, t = he(e, "modelValue"), a = V(() => n.invalid ? "true" : void 0), o = V(() => n.required && !n.disabled ? "true" : void 0), i = V(() => n.disabled ? !0 : void 0);
+    return (l, r) => (f(), b("fieldset", {
       class: ue(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
       "aria-invalid": a.value,
       "aria-required": o.value,
-      disabled: u.value
+      disabled: i.value
     }, [
       L("legend", xn, K(e.name), 1),
-      (f(!0), g(re, null, ve(e.options, (s) => (f(), g("label", {
+      (f(!0), b(re, null, ve(e.options, (s) => (f(), b("label", {
         key: s.key,
         class: ue(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
       }, [
@@ -4107,11 +4128,11 @@ const bn = {
           value: s.key,
           disabled: e.disabled || s.disabled,
           required: e.required,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d)
+          "onUpdate:modelValue": r[0] || (r[0] = (d) => t.value = d)
         }, null, 8, $n), [
           [_t, t.value]
         ]),
-        e.mode === "standard" ? (f(), g("span", In)) : N("", !0),
+        e.mode === "standard" ? (f(), b("span", In)) : N("", !0),
         L("span", Hn, K(s.label), 1)
       ], 2))), 128))
     ], 10, Ln));
@@ -4132,7 +4153,7 @@ const bn = {
   key: 0,
   class: "start-icon",
   "aria-hidden": "true"
-}, On = /* @__PURE__ */ Z({
+}, qn = /* @__PURE__ */ Z({
   __name: "Autocomplete",
   props: /* @__PURE__ */ oe({
     id: {},
@@ -4158,13 +4179,13 @@ const bn = {
   }),
   emits: /* @__PURE__ */ oe(["change", "select", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = n, o = he(e, "modelValue"), u = w(null), r = w(""), i = w(!1), s = w([]), d = w(null), l = w(null), p = H(() => t.id ? `${t.id}-search-history` : "search-history"), b = `${fe()}-list`, y = w(!1), k = H(() => o.value !== null && o.value !== void 0 && o.value !== ""), _ = H(() => d.value !== null ? `${b}-option-${d.value}` : void 0), B = H(() => i.value && _.value ? _.value : void 0), M = H(() => s.value.length > 0), I = H(() => {
+    const t = e, a = n, o = he(e, "modelValue"), i = w(null), l = w(""), r = w(!1), s = w([]), d = w(null), u = w(null), h = V(() => t.id ? `${t.id}-search-history` : "search-history"), m = `${fe()}-list`, C = w(!1), M = V(() => o.value !== null && o.value !== void 0 && o.value !== ""), S = V(() => d.value !== null ? `${m}-option-${d.value}` : void 0), $ = V(() => r.value && S.value ? S.value : void 0), k = V(() => s.value.length > 0), H = V(() => {
       if (!t.filterable) return t.options;
-      const c = r.value.toLowerCase();
+      const c = l.value.toLowerCase();
       return t.options.filter((v) => t.getValue(v).toLowerCase().includes(c));
-    }), C = Oe(t).value;
+    }), g = qe(t).value;
     J(
-      () => p.value,
+      () => h.value,
       (c) => {
         if (c)
           try {
@@ -4174,97 +4195,97 @@ const bn = {
           }
       },
       { immediate: !0 }
-    ), J(i, async (c) => {
+    ), J(r, async (c) => {
       if (!c) {
         d.value = null;
         return;
       }
-      I.value.length !== 0 && (await Me(), ae());
+      H.value.length !== 0 && (await Me(), ae());
     }), J(
       () => t.loading,
       async (c) => {
-        c || i.value && I.value.length !== 0 && (await Me(), ae());
+        c || r.value && H.value.length !== 0 && (await Me(), ae());
       }
     ), J(
       () => t.options,
       () => {
-        o.value || (l.value = null, d.value = null);
+        o.value || (u.value = null, d.value = null);
       }
     );
     const R = (c) => {
-      r.value.length >= t.minChars && !t.filterable && !t.loading && (i.value = !0), y.value = !0, a("focus", c);
+      l.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0), C.value = !0, a("focus", c);
     }, F = (c) => {
       const v = c.relatedTarget;
-      u.value?.contains(v) || (i.value = !1, o.value ? $() : r.value = "", y.value = !1, a("blur", c));
+      i.value?.contains(v) || (r.value = !1, o.value ? I() : l.value = "", C.value = !1, a("blur", c));
     }, G = (c, v) => {
-      const h = u.value;
-      if (!h || t.isDisabled(c)) return;
-      i.value = !1, O(r.value), l.value = v, d.value = v;
+      const y = i.value;
+      if (!y || t.isDisabled(c)) return;
+      r.value = !1, q(l.value), u.value = v, d.value = v;
       const x = t.getKey(c);
-      x && x.toString().length > 0 ? h.classList.add("filled") : h.classList.remove("filled"), r.value = t.getValue(c), o.value = x, a("select", x);
+      x && x.toString().length > 0 ? y.classList.add("filled") : y.classList.remove("filled"), l.value = t.getValue(c), o.value = x, a("select", x);
     }, D = (c) => {
-      if (!i.value && ["ArrowDown", "ArrowUp"].includes(c.key)) {
-        i.value = !0, d.value = d.value ?? I.value.findIndex((v) => !t.isDisabled(v)), c.preventDefault();
+      if (!r.value && ["ArrowDown", "ArrowUp"].includes(c.key)) {
+        r.value = !0, d.value = d.value ?? H.value.findIndex((v) => !t.isDisabled(v)), c.preventDefault();
         return;
       }
-      if (i.value) {
-        if (c.key === "ArrowDown" && (S(1), c.preventDefault()), c.key === "ArrowUp" && (S(-1), c.preventDefault()), c.key === "Home") {
+      if (r.value) {
+        if (c.key === "ArrowDown" && (_(1), c.preventDefault()), c.key === "ArrowUp" && (_(-1), c.preventDefault()), c.key === "Home") {
           const v = ce();
           v >= 0 && (d.value = v), c.preventDefault();
         }
         if (c.key === "End") {
-          const v = q();
+          const v = O();
           v >= 0 && (d.value = v), c.preventDefault();
         }
         if (c.key === "Enter") {
           if (d.value === null) return;
-          const v = I.value[d.value];
+          const v = H.value[d.value];
           if (!v || t.isDisabled(v)) return;
-          G(v, d.value), i.value = !1, c.preventDefault();
+          G(v, d.value), r.value = !1, c.preventDefault();
         }
-        c.key === "Escape" && (i.value = !1);
+        c.key === "Escape" && (r.value = !1);
       }
-    }, S = (c) => {
+    }, _ = (c) => {
       if (d.value === null) return;
       let v = d.value;
       do
         v += c;
-      while (v >= 0 && v < I.value.length && t.isDisabled(I.value[v]));
-      v >= 0 && v < I.value.length && (d.value = v);
+      while (v >= 0 && v < H.value.length && t.isDisabled(H.value[v]));
+      v >= 0 && v < H.value.length && (d.value = v);
     }, A = () => {
-      r.value.length === 0 && (o.value = ""), r.value.length >= t.minChars ? (a("change", r.value), i.value = !0) : i.value = !1;
-    }, $ = () => {
+      l.value.length === 0 && (o.value = ""), l.value.length >= t.minChars ? (a("change", l.value), r.value = !0) : r.value = !1;
+    }, I = () => {
       if (o.value.toString().length === 0 || !t.options || t.options.length === 0) return;
       const c = t.options.findIndex((v) => t.getKey(v) === o.value);
-      c > -1 && (d.value = c, l.value = c, r.value = t.getValue(t.options[c]));
+      c > -1 && (d.value = c, u.value = c, l.value = t.getValue(t.options[c]));
     };
     J(
       [() => t.options.length, () => o.value],
       async ([c, v]) => {
-        v && c !== 0 && (await Me(), $());
+        v && c !== 0 && (await Me(), I());
       },
       { flush: "post", immediate: !0 }
     );
-    const V = () => {
-      r.value = "", o.value = "";
-    }, O = (c) => {
+    const B = () => {
+      l.value = "", o.value = "";
+    }, q = (c) => {
       !c || c.trim().length === 0 || (s.value = [
         c,
         ...s.value.filter((v) => v !== c)
-      ].slice(0, t.suggestionsLimit), localStorage.setItem(p.value, JSON.stringify(s.value)));
+      ].slice(0, t.suggestionsLimit), localStorage.setItem(h.value, JSON.stringify(s.value)));
     }, te = (c) => {
-      r.value = c, A();
+      l.value = c, A();
     }, ae = () => {
       const c = ce();
       c >= 0 && (d.value = c);
-    }, ce = () => I.value.findIndex((c) => !t.isDisabled(c)), q = () => {
-      for (let c = I.value.length - 1; c >= 0; c--) if (!t.isDisabled(I.value[c])) return c;
+    }, ce = () => H.value.findIndex((c) => !t.isDisabled(c)), O = () => {
+      for (let c = H.value.length - 1; c >= 0; c--) if (!t.isDisabled(H.value[c])) return c;
       return -1;
     };
-    return se(() => $()), (c, v) => (f(), g("div", {
-      class: ue(["autocomplete", { required: E(C), error: e.invalid, "has-icon": Object.keys(c.$slots).includes("icon"), filled: k.value, focused: y.value }]),
+    return se(() => I()), (c, v) => (f(), b("div", {
+      class: ue(["autocomplete", { required: E(g), error: e.invalid, "has-icon": Object.keys(c.$slots).includes("icon"), filled: M.value, focused: C.value }]),
       ref_key: "autocompleteRef",
-      ref: u
+      ref: i
     }, [
       L("label", {
         for: e.id,
@@ -4276,60 +4297,60 @@ const bn = {
       }, c.$attrs, {
         role: "combobox",
         "aria-autocomplete": "list",
-        "aria-expanded": i.value,
-        "aria-controls": b,
-        "aria-activedescendant": B.value,
-        "aria-required": E(C),
+        "aria-expanded": r.value,
+        "aria-controls": m,
+        "aria-activedescendant": $.value,
+        "aria-required": E(g),
         "aria-invalid": e.invalid ? "true" : void 0,
         disabled: e.disabled ? !0 : void 0,
         "aria-disabled": e.disabled ? !0 : void 0,
-        "onUpdate:modelValue": v[0] || (v[0] = (h) => r.value = h),
+        "onUpdate:modelValue": v[0] || (v[0] = (y) => l.value = y),
         onFocus: R,
         onBlur: F,
         onInput: A,
         onKeydown: D
       }), null, 16, An), [
-        [St, r.value]
+        [St, l.value]
       ]),
       j(Se, { name: "select" }, {
         default: Q(() => [
           Ve(L("ul", {
-            id: b,
+            id: m,
             role: "listbox",
             class: "options"
           }, [
-            I.value.length > 0 ? (f(!0), g(re, { key: 0 }, ve(I.value, (h, x) => (f(), g("li", {
-              id: `${b}-option-${x}`,
-              key: e.getKey(h),
+            H.value.length > 0 ? (f(!0), b(re, { key: 0 }, ve(H.value, (y, x) => (f(), b("li", {
+              id: `${m}-option-${x}`,
+              key: e.getKey(y),
               role: "option",
               class: ue(["option", { "focus-visible": d.value === x }]),
-              "aria-disabled": t.isDisabled(h) || void 0,
-              "aria-selected": x === l.value,
+              "aria-disabled": t.isDisabled(y) || void 0,
+              "aria-selected": x === u.value,
               onMousedown: v[1] || (v[1] = ie(() => {
               }, ["prevent"])),
-              onClick: (T) => !t.isDisabled(h) && G(h, x)
+              onClick: (T) => !t.isDisabled(y) && G(y, x)
             }, [
-              t.isDisabled(h) ? N("", !0) : (f(), ee(pe, {
+              t.isDisabled(y) ? N("", !0) : (f(), ee(pe, {
                 key: 0,
                 name: "search",
                 size: 22
               })),
               X(c.$slots, "option", {
-                option: h,
-                value: e.getValue(h),
-                query: r.value,
-                selected: x === l.value,
+                option: y,
+                value: e.getValue(y),
+                query: l.value,
+                selected: x === u.value,
                 active: x === d.value
               }, () => [
                 L("div", _n, [
                   j(vn, {
-                    text: e.getValue(h),
-                    query: r.value
+                    text: e.getValue(y),
+                    query: l.value
                   }, null, 8, ["text", "query"])
                 ])
               ], !0),
-              L("div", Sn, K(e.getValue(h)), 1)
-            ], 42, Dn))), 128)) : I.value.length === 0 && !e.loading ? (f(), g("li", Rn, [...v[3] || (v[3] = [
+              L("div", Sn, K(e.getValue(y)), 1)
+            ], 42, Dn))), 128)) : H.value.length === 0 && !e.loading ? (f(), b("li", Rn, [...v[3] || (v[3] = [
               L("div", { class: "option-value" }, "No results found", -1)
             ])])) : (f(), ee(Bt, {
               key: 2,
@@ -4337,29 +4358,29 @@ const bn = {
               role: "status",
               message: "Loading"
             })),
-            M.value ? (f(), g("li", Tn, [...v[4] || (v[4] = [
+            k.value ? (f(), b("li", Tn, [...v[4] || (v[4] = [
               L("div", { class: "option-value" }, " Recents ", -1)
             ])])) : N("", !0),
-            (f(!0), g(re, null, ve(s.value, (h) => (f(), g("li", {
-              key: h,
+            (f(!0), b(re, null, ve(s.value, (y) => (f(), b("li", {
+              key: y,
               role: "presentation",
               "aria-hidden": "true",
               class: "option recent-item",
-              onClick: (x) => te(h)
+              onClick: (x) => te(y)
             }, [
               j(pe, { name: "clock" }),
-              L("div", Zn, K(h), 1)
+              L("div", Zn, K(y), 1)
             ], 8, En))), 128))
           ], 512), [
-            [et, i.value]
+            [et, r.value]
           ])
         ]),
         _: 3
       }),
-      c.$slots.icon ? (f(), g("span", zn, [
+      c.$slots.icon ? (f(), b("span", zn, [
         X(c.$slots, "icon", {}, void 0, !0)
       ])) : N("", !0),
-      r.value.length > 0 && !e.disabled ? (f(), ee(ke, {
+      l.value.length > 0 && !e.disabled ? (f(), ee(ke, {
         key: 1,
         type: "button",
         class: "btn btn-icon",
@@ -4368,7 +4389,7 @@ const bn = {
         "\\": "",
         onMousedown: v[2] || (v[2] = ie(() => {
         }, ["prevent"])),
-        onClick: V
+        onClick: B
       }, {
         default: Q(() => [
           j(pe, {
@@ -4382,7 +4403,7 @@ const bn = {
       })) : N("", !0)
     ], 2));
   }
-}), $l = /* @__PURE__ */ W(On, [["__scopeId", "data-v-75e8a9a2"]]), qn = 5, ye = bt({
+}), $l = /* @__PURE__ */ W(qn, [["__scopeId", "data-v-75e8a9a2"]]), On = 5, ye = bt({
   toasts: []
 });
 let Fn = 0;
@@ -4393,7 +4414,7 @@ const Ae = (e, n = "info") => {
     ...typeof e == "string" ? { description: e } : e,
     variant: n
   };
-  return ye.toasts.push(t), ye.toasts.length > qn && ye.toasts.shift(), t.id;
+  return ye.toasts.push(t), ye.toasts.length > On && ye.toasts.shift(), t.id;
 }, Nn = (e, n) => ye.toasts = ye.toasts.map((t) => t.id === e ? { ...t, ...n, loading: !1 } : t), Il = Object.assign(
   (e) => Ae(e),
   {
@@ -4423,20 +4444,20 @@ const Ae = (e, n = "info") => {
   },
   setup(e) {
     const n = e, t = w(null), a = w("open"), o = w(100);
-    let u = Date.now(), r;
-    const i = () => {
-      const l = Date.now() - u;
-      if (o.value = Math.max(0, 100 - l / n.duration * 100), o.value <= 0) {
+    let i = Date.now(), l;
+    const r = () => {
+      const u = Date.now() - i;
+      if (o.value = Math.max(0, 100 - u / n.duration * 100), o.value <= 0) {
         d();
         return;
       }
-      r = requestAnimationFrame(i);
+      l = requestAnimationFrame(r);
     }, s = () => {
-      if (cancelAnimationFrame(r), n.duration === 1 / 0) {
+      if (cancelAnimationFrame(l), n.duration === 1 / 0) {
         o.value = 100;
         return;
       }
-      u = Date.now(), r = requestAnimationFrame(i);
+      i = Date.now(), l = requestAnimationFrame(r);
     };
     J(
       () => n.duration,
@@ -4444,9 +4465,9 @@ const Ae = (e, n = "info") => {
       { immediate: !0 }
     );
     const d = () => {
-      cancelAnimationFrame(r), a.value = "closing", setTimeout(() => ye.toasts = ye.toasts.filter((l) => l.id !== n.id), jn);
+      cancelAnimationFrame(l), a.value = "closing", setTimeout(() => ye.toasts = ye.toasts.filter((u) => u.id !== n.id), jn);
     };
-    return se(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(r)), (l, p) => (f(), g("div", {
+    return se(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (u, h) => (f(), b("div", {
       ref_key: "rootRef",
       ref: t,
       tabindex: "-1",
@@ -4459,7 +4480,7 @@ const Ae = (e, n = "info") => {
       "aria-describedby": e.loading ? void 0 : `toast-desc-${e.id}`
     }, [
       L("div", Kn, [
-        X(l.$slots, "default", {}, void 0, !0),
+        X(u.$slots, "default", {}, void 0, !0),
         j(ke, {
           type: "button",
           onClick: d,
@@ -4475,7 +4496,7 @@ const Ae = (e, n = "info") => {
           _: 1
         }, 8, ["aria-label"])
       ]),
-      e.duration !== 1 / 0 ? (f(), g("div", Un, [
+      e.duration !== 1 / 0 ? (f(), b("div", Un, [
         L("div", {
           class: "bar",
           style: Le({ width: o.value + "%" })
@@ -4490,7 +4511,7 @@ const Ae = (e, n = "info") => {
       L("div", Xn, [
         j(Rt, { name: "toast-stack" }, {
           default: Q(() => [
-            (f(!0), g(re, null, ve(E(ye).toasts, (a) => (f(), ee(Yn, {
+            (f(!0), b(re, null, ve(E(ye).toasts, (a) => (f(), ee(Yn, {
               key: a.id,
               id: a.id,
               duration: a.duration,
@@ -4499,12 +4520,12 @@ const Ae = (e, n = "info") => {
             }, {
               default: Q(() => [
                 L("div", Gn, [
-                  a.title ? (f(), g("strong", Jn, K(a.title), 1)) : N("", !0),
+                  a.title ? (f(), b("strong", Jn, K(a.title), 1)) : N("", !0),
                   a.loading ? (f(), ee(Bt, {
                     key: 1,
                     message: a.description,
                     "aria-hidden": "true"
-                  }, null, 8, ["message"])) : (f(), g("p", {
+                  }, null, 8, ["message"])) : (f(), b("p", {
                     key: 2,
                     id: `toast-desc-${a.id}`
                   }, K(a.description), 9, Qn))
@@ -4537,20 +4558,20 @@ const Hl = {
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = w(), u = w();
-    xe("card:labelId", o), xe("card:descriptionId", u);
-    const r = H(() => t.clickable && t.as !== "button" && t.as !== "a"), i = () => t.clickable && a("click");
+    const t = e, a = n, o = w(), i = w();
+    xe("card:labelId", o), xe("card:descriptionId", i);
+    const l = V(() => t.clickable && t.as !== "button" && t.as !== "a"), r = () => t.clickable && a("click");
     return (s, d) => (f(), ee(Re(e.as), {
       class: ue(["rs-card", { clickable: e.clickable }]),
-      tabindex: r.value ? 0 : void 0,
-      role: r.value ? "button" : void 0,
-      onClick: i,
+      tabindex: l.value ? 0 : void 0,
+      role: l.value ? "button" : void 0,
+      onClick: r,
       onKeydown: [
-        d[0] || (d[0] = Ce(ie((l) => r.value && i(), ["prevent"]), ["enter"])),
-        d[1] || (d[1] = Ce(ie((l) => r.value && i(), ["prevent"]), ["space"]))
+        d[0] || (d[0] = Ce(ie((u) => l.value && r(), ["prevent"]), ["enter"])),
+        d[1] || (d[1] = Ce(ie((u) => l.value && r(), ["prevent"]), ["space"]))
       ],
       "aria-labelledby": o.value,
-      "aria-describedby": u.value
+      "aria-describedby": i.value
     }, {
       default: Q(() => [
         X(s.$slots, "default", {}, void 0, !0)
@@ -4579,7 +4600,7 @@ const Hl = {
   __name: "CardBody",
   setup(e) {
     const n = de("card:descriptionId", void 0), t = `rs-card-desc-${fe()}`;
-    return se(() => n && (n.value = t)), (a, o) => (f(), g("div", {
+    return se(() => n && (n.value = t)), (a, o) => (f(), b("div", {
       id: t,
       class: "rs-card-body"
     }, [
@@ -4626,12 +4647,12 @@ const Hl = {
   setup(e) {
     const n = e, t = de("StepsContext");
     if (!t) throw new Error("Step component must be used inside Steps.");
-    const a = at(), o = w(null), u = w(null), r = H(() => t.orientation ?? "horizontal");
-    let i = null, s = null;
+    const a = at(), o = w(null), i = w(null), l = V(() => t.orientation ?? "horizontal");
+    let r = null, s = null;
     const d = de("StepIndex");
     if (d == null) throw new Error("StepIndex component must be used inside Steps.");
-    const l = H(() => n.status ? n.status : d < t.current.value ? "completed" : d === t.current.value ? "active" : "pending"), p = H(() => t?.icons?.[l.value]), m = H(() => a.icon ? "slot" : n.icon ? n.icon : p.value), b = H(() => {
-      switch (l.value) {
+    const u = V(() => n.status ? n.status : d < t.current.value ? "completed" : d === t.current.value ? "active" : "pending"), h = V(() => t?.icons?.[u.value]), p = V(() => a.icon ? "slot" : n.icon ? n.icon : h.value), m = V(() => {
+      switch (u.value) {
         case "completed":
           return "Stage completed";
         case "active":
@@ -4641,8 +4662,8 @@ const Hl = {
         default:
           return "Stage pending";
       }
-    }), y = H(() => {
-      switch (l.value) {
+    }), C = V(() => {
+      switch (u.value) {
         case "completed":
           return "success";
         case "active":
@@ -4652,8 +4673,8 @@ const Hl = {
         default:
           return "default";
       }
-    }), k = H(() => n.size ?? t.size ?? "sm"), _ = H(() => {
-      switch (l.value) {
+    }), M = V(() => n.size ?? t.size ?? "sm"), S = V(() => {
+      switch (u.value) {
         case "completed":
           return t.tagTitles.completed;
         case "active":
@@ -4665,21 +4686,21 @@ const Hl = {
       }
     });
     J(
-      () => l.value,
-      (C) => t.registerStepStatus(d, C),
+      () => u.value,
+      (g) => t.registerStepStatus(d, g),
       { immediate: !0 }
     );
-    const B = () => {
-      i == null && (i = requestAnimationFrame(() => {
-        i = null, M();
+    const $ = () => {
+      r == null && (r = requestAnimationFrame(() => {
+        r = null, k();
       }));
-    }, M = () => {
-      if (!o.value || !u.value) return;
-      const C = u.value.getBoundingClientRect(), R = t.stepsRef.value.getBoundingClientRect(), F = t.orientation === "vertical" ? C.top + C.height / 2 - R.top : C.left + C.width / 2 - R.left;
+    }, k = () => {
+      if (!o.value || !i.value) return;
+      const g = i.value.getBoundingClientRect(), R = t.stepsRef.value.getBoundingClientRect(), F = t.orientation === "vertical" ? g.top + g.height / 2 - R.top : g.left + g.width / 2 - R.left;
       t.registerIndicatorCenter(d, F);
-    }, I = (C) => {
+    }, H = (g) => {
       const R = t.orientation === "horizontal", F = t.orientation === "vertical";
-      switch (C.key) {
+      switch (g.key) {
         case "ArrowRight":
           R && t.focusNext();
           break;
@@ -4701,79 +4722,79 @@ const Hl = {
         default:
           return;
       }
-      C.preventDefault();
+      g.preventDefault();
     };
     return se(() => {
-      !o.value || !u.value || (requestAnimationFrame(() => {
-        requestAnimationFrame(M);
+      !o.value || !i.value || (requestAnimationFrame(() => {
+        requestAnimationFrame(k);
       }), s = new ResizeObserver(() => {
-        B();
-      }), s.observe(o.value), s.observe(u.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
+        $();
+      }), s.observe(o.value), s.observe(i.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
     }), $e(() => {
-      s?.disconnect(), t.unregisterStep(o.value), i != null && cancelAnimationFrame(i);
-    }), (C, R) => (f(), g("li", {
+      s?.disconnect(), t.unregisterStep(o.value), r != null && cancelAnimationFrame(r);
+    }), (g, R) => (f(), b("li", {
       ref_key: "stepRef",
       ref: o,
-      class: ue(["step", `step__${k.value}`]),
+      class: ue(["step", `step__${M.value}`]),
       role: "listitem",
-      "data-status": l.value,
-      "data-orientation": r.value,
-      "data-active": l.value === "active",
-      "data-completed": l.value === "completed",
+      "data-status": u.value,
+      "data-orientation": l.value,
+      "data-active": u.value === "active",
+      "data-completed": u.value === "completed",
       "aria-labelledby": `step-title-${E(d)}`,
-      tabindex: l.value === "active" ? 0 : -1,
-      "aria-current": l.value === "active" ? "step" : void 0,
+      tabindex: u.value === "active" ? 0 : -1,
+      "aria-current": u.value === "active" ? "step" : void 0,
       "aria-posinset": E(d) + 1,
       "aria-setsize": E(t).stepsCount.value,
       "aria-describedby": `step-status-${E(d)}`,
-      onKeydown: I
+      onKeydown: H
     }, [
       L("span", {
         ref_key: "indicatorRef",
-        ref: u,
+        ref: i,
         class: "indicator",
         "aria-hidden": "true"
       }, [
-        C.$slots.icon ? X(C.$slots, "icon", {
+        g.$slots.icon ? X(g.$slots, "icon", {
           key: 0,
-          status: l.value
-        }, void 0, !0) : m.value ? (f(), ee(pe, {
+          status: u.value
+        }, void 0, !0) : p.value ? (f(), ee(pe, {
           key: 1,
-          name: m.value,
+          name: p.value,
           class: "icon"
         }, null, 8, ["name"])) : N("", !0),
-        l.value === "completed" ? (f(), g("svg", ro, [...R[0] || (R[0] = [
+        u.value === "completed" ? (f(), b("svg", ro, [...R[0] || (R[0] = [
           L("path", {
             d: "M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : l.value === "error" ? (f(), g("svg", so, [...R[1] || (R[1] = [
+        ])])) : u.value === "error" ? (f(), b("svg", so, [...R[1] || (R[1] = [
           L("path", {
             d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : l.value === "active" ? (f(), g("span", io)) : N("", !0)
+        ])])) : u.value === "active" ? (f(), b("span", io)) : N("", !0)
       ], 512),
       L("span", {
         id: `step-status-${E(d)}`,
         class: "sr-only"
-      }, K(b.value), 9, uo),
+      }, K(m.value), 9, uo),
       L("div", co, [
         L("span", {
           id: `step-title-${E(d)}`,
           class: "title"
         }, K(e.title), 9, vo),
         j(u2, {
-          variant: y.value,
+          variant: C.value,
           size: "sm"
         }, {
           default: Q(() => [
-            be(K(_.value), 1)
+            be(K(S.value), 1)
           ]),
           _: 1
         }, 8, ["variant"]),
-        C.$slots.default ? (f(), g("span", fo, [
-          X(C.$slots, "default", {}, void 0, !0)
+        g.$slots.default ? (f(), b("span", fo, [
+          X(g.$slots, "default", {}, void 0, !0)
         ])) : N("", !0)
       ])
     ], 42, lo));
@@ -4811,13 +4832,13 @@ const Hl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = w(0), a = at(), o = he(e, "modelValue"), u = w([]), r = w(null), i = H(() => o.value ?? 0), s = `steps-description-${fe()}`, d = Et({}), l = bt({});
-    let p = null;
-    const m = H(() => (a.default?.() ?? [])[i.value]?.props?.title ?? ""), b = H(() => Object.entries(l).filter(([, S]) => S !== "completed").length === 0), y = H(
-      () => Object.values(l).includes("error")
-    ), k = H(() => {
-      const S = i.value, A = d;
-      if (A.value[0] == null || A.value[S] == null)
+    const n = e, t = w(0), a = at(), o = he(e, "modelValue"), i = w([]), l = w(null), r = V(() => o.value ?? 0), s = `steps-description-${fe()}`, d = Et({}), u = bt({});
+    let h = null;
+    const p = V(() => (a.default?.() ?? [])[r.value]?.props?.title ?? ""), m = V(() => Object.entries(u).filter(([, _]) => _ !== "completed").length === 0), C = V(
+      () => Object.values(u).includes("error")
+    ), M = V(() => {
+      const _ = r.value, A = d;
+      if (A.value[0] == null || A.value[_] == null)
         return n.orientation === "vertical" ? {
           height: "100%",
           top: "0px"
@@ -4825,74 +4846,74 @@ const Hl = {
           width: "100%",
           left: "0px"
         };
-      const $ = A.value[0], V = A.value[S];
+      const I = A.value[0], B = A.value[_];
       return n.orientation === "vertical" ? {
-        top: `${$}px`,
-        height: `${V - $}px`
+        top: `${I}px`,
+        height: `${B - I}px`
       } : {
-        left: `${$}px`,
-        width: `${V - $}px`
+        left: `${I}px`,
+        width: `${B - I}px`
       };
-    }), _ = H(() => {
-      const S = Object.values(d.value).sort((V, O) => V - O);
-      if (S.length < 2) return {};
-      const A = S[0], $ = S[S.length - 1];
+    }), S = V(() => {
+      const _ = Object.values(d.value).sort((B, q) => B - q);
+      if (_.length < 2) return {};
+      const A = _[0], I = _[_.length - 1];
       return n.orientation === "vertical" ? {
         top: `${A}px`,
-        height: `${$ - A}px`
+        height: `${I - A}px`
       } : {
         left: `${A}px`,
-        right: `calc(100% - ${$}px)`
+        right: `calc(100% - ${I}px)`
       };
-    }), B = (S, A) => d.value = { ...d.value, [S]: A };
-    function M(S) {
-      u.value.push(S), t.value = u.value.length;
+    }), $ = (_, A) => d.value = { ...d.value, [_]: A };
+    function k(_) {
+      i.value.push(_), t.value = i.value.length;
     }
-    function I(S) {
-      u.value = u.value.filter((A) => A !== S), t.value = u.value.length;
+    function H(_) {
+      i.value = i.value.filter((A) => A !== _), t.value = i.value.length;
     }
-    function C(S) {
-      S < 0 || S >= u.value.length || (o.value = S, u.value[S]?.focus());
+    function g(_) {
+      _ < 0 || _ >= i.value.length || (o.value = _, i.value[_]?.focus());
     }
     function R() {
-      C(o.value + 1);
+      g(o.value + 1);
     }
     function F() {
-      C(o.value - 1);
+      g(o.value - 1);
     }
     function G() {
-      C(0);
+      g(0);
     }
     function D() {
-      C(t.value - 1);
+      g(t.value - 1);
     }
     return se(() => {
-      r.value && (p = new ResizeObserver(() => {
-      }), p.observe(r.value));
-    }), $e(() => p?.disconnect()), xe("StepsContext", {
-      current: H(() => o.value),
-      update: (S) => o.value = S,
+      l.value && (h = new ResizeObserver(() => {
+      }), h.observe(l.value));
+    }), $e(() => h?.disconnect()), xe("StepsContext", {
+      current: V(() => o.value),
+      update: (_) => o.value = _,
       stepsCount: t,
       icons: n.icons,
       size: n.size,
       orientation: n.orientation,
-      stepStatusMap: l,
-      stepsRef: r,
-      registerStepStatus: (S, A) => {
-        l[S] = A;
+      stepStatusMap: u,
+      stepsRef: l,
+      registerStepStatus: (_, A) => {
+        u[_] = A;
       },
-      registerIndicatorCenter: B,
-      registerStep: M,
-      unregisterStep: I,
+      registerIndicatorCenter: $,
+      registerStep: k,
+      unregisterStep: H,
       focusNext: R,
       focusPrev: F,
       focusFirst: G,
       focusLast: D,
       tagTitles: n.tagTitles
-    }), (S, A) => (f(), g(re, null, [
+    }), (_, A) => (f(), b(re, null, [
       L("ol", {
         ref_key: "stepsRef",
-        ref: r,
+        ref: l,
         class: "steps",
         role: "list",
         "data-size": e.size,
@@ -4906,26 +4927,26 @@ const Hl = {
         L("div", {
           class: "track",
           "aria-hidden": "true",
-          style: Le(_.value)
+          style: Le(S.value)
         }, [
           L("div", {
             class: "track-progress",
-            "data-error": y.value,
-            "data-completed": b.value,
-            style: Le(k.value)
+            "data-error": C.value,
+            "data-completed": m.value,
+            style: Le(M.value)
           }, null, 12, ho)
         ], 4),
-        (f(!0), g(re, null, ve(S.$slots.default?.(), ($, V) => (f(), ee(mo, {
-          key: V,
-          index: V
+        (f(!0), b(re, null, ve(_.$slots.default?.(), (I, B) => (f(), ee(mo, {
+          key: B,
+          index: B
         }, {
           default: Q(() => [
-            (f(), ee(Re($)))
+            (f(), ee(Re(I)))
           ]),
           _: 2
         }, 1032, ["index"]))), 128))
       ], 8, Co),
-      L("div", go, " Step " + K(i.value + 1) + " of " + K(t.value) + ": " + K(m.value), 1)
+      L("div", go, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(p.value), 1)
     ], 64));
   }
 }), Sl = /* @__PURE__ */ W(yo, [["__scopeId", "data-v-2fa0f578"]]), bo = ["data-align"], ko = /* @__PURE__ */ Z({
@@ -4934,7 +4955,7 @@ const Hl = {
     align: { default: "left" }
   },
   setup(e) {
-    return xe("TimelineContext", e), (t, a) => (f(), g("ol", {
+    return xe("TimelineContext", e), (t, a) => (f(), b("ol", {
       role: "list",
       class: "ui-timeline",
       "data-align": e.align
@@ -4955,29 +4976,29 @@ const Hl = {
   setup(e) {
     const n = e, t = de("TimelineContext");
     if (!t) throw new Error("TimelineItem must be used within a Timeline component");
-    const a = fe(), o = fe(), u = H(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), r = (d) => {
-      const l = new Date(d).getDay();
-      return l < 10 ? `0${l}` : l;
-    }, i = (d) => new Date(d).toLocaleString("default", { month: "short" }), s = (d) => new Date(d).getFullYear();
-    return (d, l) => (f(), g("li", {
+    const a = fe(), o = fe(), i = V(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), l = (d) => {
+      const u = new Date(d).getDay();
+      return u < 10 ? `0${u}` : u;
+    }, r = (d) => new Date(d).toLocaleString("default", { month: "short" }), s = (d) => new Date(d).getFullYear();
+    return (d, u) => (f(), b("li", {
       tabindex: "0",
-      class: ue([u.value, "ui-timeline-item"]),
+      class: ue([i.value, "ui-timeline-item"]),
       "data-align": E(t).align,
       "aria-labelledby": e.title ? E(a) : void 0,
       "aria-describedby": e.description ? E(o) : void 0
     }, [
-      l[0] || (l[0] = L("div", {
+      u[0] || (u[0] = L("div", {
         class: "ui-timeline-marker",
         "aria-hidden": "true"
       }, null, -1)),
       L("div", Mo, [
-        e.date ? (f(), g("time", {
+        e.date ? (f(), b("time", {
           key: 0,
           class: "ui-timeline-date",
           datetime: e.date
         }, [
-          L("span", xo, K(i(e.date)), 1),
-          L("span", $o, K(r(e.date)), 1),
+          L("span", xo, K(r(e.date)), 1),
+          L("span", $o, K(l(e.date)), 1),
           L("span", Io, K(s(e.date)), 1)
         ], 8, Lo)) : N("", !0),
         L("div", {
@@ -4997,7 +5018,7 @@ const Hl = {
               }, 8, ["id"]))
             ], !0),
             X(d.$slots, "description", {}, () => [
-              e.description ? (f(), g("p", {
+              e.description ? (f(), b("p", {
                 key: 0,
                 id: E(o),
                 class: "ui-timeline-description"
@@ -5018,7 +5039,7 @@ const Hl = {
   key: 0,
   role: "tablist",
   class: "carousel-indicators"
-}, Eo = ["aria-label", "aria-selected", "aria-current", "onClick", "onKeydown"], Zo = 0.35, zo = 0.2, Oo = /* @__PURE__ */ Z({
+}, Eo = ["aria-label", "aria-selected", "aria-current", "onClick", "onKeydown"], Zo = 0.35, zo = 0.2, qo = /* @__PURE__ */ Z({
   __name: "Carousel",
   props: /* @__PURE__ */ oe({
     ariaLabel: { default: "Carousel" },
@@ -5040,38 +5061,38 @@ const Hl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = he(e, "modelValue"), t = e, a = w(0), o = w(0), u = w(0), r = w(0), i = w(0), s = w(0), d = w(!1), l = w(!1), p = w(0), m = w([]), b = w(1), y = w(n.value), k = w(null), _ = w(null);
-    let B = null, M = null;
+    const n = he(e, "modelValue"), t = e, a = w(0), o = w(0), i = w(0), l = w(0), r = w(0), s = w(0), d = w(!1), u = w(!1), h = w(0), p = w([]), m = w(1), C = w(n.value), M = w(null), S = w(null);
+    let $ = null, k = null;
     J(
       () => n.value,
-      (x) => y.value = x
+      (x) => C.value = x
     );
-    const I = H(() => m.value[y.value] ?? void 0), C = H(() => Math.floor(y.value / b.value)), R = H(() => Math.ceil(te.value / b.value)), F = H(() => Math.max(0, te.value - b.value)), G = H(() => {
-      const x = y.value * (100 / b.value), T = l.value && _.value ? u.value / _.value.clientWidth * 100 : 0;
+    const H = V(() => p.value[C.value] ?? void 0), g = V(() => Math.floor(C.value / m.value)), R = V(() => Math.ceil(te.value / m.value)), F = V(() => Math.max(0, te.value - m.value)), G = V(() => {
+      const x = C.value * (100 / m.value), T = u.value && S.value ? i.value / S.value.clientWidth * 100 : 0;
       return {
         transform: `translateX(calc(-${x}% + ${T}%))`,
-        transition: l.value ? "none" : "transform 300ms ease"
+        transition: u.value ? "none" : "transform 300ms ease"
       };
     }), D = (x) => {
       let T = x;
       if (t.loop) {
-        const Y = Math.round(x / b.value), z = R.value;
-        T = (Y % z + z) % z * b.value;
+        const Y = Math.round(x / m.value), z = R.value;
+        T = (Y % z + z) % z * m.value;
       } else
         T = Math.min(
           Math.max(x, 0),
           F.value
         );
-      y.value = T, n.value = T;
-    }, S = () => D(y.value + b.value), A = () => D(y.value - b.value), $ = (x) => {
-      x.key === "ArrowRight" ? S() : x.key === "ArrowLeft" && A();
-    }, V = (x) => (m.value.includes(x) || m.value.push(x), m.value.indexOf(x)), O = (x) => m.value = m.value.filter((T) => T !== x), te = H(() => m.value.length), ae = () => {
-      !t.autoplay || B !== null || (B = window.setInterval(() => {
-        d.value || S();
+      C.value = T, n.value = T;
+    }, _ = () => D(C.value + m.value), A = () => D(C.value - m.value), I = (x) => {
+      x.key === "ArrowRight" ? _() : x.key === "ArrowLeft" && A();
+    }, B = (x) => (p.value.includes(x) || p.value.push(x), p.value.indexOf(x)), q = (x) => p.value = p.value.filter((T) => T !== x), te = V(() => p.value.length), ae = () => {
+      !t.autoplay || $ !== null || ($ = window.setInterval(() => {
+        d.value || _();
       }, t.autoplayDelay));
     }, ce = () => {
-      B !== null && (clearInterval(B), B = null);
-    }, q = (x) => {
+      $ !== null && (clearInterval($), $ = null);
+    }, O = (x) => {
       if (typeof t.itemsPerView == "number")
         return t.itemsPerView;
       const T = Object.entries(t.itemsPerView).map(([z, P]) => [Number(z), P]).sort((z, P) => z[0] - P[0]);
@@ -5079,48 +5100,48 @@ const Hl = {
       for (const [z, P] of T) x >= z && (Y = P);
       return Y;
     }, c = (x) => {
-      x.button === 0 && (l.value = !0, o.value = x.clientX, a.value = x.clientX, s.value = x.clientX, u.value = 0, r.value = performance.now(), i.value = 0, p.value = y.value, _.value?.setPointerCapture(x.pointerId), ce(), _.value.style.userSelect = "");
+      x.button === 0 && (u.value = !0, o.value = x.clientX, a.value = x.clientX, s.value = x.clientX, i.value = 0, l.value = performance.now(), r.value = 0, h.value = C.value, S.value?.setPointerCapture(x.pointerId), ce(), S.value.style.userSelect = "");
     }, v = (x) => {
-      if (!l.value) return;
-      const T = performance.now(), Y = x.clientX - a.value, z = T - r.value;
-      z > 0 && (i.value = Y / z), a.value = x.clientX, r.value = T, s.value = x.clientX, u.value = s.value - o.value;
-    }, h = (x) => {
-      if (!l.value) return;
-      l.value = !1, _.value?.releasePointerCapture(x.pointerId), _.value.style.userSelect = "";
-      const T = _.value.clientWidth / b.value, Y = u.value / T;
-      Math.abs(i.value) > Zo ? i.value < 0 ? S() : A() : Math.abs(Y) > zo ? Y < 0 ? S() : A() : D(p.value), u.value = 0, i.value = 0, ae();
+      if (!u.value) return;
+      const T = performance.now(), Y = x.clientX - a.value, z = T - l.value;
+      z > 0 && (r.value = Y / z), a.value = x.clientX, l.value = T, s.value = x.clientX, i.value = s.value - o.value;
+    }, y = (x) => {
+      if (!u.value) return;
+      u.value = !1, S.value?.releasePointerCapture(x.pointerId), S.value.style.userSelect = "";
+      const T = S.value.clientWidth / m.value, Y = i.value / T;
+      Math.abs(r.value) > Zo ? r.value < 0 ? _() : A() : Math.abs(Y) > zo ? Y < 0 ? _() : A() : D(h.value), i.value = 0, r.value = 0, ae();
     };
     return se(() => {
-      ae(), k.value && (M = new ResizeObserver((x) => {
+      ae(), M.value && (k = new ResizeObserver((x) => {
         const T = x[0]?.contentRect.width;
-        T !== void 0 && (b.value = q(T));
-      }), M.observe(k.value));
+        T !== void 0 && (m.value = O(T));
+      }), k.observe(M.value));
     }), $e(() => {
-      ce(), M?.disconnect();
+      ce(), k?.disconnect();
     }), J(
       () => t.autoplay,
       (x) => {
         x ? ae() : ce();
       },
       { immediate: !0 }
-    ), J(b, () => y.value = Math.min(y.value, F.value)), xe("CarouselContext", {
-      register: V,
-      unregister: O,
-      activeIndex: y,
+    ), J(m, () => C.value = Math.min(C.value, F.value)), xe("CarouselContext", {
+      register: B,
+      unregister: q,
+      activeIndex: C,
       slideCount: te,
-      deltaX: u,
-      itemsPerView: t.itemsPerView instanceof Object ? b : w(t.itemsPerView)
-    }), (x, T) => (f(), g("div", {
+      deltaX: i,
+      itemsPerView: t.itemsPerView instanceof Object ? m : w(t.itemsPerView)
+    }), (x, T) => (f(), b("div", {
       ref_key: "rootRef",
-      ref: k,
+      ref: M,
       role: "region",
       class: "carousel",
       "aria-roledescription": "carousel",
       "aria-label": e.ariaLabel,
       tabindex: "0",
-      "aria-activedescendant": I.value,
-      style: Le({ "--items-per-view": b.value }),
-      onKeydown: $,
+      "aria-activedescendant": H.value,
+      style: Le({ "--items-per-view": m.value }),
+      onKeydown: I,
       onMouseenter: T[0] || (T[0] = (Y) => d.value = !0),
       onMouseleave: T[1] || (T[1] = (Y) => d.value = !1),
       onFocusin: T[2] || (T[2] = (Y) => d.value = !0),
@@ -5133,18 +5154,18 @@ const Hl = {
       L("div", So, [
         L("div", {
           ref_key: "trackRef",
-          ref: _,
+          ref: S,
           class: "carousel-track",
           style: Le(G.value),
           onPointerdown: c,
           onPointermove: v,
-          onPointerup: h,
-          onPointercancel: h
+          onPointerup: y,
+          onPointercancel: y
         }, [
           X(x.$slots, "default", {}, void 0, !0)
         ], 36)
       ]),
-      L("span", Ro, " Slide " + K(Math.floor(y.value / b.value) + 1) + " of " + K(R.value), 1),
+      L("span", Ro, " Slide " + K(Math.floor(C.value / m.value) + 1) + " of " + K(R.value), 1),
       L("button", {
         type: "button",
         class: "carousel-control prev",
@@ -5157,45 +5178,45 @@ const Hl = {
         type: "button",
         class: "carousel-control next",
         "aria-label": "Next slide",
-        onClick: S
+        onClick: _
       }, [
         j(pe, { name: "directionDown" })
       ]),
-      e.showIndicators ? (f(), g("div", To, [
-        (f(!0), g(re, null, ve(R.value, (Y, z) => (f(), g("button", {
+      e.showIndicators ? (f(), b("div", To, [
+        (f(!0), b(re, null, ve(R.value, (Y, z) => (f(), b("button", {
           role: "tab",
           type: "button",
           key: z,
-          class: ue(["indicator", { active: z === Math.floor(y.value / b.value) }]),
+          class: ue(["indicator", { active: z === Math.floor(C.value / m.value) }]),
           "aria-label": `Go to slide ${z + 1}`,
-          "aria-selected": z === C.value,
-          "aria-current": z === C.value,
-          onClick: (P) => D(z * b.value),
+          "aria-selected": z === g.value,
+          "aria-current": z === g.value,
+          onClick: (P) => D(z * m.value),
           onKeydown: [
-            Ce(ie((P) => D((z - 1 + R.value) % R.value * b.value), ["prevent"]), ["left"]),
-            Ce(ie((P) => D((z + 1) % R.value * b.value), ["prevent"]), ["right"])
+            Ce(ie((P) => D((z - 1 + R.value) % R.value * m.value), ["prevent"]), ["left"]),
+            Ce(ie((P) => D((z + 1) % R.value * m.value), ["prevent"]), ["right"])
           ]
         }, null, 42, Eo))), 128))
       ])) : N("", !0)
     ], 44, _o));
   }
-}), El = /* @__PURE__ */ W(Oo, [["__scopeId", "data-v-30cdfc00"]]), qo = ["aria-hidden", "aria-label"], Fo = /* @__PURE__ */ Z({
+}), El = /* @__PURE__ */ W(qo, [["__scopeId", "data-v-30cdfc00"]]), Oo = ["aria-hidden", "aria-label"], Fo = /* @__PURE__ */ Z({
   __name: "CarouselItem",
   setup(e) {
     const n = de("CarouselContext");
     if (!n) throw new Error("CarouselItem must be used inside a Carousel");
-    const t = "carousel-item-" + fe(), a = w(0), o = H(() => Math.abs(n.deltaX.value) > 5), u = H(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
-    return se(() => a.value = n.register(t)), $e(() => n.unregister(t)), (r, i) => (f(), g("div", {
+    const t = "carousel-item-" + fe(), a = w(0), o = V(() => Math.abs(n.deltaX.value) > 5), i = V(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
+    return se(() => a.value = n.register(t)), $e(() => n.unregister(t)), (l, r) => (f(), b("div", {
       role: "group",
       class: "carousel-item",
       id: t,
       "aria-roledescription": "slide",
-      "aria-hidden": !u.value,
+      "aria-hidden": !i.value,
       "aria-label": `Slide ${a.value + 1}`,
-      onClickCapture: i[0] || (i[0] = (s) => o.value && s.preventDefault())
+      onClickCapture: r[0] || (r[0] = (s) => o.value && s.preventDefault())
     }, [
-      X(r.$slots, "default", {}, void 0, !0)
-    ], 40, qo));
+      X(l.$slots, "default", {}, void 0, !0)
+    ], 40, Oo));
   }
 }), Zl = /* @__PURE__ */ W(Fo, [["__scopeId", "data-v-a569d055"]]), Fe = /* @__PURE__ */ Symbol("TabsContext"), zl = Z({
   name: "Tabs",
@@ -5213,88 +5234,88 @@ const Hl = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n, slots: t }) {
-    const a = w(e.modelValue ?? e.defaultValue), o = w(!1), u = w([]), r = w("forward"), i = w();
-    J(a, (y) => {
-      !y || !o.value || requestAnimationFrame(() => {
-        document.getElementById(`tab-${y}`)?.focus(), o.value = !1;
+    const a = w(e.modelValue ?? e.defaultValue), o = w(!1), i = w([]), l = w("forward"), r = w();
+    J(a, (C) => {
+      !C || !o.value || requestAnimationFrame(() => {
+        document.getElementById(`tab-${C}`)?.focus(), o.value = !1;
       });
     }), J(
       () => e.modelValue,
-      (y) => {
-        y !== void 0 && (a.value = y);
+      (C) => {
+        C !== void 0 && (a.value = C);
       }
-    ), J(u, (y) => {
-      !a.value && y.length && (a.value = y[0]);
+    ), J(i, (C) => {
+      !a.value && C.length && (a.value = C[0]);
     });
-    const s = (y, k) => u.value[k] = y, d = (y) => {
-      const k = u.value.filter(Boolean);
-      if (!k.length) return;
-      const _ = a.value;
-      if (!_) {
-        a.value = y, n("update:modelValue", y);
+    const s = (C, M) => i.value[M] = C, d = (C) => {
+      const M = i.value.filter(Boolean);
+      if (!M.length) return;
+      const S = a.value;
+      if (!S) {
+        a.value = C, n("update:modelValue", C);
         return;
       }
-      const B = k.indexOf(_), M = k.indexOf(y);
-      if (B === -1 || M === -1) {
-        a.value = y, n("update:modelValue", y);
+      const $ = M.indexOf(S), k = M.indexOf(C);
+      if ($ === -1 || k === -1) {
+        a.value = C, n("update:modelValue", C);
         return;
       }
-      B !== -1 && M !== -1 && (r.value = M > B ? "forward" : "backward"), _ !== y && (a.value = y, n("update:modelValue", y));
-    }, l = H(() => r.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), p = (y) => {
-      y instanceof HTMLElement && i.value && (i.value.style.height = `${y.offsetHeight}px`);
-    }, m = (y) => {
-      if (y instanceof HTMLElement && i.value) {
-        const k = y.offsetHeight;
+      $ !== -1 && k !== -1 && (l.value = k > $ ? "forward" : "backward"), S !== C && (a.value = C, n("update:modelValue", C));
+    }, u = V(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), h = (C) => {
+      C instanceof HTMLElement && r.value && (r.value.style.height = `${C.offsetHeight}px`);
+    }, p = (C) => {
+      if (C instanceof HTMLElement && r.value) {
+        const M = C.offsetHeight;
         requestAnimationFrame(() => {
-          i.value && (i.value.style.height = `${k}px`);
+          r.value && (r.value.style.height = `${M}px`);
         });
       }
-    }, b = () => {
-      i.value && (i.value.style.height = "");
+    }, m = () => {
+      r.value && (r.value.style.height = "");
     };
     return xe(Fe, {
       activeValue: a,
       setValue: d,
       registerTrigger: s,
-      direction: r,
+      direction: l,
       activationMode: w(e.activationMode),
       orientation: w(e.orientation),
-      triggers: u,
-      contentWrapperRef: i,
+      triggers: i,
+      contentWrapperRef: r,
       focusOnChange: o
     }), () => {
-      const y = t.default?.() || [], k = [], _ = [];
-      y.forEach((M) => {
-        M.type?.name === "TabsContent" ? _.push(M) : k.push(M);
+      const C = t.default?.() || [], M = [], S = [];
+      C.forEach((k) => {
+        k.type?.name === "TabsContent" ? S.push(k) : M.push(k);
       });
-      const B = _.find((M) => M.props?.value === a.value);
+      const $ = S.find((k) => k.props?.value === a.value);
       return [
-        ...k,
+        ...M,
         U(
           "div",
           {
             class: "tabs-content-wrapper",
-            ref: i
+            ref: r
           },
           U(
             Se,
             {
-              name: l.value,
+              name: u.value,
               mode: "out-in",
-              onBeforeLeave: p,
-              onEnter: m,
-              onAfterEnter: b
+              onBeforeLeave: h,
+              onEnter: p,
+              onAfterEnter: m
             },
-            () => B ? [U(B.type, {
-              ...B.props,
-              key: B.props.value
-            }, B.children)] : []
+            () => $ ? [U($.type, {
+              ...$.props,
+              key: $.props.value
+            }, $.children)] : []
           )
         )
       ];
     };
   }
-}), Ol = Z({
+}), ql = Z({
   name: "TabsList",
   setup(e, { slots: n }) {
     const t = de(Fe);
@@ -5309,7 +5330,7 @@ const Hl = {
       n.default?.()
     );
   }
-}), ql = Z({
+}), Ol = Z({
   name: "TabsTrigger",
   props: {
     value: {
@@ -5328,36 +5349,36 @@ const Hl = {
   setup(e, { slots: n }) {
     const t = de(Fe);
     if (!t) throw new Error("TabsTrigger components must be used inside <Tabs>");
-    const a = H(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), u = (r) => {
-      if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) return;
-      r.preventDefault();
+    const a = V(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (l) => {
+      if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key)) return;
+      l.preventDefault();
       const s = t.triggers.value.filter(Boolean);
-      let l = s.indexOf(e.value);
-      const p = t.orientation.value === "horizontal";
-      switch (r.key) {
+      let u = s.indexOf(e.value);
+      const h = t.orientation.value === "horizontal";
+      switch (l.key) {
         case "ArrowRight":
-          p && l++;
+          h && u++;
           break;
         case "ArrowLeft":
-          p && l--;
+          h && u--;
           break;
         case "ArrowDown":
-          p || l++;
+          h || u++;
           break;
         case "ArrowUp":
-          p || l--;
+          h || u--;
           break;
         case "Home":
-          l = 0;
+          u = 0;
           break;
         case "End":
-          l = s.length - 1;
+          u = s.length - 1;
           break;
       }
-      l = (l + s.length) % s.length;
-      const m = s[l];
-      t.activationMode.value === "auto" && t.setValue(m), requestAnimationFrame(() => {
-        document.getElementById(`tab-${m}`)?.focus();
+      u = (u + s.length) % s.length;
+      const p = s[u];
+      t.activationMode.value === "auto" && t.setValue(p), requestAnimationFrame(() => {
+        document.getElementById(`tab-${p}`)?.focus();
       });
     };
     return se(() => !e.disabled && t.registerTrigger(e.value, e.index)), $e(() => t.triggers.value[e.index] = void 0), () => U(
@@ -5372,7 +5393,7 @@ const Hl = {
         disabled: e.disabled ?? void 0,
         class: "tabs-trigger",
         onClick: o,
-        onKeydown: u
+        onKeydown: i
       },
       { default: () => n.default?.() }
     );
@@ -5403,43 +5424,43 @@ const Hl = {
   __name: "Dropdown",
   setup(e) {
     let n = 0;
-    const t = w(!1), a = w(null), o = w({}), u = `dropdown-${fe()}`, r = `${u}-menu`, i = `${u}-trigger`, s = () => t.value = !0, d = () => {
+    const t = w(!1), a = w(null), o = w({}), i = `dropdown-${fe()}`, l = `${i}-menu`, r = `${i}-trigger`, s = () => t.value = !0, d = () => {
       t.value = !1, o.value = {}, n = 0, a.value?.focus({ preventScroll: !0 });
-    }, l = () => t.value = !t.value, p = (M) => {
-      const I = `dropdown-item-${n++}`;
-      return o.value[I] = M, I;
-    }, m = (M) => {
-      const I = o.value[M];
-      I && I.focus({ preventScroll: !0 });
-    }, b = () => {
-      const M = Object.keys(o.value)[0];
-      M && m(M);
-    }, y = () => {
-      const M = Object.keys(o.value), I = M[M.length - 1];
-      I && m(I);
-    }, k = (M) => {
-      const I = Object.keys(o.value), C = B(M), R = I[C + 1];
-      C >= 0 && C < I.length - 1 && R && m(R);
-    }, _ = (M) => {
-      const I = Object.keys(o.value), C = B(M), R = I[C - 1];
-      C > 0 && R && m(R);
-    }, B = (M) => Object.keys(o.value).indexOf(M);
+    }, u = () => t.value = !t.value, h = (k) => {
+      const H = `dropdown-item-${n++}`;
+      return o.value[H] = k, H;
+    }, p = (k) => {
+      const H = o.value[k];
+      H && H.focus({ preventScroll: !0 });
+    }, m = () => {
+      const k = Object.keys(o.value)[0];
+      k && p(k);
+    }, C = () => {
+      const k = Object.keys(o.value), H = k[k.length - 1];
+      H && p(H);
+    }, M = (k) => {
+      const H = Object.keys(o.value), g = $(k), R = H[g + 1];
+      g >= 0 && g < H.length - 1 && R && p(R);
+    }, S = (k) => {
+      const H = Object.keys(o.value), g = $(k), R = H[g - 1];
+      g > 0 && R && p(R);
+    }, $ = (k) => Object.keys(o.value).indexOf(k);
     return xe("DropdownContext", {
       open: s,
       close: d,
-      toggle: l,
+      toggle: u,
       isOpen: t,
-      registerItem: p,
-      focusItem: m,
-      focusNextItem: k,
-      focusPrevItem: _,
-      focusFirstItem: b,
-      focusLastItem: y,
+      registerItem: h,
+      focusItem: p,
+      focusNextItem: M,
+      focusPrevItem: S,
+      focusFirstItem: m,
+      focusLastItem: C,
       triggerRef: a,
-      menuId: r,
-      triggerId: i
-    }), (M, I) => (f(), g("div", No, [
-      X(M.$slots, "default")
+      menuId: l,
+      triggerId: r
+    }), (k, H) => (f(), b("div", No, [
+      X(k.$slots, "default")
     ]));
   }
 }), Po = /* @__PURE__ */ Z({
@@ -5450,10 +5471,10 @@ const Hl = {
   setup(e) {
     const n = e, t = de("DropdownContext");
     if (!t) throw new Error("DropdownTrigger must be used within a Dropdown");
-    const a = w(), o = (u) => {
-      u.key === "ArrowDown" && (u.preventDefault(), t.open(), Me(() => t.focusFirstItem())), u.key === "ArrowUp" && (u.preventDefault(), t.open(), Me(() => t.focusLastItem()));
+    const a = w(), o = (i) => {
+      i.key === "ArrowDown" && (i.preventDefault(), t.open(), Me(() => t.focusFirstItem())), i.key === "ArrowUp" && (i.preventDefault(), t.open(), Me(() => t.focusLastItem()));
     };
-    return se(() => t.triggerRef.value = a.value?.el), (u, r) => (f(), ee(ke, {
+    return se(() => t.triggerRef.value = a.value?.el), (i, l) => (f(), ee(ke, {
       ref_key: "btn",
       ref: a,
       id: E(t).triggerId,
@@ -5465,7 +5486,7 @@ const Hl = {
       onKeydown: o
     }, {
       default: Q(() => [
-        X(u.$slots, "default", {}, void 0, !0),
+        X(i.$slots, "default", {}, void 0, !0),
         n.variant === "button" ? (f(), ee(pe, {
           key: 0,
           name: "directionDown"
@@ -5479,41 +5500,41 @@ const Hl = {
   setup(e) {
     const n = de("DropdownContext");
     if (!n) throw new Error("DropdownMenu must be used within a Dropdown");
-    const t = w(), a = w({}), o = (i) => {
-      const s = i.target;
+    const t = w(), a = w({}), o = (r) => {
+      const s = r.target;
       t.value?.contains(s) || n.triggerRef.value?.contains(s) || n.close();
-    }, u = (i) => i.key === "Escape" && n.close(), r = () => {
-      const i = n.triggerRef.value, s = t.value;
-      if (!i || !s) return;
-      const d = 16, l = i.getBoundingClientRect(), p = s.getBoundingClientRect();
-      let m = l.bottom, b = l.left;
-      b = Math.min(
-        Math.max(d, b),
-        window.innerWidth - p.width - d
-      );
-      const y = window.innerHeight - l.bottom, k = l.top;
-      y < p.height && k > p.height && (m = l.top - p.height), m = Math.min(
+    }, i = (r) => r.key === "Escape" && n.close(), l = () => {
+      const r = n.triggerRef.value, s = t.value;
+      if (!r || !s) return;
+      const d = 16, u = r.getBoundingClientRect(), h = s.getBoundingClientRect();
+      let p = u.bottom, m = u.left;
+      m = Math.min(
         Math.max(d, m),
-        window.innerHeight - p.height - d
+        window.innerWidth - h.width - d
+      );
+      const C = window.innerHeight - u.bottom, M = u.top;
+      C < h.height && M > h.height && (p = u.top - h.height), p = Math.min(
+        Math.max(d, p),
+        window.innerHeight - h.height - d
       ), a.value = {
         "--dropdown-menu-position": "fixed",
-        "--dropdown-menu-top": `${m}px`,
-        "--dropdown-menu-left": `${b}px`
+        "--dropdown-menu-top": `${p}px`,
+        "--dropdown-menu-left": `${m}px`
       };
     };
     return J(
       () => n.isOpen.value,
-      (i) => {
-        i ? (requestAnimationFrame(() => {
-          r(), n.focusFirstItem();
+      (r) => {
+        r ? (requestAnimationFrame(() => {
+          l(), n.focusFirstItem();
         }), document.addEventListener("pointerdown", o, !0)) : document.removeEventListener("pointerdown", o, !0);
       }
     ), se(() => {
-      window.addEventListener("scroll", r, !0), window.addEventListener("resize", r);
+      window.addEventListener("scroll", l, !0), window.addEventListener("resize", l);
     }), $e(() => {
-      window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", r);
-    }), (i, s) => (f(), ee(Ze, { to: "body" }, [
-      E(n).isOpen.value ? (f(), g("div", {
+      window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
+    }), (r, s) => (f(), ee(Ze, { to: "body" }, [
+      E(n).isOpen.value ? (f(), b("div", {
         key: 0,
         role: "menu",
         ref_key: "menuRef",
@@ -5523,9 +5544,9 @@ const Hl = {
         "aria-orientation": "vertical",
         "aria-labelledby": E(n).triggerId,
         class: "ui-dropdown-menu",
-        onKeydown: u
+        onKeydown: i
       }, [
-        X(i.$slots, "default", {}, void 0, !0)
+        X(r.$slots, "default", {}, void 0, !0)
       ], 44, Ko)) : N("", !0)
     ]));
   }
@@ -5535,49 +5556,49 @@ const Hl = {
     const n = de("DropdownContext");
     if (!n) throw new Error("DropdownItem must be used within a Dropdown");
     let t;
-    const a = w(), o = (u) => {
-      u.key === "ArrowDown" && (u.preventDefault(), n.focusNextItem(t)), u.key === "ArrowUp" && (u.preventDefault(), n.focusPrevItem(t)), (u.key === "Enter" || u.key === " ") && (u.preventDefault(), a.value?.click(), n.close());
+    const a = w(), 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 se(() => t = n.registerItem(a.value)), (u, r) => (f(), g("div", {
+    return se(() => t = n.registerItem(a.value)), (i, l) => (f(), b("div", {
       ref_key: "itemRef",
       ref: a,
       role: "menuitem",
       class: "ui-dropdown-item",
       tabindex: "-1",
       onKeydown: o,
-      onClick: r[0] || (r[0] = //@ts-ignore
-      (...i) => E(n).close && E(n).close(...i)),
-      onPointerenter: r[1] || (r[1] = (i) => a.value?.focus())
+      onClick: l[0] || (l[0] = //@ts-ignore
+      (...r) => E(n).close && E(n).close(...r)),
+      onPointerenter: l[1] || (l[1] = (r) => a.value?.focus())
     }, [
-      X(u.$slots, "default", {}, void 0, !0)
+      X(i.$slots, "default", {}, void 0, !0)
     ], 544));
   }
 }), Ul = /* @__PURE__ */ W(jo, [["__scopeId", "data-v-69de3d9c"]]), Wo = (e) => {
-  const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = w(e.modelValue ?? null), o = w(e.modelValue ? new Date(e.modelValue) : n), u = e.firstDayOfWeek ?? 0, r = H(() => {
-    const m = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
-    return m.charAt(0).toUpperCase() + m.slice(1);
-  }), i = H(() => {
-    const m = new Date(2021, 5, 6);
-    return Array.from({ length: 7 }).map((b, y) => {
-      const k = new Date(m);
-      return k.setDate(m.getDate() + (y + u) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(k).replace(".", "");
+  const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = w(e.modelValue ?? null), o = w(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, l = V(() => {
+    const p = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
+    return p.charAt(0).toUpperCase() + p.slice(1);
+  }), r = V(() => {
+    const p = new Date(2021, 5, 6);
+    return Array.from({ length: 7 }).map((m, C) => {
+      const M = new Date(p);
+      return M.setDate(p.getDate() + (C + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(M).replace(".", "");
     });
-  }), s = H(() => {
-    const m = o.value.getFullYear(), b = o.value.getMonth(), y = new Date(m, b, 1), k = new Date(m, b + 1, 0), _ = (y.getDay() - u + 7) % 7, B = k.getDate(), M = [];
-    for (let I = 0; I < _; I++) M.push(null);
-    for (let I = 1; I <= B; I++) M.push(new Date(m, b, I));
-    return M;
+  }), s = V(() => {
+    const p = o.value.getFullYear(), m = o.value.getMonth(), C = new Date(p, m, 1), M = new Date(p, m + 1, 0), S = (C.getDay() - i + 7) % 7, $ = M.getDate(), k = [];
+    for (let H = 0; H < S; H++) k.push(null);
+    for (let H = 1; H <= $; H++) k.push(new Date(p, m, H));
+    return k;
   });
   return {
     today: n,
     selected: a,
     currentMonth: o,
-    monthLabel: r,
-    weekDays: i,
+    monthLabel: l,
+    weekDays: r,
     days: s,
     nextMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() + 1, 1),
     prevMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() - 1, 1),
-    select: (m) => a.value = m
+    select: (p) => a.value = p
   };
 }, At = /(DD|MM|YYYY|HH|mm|ss)/g, Ge = (e, n) => {
   const t = {
@@ -5592,26 +5613,26 @@ const Hl = {
 }, yt = (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 u = Number(o.groups.day ?? 1), r = Number(o.groups.month ?? 1), i = Number(o.groups.year ?? 1970), s = Number(o.groups.hour ?? 0), d = Number(o.groups.minute ?? 0), l = Number(o.groups.second ?? 0);
-  return Yo(u, r, i) ? new Date(i, r - 1, u, s, d, l, 0) : null;
+  const i = Number(o.groups.day ?? 1), l = Number(o.groups.month ?? 1), r = Number(o.groups.year ?? 1970), s = Number(o.groups.hour ?? 0), d = Number(o.groups.minute ?? 0), u = Number(o.groups.second ?? 0);
+  return Yo(i, l, r) ? new Date(r, l - 1, i, s, d, u, 0) : null;
 };
 function Yo(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 u = new Date(t, n, 0).getDate();
-  if (e < 1 || e > u) return !1;
-  const r = new Date(t, n - 1, e);
-  return r.getFullYear() === t && r.getMonth() === n - 1 && r.getDate() === e;
+  const i = new Date(t, n, 0).getDate();
+  if (e < 1 || e > i) return !1;
+  const l = new Date(t, n - 1, e);
+  return l.getFullYear() === t && l.getMonth() === n - 1 && l.getDate() === e;
 }
 const Xo = (e, n) => {
   const t = e.replace(/\D/g, ""), a = n.match(At);
   if (!a) return e;
-  let o = "", u = 0;
-  for (const r of a) {
-    const i = r.length, s = t.slice(u, u + i);
+  let o = "", i = 0;
+  for (const l of a) {
+    const r = l.length, s = t.slice(i, i + r);
     if (!s) break;
-    if (o += s, u += s.length, u < t.length) {
-      const d = n.indexOf(r) + r.length, l = n[d];
-      l && !l.match(/[DMYHms]/) && (o += l);
+    if (o += s, i += s.length, i < t.length) {
+      const d = n.indexOf(l) + l.length, u = n[d];
+      u && !u.match(/[DMYHms]/) && (o += u);
     }
   }
   return o;
@@ -5642,14 +5663,14 @@ const Xo = (e, n) => {
   }),
   emits: /* @__PURE__ */ oe(["update:open"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = he(e, "modelValue"), a = n, o = e, u = w(!1), r = w(""), i = w(null), s = w(null), {
+    const t = he(e, "modelValue"), a = n, o = e, i = w(!1), l = w(""), r = w(null), s = w(null), {
       monthLabel: d,
-      weekDays: l,
-      currentMonth: p,
-      days: m,
-      nextMonth: b,
-      prevMonth: y,
-      select: k
+      weekDays: u,
+      currentMonth: h,
+      days: p,
+      nextMonth: m,
+      prevMonth: C,
+      select: M
     } = Wo({
       modelValue: t.value,
       locale: o.locale,
@@ -5659,57 +5680,57 @@ const Xo = (e, n) => {
       () => t.value,
       (D) => {
         if (!D) {
-          r.value = "", s.value = null;
+          l.value = "", s.value = null;
           return;
         }
-        k(D), p.value = new Date(D), s.value = D, r.value = Ge(D, o.format);
+        M(D), h.value = new Date(D), s.value = D, l.value = Ge(D, o.format);
       },
       { immediate: !0 }
     ), J(
-      u,
+      i,
       async (D) => {
         if (D) {
           await Me();
-          let S = i.value?.querySelector('button[data-selected="true"]');
-          if (!S) {
+          let _ = r.value?.querySelector('button[data-selected="true"]');
+          if (!_) {
             const A = /* @__PURE__ */ new Date();
-            S = Array.from(i.value?.querySelectorAll("button") || []).find(($) => Number($.textContent) === A.getDate() && !$.disabled);
+            _ = Array.from(r.value?.querySelectorAll("button") || []).find((I) => Number(I.textContent) === A.getDate() && !I.disabled);
           }
-          S && S.focus(), document.addEventListener("keydown", M);
-        } else document.removeEventListener("keydown", M);
+          _ && _.focus(), document.addEventListener("keydown", k);
+        } else document.removeEventListener("keydown", k);
       }
     );
-    const _ = (D) => {
-      s.value = D, t.value = D, r.value = Ge(D, o.format), k(D), u.value = !1;
-    }, B = (D) => !D || !s.value ? "" : D.toDateString() === s.value.toDateString() ? "dp-selected" : "", M = (D) => D.key === "Escape" && (u.value = !1), I = (D) => {
+    const S = (D) => {
+      s.value = D, t.value = D, l.value = Ge(D, o.format), M(D), i.value = !1;
+    }, $ = (D) => !D || !s.value ? "" : D.toDateString() === s.value.toDateString() ? "dp-selected" : "", k = (D) => D.key === "Escape" && (i.value = !1), H = (D) => {
       D.key === "Backspace" || D.key === "Delete" || D.key === "ArrowLeft" || D.key === "ArrowRight" || D.key === "Tab" || /[0-9]/.test(D.key) || D.preventDefault();
-    }, C = (D) => {
-      const S = D.target, A = S.selectionStart ?? 0, V = S.value.slice(0, A).replace(/\D/g, "").length;
-      let O = S.value.replace(/\D/g, "");
+    }, g = (D) => {
+      const _ = D.target, A = _.selectionStart ?? 0, B = _.value.slice(0, A).replace(/\D/g, "").length;
+      let q = _.value.replace(/\D/g, "");
       const te = Go(o.format);
-      O = O.slice(0, te);
-      const ae = Xo(O, o.format);
-      r.value = ae, S.value = ae;
-      let ce = 0, q = 0;
+      q = q.slice(0, te);
+      const ae = Xo(q, o.format);
+      l.value = ae, _.value = ae;
+      let ce = 0, O = 0;
       for (let v = 0; v < ae.length; v++)
-        if (/\d/.test(ae[v] ?? "") && q++, q >= V) {
+        if (/\d/.test(ae[v] ?? "") && O++, O >= B) {
           ce = v + 1;
           break;
         }
-      requestAnimationFrame(() => S.setSelectionRange(ce, ce));
+      requestAnimationFrame(() => _.setSelectionRange(ce, ce));
       const c = yt(ae, o.format);
       c && (s.value = c, t.value = c);
     }, R = () => {
-      u.value || (u.value = !0, a("update:open", !0));
+      i.value || (i.value = !0, a("update:open", !0));
     }, F = (D) => {
-      i.value && (i.value.contains(D.target) || (u.value = !1, a("update:open", !1)));
+      r.value && (r.value.contains(D.target) || (i.value = !1, a("update:open", !1)));
     }, G = () => {
-      const D = yt(r.value, o.format);
-      !D && !s.value ? (r.value = "", t.value = null, s.value = null) : D && (s.value = D, t.value = D, r.value = Ge(D, o.format));
+      const D = yt(l.value, o.format);
+      !D && !s.value ? (l.value = "", t.value = null, s.value = null) : D && (s.value = D, t.value = D, l.value = Ge(D, o.format));
     };
-    return se(() => document.addEventListener("mousedown", F)), _e(() => document.removeEventListener("mousedown", F)), (D, S) => (f(), g("div", {
+    return se(() => document.addEventListener("mousedown", F)), _e(() => document.removeEventListener("mousedown", F)), (D, _) => (f(), b("div", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: ue(["dp", { required: Object.keys(D.$attrs).includes("required"), error: e.invalid }])
     }, [
       L("label", {
@@ -5719,13 +5740,13 @@ const Xo = (e, n) => {
       L("input", {
         id: e.id,
         class: "dp-input",
-        value: r.value,
+        value: l.value,
         onBlur: G,
-        onInput: C,
-        onKeydown: I,
+        onInput: g,
+        onKeydown: H,
         onMousedown: R,
         required: Object.keys(D.$attrs).includes("required") || void 0,
-        "aria-invalid": !s.value && r.value !== "",
+        "aria-invalid": !s.value && l.value !== "",
         disabled: e.disabled ? !0 : void 0,
         "data-disabled": e.disabled ? !0 : void 0,
         "aria-describedby": "time-help",
@@ -5744,50 +5765,50 @@ const Xo = (e, n) => {
         ]),
         _: 1
       }, 8, ["disabled"]),
-      S[3] || (S[3] = L("small", {
+      _[3] || (_[3] = L("small", {
         id: "time-help",
         class: "sr-only"
       }, "After selecting a date, adjust hours and minutes", -1)),
-      u.value ? (f(), g("div", el, [
+      i.value ? (f(), b("div", el, [
         L("header", tl, [
           L("button", {
             type: "button",
-            onClick: S[0] || (S[0] = //@ts-ignore
-            (...A) => E(y) && E(y)(...A)),
+            onClick: _[0] || (_[0] = //@ts-ignore
+            (...A) => E(C) && E(C)(...A)),
             class: "btn__prev_month",
             "aria-label": "Previous month"
           }, "‹"),
           L("span", al, K(E(d)), 1),
           L("button", {
             type: "button",
-            onClick: S[1] || (S[1] = //@ts-ignore
-            (...A) => E(b) && E(b)(...A)),
+            onClick: _[1] || (_[1] = //@ts-ignore
+            (...A) => E(m) && E(m)(...A)),
             class: "btn__next_month",
             "aria-label": "Next month"
           }, "›")
         ]),
         L("div", nl, [
-          (f(!0), g(re, null, ve(E(l), (A) => (f(), g("span", {
+          (f(!0), b(re, null, ve(E(u), (A) => (f(), b("span", {
             class: "week-day__name",
             key: A
           }, K(A), 1))), 128))
         ]),
         L("div", ol, [
-          (f(!0), g(re, null, ve(E(m), (A, $) => (f(), g("button", {
-            key: $,
+          (f(!0), b(re, null, ve(E(p), (A, I) => (f(), b("button", {
+            key: I,
             type: "button",
             role: "gridcell",
-            class: ue(["btn__day", B(A)]),
+            class: ue(["btn__day", $(A)]),
             disabled: !A,
-            "aria-pressed": B(A) === "dp-selected",
-            "data-selected": A && B(A) === "dp-selected",
-            onMousedown: ie((V) => A && _(A), ["prevent"]),
+            "aria-pressed": $(A) === "dp-selected",
+            "data-selected": A && $(A) === "dp-selected",
+            onMousedown: ie((B) => A && S(A), ["prevent"]),
             "aria-label": A ? A.toLocaleDateString(o.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
           }, K(A?.getDate()), 43, ll))), 128))
         ]),
         j(ke, {
           class: "btn-ghost btn-sm",
-          onClick: S[2] || (S[2] = (A) => t.value = /* @__PURE__ */ new Date())
+          onClick: _[2] || (_[2] = (A) => t.value = /* @__PURE__ */ new Date())
         }, {
           default: Q(() => [
             be(K(e.todayLabel), 1)
@@ -5823,51 +5844,51 @@ const Xo = (e, n) => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = he(e, "modelValue"), t = e, a = fe(), o = w(!1), u = w(null), r = H(() => t.format.includes("HH")), i = H(() => t.format.includes("mm")), s = H(() => t.format.includes("ss")), d = w(n.value ?? null), l = w(n.value?.getHours() ?? (r.value ? 0 : void 0)), p = w(n.value?.getMinutes() ?? (i.value ? 0 : void 0)), m = w(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
-    J(n, (B) => {
-      if (B) {
-        const M = new Date(B);
-        d.value = M, l.value = M.getHours(), p.value = M.getMinutes(), m.value = M.getSeconds();
+    const n = he(e, "modelValue"), t = e, a = fe(), o = w(!1), i = w(null), l = V(() => t.format.includes("HH")), r = V(() => t.format.includes("mm")), s = V(() => t.format.includes("ss")), d = w(n.value ?? null), u = w(n.value?.getHours() ?? (l.value ? 0 : void 0)), h = w(n.value?.getMinutes() ?? (r.value ? 0 : void 0)), p = w(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
+    J(n, ($) => {
+      if ($) {
+        const k = new Date($);
+        d.value = k, u.value = k.getHours(), h.value = k.getMinutes(), p.value = k.getSeconds();
       } else
-        d.value = null, l.value = 0, p.value = 0, m.value = 0;
-    }, { immediate: !0 }), J(d, (B) => {
-      if (!B) return;
-      const M = B.getHours(), I = B.getMinutes(), C = B.getSeconds();
-      M !== l.value && (l.value = M), I !== p.value && (p.value = I), C !== m.value && (m.value = C);
-    }, { immediate: !0 }), J([d, l, p, m], () => {
+        d.value = null, u.value = 0, h.value = 0, p.value = 0;
+    }, { immediate: !0 }), J(d, ($) => {
+      if (!$) return;
+      const k = $.getHours(), H = $.getMinutes(), g = $.getSeconds();
+      k !== u.value && (u.value = k), H !== h.value && (h.value = H), g !== p.value && (p.value = g);
+    }, { immediate: !0 }), J([d, u, h, p], () => {
       if (!d.value) {
         n.value = null;
         return;
       }
-      const B = Math.min(Math.max(l.value ?? 0, 0), 23), M = Math.min(Math.max(p.value ?? 0, 0), 59), I = Math.min(Math.max(m.value ?? 0, 0), 59), C = new Date(d.value);
-      C.setHours(B, M, I, 0), (!n.value || n.value.getTime() !== C.getTime()) && (n.value = C);
+      const $ = Math.min(Math.max(u.value ?? 0, 0), 23), k = Math.min(Math.max(h.value ?? 0, 0), 59), H = Math.min(Math.max(p.value ?? 0, 0), 59), g = new Date(d.value);
+      g.setHours($, k, H, 0), (!n.value || n.value.getTime() !== g.getTime()) && (n.value = g);
     });
-    const b = (B) => {
-      u.value && (u.value.contains(B.target) || (o.value = !1));
-    }, y = (B) => {
-      const M = Number(B.target.value);
-      isNaN(M) || M < 0 ? l.value = 0 : M > 23 ? l.value = 23 : l.value = M;
-    }, k = (B) => {
-      const M = Number(B.target.value);
-      isNaN(M) || M < 0 ? p.value = 0 : M > 59 ? p.value = 59 : p.value = M;
-    }, _ = (B) => {
-      const M = Number(B.target.value);
-      isNaN(M) || M < 0 ? m.value = 0 : M > 59 ? m.value = 59 : m.value = M;
+    const m = ($) => {
+      i.value && (i.value.contains($.target) || (o.value = !1));
+    }, C = ($) => {
+      const k = Number($.target.value);
+      isNaN(k) || k < 0 ? u.value = 0 : k > 23 ? u.value = 23 : u.value = k;
+    }, M = ($) => {
+      const k = Number($.target.value);
+      isNaN(k) || k < 0 ? h.value = 0 : k > 59 ? h.value = 59 : h.value = k;
+    }, S = ($) => {
+      const k = Number($.target.value);
+      isNaN(k) || k < 0 ? p.value = 0 : k > 59 ? p.value = 59 : p.value = k;
     };
     return se(() => {
-      document.addEventListener("mousedown", b);
+      document.addEventListener("mousedown", m);
     }), _e(() => {
-      document.removeEventListener("mousedown", b);
-    }), (B, M) => (f(), g("div", {
+      document.removeEventListener("mousedown", m);
+    }), ($, k) => (f(), b("div", {
       class: "dtp",
       ref_key: "root",
-      ref: u
+      ref: i
     }, [
-      j(sl, ge(B.$attrs, {
+      j(sl, ge($.$attrs, {
         modelValue: d.value,
-        "onUpdate:modelValue": M[3] || (M[3] = (I) => d.value = I),
+        "onUpdate:modelValue": k[3] || (k[3] = (H) => d.value = H),
         open: o.value,
-        "onUpdate:open": M[4] || (M[4] = (I) => o.value = I),
+        "onUpdate:open": k[4] || (k[4] = (H) => o.value = H),
         id: t.id,
         invalid: e.invalid,
         locale: e.locale,
@@ -5877,65 +5898,65 @@ const Xo = (e, n) => {
         placeholder: e.placeholder
       }), {
         time: Q(() => [
-          o.value ? (f(), g("div", il, [
-            r.value ? Ve((f(), g("input", {
+          o.value ? (f(), b("div", il, [
+            l.value ? Ve((f(), b("input", {
               key: 0,
               id: `hour_${E(a)}`,
               type: "number",
-              "onUpdate:modelValue": M[0] || (M[0] = (I) => l.value = I),
+              "onUpdate:modelValue": k[0] || (k[0] = (H) => u.value = H),
               min: "0",
               max: "23",
               "aria-label": "Hour",
               "aria-valuemin": "0",
               "aria-valuemax": "23",
-              "aria-valuenow": l.value,
-              onInput: y
+              "aria-valuenow": u.value,
+              onInput: C
             }, null, 40, ul)), [
               [
                 Ue,
-                l.value,
+                u.value,
                 void 0,
                 { number: !0 }
               ]
             ]) : N("", !0),
-            r.value && i.value ? (f(), g("span", cl, ":")) : N("", !0),
-            i.value ? Ve((f(), g("input", {
+            l.value && r.value ? (f(), b("span", cl, ":")) : N("", !0),
+            r.value ? Ve((f(), b("input", {
               key: 2,
               id: `minute_${E(a)}`,
               type: "number",
-              "onUpdate:modelValue": M[1] || (M[1] = (I) => p.value = I),
+              "onUpdate:modelValue": k[1] || (k[1] = (H) => h.value = H),
               min: "0",
               max: "59",
               "aria-label": "Minute",
               "aria-valuemin": "0",
               "aria-valuemax": "59",
-              "aria-valuenow": p.value,
-              onInput: k
+              "aria-valuenow": h.value,
+              onInput: M
             }, null, 40, dl)), [
               [
                 Ue,
-                p.value,
+                h.value,
                 void 0,
                 { number: !0 }
               ]
             ]) : N("", !0),
-            (r.value || i.value) && s.value ? (f(), g("span", vl, ":")) : N("", !0),
-            s.value ? Ve((f(), g("input", {
+            (l.value || r.value) && s.value ? (f(), b("span", vl, ":")) : N("", !0),
+            s.value ? Ve((f(), b("input", {
               key: 4,
               id: `second_${E(a)}`,
               type: "number",
-              "onUpdate:modelValue": M[2] || (M[2] = (I) => m.value = I),
+              "onUpdate:modelValue": k[2] || (k[2] = (H) => p.value = H),
               min: "0",
               max: "59",
               "aria-label": "Second",
               "aria-valuemin": "0",
               "aria-valuemax": "59",
-              "aria-valuenow": m.value,
-              onInput: _
+              "aria-valuenow": p.value,
+              onInput: S
             }, null, 40, fl)), [
               [
                 Ue,
-                m.value,
+                p.value,
                 void 0,
                 { number: !0 }
               ]
@@ -5977,7 +5998,7 @@ const Xo = (e, n) => {
       if (!s.sortable) return;
       const d = e.sort?.key === s.key && e.sort.direction === "asc" ? "desc" : "asc";
       n("update:sort", { key: s.key, direction: d });
-    }, o = () => window.matchMedia("(max-width: 640px)").matches, u = (s, d) => d.split(".").reduce((l, p) => l?.[p], s), r = () => U(
+    }, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, d) => d.split(".").reduce((u, h) => u?.[h], s), l = () => U(
       "div",
       {
         class: "rs-table-mobile",
@@ -5993,35 +6014,35 @@ const Xo = (e, n) => {
             role: e.rowClickable ? "button" : "listitem",
             tabindex: e.rowClickable ? 0 : void 0,
             onClick: e.rowClickable ? () => n("rowClick", s) : void 0,
-            onKeydown: e.rowClickable ? (l) => {
-              (l.key === "Enter" || l.key === " ") && (l.preventDefault(), n("rowClick", s));
+            onKeydown: e.rowClickable ? (u) => {
+              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", s));
             } : void 0
           },
           e.columns.map(
-            (l) => U(
+            (u) => U(
               "div",
               { class: "rs-table-card-row" },
               [
                 U(
                   "span",
                   { class: "rs-table-card-label" },
-                  l.header
+                  u.header
                 ),
                 U(
                   "span",
                   { class: "rs-table-card-value" },
                   t.cell?.({
                     row: s,
-                    column: l,
-                    value: u(s, l.key)
-                  }) ?? u(s, l.key)
+                    column: u,
+                    value: i(s, u.key)
+                  }) ?? i(s, u.key)
                 )
               ]
             )
           )
         )
       )
-    ), i = () => U(
+    ), r = () => U(
       "div",
       { class: "rs-table-container" },
       U(
@@ -6113,25 +6134,25 @@ const Xo = (e, n) => {
                     tabindex: e.rowClickable ? 0 : void 0,
                     role: e.rowClickable ? "button" : void 0,
                     onClick: e.rowClickable ? () => n("rowClick", s) : void 0,
-                    onKeydown: e.rowClickable ? (l) => {
-                      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), n("rowClick", s));
+                    onKeydown: e.rowClickable ? (u) => {
+                      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", s));
                     } : void 0,
                     "data-clickable": e.rowClickable || void 0
                   },
                   e.columns.map(
-                    (l) => U(
+                    (u) => U(
                       "td",
                       {
-                        key: l.key,
+                        key: u.key,
                         style: {
-                          textAlign: l.align || "left"
+                          textAlign: u.align || "left"
                         }
                       },
                       t.cell?.({
                         row: s,
-                        column: l,
-                        value: u(s, l.key)
-                      }) ?? u(s, l.key)
+                        column: u,
+                        value: i(s, u.key)
+                      }) ?? i(s, u.key)
                     )
                   )
                 )
@@ -6146,7 +6167,7 @@ const Xo = (e, n) => {
       return U(
         "div",
         { class: "rs-table-container" },
-        s ? r() : i()
+        s ? l() : r()
       );
     };
   }
@@ -6160,34 +6181,34 @@ const Xo = (e, n) => {
     }
   },
   setup(e, { slots: n }) {
-    const t = w([]), a = w(new Set(e.defaultOpen)), o = (p) => {
-      if (a.value.has(p)) {
-        a.value.delete(p);
+    const t = w([]), a = w(new Set(e.defaultOpen)), o = (h) => {
+      if (a.value.has(h)) {
+        a.value.delete(h);
         return;
       }
-      e.multiple || a.value.clear(), a.value.add(p);
-    }, u = (p) => {
-      p.disabled || t.value.includes(p) || (t.value.push(p), t.value.sort((m, b) => m.offsetTop - b.offsetTop));
-    }, r = (p) => t.value = t.value.filter((m) => m !== p), i = (p) => {
-      const m = t.value.indexOf(p);
-      t.value[(m + 1) % t.value.length]?.focus();
-    }, s = (p) => {
-      const m = t.value.indexOf(p);
-      t.value[(m - 1 + t.value.length) % t.value.length]?.focus();
-    }, d = () => t.value[0]?.focus(), l = () => {
-      const p = t.value;
-      p.length && p[p.length - 1]?.focus();
+      e.multiple || a.value.clear(), a.value.add(h);
+    }, i = (h) => {
+      h.disabled || t.value.includes(h) || (t.value.push(h), t.value.sort((p, m) => p.offsetTop - m.offsetTop));
+    }, l = (h) => t.value = t.value.filter((p) => p !== h), r = (h) => {
+      const p = t.value.indexOf(h);
+      t.value[(p + 1) % t.value.length]?.focus();
+    }, s = (h) => {
+      const p = t.value.indexOf(h);
+      t.value[(p - 1 + t.value.length) % t.value.length]?.focus();
+    }, d = () => t.value[0]?.focus(), u = () => {
+      const h = t.value;
+      h.length && h[h.length - 1]?.focus();
     };
     return xe(Ne, {
       multiple: e.multiple,
       openItems: a,
       toggle: o,
-      registerHeader: u,
-      unregisterHeader: r,
-      focusNext: i,
+      registerHeader: i,
+      unregisterHeader: l,
+      focusNext: r,
       focusPrev: s,
       focusFirst: d,
-      focusLast: l
+      focusLast: u
     }), () => n.default?.();
   }
 }), Xl = Z({
@@ -6199,7 +6220,7 @@ const Xo = (e, n) => {
   setup(e, { slots: n }) {
     const t = de(Ne);
     if (!t) throw new Error("AccordionItem must be used inside Accordion");
-    const a = H(() => t.openItems.value.has(e.id));
+    const a = V(() => t.openItems.value.has(e.id));
     return () => U(
       "div",
       {
@@ -6218,22 +6239,22 @@ const Xo = (e, n) => {
   setup(e, { slots: n }) {
     const t = de(Ne), a = w(null);
     if (!t) throw new Error("AccordionHeader must be used inside Accordion");
-    const o = H(() => t.openItems.value.has(e.id)), u = () => {
+    const o = V(() => t.openItems.value.has(e.id)), i = () => {
       e.disabled || t.toggle?.(e.id);
-    }, r = (i) => {
+    }, l = (r) => {
       if (a.value)
-        switch (i.key) {
+        switch (r.key) {
           case "ArrowDown":
-            i.preventDefault(), t.focusNext(a.value);
+            r.preventDefault(), t.focusNext(a.value);
             break;
           case "ArrowUp":
-            i.preventDefault(), t.focusPrev(a.value);
+            r.preventDefault(), t.focusPrev(a.value);
             break;
           case "Home":
-            i.preventDefault(), t.focusFirst();
+            r.preventDefault(), t.focusFirst();
             break;
           case "End":
-            i.preventDefault(), t.focusLast();
+            r.preventDefault(), t.focusLast();
             break;
         }
     };
@@ -6252,8 +6273,8 @@ const Xo = (e, n) => {
         "aria-controls": `panel-${e.id}`,
         disabled: e.disabled,
         "data-state": o.value ? "open" : "closed",
-        onClick: u,
-        onKeydown: r
+        onClick: i,
+        onKeydown: l
       },
       [
         U(
@@ -6277,7 +6298,7 @@ const Xo = (e, n) => {
   setup(e, { slots: n }) {
     const t = de(Ne);
     if (!t) throw new Error("AccordionPanel must be used inside Accordion");
-    const a = H(() => t.openItems.value.has(e.id));
+    const a = V(() => t.openItems.value.has(e.id));
     return () => U(
       "div",
       {
@@ -6341,8 +6362,8 @@ export {
   Wl as Table,
   zl as Tabs,
   Fl as TabsContent,
-  Ol as TabsList,
-  ql as TabsTrigger,
+  ql as TabsList,
+  Ol as TabsTrigger,
   u2 as Tag,
   Ml as Textarea,
   Rl as Timeline,