@reinosoft-ui/core 0.1.78 → 0.1.79

package/dist/reinosoft-ui.es.js

@@ -16,38 +16,38 @@ const Kt = ["aria-busy"], jt = ["aria-label"], Wt = ["src", "srcset", "sizes", "
   },
   emits: ["loaded", "error"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = M(t.src), i = M(), r = M("loading"), l = R(() => t.ratio ? {
+    const t = e, a = n, o = M(t.src), i = M(), s = M("loading"), l = R(() => t.ratio ? {
       aspectRatio: typeof t.ratio == "number" ? `${t.ratio}` : t.ratio
-    } : void 0), s = () => {
-      r.value = "loaded", a("loaded");
+    } : void 0), r = () => {
+      s.value = "loaded", a("loaded");
     }, c = () => {
       if (t.fallbackSrc && o.value !== t.fallbackSrc) {
-        o.value = t.fallbackSrc, r.value = "loading";
+        o.value = t.fallbackSrc, s.value = "loading";
         return;
       }
-      r.value = "error", a("error");
+      s.value = "error", a("error");
     };
     return J(
       () => t.src,
       (u) => {
-        o.value = u, r.value = "loading";
+        o.value = u, s.value = "loading";
       }
-    ), ve(() => i.value?.complete && i.value.naturalWidth > 0 && (r.value = "loaded")), (u, h) => (p(), k("div", {
+    ), ve(() => i.value?.complete && i.value.naturalWidth > 0 && (s.value = "loaded")), (u, h) => (p(), k("div", {
       class: fe(["ui-image", {
-        "is-loading": r.value === "loading",
-        "is-error": r.value === "error",
-        "is-loaded": r.value === "loaded",
+        "is-loading": s.value === "loading",
+        "is-error": s.value === "error",
+        "is-loaded": s.value === "loaded",
         transform: e.transform
       }]),
       style: Ie(l.value),
-      "aria-busy": r.value === "loading" || void 0
+      "aria-busy": s.value === "loading" || void 0
     }, [
-      r.value === "loading" ? G(u.$slots, "placeholder", { key: 0 }, () => [
+      s.value === "loading" ? G(u.$slots, "placeholder", { key: 0 }, () => [
         h[0] || (h[0] = I("div", {
           class: "ui-image__placeholder",
           "aria-hidden": "true"
         }, null, -1))
-      ], !0) : r.value === "error" ? G(u.$slots, "fallback", { key: 1 }, () => [
+      ], !0) : s.value === "error" ? G(u.$slots, "fallback", { key: 1 }, () => [
         I("div", {
           class: "ui-image__fallback",
           role: "img",
@@ -65,10 +65,10 @@ const Kt = ["aria-busy"], jt = ["aria-label"], Wt = ["src", "srcset", "sizes", "
         "aria-hidden": e.decorative || void 0,
         loading: e.lazy ? "lazy" : void 0,
         decoding: e.decoding,
-        onLoad: s,
+        onLoad: r,
         onError: c
       }, null, 40, Wt), [
-        [lt, r.value !== "error"]
+        [lt, s.value !== "error"]
       ])
     ], 14, Kt));
   }
@@ -111,12 +111,12 @@ const Gt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Jt
   }),
   emits: /* @__PURE__ */ se(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = n, o = e, i = R(() => t.value), r = () => {
+    const t = ke(e, "modelValue"), a = n, o = e, i = R(() => t.value), s = () => {
       if (o.disabled) return;
       const l = !t.value;
       t.value = l, a("change", l);
     };
-    return (l, s) => (p(), k("button", {
+    return (l, r) => (p(), k("button", {
       id: e.id,
       role: "switch",
       type: "button",
@@ -124,12 +124,12 @@ const Gt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Jt
       "aria-checked": i.value,
       "aria-disabled": e.disabled || void 0,
       disabled: e.disabled || void 0,
-      onClick: r,
+      onClick: s,
       onKeydown: [
-        ye(ce(r, ["prevent"]), ["space"]),
-        ye(ce(r, ["prevent"]), ["enter"])
+        ye(ce(s, ["prevent"]), ["space"]),
+        ye(ce(s, ["prevent"]), ["enter"])
       ]
-    }, [...s[0] || (s[0] = [
+    }, [...r[0] || (r[0] = [
       I("span", { class: "ui-toggle__track" }, [
         I("span", { class: "ui-toggle__thumb" })
       ], -1)
@@ -167,11 +167,11 @@ const It = (e) => {
   const a = t.getRangeAt(0), o = Ht(a.startContainer, "li");
   if (o) {
     e.preventDefault();
-    const i = o.textContent?.trim() === "", r = o.parentElement;
-    if (!r) return;
+    const i = o.textContent?.trim() === "", s = o.parentElement;
+    if (!s) return;
     if (i) {
-      const s = it("p");
-      r.after(s), o.remove(), r.children.length === 0 && r.remove(), Ne(s), n?.normalize();
+      const r = it("p");
+      s.after(r), o.remove(), s.children.length === 0 && s.remove(), Ne(r), n?.normalize();
       return;
     }
     const l = document.createElement("li");
@@ -196,16 +196,16 @@ const It = (e) => {
     V && ["UL", "OL"].includes(V.tagName) && (o = V);
   }
   if (!o) return;
-  const i = o.tagName.toLowerCase(), l = ["p", "h1", "blockquote"].includes(i) ? i : "p", s = it(l);
+  const i = o.tagName.toLowerCase(), l = ["p", "h1", "blockquote"].includes(i) ? i : "p", r = it(l);
   document.createRange().selectNodeContents(o);
   const u = a.cloneRange(), h = document.createRange();
   h.selectNodeContents(o), h.setEnd(u.startContainer, u.startOffset);
   const m = h.cloneContents(), f = document.createRange();
   f.selectNodeContents(o), f.setStart(u.startContainer, u.startOffset);
   const C = f.cloneContents();
-  o.innerHTML = "", o.appendChild(m), o.innerHTML === "" && (o.innerHTML = "<br>"), s.innerHTML = "", s.appendChild(C), s.innerHTML === "" && (s.innerHTML = "<br>"), o.after(s);
+  o.innerHTML = "", o.appendChild(m), o.innerHTML === "" && (o.innerHTML = "<br>"), r.innerHTML = "", r.appendChild(C), r.innerHTML === "" && (r.innerHTML = "<br>"), o.after(r);
   const L = document.createRange();
-  L.setStart(s, 0), L.collapse(!0), t.removeAllRanges(), t.addRange(L), n?.normalize();
+  L.setStart(r, 0), L.collapse(!0), t.removeAllRanges(), t.addRange(L), n?.normalize();
 }, n1 = () => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return;
@@ -223,20 +223,20 @@ const It = (e) => {
     return;
   }
   if (!a || !(a.textContent === "" || a.innerHTML === "<br>")) return;
-  const r = a.previousElementSibling, l = a.nextElementSibling;
-  if (e.preventDefault(), !r && !l) {
+  const s = a.previousElementSibling, l = a.nextElementSibling;
+  if (e.preventDefault(), !s && !l) {
     a.innerHTML = "<br>", Ne(a);
     return;
   }
-  if (r) {
-    if (r.dataset.block !== void 0) {
-      a.remove(), pt(r);
+  if (s) {
+    if (s.dataset.block !== void 0) {
+      a.remove(), pt(s);
       return;
     }
-    if (["UL", "OL"].includes(r.tagName)) {
-      const s = r.lastElementChild;
-      if (s) {
-        a.remove(), pt(s);
+    if (["UL", "OL"].includes(s.tagName)) {
+      const r = s.lastElementChild;
+      if (r) {
+        a.remove(), pt(r);
         return;
       }
     }
@@ -247,9 +247,9 @@ const It = (e) => {
       return;
     }
     if (["UL", "OL"].includes(l.tagName)) {
-      const s = l.firstElementChild;
-      if (s) {
-        a.remove(), Ne(s);
+      const r = l.firstElementChild;
+      if (r) {
+        a.remove(), Ne(r);
         return;
       }
     }
@@ -258,9 +258,9 @@ const It = (e) => {
   const n = document.createRange(), t = window.getSelection();
   n.selectNodeContents(e), n.collapse(!1), t?.removeAllRanges(), t?.addRange(n);
 }, o1 = (e, n) => {
-  const t = M(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, r = n?.onImageResolutionError;
+  const t = M(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, s = n?.onImageResolutionError;
   let l = M(null);
-  const s = () => {
+  const r = () => {
     const v = e;
     if (!v) return;
     const d = window.getSelection();
@@ -289,7 +289,7 @@ const It = (e) => {
       const ee = document.createRange();
       ee.setStart(ue[0], 0);
       const te = ue[ue.length - 1];
-      ee.setEnd(te, te.textContent.length), d.removeAllRanges(), d.addRange(ee), s();
+      ee.setEnd(te, te.textContent.length), d.removeAllRanges(), d.addRange(ee), r();
     }
     return C(), L(v);
   }, u = (v, d) => {
@@ -418,11 +418,11 @@ const It = (e) => {
     );
     let xe = 0, Oe = null, Ke = 0, Ae = null, Ee = 0;
     for (; me.nextNode(); ) {
-      const Se = me.currentNode, Je = Se.textContent?.length ?? 0;
-      !Oe && xe + Je >= ue && (Oe = Se, Ke = ue - xe), !Ae && xe + Je >= te && (Ae = Se, Ee = te - xe), xe += Je;
+      const Se = me.currentNode, Qe = Se.textContent?.length ?? 0;
+      !Oe && xe + Qe >= ue && (Oe = Se, Ke = ue - xe), !Ae && xe + Qe >= te && (Ae = Se, Ee = te - xe), xe += Qe;
     }
     const Re = document.createRange();
-    Oe ? Re.setStart(Oe, Ke) : Re.setStart(le, 0), !ne && Ae ? Re.setEnd(Ae, Ee) : Re.collapse(!0), d.removeAllRanges(), d.addRange(Re), s(), C();
+    Oe ? Re.setStart(Oe, Ke) : Re.setStart(le, 0), !ne && Ae ? Re.setEnd(Ae, Ee) : Re.collapse(!0), d.removeAllRanges(), d.addRange(Re), r(), C();
   }, U = (v) => {
     const d = e.parentElement?.querySelector("#editor-status");
     d && (d.textContent = v, setTimeout(() => d.textContent = "", 2e3));
@@ -585,7 +585,7 @@ const It = (e) => {
     }
     if (X) {
       if (!await w(y)) {
-        r?.(i);
+        s?.(i);
         return;
       }
       re(y);
@@ -607,7 +607,7 @@ const It = (e) => {
     const d = window.getSelection();
     if (!d || d.rangeCount === 0 || d.isCollapsed) return;
     const y = d.getRangeAt(0), H = document.createElement("a");
-    H.href = v, H.target = "_blank", H.rel = "noopener noreferrer", H.append(y.extractContents()), y.insertNode(H), y.selectNode(H), d.removeAllRanges(), d.addRange(y), s(), C();
+    H.href = v, H.target = "_blank", H.rel = "noopener noreferrer", H.append(y.extractContents()), y.insertNode(H), y.selectNode(H), d.removeAllRanges(), d.addRange(y), r(), C();
   }, Y = () => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return;
@@ -627,7 +627,7 @@ const It = (e) => {
     toggleBlock: h,
     normalize: C,
     rootElement: e,
-    saveSelection: s,
+    saveSelection: r,
     restoreSelection: b,
     isInlineActive: L,
     isBlockActive: V,
@@ -674,7 +674,7 @@ const It = (e) => {
             m.altKey && (m.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 = () => {
+    }, s = () => {
       const m = window.getSelection();
       if (!m || m.rangeCount === 0) return;
       const f = o.value;
@@ -719,7 +719,7 @@ const It = (e) => {
       }), f.querySelectorAll("ul, ol").forEach((x) => {
         x.removeAttribute("data-block");
       }), f.body.innerHTML;
-    }, s = () => {
+    }, r = () => {
       const m = window.getSelection();
       if (!m || m.rangeCount === 0) return;
       const f = m.anchorNode;
@@ -758,12 +758,12 @@ const It = (e) => {
       t.editor?.saveSelection(), x.dispatchEvent(new Event("input", { bubbles: !0 }));
     };
     return ve(() => {
-      document.addEventListener("selectionchange", r);
+      document.addEventListener("selectionchange", s);
       const m = o.value;
       m && m.querySelectorAll("[data-block]").forEach((f) => {
         c(f);
       });
-    }), Ve(() => document.removeEventListener("selectionchange", r)), n({
+    }), Ve(() => document.removeEventListener("selectionchange", s)), n({
       getRoot: () => o
     }), (m, f) => (p(), k(de, null, [
       I("div", {
@@ -776,7 +776,7 @@ const It = (e) => {
         "aria-multiline": "true",
         "aria-label": e.ariaLabel || "Text editor",
         "aria-describedby": "editor-help editor-status",
-        onInput: s,
+        onInput: r,
         onPaste: h,
         onKeydown: [
           i,
@@ -2269,7 +2269,7 @@ const It = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, Qe = {
+}, et = {
   x: c1,
   eye: d1,
   sun: v1,
@@ -2365,14 +2365,14 @@ const It = (e) => {
     return (n, t) => (p(), k("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       class: fe(["icon", { spin: e.spin }]),
-      viewBox: Z(Qe)[e.name].viewBox,
-      transform: Z(Qe)[e.name].transform || void 0,
+      viewBox: Z(et)[e.name].viewBox,
+      transform: Z(et)[e.name].transform || void 0,
       width: e.size || 24,
       height: e.size || 24,
       fill: "none",
       "aria-hidden": "true"
     }, [
-      (p(!0), k(de, null, he(Z(Qe)[e.name].paths, (a, o) => (p(), k(de, { key: o }, [
+      (p(!0), k(de, null, he(Z(et)[e.name].paths, (a, o) => (p(), k(de, { key: o }, [
         a.type === "path" ? (p(), k("path", be({
           key: 0,
           ref_for: !0
@@ -2403,7 +2403,7 @@ const It = (e) => {
 }), Ce = /* @__PURE__ */ W(Oa, [["__scopeId", "data-v-dd8423eb"]]), qa = ["aria-controls"], Fa = ["aria-pressed", "onClick", "aria-label"], Pa = { key: 1 }, Ua = {
   key: 1,
   class: "link-popup"
-}, et = 8, Ka = 6, ja = /* @__PURE__ */ z({
+}, tt = 8, Ka = 6, ja = /* @__PURE__ */ z({
   __name: "FloatingToolbar",
   props: {
     editor: {},
@@ -2411,17 +2411,17 @@ const It = (e) => {
     buttons: {}
   },
   setup(e, { expose: n }) {
-    const t = e, a = et + Ka, o = M(""), i = M(!1), r = M(!1), l = M([]), s = M(null), c = M({}), u = M(null);
+    const t = e, a = tt + Ka, o = M(""), i = M(!1), s = M(!1), l = M([]), r = M(null), c = M({}), u = M(null);
     let h = !1, m = null, f = null, C = null, L = 0;
     const V = () => {
       c.value = x();
     };
-    J(r, async (g) => {
+    J(s, async (g) => {
       if (!g) {
         C?.(), C = null, f?.disconnect(), f = null;
         return;
       }
-      await $e(), await $e(), V(), s.value && (f = new ResizeObserver(V), f.observe(s.value)), C = b(V);
+      await $e(), await $e(), V(), r.value && (f = new ResizeObserver(V), f.observe(r.value)), C = b(V);
     }, { flush: "post" });
     const x = () => {
       if (!t.editor?.rootElement) return {};
@@ -2437,11 +2437,11 @@ const It = (e) => {
       if (!_) return {};
       const S = _.getClientRects().item(0) ?? _.getBoundingClientRect();
       if (!S || S.width === 0 && S.height === 0) return {};
-      const q = s.value;
+      const q = r.value;
       if (!q) return {};
       const B = q.getBoundingClientRect(), w = B.width, T = S.left + S.width / 2, Y = Math.max(
-        w / 2 + et,
-        Math.min(T, window.innerWidth - w / 2 - et)
+        w / 2 + tt,
+        Math.min(T, window.innerWidth - w / 2 - tt)
       ), v = S.top - B.height - a;
       return v < 0 ? {} : {
         position: "fixed",
@@ -2459,7 +2459,7 @@ const It = (e) => {
     }, E = (g, _) => {
       g && (l.value[_] = g);
     };
-    J(r, () => {
+    J(s, () => {
       l.value = [];
     });
     const N = R(() => [
@@ -2524,7 +2524,7 @@ const It = (e) => {
             g.removeLink(), g.focus();
             return;
           }
-          h = !0, i.value = !0, r.value = !0, $e(() => {
+          h = !0, i.value = !0, s.value = !0, $e(() => {
             u.value?.focus(), requestAnimationFrame(() => {
               h = !1;
             });
@@ -2565,15 +2565,15 @@ const It = (e) => {
           _.contains(w) && !g.isCollapsed && (m = B.cloneRange());
         }
         if (i.value) {
-          r.value = !0;
+          s.value = !0;
           return;
         }
         if (!g || g.rangeCount === 0) {
-          r.value = !1;
+          s.value = !1;
           return;
         }
         const S = g.getRangeAt(0), q = S.commonAncestorContainer.nodeType === 3 ? S.commonAncestorContainer.parentNode : S.commonAncestorContainer;
-        r.value = _.contains(q) && !g.isCollapsed;
+        s.value = _.contains(q) && !g.isCollapsed;
       });
     }, F = () => {
       o.value.trim() && (t.editor?.restoreSelection(), t.editor?.applyLink(o.value), o.value = "", i.value = !1, t.editor?.focus());
@@ -2583,16 +2583,16 @@ const It = (e) => {
       g.action(t.editor);
     }, A = (g) => {
       if (h) return;
-      const _ = g.target, S = s.value, q = t.editor?.rootElement;
+      const _ = g.target, S = r.value, q = t.editor?.rootElement;
       if (i.value) {
         const T = S?.contains(_), Y = q?.contains(_);
         if (T || Y) return;
-        D(), r.value = !1;
+        D(), s.value = !1;
         return;
       }
       if (!S || !q) return;
       const B = S.contains(_), w = q.contains(_);
-      B || w || (r.value = !1);
+      B || w || (s.value = !1);
     };
     return ve(() => {
       document.addEventListener("selectionchange", () => {
@@ -2605,10 +2605,10 @@ const It = (e) => {
     }), (g, _) => (p(), ae(Ue, { to: "body" }, [
       P(Ze, { name: "tooltip-fade" }, {
         default: Q(() => [
-          r.value ? (p(), k("div", {
+          s.value ? (p(), k("div", {
             key: 0,
             ref_key: "toolbarRef",
-            ref: s,
+            ref: r,
             class: "toolbar",
             role: "toolbar",
             "aria-label": "Formatting options",
@@ -2675,38 +2675,38 @@ const It = (e) => {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = ke(e, "modelValue"), a = e, o = ge(), i = M(), r = M(null), l = M(null);
+    const t = ke(e, "modelValue"), a = e, o = ge(), i = M(), s = M(null), l = M(null);
     return J(
       () => t.value,
-      (s) => {
+      (r) => {
         const c = l.value?.getRoot()?.value;
-        c && c.innerHTML !== s && (c.innerHTML = s, r.value?.normalize());
+        c && c.innerHTML !== r && (c.innerHTML = r, s.value?.normalize());
       },
       { immediate: !0 }
     ), J(
       () => l.value,
       () => {
-        const s = l.value?.getRoot()?.value;
-        !s || !t.value || t.value.trim().length === 0 || s.innerHTML !== t.value && (s.innerHTML = t.value, r.value?.normalize());
+        const r = l.value?.getRoot()?.value;
+        !r || !t.value || t.value.trim().length === 0 || r.innerHTML !== t.value && (r.innerHTML = t.value, s.value?.normalize());
       },
       { immediate: !0 }
     ), ve(() => {
       const c = l.value?.getRoot()?.value;
       if (!c) return;
-      r.value = o1(c, {
+      s.value = o1(c, {
         buttons: a.buttons ?? [],
         minImageResolution: a.minImageResolution,
         onImageResolutionError: a.onImageResolutionError
-      }), r.value && (r.value.toolbarRef = i);
+      }), s.value && (s.value.toolbarRef = i);
       const u = () => t.value = c.innerHTML;
       c.addEventListener("input", u), Ve(() => c.removeEventListener("input", u));
-    }), He("announce", (s) => r.value?.announce(s)), n({
-      editor: r
-    }), (s, c) => (p(), k("section", Ya, [
+    }), He("announce", (r) => s.value?.announce(r)), n({
+      editor: s
+    }), (r, c) => (p(), k("section", Ya, [
       P(u1, {
         ref_key: "contentRef",
         ref: l,
-        editor: r.value,
+        editor: s.value,
         "editor-id": Z(o),
         "aria-label": e.ariaLabel,
         "write-here-text": e.writeHereText,
@@ -2716,7 +2716,7 @@ const It = (e) => {
       P(Wa, {
         ref_key: "toolbarRef",
         ref: i,
-        editor: r.value,
+        editor: s.value,
         "editor-id": Z(o)
       }, null, 8, ["editor", "editor-id"])
     ]));
@@ -2766,7 +2766,7 @@ const Xa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
   }),
   emits: /* @__PURE__ */ se(["select", "upload", "remove"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = M(0), r = M(""), l = M(!1), s = ge(), c = M(), u = R(() => t.value), h = R(() => a.maxSize === 1 / 0 ? "Unlimited" : re(a.maxSize)), m = R(() => !a.disabled && (a.multiple || t.value.length === 0)), f = R(() => u.value.some(($) => $.status === "uploading")), C = () => m.value && c.value?.click(), L = () => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = M(0), s = M(""), l = M(!1), r = ge(), c = M(), u = R(() => t.value), h = R(() => a.maxSize === 1 / 0 ? "Unlimited" : re(a.maxSize)), m = R(() => !a.disabled && (a.multiple || t.value.length === 0)), f = R(() => u.value.some(($) => $.status === "uploading")), C = () => m.value && c.value?.click(), L = () => {
       a.disabled || (i.value++, l.value = !0);
     }, V = () => {
       i.value = Math.max(0, i.value - 1), i.value === 0 && (l.value = !1);
@@ -2828,8 +2828,8 @@ const Xa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         $ /= 1024, g++;
       return `${$.toFixed(2)} ${A[g]}`;
     }, F = ($) => {
-      r.value = "", requestAnimationFrame(() => {
-        r.value = $;
+      s.value = "", requestAnimationFrame(() => {
+        s.value = $;
       });
     }, D = ($) => {
       $.controller && $.controller.abort(), o("remove", $), t.value = u.value.filter((A) => A.id !== $.id);
@@ -2839,7 +2839,7 @@ const Xa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
       class: "ui-upload",
       tabindex: e.disabled ? -1 : 0,
       "aria-label": e.ariaLabel || "File upload area",
-      "aria-describedby": l.value ? Z(s) : void 0,
+      "aria-describedby": l.value ? Z(r) : void 0,
       "aria-busy": f.value ? "true" : void 0,
       "aria-disabled": e.disabled ? "true" : void 0,
       "data-disabled": e.disabled || void 0,
@@ -2950,9 +2950,9 @@ const Xa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
           ], !0)
         ]))), 128))
       ])) : O("", !0),
-      I("div", cn, K(r.value), 1),
+      I("div", cn, K(s.value), 1),
       I("p", {
-        id: Z(s),
+        id: Z(r),
         class: "sr-only"
       }, " Drop files to upload ", 8, dn)
     ], 40, Xa));
@@ -2975,17 +2975,17 @@ const fn = (e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = Cn + hn, a = M(!1), o = `tooltip-${ge()}`, i = M(null), r = M(null), l = M({});
-    let s = null, c = null, u = null;
+    const n = e, t = Cn + hn, a = M(!1), o = `tooltip-${ge()}`, i = M(null), s = M(null), l = M({});
+    let r = null, c = null, u = null;
     const h = () => {
-      n.disabled || (s && (clearTimeout(s), s = null), n.delay ? s = window.setTimeout(() => {
-        a.value = !0, s = null;
+      n.disabled || (r && (clearTimeout(r), r = null), n.delay ? r = window.setTimeout(() => {
+        a.value = !0, r = null;
       }, n.delay) : a.value = !0);
     }, m = () => {
-      s && (clearTimeout(s), s = null), a.value = !1;
+      r && (clearTimeout(r), r = null), a.value = !1;
     }, f = () => {
-      if (!i.value || !r.value) return {};
-      const L = i.value.getBoundingClientRect(), V = r.value.getBoundingClientRect(), x = {
+      if (!i.value || !s.value) return {};
+      const L = i.value.getBoundingClientRect(), V = s.value.getBoundingClientRect(), x = {
         position: "fixed"
       };
       switch (n.placement) {
@@ -3011,7 +3011,7 @@ const fn = (e) => {
         c?.(), c = null, u?.disconnect(), u = null;
         return;
       }
-      await $e(), C(), c = fn(C), u = new ResizeObserver(C), r.value && u.observe(r.value), i.value && u.observe(i.value);
+      await $e(), C(), c = fn(C), u = new ResizeObserver(C), s.value && u.observe(s.value), i.value && u.observe(i.value);
     }), _e(() => {
       c?.(), u?.disconnect();
     }), (L, V) => (p(), k(de, null, [
@@ -3036,7 +3036,7 @@ const fn = (e) => {
             a.value ? (p(), k("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: r,
+              ref: s,
               id: o,
               class: "tooltip-content",
               role: "tooltip",
@@ -3083,15 +3083,15 @@ const yn = {
         "is-clickable": t.clickable,
         "is-removable": t.removable
       }
-    ]), r = R(() => t.clickable && t.as !== "button" && t.as !== "a"), l = (c) => {
+    ]), s = R(() => t.clickable && t.as !== "button" && t.as !== "a"), l = (c) => {
       t.disabled || !o.value || a("click", c);
-    }, s = () => a("remove");
+    }, r = () => a("remove");
     return (c, u) => (p(), ae(ze(e.as), {
       ref: "rootRef",
       class: fe(["ui-tag", i.value]),
       "aria-disabled": e.disabled || void 0,
-      tabindex: e.disabled ? -1 : r.value ? 0 : void 0,
-      role: r.value ? "button" : void 0,
+      tabindex: e.disabled ? -1 : s.value ? 0 : void 0,
+      role: s.value ? "button" : void 0,
       onClick: l,
       onKeydown: [
         u[0] || (u[0] = ye(ce((h) => !e.disabled && o.value && l(h), ["prevent"]), ["enter"])),
@@ -3110,7 +3110,7 @@ const yn = {
           class: "ui-tag__remove",
           type: "button",
           "aria-label": `Remove ${e.textContent}`,
-          onClick: ce(s, ["stop"])
+          onClick: ce(r, ["stop"])
         }, [
           P(Ce, {
             name: "close",
@@ -3138,7 +3138,7 @@ const yn = {
       }
       a("click", i);
     };
-    return (i, r) => (p(), k("a", {
+    return (i, s) => (p(), k("a", {
       class: "link",
       href: e.disabled ? void 0 : e.href,
       "aria-disabled": e.disabled ? "true" : void 0,
@@ -3155,7 +3155,7 @@ const yn = {
   __name: "Dropdown",
   setup(e) {
     let n = 0;
-    const t = M(!1), a = M(null), o = M({}), i = `dropdown-${ge()}`, r = `${i}-menu`, l = `${i}-trigger`, s = () => t.value = !0, c = () => {
+    const t = M(!1), a = M(null), o = M({}), i = `dropdown-${ge()}`, s = `${i}-menu`, l = `${i}-trigger`, r = () => t.value = !0, c = () => {
       t.value = !1, o.value = {}, n = 0, a.value?.focus({ preventScroll: !0 });
     }, u = () => t.value = !t.value, h = (b) => {
       const E = `dropdown-item-${n++}`;
@@ -3177,7 +3177,7 @@ const yn = {
       N > 0 && U && m(U);
     }, x = (b) => Object.keys(o.value).indexOf(b);
     return He("DropdownContext", {
-      open: s,
+      open: r,
       close: c,
       toggle: u,
       isOpen: t,
@@ -3188,7 +3188,7 @@ const yn = {
       focusFirstItem: f,
       focusLastItem: C,
       triggerRef: a,
-      menuId: r,
+      menuId: s,
       triggerId: l
     }), (b, E) => (p(), k("div", $n, [
       G(b.$slots, "default", {}, void 0, !0)
@@ -3206,7 +3206,7 @@ const yn = {
     const a = M(), o = (i) => {
       i.key === "ArrowDown" && (i.preventDefault(), t.open(), $e(() => t.focusFirstItem())), i.key === "ArrowUp" && (i.preventDefault(), t.open(), $e(() => t.focusLastItem()));
     };
-    return ve(() => t.triggerRef.value = a.value?.el), (i, r) => (p(), ae(Le, {
+    return ve(() => t.triggerRef.value = a.value?.el), (i, s) => (p(), ae(Le, {
       ref_key: "btn",
       ref: a,
       id: Z(t).triggerId,
@@ -3234,10 +3234,10 @@ const yn = {
     if (!n) throw new Error("DropdownMenu must be used within a Dropdown");
     const t = M(), a = M({});
     let o = !1, i;
-    const r = (h) => {
+    const s = (h) => {
       const m = h.target;
       t.value?.contains(m) || n.triggerRef.value?.contains(m) || n.close();
-    }, l = (h) => h.key === "Escape" && n.close(), s = () => {
+    }, l = (h) => h.key === "Escape" && n.close(), r = () => {
       const h = n.triggerRef.value, m = t.value;
       if (!h || !m) return;
       const f = h.getBoundingClientRect(), C = m.getBoundingClientRect();
@@ -3251,17 +3251,17 @@ const yn = {
     J(
       () => n.isOpen.value,
       async (h) => {
-        h ? (await c(), await c(), s(), n.focusFirstItem(), document.addEventListener("pointerdown", r, !0)) : document.removeEventListener("pointerdown", r, !0);
+        h ? (await c(), await c(), r(), n.focusFirstItem(), document.addEventListener("pointerdown", s, !0)) : document.removeEventListener("pointerdown", s, !0);
       }
     );
     const u = () => {
       n.isOpen.value && (o || (o = !0, requestAnimationFrame(() => {
-        s(), o = !1;
+        r(), o = !1;
       })));
     };
     return ve(() => {
       i = new ResizeObserver(() => {
-        s();
+        r();
       }), t.value && i.observe(t.value), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u);
     }), Ve(() => {
       i?.disconnect(), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
@@ -3332,9 +3332,9 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       continue;
     }
     for (; o < e.length; ) {
-      const r = e[o++];
-      if (r && Vt(r, i)) {
-        a += r;
+      const s = e[o++];
+      if (s && Vt(s, i)) {
+        a += s;
         break;
       }
     }
@@ -3343,10 +3343,10 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   return a;
 }, Tn = (e, n) => {
   const a = Pe(n).filter((l) => l.type !== "literal");
-  let o = "", i = 0, r = 0;
-  for (; i < e.length && r < a.length; ) {
-    const l = e[i], s = a[r];
-    s && Vt(l, s) && (o += l, r++), i++;
+  let o = "", i = 0, s = 0;
+  for (; i < e.length && s < a.length; ) {
+    const l = e[i], r = a[s];
+    r && Vt(l, r) && (o += l, s++), i++;
   }
   return o;
 }, _n = (e, n) => e.slice(0, n).replace(/\D/g, "").length, Zn = (e, n) => {
@@ -3364,11 +3364,11 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
 }, ut = (e, n, t, a) => R(() => {
   const o = [];
   return e.invalid && e.errorMessage && o.push(t), n.hint && o.push(a), o.length > 0 ? o.join(" ") : void 0;
-}), We = (e) => R(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), Nn = (e) => R(() => e.disabled === !0 ? "true" : void 0), On = (e, n, t) => {
+}), Ye = (e) => R(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), Nn = (e) => R(() => e.disabled === !0 ? "true" : void 0), On = (e, n, t) => {
   n && (n.classList.add("focused"), t("focus", e));
 }, qn = (e, n, t, a) => {
-  nt(n, t), t && (t?.classList.remove("focused"), a("blur", e));
-}, nt = (e, n) => {
+  We(n, t), t && (t?.classList.remove("focused"), a("blur", e));
+}, We = (e, n) => {
   !e || !n || (e.value.length > 0 ? n.classList.add("filled") : n.classList.remove("filled"));
 }, Fn = ["id"], ct = /* @__PURE__ */ z({
   __name: "Hint",
@@ -3431,7 +3431,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   }),
   emits: /* @__PURE__ */ se(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = rt(), r = M(null), l = ge(), s = `${l}-error`, c = `${l}-hint`, u = We(i).value, h = M(!1), m = M(""), f = M(!1), C = R(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = R(() => u ? `${c} ${l}-required-hint` : c), V = R(() => a.invalid === !0 && a.errorMessage ? s : void 0), x = R(() => a.type === "password" ? f.value ? "text" : "password" : a.type), b = R(() => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = rt(), s = M(null), l = ge(), r = `${l}-error`, c = `${l}-hint`, u = Ye(i).value, h = M(!1), m = M(""), f = M(!1), C = R(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = R(() => u ? `${c} ${l}-required-hint` : c), V = R(() => a.invalid === !0 && a.errorMessage ? r : void 0), x = R(() => a.type === "password" ? f.value ? "text" : "password" : a.type), b = R(() => {
       const { type: S, ...q } = i;
       return q;
     }), E = R(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : ie(m.value) : a.mask ? bt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), N = R(() => a.mask ? Pe(a.mask).filter((S) => S.type !== "literal").length : 0), U = R(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
@@ -3448,14 +3448,14 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       if (!a.mask && !a.currency) return;
       if (a.currency) {
         const w = S.target, T = _(w.value);
-        r.value = {
+        s.value = {
           rawCaret: T.length,
           inputType: S.inputType
         };
         return;
       }
       const q = S.target, B = q.selectionStart ?? 0;
-      r.value = {
+      s.value = {
         rawCaret: _n(q.value, B),
         inputType: S.inputType
       };
@@ -3463,21 +3463,21 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       const q = S.target;
       if (a.currency) {
         let T = _(q.value);
-        r.value?.inputType === "deleteContentBackward" && (T = m.value.slice(0, -1)), m.value = T;
+        s.value?.inputType === "deleteContentBackward" && (T = m.value.slice(0, -1)), m.value = T;
         const Y = ie(m.value);
-        q.value = Y, t.value = Number(m.value || "0") / 100, r.value = null;
+        q.value = Y, t.value = Number(m.value || "0") / 100, s.value = null;
         return;
       }
       let B = a.mask ? Tn(q.value, a.mask) : q.value;
       a.mask && (B = B.slice(0, N.value));
       const w = a.mask ? bt(B, a.mask) : B;
-      if (q.value = w, t.value = a.type === "number" ? Number(B) : B, a.mask && r.value) {
-        let { rawCaret: T, inputType: Y } = r.value;
+      if (q.value = w, t.value = a.type === "number" ? Number(B) : B, a.mask && s.value) {
+        let { rawCaret: T, inputType: Y } = s.value;
         Y.startsWith("insert") && T++, Y === "deleteContentBackward" && (T = Math.max(0, T - 1));
         let v = Zn(w, T);
         v = zn(a.mask, v, 1), q.setSelectionRange(v, v);
       }
-      r.value = null;
+      s.value = null;
     }, $ = (S) => {
       if (!a.mask || a.currency || S.key !== "Backspace") return;
       const q = S.target;
@@ -3519,7 +3519,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         required: Z(u),
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-errormessage": V.value,
-        "aria-describedby": Z(ut)(S.$props, S.$slots, s, L.value).value
+        "aria-describedby": Z(ut)(S.$props, S.$slots, r, L.value).value
       }), null, 16, jn),
       P(ct, { hintId: c }, {
         default: Q(() => [
@@ -3532,7 +3532,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         isRequired: Z(u)
       }, null, 8, ["baseId", "isRequired"]),
       P(vt, {
-        errorId: s,
+        errorId: r,
         invalid: e.invalid,
         errorMessage: e.errorMessage
       }, null, 8, ["invalid", "errorMessage"]),
@@ -3568,11 +3568,11 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     shape: { default: "circle" }
   },
   setup(e) {
-    const n = e, t = M("loading"), a = R(() => n.src && t.value !== "error"), o = R(() => n.name ? n.name.split(" ").map((s) => s[0]).slice(0, 2).join("").toUpperCase() : ""), i = R(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), r = () => t.value = "loaded", l = () => t.value = "error";
+    const n = e, t = M("loading"), a = R(() => n.src && t.value !== "error"), o = R(() => n.name ? n.name.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase() : ""), i = R(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), s = () => t.value = "loaded", l = () => t.value = "error";
     return J(
       () => n.src,
       () => n.src && (t.value = "loading")
-    ), ve(() => !n.src && (t.value = "error")), (s, c) => (p(), k("div", {
+    ), ve(() => !n.src && (t.value = "error")), (r, c) => (p(), k("div", {
       class: "ui-avatar",
       "data-size": e.size,
       "data-shape": e.shape,
@@ -3584,10 +3584,10 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         src: e.src,
         alt: e.alt ?? "",
         class: "ui-avatar__img",
-        onLoad: r,
+        onLoad: s,
         onError: l
       }, null, 8, ["src", "alt"])) : t.value === "loading" ? (p(), k("div", Xn)) : (p(), k("div", Gn, [
-        G(s.$slots, "default", {}, () => [
+        G(r.$slots, "default", {}, () => [
           Me(K(o.value), 1)
         ], !0)
       ]))
@@ -3611,7 +3611,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     J(i, (B) => {
       B ? document.addEventListener("mousedown", S) : document.removeEventListener("mousedown", S);
     });
-    const r = rt(), l = M(!1), s = M(null), c = R(() => a.id ?? ge()), u = `${c.value}-label`, h = `${c.value}-listbox`, m = `${c.value}-error`, f = `${c.value}-hint`, C = `${c.value}-value`, L = M(null), V = M(null), x = R(() => t.value !== null && t.value !== void 0 && t.value !== ""), b = R(() => L.value !== null ? `${h}-option-${L.value}` : void 0), E = We(r).value, N = R(() => E ? `${f} ${c.value}-required-hint` : f), U = R(() => i.value && b.value ? b.value : void 0), oe = R(() => V.value !== null ? a.options[V.value]?.value : "");
+    const s = rt(), l = M(!1), r = M(null), c = R(() => a.id ?? ge()), u = `${c.value}-label`, h = `${c.value}-listbox`, m = `${c.value}-error`, f = `${c.value}-hint`, C = `${c.value}-value`, L = M(null), V = M(null), x = R(() => t.value !== null && t.value !== void 0 && t.value !== ""), b = R(() => L.value !== null ? `${h}-option-${L.value}` : void 0), E = Ye(s).value, N = R(() => E ? `${f} ${c.value}-required-hint` : f), U = R(() => i.value && b.value ? b.value : void 0), oe = R(() => V.value !== null ? a.options[V.value]?.value : "");
     J(
       () => t.value,
       () => q()
@@ -3623,12 +3623,12 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     const ie = (B) => {
       l.value = !0, o("focus", B);
     }, re = (B) => {
-      const w = B.relatedTarget, T = s.value;
+      const w = B.relatedTarget, T = r.value;
       !T || T?.contains(w) || (l.value = !1, i.value = !1, o("blur", B));
     }, F = (B) => {
       i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((w) => !w.disabled)), !(!a.options || a.options.length === 0) && o("click", B);
     }, D = (B, w) => {
-      const T = s.value;
+      const T = r.value;
       !T || B.disabled || (V.value = w, L.value = w, B && B.key && B.key.toString().length > 0 ? T.classList.add("filled") : T.classList.remove("filled"), t.value = B.key, o("change", B.key));
     }, $ = (B) => {
       if (!i.value && ["ArrowDown", "ArrowUp"].includes(B.key)) {
@@ -3660,7 +3660,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       while (w >= 0 && w < a.options.length && a.options[w]?.disabled);
       w >= 0 && w < a.options.length && (L.value = w);
     }, g = () => a.options.findIndex((B) => !B.disabled), _ = () => [...a.options].reverse().findIndex((B) => !B.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((B) => !B.disabled) : -1, S = (B) => {
-      const w = s.value;
+      const w = r.value;
       !w || w.contains(B.target) || (i.value = !1);
     };
     _e(() => {
@@ -3670,7 +3670,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       const B = a.options.findIndex((w) => !w.disabled && w.key === t.value);
       if (B > -1) {
         V.value = B, L.value = B;
-        const w = s.value;
+        const w = r.value;
         w && w.classList.add("filled");
       }
     };
@@ -3681,7 +3681,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       }
     }), (B, w) => (p(), k("div", {
       ref_key: "selectRef",
-      ref: s,
+      ref: r,
       class: fe(["select-box", { required: Object.keys(B.$attrs).includes("required"), error: e.invalid, filled: x.value, focused: l.value }])
     }, [
       I("button", be({
@@ -3698,7 +3698,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         "aria-required": Z(E),
         "aria-describedby": Z(ut)(B.$props, B.$slots, m, N.value).value,
         "aria-activedescendant": U.value,
-        "aria-disabled": Z(r).disabled ? "true" : void 0,
+        "aria-disabled": Z(s).disabled ? "true" : void 0,
         onBlur: re,
         onFocus: ie,
         onClick: F,
@@ -3789,10 +3789,10 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   }),
   emits: /* @__PURE__ */ se(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = e, o = n, i = M([]), r = M("next"), l = M(null), s = `gallery-caption-${ge()}`, c = M(null), u = R(() => t.value), h = R(() => a.images[u.value]), m = (b, E) => {
+    const t = ke(e, "modelValue"), a = e, o = n, i = M([]), s = M("next"), l = M(null), r = `gallery-caption-${ge()}`, c = M(null), u = R(() => t.value), h = R(() => a.images[u.value]), m = (b, E) => {
       b && (i.value[E] = b);
     }, f = (b) => {
-      b !== u.value && (r.value = b > u.value ? "next" : "prev", t.value = b, o("change", b));
+      b !== u.value && (s.value = b > u.value ? "next" : "prev", t.value = b, o("change", b));
     }, C = () => {
       if (u.value === a.images.length - 1) {
         a.loop && f(0);
@@ -3826,7 +3826,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       "aria-roledescription": "carousel",
       "aria-label": e.ariaLabel || "Image gallery",
       "aria-live": "polite",
-      "aria-describedby": s
+      "aria-describedby": r
     }, [
       I("div", {
         ref_key: "previewRef",
@@ -3840,7 +3840,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         ]
       }, [
         P(Ze, {
-          name: `rs-gallery-slide-${r.value}`,
+          name: `rs-gallery-slide-${s.value}`,
           mode: "out-in",
           onBeforeLeave: V,
           onAfterEnter: x
@@ -3862,7 +3862,7 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       ], 44, lo),
       h.value?.title ? (p(), k("p", {
         key: 0,
-        id: s,
+        id: r,
         class: "rs-gallery-caption"
       }, K(h.value.title), 1)) : O("", !0),
       e.showThumbnails ? (p(), k("ul", ro, [
@@ -3922,8 +3922,8 @@ const Pe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       ], 8, vo))), 128))
     ], 12, co));
   }
-}), At = /* @__PURE__ */ W(fo, [["__scopeId", "data-v-17067a4b"]]), Ye = /* @__PURE__ */ Symbol("ModalContext");
-let tt = 0, qe = 0, Fe = null;
+}), At = /* @__PURE__ */ W(fo, [["__scopeId", "data-v-17067a4b"]]), Xe = /* @__PURE__ */ Symbol("ModalContext");
+let at = 0, qe = 0, Fe = null;
 const ot = z({
   name: "Modal",
   props: {
@@ -3940,18 +3940,18 @@ const ot = z({
   },
   emits: ["update:open", "opened", "closed"],
   setup(e, { emit: n, slots: t }) {
-    const a = M(!1), o = M(e.open), i = ge(), r = `modal-title-${i}`, l = `modal-desc-${i}`;
+    const a = M(!1), o = M(e.open), i = ge(), s = `modal-title-${i}`, l = `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, c = R(() => e.motion), u = R(() => e.size);
-    return He(Ye, {
+    const r = () => o.value = !1, c = R(() => e.motion), u = R(() => e.size);
+    return He(Xe, {
       isOpen: o,
       motion: c,
       size: u,
-      close: s,
+      close: r,
       closeOnOverlay: e.closeOnOverlay,
-      labelId: r,
+      labelId: s,
       descriptionId: l,
       hasTitle: a
     }), () => t.default?.();
@@ -3959,15 +3959,15 @@ const ot = z({
 }), Et = z({
   name: "ModalContent",
   setup(e, { slots: n }) {
-    const t = pe(Ye);
+    const t = pe(Xe);
     if (!t) throw new Error("ModalContent components must be used inside <Modal>");
     const a = M(null);
     let o = 0;
     const i = (h) => {
-      h.key === "Escape" && o === tt && t.close();
+      h.key === "Escape" && o === at && t.close();
     };
-    let r = !1, l = null;
-    const s = (h) => {
+    let s = !1, l = null;
+    const r = (h) => {
       const m = Array.from(
         h.querySelectorAll(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -3999,13 +3999,13 @@ const ot = z({
           name: `modal-${t.motion.value}`,
           appear: !0,
           onEnter: () => {
-            o = ++tt, Fe = document.activeElement, c();
+            o = ++at, Fe = document.activeElement, c();
           },
           onAfterEnter: () => {
-            a.value && (s(a.value), document.addEventListener("keydown", i));
+            a.value && (r(a.value), document.addEventListener("keydown", i));
           },
           onAfterLeave: () => {
-            tt--, document.removeEventListener("keydown", i), l?.(), u(), Fe && document.contains(Fe) && Fe.focus(), Fe = null;
+            at--, document.removeEventListener("keydown", i), l?.(), u(), Fe && document.contains(Fe) && Fe.focus(), Fe = null;
           }
         },
         {
@@ -4014,11 +4014,11 @@ const ot = z({
             {
               class: "modal-overlay",
               onMousedown: (h) => {
-                r = h.target === h.currentTarget;
+                s = h.target === h.currentTarget;
               },
               onMouseup: (h) => {
                 const m = h.target === h.currentTarget;
-                t.closeOnOverlay && r && m && t.close(), r = !1;
+                t.closeOnOverlay && s && m && t.close(), s = !1;
               }
             },
             j(
@@ -4042,7 +4042,7 @@ const ot = z({
 }), Rt = z({
   name: "ModalTitle",
   setup(e, { slots: n }) {
-    const t = pe(Ye);
+    const t = pe(Xe);
     if (!t) throw new Error("ModalTitle components must be used inside <Modal>");
     return t.hasTitle.value = !0, () => j("h2", { id: t.labelId }, n.default?.());
   }
@@ -4064,7 +4064,7 @@ const ot = z({
 }), Tt = z({
   name: "ModalClose",
   setup() {
-    const e = pe(Ye);
+    const e = pe(Xe);
     if (!e) throw new Error("ModalClose components must be used inside <Modal>");
     return () => j(
       "button",
@@ -4101,7 +4101,7 @@ const mo = /* @__PURE__ */ z({
     const n = M(0), t = M(!1), a = (i) => {
       n.value = i, t.value = !0;
     }, o = () => t.value = !1;
-    return (i, r) => (p(), k(de, null, [
+    return (i, s) => (p(), k(de, null, [
       P(At, {
         images: e.images,
         onChange: a,
@@ -4110,7 +4110,7 @@ const mo = /* @__PURE__ */ z({
       }, null, 8, ["images", "aria-label", "transform"]),
       P(Z(ot), {
         open: t.value,
-        "onUpdate:open": r[2] || (r[2] = (l) => t.value = l),
+        "onUpdate:open": s[2] || (s[2] = (l) => t.value = l),
         motion: "fade",
         size: "xl"
       }, {
@@ -4120,7 +4120,7 @@ const mo = /* @__PURE__ */ z({
               P(Z(St), null, {
                 default: Q(() => [
                   P(Z(Rt), null, {
-                    default: Q(() => [...r[3] || (r[3] = [
+                    default: Q(() => [...s[3] || (s[3] = [
                       Me("Image Gallery", -1)
                     ])]),
                     _: 1
@@ -4133,9 +4133,9 @@ const mo = /* @__PURE__ */ z({
                 default: Q(() => [
                   P(Bt, {
                     modelValue: n.value,
-                    "onUpdate:modelValue": r[0] || (r[0] = (l) => n.value = l),
+                    "onUpdate:modelValue": s[0] || (s[0] = (l) => n.value = l),
                     images: e.images,
-                    onChange: r[1] || (r[1] = (l) => i.$emit("change", l)),
+                    onChange: s[1] || (s[1] = (l) => i.$emit("change", l)),
                     onClose: o,
                     "aria-label": e.ariaLabel,
                     "transform-thumbnails": e.transform
@@ -4205,15 +4205,15 @@ const mo = /* @__PURE__ */ z({
   setup(e, { emit: n }) {
     const t = ke(e, "modelValue"), a = n, o = R({
       get: () => t.value ?? 0,
-      set: (r) => {
-        t.value = r, a("change", r);
+      set: (s) => {
+        t.value = s, a("change", s);
       }
-    }), i = (r) => o.value = r;
-    return (r, l) => (p(), k("section", go, [
+    }), i = (s) => o.value = s;
+    return (s, l) => (p(), k("section", go, [
       e.layout === "carousel" ? (p(), ae(Bt, {
         key: 0,
         modelValue: o.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => o.value = s),
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
         images: e.images,
         loop: e.loop,
         "aria-label": e.ariaLabel,
@@ -4223,7 +4223,7 @@ const mo = /* @__PURE__ */ z({
       }, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (p(), ae(At, {
         key: 1,
         modelValue: o.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (s) => o.value = s),
+        "onUpdate:modelValue": l[1] || (l[1] = (r) => o.value = r),
         images: e.images,
         onSelect: i,
         columns: e.columns,
@@ -4233,14 +4233,14 @@ const mo = /* @__PURE__ */ z({
       }, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (p(), ae(mo, {
         key: 2,
         modelValue: o.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (s) => o.value = s),
+        "onUpdate:modelValue": l[2] || (l[2] = (r) => o.value = r),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
       }, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (p(), ae(ho, {
         key: 3,
         modelValue: o.value,
-        "onUpdate:modelValue": l[3] || (l[3] = (s) => o.value = s),
+        "onUpdate:modelValue": l[3] || (l[3] = (r) => o.value = r),
         images: e.images,
         transform: e.transform,
         "aria-label": e.ariaLabel
@@ -4266,21 +4266,21 @@ const bo = ["aria-busy"], ko = {
       !n.message || a.value !== null || o.value.length > 0 && (a.value = window.setInterval(() => {
         t.value = t.value % 3 + 1, o.value = `${n.message}${".".repeat(t.value)}`;
       }, 750));
-    }, r = () => {
+    }, s = () => {
       a.value !== null && (clearInterval(a.value), a.value = null);
     };
     return J(
       () => n.message,
-      (l, s) => {
-        l !== s && (o.value = l || "", r());
+      (l, r) => {
+        l !== r && (o.value = l || "", s());
       }
-    ), ve(i), Ve(r), (l, s) => (p(), k("div", {
+    ), ve(i), Ve(s), (l, r) => (p(), k("div", {
       class: "spinner-container",
       role: "status",
       "aria-live": "polite",
       "aria-busy": !!e.message
     }, [
-      s[0] || (s[0] = I("div", {
+      r[0] || (r[0] = I("div", {
         class: "spinner",
         "aria-hidden": "true"
       }, null, -1)),
@@ -4312,7 +4312,7 @@ const bo = ["aria-busy"], ko = {
   }),
   emits: /* @__PURE__ */ se(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, a = ke(e, "modelValue"), o = e, i = ge(), r = R(() => o.id ?? `checkbox-${i}`), l = M(null), s = Nn(o).value, c = R(() => o.required ? !0 : void 0), u = R(() => o.triState && a.value === void 0 ? "mixed" : void 0);
+    const t = n, a = ke(e, "modelValue"), o = e, i = ge(), s = R(() => o.id ?? `checkbox-${i}`), l = M(null), r = Nn(o).value, c = R(() => o.required ? !0 : void 0), u = R(() => o.triState && a.value === void 0 ? "mixed" : void 0);
     J(
       () => a.value,
       (m) => {
@@ -4334,14 +4334,14 @@ const bo = ["aria-busy"], ko = {
       class: fe(["checkbox-root", { required: c.value, error: e.invalid }])
     }, [
       I("input", {
-        id: r.value,
+        id: s.value,
         type: "checkbox",
         class: "checkbox",
         required: c.value,
         checked: a.value === !0,
         disabled: e.disabled,
         "aria-invalid": e.invalid ? "true" : void 0,
-        "aria-disabled": Z(s),
+        "aria-disabled": Z(r),
         "aria-checked": u.value,
         onClick: f[0] || (f[0] = (C) => e.triState ? h(C) : void 0),
         onChange: f[1] || (f[1] = (C) => e.triState ? void 0 : h(C)),
@@ -4382,17 +4382,19 @@ const bo = ["aria-busy"], ko = {
   }),
   emits: /* @__PURE__ */ se(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = rt(), o = st(), i = n, r = e, l = M(null), s = M(null), c = ge(), u = `${c}-error`, h = `${c}-hint`, m = We(a).value, f = R(() => m ? `${h} ${c}-required-hint` : h), C = ut(r, o, u, f.value).value, L = (x) => {
-      nt(l.value, s.value);
+    const t = ke(e, "modelValue"), a = rt(), o = st(), i = n, s = e, l = M(null), r = M(null), c = ge(), u = `${c}-error`, h = `${c}-hint`, m = Ye(a).value, f = R(() => m ? `${h} ${c}-required-hint` : h), C = ut(s, o, u, f.value).value, L = (x) => {
+      We(l.value, r.value);
       const b = x.target;
-      t.value = r.type === "number" ? Number(b.value) : b.value;
-    }, V = R(() => r.invalid === !0 && r.errorMessage ? u : void 0);
-    return ve(() => {
-      nt(l.value, s.value);
+      t.value = s.type === "number" ? Number(b.value) : b.value;
+    }, V = R(() => s.invalid === !0 && s.errorMessage ? u : void 0);
+    return J(() => t.value, () => {
+      We(l.value, r.value);
+    }), ve(() => {
+      We(l.value, r.value);
     }), (x, b) => (p(), k("div", {
       class: fe(["textarea-box", { required: Z(m), error: e.invalid }]),
       ref_key: "inputBoxRef",
-      ref: s
+      ref: r
     }, [
       I("label", {
         for: e.id,
@@ -4400,8 +4402,8 @@ const bo = ["aria-busy"], ko = {
       }, K(e.label), 9, Bo),
       I("textarea", be({ id: e.id }, x.$attrs, {
         class: "custom-textarea",
-        onFocus: b[0] || (b[0] = (E) => Z(On)(E, s.value, i)),
-        onBlur: b[1] || (b[1] = (E) => Z(qn)(E, l.value, s.value, i)),
+        onFocus: b[0] || (b[0] = (E) => Z(On)(E, r.value, i)),
+        onBlur: b[1] || (b[1] = (E) => Z(qn)(E, l.value, r.value, i)),
         onInput: L,
         value: t.value,
         required: Z(m),
@@ -4428,7 +4430,7 @@ const bo = ["aria-busy"], ko = {
       }, null, 8, ["invalid", "errorMessage"])
     ], 2));
   }
-}), ql = /* @__PURE__ */ W(Eo, [["__scopeId", "data-v-3615613f"]]), Ro = { key: 0 }, So = { key: 1 }, Do = /* @__PURE__ */ z({
+}), ql = /* @__PURE__ */ W(Eo, [["__scopeId", "data-v-03dbbf13"]]), Ro = { key: 0 }, So = { key: 1 }, Do = /* @__PURE__ */ z({
   __name: "Highlight",
   props: {
     text: {},
@@ -4437,9 +4439,9 @@ const bo = ["aria-busy"], ko = {
   setup(e) {
     const n = (t, a) => {
       if (!a) return [{ text: t, match: !1 }];
-      const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"), r = [];
+      const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"), s = [];
       let l = 0;
-      return t.replace(i, (s, c) => (c > l && r.push({ text: t.slice(l, c), match: !1 }), r.push({ text: s, match: !0 }), l = c + s.length, s)), l < t.length && r.push({ text: t.slice(l), match: !1 }), r;
+      return t.replace(i, (r, c) => (c > l && s.push({ text: t.slice(l, c), match: !1 }), s.push({ text: r, match: !0 }), l = c + r.length, r)), l < t.length && s.push({ text: t.slice(l), match: !1 }), s;
     };
     return (t, a) => (p(!0), k(de, null, he(n(e.text, e.query), (o, i) => (p(), k(de, { key: i }, [
       o.match ? (p(), k("mark", Ro, K(o.text), 1)) : (p(), k("span", So, K(o.text), 1))
@@ -4483,7 +4485,7 @@ const bo = ["aria-busy"], ko = {
   },
   emits: ["valid"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = M([]), i = M(null), r = M(null), l = (f, C) => f && (o.value[C] = f);
+    const t = e, a = n, o = M([]), i = M(null), s = M(null), l = (f, C) => f && (o.value[C] = f);
     J(
       () => t.password,
       () => {
@@ -4495,14 +4497,14 @@ const bo = ["aria-busy"], ko = {
         a("valid", c());
       }
     );
-    const s = {
+    const r = {
       "--strength-fill-color": t.strengthFillColor
     }, c = () => {
       const f = u(), C = Object.values(h()).every(Boolean);
       return f && C;
     }, u = () => {
       const f = h(), C = Object.values(f).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, V = Math.min(100, (C + L) * 20), x = Math.min(t.labels.length - 1, Math.floor(V / 25));
-      return i.value && (i.value.style.width = `${V}%`), r.value && (r.value.textContent = t.labels[x] ?? "Very weak"), C === t.rules.length;
+      return i.value && (i.value.style.width = `${V}%`), s.value && (s.value.textContent = t.labels[x] ?? "Very weak"), C === t.rules.length;
     }, h = () => {
       const f = m();
       return o.value.forEach((C) => {
@@ -4536,12 +4538,12 @@ const bo = ["aria-busy"], ko = {
           C[1] || (C[1] = I("span", null, "Força da senha", -1)),
           I("span", {
             ref_key: "strengthLabelRef",
-            ref: r
+            ref: s
           }, "Muito fraca", 512)
         ]),
         I("div", {
           class: "strength-bar",
-          style: s
+          style: r
         }, [
           I("div", {
             class: "strength-fill",
@@ -4570,19 +4572,19 @@ const Po = {
     separator: { default: "/" }
   },
   setup(e) {
-    const n = e, t = pe(Ut), a = (l) => l === n.items.length - 1, o = (l, s) => i(l, s), i = (l, s) => a(s) || l.disabled ? "span" : l.to && t ? zt("RouterLink") : l.href ? "a" : "span", r = (l, s) => a(s) || l.disabled ? { "data-disabled": l.disabled || void 0 } : l.to ? { to: l.to } : l.href ? {
+    const n = e, t = pe(Ut), a = (l) => l === n.items.length - 1, o = (l, r) => i(l, r), i = (l, r) => a(r) || l.disabled ? "span" : l.to && t ? zt("RouterLink") : l.href ? "a" : "span", s = (l, r) => a(r) || l.disabled ? { "data-disabled": l.disabled || void 0 } : l.to ? { to: l.to } : l.href ? {
       href: l.href,
       target: l.external ? "_blank" : void 0,
       rel: l.external ? "noopener noreferrer" : void 0,
       "aria-label": l.external ? `${l.label} (opens in a new tab)` : void 0
     } : {};
-    return (l, s) => (p(), k("nav", Po, [
+    return (l, r) => (p(), k("nav", Po, [
       I("ol", Uo, [
         (p(!0), k(de, null, he(e.items, (c, u) => (p(), k("li", {
           key: c.to ?? c.href ?? `${c.label}-${u}`,
           class: "ui-breadcrumb__item"
         }, [
-          (p(), ae(ze(o(c, u)), be({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, r(c, u), {
+          (p(), ae(ze(o(c, u)), be({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, s(c, u), {
             "aria-posinset": u + 1,
             "aria-setsize": e.items.length,
             "aria-current": a(u) ? "page" : void 0,
@@ -4625,23 +4627,23 @@ const Po = {
   emits: ["update:modelValue"],
   setup(e) {
     const n = e, t = ke(e, "modelValue"), a = R(() => n.invalid ? "true" : void 0), o = R(() => n.required && !n.disabled ? "true" : void 0), i = R(() => n.disabled ? !0 : void 0);
-    return (r, l) => (p(), k("fieldset", {
+    return (s, l) => (p(), k("fieldset", {
       class: fe(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
       "aria-invalid": a.value,
       "aria-required": o.value,
       disabled: i.value
     }, [
       I("legend", Yo, K(e.name), 1),
-      (p(!0), k(de, null, he(e.options, (s) => (p(), k("label", {
-        key: s.key,
-        class: fe(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
+      (p(!0), k(de, null, he(e.options, (r) => (p(), k("label", {
+        key: r.key,
+        class: fe(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
       }, [
         Be(I("input", {
           type: "radio",
           class: "radio-input",
           name: e.name,
-          value: s.key,
-          disabled: e.disabled || s.disabled,
+          value: r.key,
+          disabled: e.disabled || r.disabled,
           required: e.required,
           "onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c)
         }, null, 8, Xo), [
@@ -4649,12 +4651,12 @@ const Po = {
         ]),
         e.mode === "standard" ? (p(), k("span", Go)) : O("", !0),
         I("span", Jo, [
-          s.icon ? (p(), ae(Ce, {
+          r.icon ? (p(), ae(Ce, {
             key: 0,
-            name: s.icon,
+            name: r.icon,
             size: 22
           }, null, 8, ["name"])) : O("", !0),
-          Me(" " + K(s.label), 1)
+          Me(" " + K(r.label), 1)
         ])
       ], 2))), 128))
     ], 10, Wo));
@@ -4701,19 +4703,19 @@ const Po = {
   }),
   emits: /* @__PURE__ */ se(["change", "select", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, a = n, o = ke(e, "modelValue"), i = M(null), r = M(""), l = M(!1), s = M([]), c = M(null), u = M(null), h = R(() => t.id ? `${t.id}-search-history` : "search-history"), f = `${ge()}-list`, C = M(!1), L = R(() => o.value !== null && o.value !== void 0 && o.value !== ""), V = R(() => c.value !== null ? `${f}-option-${c.value}` : void 0), x = R(() => l.value && V.value ? V.value : void 0), b = R(() => s.value.length > 0), E = R(() => {
+    const t = e, a = n, o = ke(e, "modelValue"), i = M(null), s = M(""), l = M(!1), r = M([]), c = M(null), u = M(null), h = R(() => t.id ? `${t.id}-search-history` : "search-history"), f = `${ge()}-list`, C = M(!1), L = R(() => o.value !== null && o.value !== void 0 && o.value !== ""), V = R(() => c.value !== null ? `${f}-option-${c.value}` : void 0), x = R(() => l.value && V.value ? V.value : void 0), b = R(() => r.value.length > 0), E = R(() => {
       if (!t.filterable) return t.options;
-      const w = r.value.toLowerCase();
+      const w = s.value.toLowerCase();
       return t.options.filter((T) => t.getValue(T).toLowerCase().includes(w));
-    }), N = We(t).value;
+    }), N = Ye(t).value;
     J(
       () => h.value,
       (w) => {
         if (w)
           try {
-            s.value = JSON.parse(localStorage.getItem(w) || "[]");
+            r.value = JSON.parse(localStorage.getItem(w) || "[]");
           } catch {
-            s.value = [];
+            r.value = [];
           }
       },
       { immediate: !0 }
@@ -4735,16 +4737,16 @@ const Po = {
       }
     );
     const U = (w) => {
-      r.value.length >= t.minChars && !t.filterable && !t.loading && (l.value = !0), C.value = !0, a("focus", w);
+      s.value.length >= t.minChars && !t.filterable && !t.loading && (l.value = !0), C.value = !0, a("focus", w);
     }, oe = (w) => {
       const T = w.relatedTarget;
-      i.value?.contains(T) || (l.value = !1, o.value ? $() : r.value = "", C.value = !1, a("blur", w));
+      i.value?.contains(T) || (l.value = !1, o.value ? $() : s.value = "", C.value = !1, a("blur", w));
     }, ie = (w, T) => {
       const Y = i.value;
       if (!Y || t.isDisabled(w)) return;
-      l.value = !1, g(r.value), u.value = T, c.value = T;
+      l.value = !1, g(s.value), u.value = T, c.value = T;
       const v = t.getKey(w);
-      v && v.toString().length > 0 ? Y.classList.add("filled") : Y.classList.remove("filled"), r.value = t.getValue(w), o.value = v, a("select", v);
+      v && v.toString().length > 0 ? Y.classList.add("filled") : Y.classList.remove("filled"), s.value = t.getValue(w), o.value = v, a("select", v);
     }, re = (w) => {
       if (!l.value && ["ArrowDown", "ArrowUp"].includes(w.key)) {
         l.value = !0, c.value = c.value ?? E.value.findIndex((T) => !t.isDisabled(T)), w.preventDefault();
@@ -4775,11 +4777,11 @@ const Po = {
       while (T >= 0 && T < E.value.length && t.isDisabled(E.value[T]));
       T >= 0 && T < E.value.length && (c.value = T);
     }, D = () => {
-      r.value.length === 0 && (o.value = ""), r.value.length >= t.minChars ? (a("change", r.value), l.value = !0) : l.value = !1;
+      s.value.length === 0 && (o.value = ""), s.value.length >= t.minChars ? (a("change", s.value), l.value = !0) : l.value = !1;
     }, $ = () => {
       if (o.value.toString().length === 0) return;
       const w = t.options.findIndex((T) => t.getKey(T) === o.value);
-      w > -1 ? (c.value = w, u.value = w, r.value = t.getValue(t.options[w])) : r.value = o.value.toString();
+      w > -1 ? (c.value = w, u.value = w, s.value = t.getValue(t.options[w])) : s.value = o.value.toString();
     };
     J(
       [() => t.options.length, () => o.value],
@@ -4789,14 +4791,14 @@ const Po = {
       { flush: "post", immediate: !0 }
     );
     const A = () => {
-      r.value = "", o.value = "";
+      s.value = "", o.value = "";
     }, g = (w) => {
-      !w || w.trim().length === 0 || (s.value = [
+      !w || w.trim().length === 0 || (r.value = [
         w,
-        ...s.value.filter((T) => T !== w)
-      ].slice(0, t.suggestionsLimit), localStorage.setItem(h.value, JSON.stringify(s.value)));
+        ...r.value.filter((T) => T !== w)
+      ].slice(0, t.suggestionsLimit), localStorage.setItem(h.value, JSON.stringify(r.value)));
     }, _ = (w) => {
-      r.value = w, D();
+      s.value = w, D();
     }, S = () => {
       const w = q();
       w >= 0 && (c.value = w);
@@ -4826,13 +4828,13 @@ const Po = {
         "aria-invalid": e.invalid ? "true" : void 0,
         disabled: e.disabled ? !0 : void 0,
         "aria-disabled": e.disabled ? !0 : void 0,
-        "onUpdate:modelValue": T[0] || (T[0] = (Y) => r.value = Y),
+        "onUpdate:modelValue": T[0] || (T[0] = (Y) => s.value = Y),
         onFocus: U,
         onBlur: oe,
         onInput: D,
         onKeydown: re
       }), null, 16, t2), [
-        [Ot, r.value]
+        [Ot, s.value]
       ]),
       P(Ze, { name: "select" }, {
         default: Q(() => [
@@ -4860,14 +4862,14 @@ const Po = {
               G(w.$slots, "option", {
                 option: Y,
                 value: e.getValue(Y),
-                query: r.value,
+                query: s.value,
                 selected: v === u.value,
                 active: v === c.value
               }, () => [
                 I("div", n2, [
                   P(To, {
                     text: e.getValue(Y),
-                    query: r.value
+                    query: s.value
                   }, null, 8, ["text", "query"])
                 ])
               ], !0),
@@ -4883,7 +4885,7 @@ const Po = {
             b.value ? (p(), k("li", r2, [...T[4] || (T[4] = [
               I("div", { class: "option-value" }, " Recents ", -1)
             ])])) : O("", !0),
-            (p(!0), k(de, null, he(s.value, (Y) => (p(), k("li", {
+            (p(!0), k(de, null, he(r.value, (Y) => (p(), k("li", {
               key: Y,
               role: "presentation",
               "aria-hidden": "true",
@@ -4902,7 +4904,7 @@ const Po = {
       w.$slots.icon ? (p(), k("span", u2, [
         G(w.$slots, "icon", {}, void 0, !0)
       ])) : O("", !0),
-      r.value.length > 0 && !e.disabled ? (p(), ae(Le, {
+      s.value.length > 0 && !e.disabled ? (p(), ae(Le, {
         key: 1,
         type: "button",
         class: "btn btn-icon",
@@ -4966,30 +4968,30 @@ const De = (e, n = "info") => {
   },
   setup(e) {
     const n = e, t = M(null), a = M("open"), o = M(100);
-    let i = Date.now(), r;
+    let i = Date.now(), s;
     const l = () => {
       const u = Date.now() - i;
       if (o.value = Math.max(0, 100 - u / n.duration * 100), o.value <= 0) {
         c();
         return;
       }
-      r = requestAnimationFrame(l);
-    }, s = () => {
-      if (cancelAnimationFrame(r), n.duration === 1 / 0) {
+      s = requestAnimationFrame(l);
+    }, r = () => {
+      if (cancelAnimationFrame(s), n.duration === 1 / 0) {
         o.value = 100;
         return;
       }
-      i = Date.now(), r = requestAnimationFrame(l);
+      i = Date.now(), s = requestAnimationFrame(l);
     };
     J(
       () => n.duration,
-      () => s(),
+      () => r(),
       { immediate: !0 }
     );
     const c = () => {
-      cancelAnimationFrame(r), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((u) => u.id !== n.id), h2);
+      cancelAnimationFrame(s), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((u) => u.id !== n.id), h2);
     };
-    return ve(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(r)), (u, h) => (p(), k("div", {
+    return ve(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(s)), (u, h) => (p(), k("div", {
       ref_key: "rootRef",
       ref: t,
       tabindex: "-1",
@@ -5082,21 +5084,21 @@ const jl = {
   setup(e, { emit: n }) {
     const t = e, a = n, o = M(), i = M();
     He("card:labelId", o), He("card:descriptionId", i);
-    const r = R(() => t.clickable && t.as !== "button" && t.as !== "a"), l = () => t.clickable && a("click");
-    return (s, c) => (p(), ae(ze(e.as), {
+    const s = R(() => t.clickable && t.as !== "button" && t.as !== "a"), l = () => t.clickable && a("click");
+    return (r, c) => (p(), ae(ze(e.as), {
       class: fe(["rs-card", { clickable: e.clickable }]),
-      tabindex: r.value ? 0 : void 0,
-      role: r.value ? "button" : void 0,
+      tabindex: s.value ? 0 : void 0,
+      role: s.value ? "button" : void 0,
       onClick: l,
       onKeydown: [
-        c[0] || (c[0] = ye(ce((u) => r.value && l(), ["prevent"]), ["enter"])),
-        c[1] || (c[1] = ye(ce((u) => r.value && l(), ["prevent"]), ["space"]))
+        c[0] || (c[0] = ye(ce((u) => s.value && l(), ["prevent"]), ["enter"])),
+        c[1] || (c[1] = ye(ce((u) => s.value && l(), ["prevent"]), ["space"]))
       ],
       "aria-labelledby": o.value,
       "aria-describedby": i.value
     }, {
       default: Q(() => [
-        G(s.$slots, "default", {}, void 0, !0)
+        G(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 40, ["class", "tabindex", "role", "aria-labelledby", "aria-describedby"]));
@@ -5169,8 +5171,8 @@ const jl = {
   setup(e) {
     const n = e, t = pe("StepsContext");
     if (!t) throw new Error("Step component must be used inside Steps.");
-    const a = st(), o = M(null), i = M(null), r = R(() => t.orientation ?? "horizontal");
-    let l = null, s = null;
+    const a = st(), o = M(null), i = M(null), s = R(() => t.orientation ?? "horizontal");
+    let l = null, r = null;
     const c = pe("StepIndex");
     if (c == null) throw new Error("StepIndex component must be used inside Steps.");
     const u = R(() => n.status ? n.status : c < t.current.value ? "completed" : c === t.current.value ? "active" : "pending"), h = R(() => t?.icons?.[u.value]), m = R(() => a.icon ? "slot" : n.icon ? n.icon : h.value), f = R(() => {
@@ -5249,18 +5251,18 @@ const jl = {
     return ve(() => {
       !o.value || !i.value || (requestAnimationFrame(() => {
         requestAnimationFrame(b);
-      }), s = new ResizeObserver(() => {
+      }), r = new ResizeObserver(() => {
         x();
-      }), s.observe(o.value), s.observe(i.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
+      }), r.observe(o.value), r.observe(i.value), t.stepsRef.value && r.observe(t.stepsRef.value), t.registerStep(o.value));
     }), Ve(() => {
-      s?.disconnect(), t.unregisterStep(o.value), l != null && cancelAnimationFrame(l);
+      r?.disconnect(), t.unregisterStep(o.value), l != null && cancelAnimationFrame(l);
     }), (N, U) => (p(), k("li", {
       ref_key: "stepRef",
       ref: o,
       class: fe(["step", `step__${L.value}`]),
       role: "listitem",
       "data-status": u.value,
-      "data-orientation": r.value,
+      "data-orientation": s.value,
       "data-active": u.value === "active",
       "data-completed": u.value === "completed",
       "aria-labelledby": `step-title-${Z(c)}`,
@@ -5354,7 +5356,7 @@ const jl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = M(0), a = st(), o = ke(e, "modelValue"), i = M([]), r = M(null), l = R(() => o.value ?? 0), s = `steps-description-${ge()}`, c = Pt({}), u = $t({});
+    const n = e, t = M(0), a = st(), o = ke(e, "modelValue"), i = M([]), s = M(null), l = R(() => o.value ?? 0), r = `steps-description-${ge()}`, c = Pt({}), u = $t({});
     let h = null;
     const m = R(() => (a.default?.() ?? [])[l.value]?.props?.title ?? ""), f = R(() => Object.entries(u).filter(([, F]) => F !== "completed").length === 0), C = R(
       () => Object.values(u).includes("error")
@@ -5410,8 +5412,8 @@ const jl = {
       N(t.value - 1);
     }
     return ve(() => {
-      r.value && (h = new ResizeObserver(() => {
-      }), h.observe(r.value));
+      s.value && (h = new ResizeObserver(() => {
+      }), h.observe(s.value));
     }), Ve(() => h?.disconnect()), He("StepsContext", {
       current: R(() => o.value),
       update: (F) => o.value = F,
@@ -5420,7 +5422,7 @@ const jl = {
       size: n.size,
       orientation: n.orientation,
       stepStatusMap: u,
-      stepsRef: r,
+      stepsRef: s,
       registerStepStatus: (F, D) => {
         u[F] = D;
       },
@@ -5435,15 +5437,15 @@ const jl = {
     }), (F, D) => (p(), k(de, null, [
       I("ol", {
         ref_key: "stepsRef",
-        ref: r,
+        ref: s,
         class: "steps",
         role: "list",
         "data-size": e.size,
         "data-orientation": n.orientation,
-        "aria-describedby": s
+        "aria-describedby": r
       }, [
         I("p", {
-          id: s,
+          id: r,
           class: "sr-only"
         }, " This is a multi-step process. Use arrow keys to navigate between steps. "),
         I("div", {
@@ -5498,10 +5500,10 @@ const jl = {
   setup(e) {
     const n = e, t = pe("TimelineContext");
     if (!t) throw new Error("TimelineItem must be used within a Timeline component");
-    const a = ge(), o = ge(), i = R(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), r = (c) => {
+    const a = ge(), o = ge(), i = R(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), s = (c) => {
       const u = new Date(c).getDay();
       return u < 10 ? `0${u}` : u;
-    }, l = (c) => new Date(c).toLocaleString("default", { month: "short" }), s = (c) => new Date(c).getFullYear();
+    }, l = (c) => new Date(c).toLocaleString("default", { month: "short" }), r = (c) => new Date(c).getFullYear();
     return (c, u) => (p(), k("li", {
       tabindex: "0",
       class: fe([i.value, "ui-timeline-item"]),
@@ -5520,8 +5522,8 @@ const jl = {
           datetime: e.date
         }, [
           I("span", W2, K(l(e.date)), 1),
-          I("span", Y2, K(r(e.date)), 1),
-          I("span", X2, K(s(e.date)), 1)
+          I("span", Y2, K(s(e.date)), 1),
+          I("span", X2, K(r(e.date)), 1)
         ], 8, j2)) : O("", !0),
         I("div", {
           class: "ui-timeline-body",
@@ -5583,7 +5585,7 @@ const jl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ke(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), r = M(0), l = M(0), s = M(0), c = M(!1), u = M(!1), h = M(0), m = M([]), f = M(1), C = M(n.value), L = M(null), V = M(null);
+    const n = ke(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), s = M(0), l = M(0), r = M(0), c = M(!1), u = M(!1), h = M(0), m = M([]), f = M(1), C = M(n.value), L = M(null), V = M(null);
     let x = null, b = null;
     J(
       () => n.value,
@@ -5622,11 +5624,11 @@ const jl = {
       for (const [H, X] of d) v >= H && (y = X);
       return y;
     }, w = (v) => {
-      v.button === 0 && (u.value = !0, o.value = v.clientX, a.value = v.clientX, s.value = v.clientX, i.value = 0, r.value = performance.now(), l.value = 0, h.value = C.value, V.value?.setPointerCapture(v.pointerId), q(), V.value.style.userSelect = "");
+      v.button === 0 && (u.value = !0, o.value = v.clientX, a.value = v.clientX, r.value = v.clientX, i.value = 0, s.value = performance.now(), l.value = 0, h.value = C.value, V.value?.setPointerCapture(v.pointerId), q(), V.value.style.userSelect = "");
     }, T = (v) => {
       if (!u.value) return;
-      const d = performance.now(), y = v.clientX - a.value, H = d - r.value;
-      H > 0 && (l.value = y / H), a.value = v.clientX, r.value = d, s.value = v.clientX, i.value = s.value - o.value;
+      const d = performance.now(), y = v.clientX - a.value, H = d - s.value;
+      H > 0 && (l.value = y / H), a.value = v.clientX, s.value = d, r.value = v.clientX, i.value = r.value - o.value;
     }, Y = (v) => {
       if (!u.value) return;
       u.value = !1, V.value?.releasePointerCapture(v.pointerId), V.value.style.userSelect = "";
@@ -5728,19 +5730,19 @@ const jl = {
     const n = pe("CarouselContext");
     if (!n) throw new Error("CarouselItem must be used inside a Carousel");
     const t = "carousel-item-" + ge(), a = M(0), o = R(() => Math.abs(n.deltaX.value) > 5), i = R(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
-    return ve(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (r, l) => (p(), k("div", {
+    return ve(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (s, l) => (p(), k("div", {
       role: "group",
       class: "carousel-item",
       id: t,
       "aria-roledescription": "slide",
       "aria-hidden": !i.value,
       "aria-label": `Slide ${a.value + 1}`,
-      onClickCapture: l[0] || (l[0] = (s) => o.value && s.preventDefault())
+      onClickCapture: l[0] || (l[0] = (r) => o.value && r.preventDefault())
     }, [
-      G(r.$slots, "default", {}, void 0, !0)
+      G(s.$slots, "default", {}, void 0, !0)
     ], 40, cl));
   }
-}), nr = /* @__PURE__ */ W(dl, [["__scopeId", "data-v-a569d055"]]), Xe = /* @__PURE__ */ Symbol("TabsContext"), or = z({
+}), nr = /* @__PURE__ */ W(dl, [["__scopeId", "data-v-a569d055"]]), Ge = /* @__PURE__ */ Symbol("TabsContext"), or = z({
   name: "Tabs",
   props: {
     modelValue: String,
@@ -5756,7 +5758,7 @@ const jl = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n, slots: t }) {
-    const a = M(e.modelValue ?? e.defaultValue), o = M(!1), i = M([]), r = M("forward"), l = M();
+    const a = M(e.modelValue ?? e.defaultValue), o = M(!1), i = M([]), s = M("forward"), l = M();
     J(a, (C) => {
       !C || !o.value || requestAnimationFrame(() => {
         document.getElementById(`tab-${C}`)?.focus(), o.value = !1;
@@ -5769,7 +5771,7 @@ const jl = {
     ), J(i, (C) => {
       !a.value && C.length && (a.value = C[0]);
     });
-    const s = (C, L) => i.value[L] = C, c = (C) => {
+    const r = (C, L) => i.value[L] = C, c = (C) => {
       const L = i.value.filter(Boolean);
       if (!L.length) return;
       const V = a.value;
@@ -5782,8 +5784,8 @@ const jl = {
         a.value = C, n("update:modelValue", C);
         return;
       }
-      x !== -1 && b !== -1 && (r.value = b > x ? "forward" : "backward"), V !== C && (a.value = C, n("update:modelValue", C));
-    }, u = R(() => r.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), h = (C) => {
+      x !== -1 && b !== -1 && (s.value = b > x ? "forward" : "backward"), V !== C && (a.value = C, n("update:modelValue", C));
+    }, u = R(() => s.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), h = (C) => {
       C instanceof HTMLElement && l.value && (l.value.style.height = `${C.offsetHeight}px`);
     }, m = (C) => {
       if (C instanceof HTMLElement && l.value) {
@@ -5795,11 +5797,11 @@ const jl = {
     }, f = () => {
       l.value && (l.value.style.height = "");
     };
-    return He(Xe, {
+    return He(Ge, {
       activeValue: a,
       setValue: c,
-      registerTrigger: s,
-      direction: r,
+      registerTrigger: r,
+      direction: s,
       activationMode: M(e.activationMode),
       orientation: M(e.orientation),
       triggers: i,
@@ -5840,7 +5842,7 @@ const jl = {
 }), lr = z({
   name: "TabsList",
   setup(e, { slots: n }) {
-    const t = pe(Xe);
+    const t = pe(Ge);
     if (!t) throw new Error("TabsList components must be used inside <Tabs>");
     return () => j(
       "div",
@@ -5869,15 +5871,15 @@ const jl = {
     }
   },
   setup(e, { slots: n }) {
-    const t = pe(Xe);
+    const t = pe(Ge);
     if (!t) throw new Error("TabsTrigger components must be used inside <Tabs>");
-    const a = R(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (r) => {
-      if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) return;
-      r.preventDefault();
-      const s = t.triggers.value.filter(Boolean);
-      let u = s.indexOf(e.value);
+    const a = R(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (s) => {
+      if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) return;
+      s.preventDefault();
+      const r = t.triggers.value.filter(Boolean);
+      let u = r.indexOf(e.value);
       const h = t.orientation.value === "horizontal";
-      switch (r.key) {
+      switch (s.key) {
         case "ArrowRight":
           h && u++;
           break;
@@ -5894,11 +5896,11 @@ const jl = {
           u = 0;
           break;
         case "End":
-          u = s.length - 1;
+          u = r.length - 1;
           break;
       }
-      u = (u + s.length) % s.length;
-      const m = s[u];
+      u = (u + r.length) % r.length;
+      const m = r[u];
       t.activationMode.value === "auto" && t.setValue(m), requestAnimationFrame(() => {
         document.getElementById(`tab-${m}`)?.focus();
       });
@@ -5929,7 +5931,7 @@ const jl = {
     }
   },
   setup(e, { slots: n }) {
-    if (!pe(Xe)) throw new Error("TabsContent components must be used inside <Tabs>");
+    if (!pe(Ge)) throw new Error("TabsContent components must be used inside <Tabs>");
     return () => j(
       "div",
       {
@@ -5951,22 +5953,22 @@ const jl = {
     const a = M(), o = (i) => {
       i.key === "ArrowDown" && (i.preventDefault(), n.focusNextItem(t)), i.key === "ArrowUp" && (i.preventDefault(), n.focusPrevItem(t)), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a.value?.click(), n.close());
     };
-    return ve(() => t = n.registerItem(a.value)), (i, r) => (p(), k("div", {
+    return ve(() => t = n.registerItem(a.value)), (i, s) => (p(), k("div", {
       ref_key: "itemRef",
       ref: a,
       role: "menuitem",
       class: "ui-dropdown-item",
       tabindex: "-1",
       onKeydown: o,
-      onClick: r[0] || (r[0] = //@ts-ignore
+      onClick: s[0] || (s[0] = //@ts-ignore
       (...l) => Z(n).close && Z(n).close(...l)),
-      onPointerenter: r[1] || (r[1] = (l) => a.value?.focus())
+      onPointerenter: s[1] || (s[1] = (l) => a.value?.focus())
     }, [
       G(i.$slots, "default", {}, void 0, !0)
     ], 544));
   }
 }), ir = /* @__PURE__ */ W(vl, [["__scopeId", "data-v-69de3d9c"]]), fl = (e) => {
-  const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = M(e.modelValue ?? null), o = M(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, r = R(() => {
+  const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = M(e.modelValue ?? null), o = M(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, s = R(() => {
     const m = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
     return m.charAt(0).toUpperCase() + m.slice(1);
   }), l = R(() => {
@@ -5975,7 +5977,7 @@ const jl = {
       const L = new Date(m);
       return L.setDate(m.getDate() + (C + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
     });
-  }), s = R(() => {
+  }), r = R(() => {
     const m = o.value.getFullYear(), f = o.value.getMonth(), C = new Date(m, f, 1), L = new Date(m, f + 1, 0), V = (C.getDay() - i + 7) % 7, x = L.getDate(), b = [];
     for (let E = 0; E < V; E++) b.push(null);
     for (let E = 1; E <= x; E++) b.push(new Date(m, f, E));
@@ -5985,14 +5987,14 @@ const jl = {
     today: n,
     selected: a,
     currentMonth: o,
-    monthLabel: r,
+    monthLabel: s,
     weekDays: l,
-    days: s,
+    days: r,
     nextMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() + 1, 1),
     prevMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() - 1, 1),
     select: (m) => a.value = m
   };
-}, Zt = /(DD|MM|YYYY|HH|mm|ss)/g, at = (e, n) => {
+}, Zt = /(DD|MM|YYYY|HH|mm|ss)/g, nt = (e, n) => {
   const t = {
     DD: String(e.getDate()).padStart(2, "0"),
     MM: String(e.getMonth() + 1).padStart(2, "0"),
@@ -6005,25 +6007,25 @@ const jl = {
 }, xt = (e, n) => {
   const t = n.replace("DD", "(?<day>\\d{2})").replace("MM", "(?<month>\\d{2})").replace("YYYY", "(?<year>\\d{4})").replace("HH", "(?<hour>\\d{2})").replace("mm", "(?<minute>\\d{2})").replace("ss", "(?<second>\\d{2})"), a = new RegExp(`^${t}$`), o = e.match(a);
   if (!o?.groups) return null;
-  const i = Number(o.groups.day ?? 1), r = Number(o.groups.month ?? 1), l = Number(o.groups.year ?? 1970), s = Number(o.groups.hour ?? 0), c = Number(o.groups.minute ?? 0), u = Number(o.groups.second ?? 0);
-  return ml(i, r, l) ? new Date(l, r - 1, i, s, c, u, 0) : null;
+  const i = Number(o.groups.day ?? 1), s = Number(o.groups.month ?? 1), l = Number(o.groups.year ?? 1970), r = Number(o.groups.hour ?? 0), c = Number(o.groups.minute ?? 0), u = Number(o.groups.second ?? 0);
+  return ml(i, s, l) ? new Date(l, s - 1, i, r, c, u, 0) : null;
 };
 function ml(e, n, t, a = 1900, o = 2100) {
   if (!Number.isInteger(e) || !Number.isInteger(n) || !Number.isInteger(t) || n < 1 || n > 12 || t < a || t > o) return !1;
   const i = new Date(t, n, 0).getDate();
   if (e < 1 || e > i) return !1;
-  const r = new Date(t, n - 1, e);
-  return r.getFullYear() === t && r.getMonth() === n - 1 && r.getDate() === e;
+  const s = new Date(t, n - 1, e);
+  return s.getFullYear() === t && s.getMonth() === n - 1 && s.getDate() === e;
 }
 const pl = (e, n) => {
   const t = e.replace(/\D/g, ""), a = n.match(Zt);
   if (!a) return e;
   let o = "", i = 0;
-  for (const r of a) {
-    const l = r.length, s = t.slice(i, i + l);
-    if (!s) break;
-    if (o += s, i += s.length, i < t.length) {
-      const c = n.indexOf(r) + r.length, u = n[c];
+  for (const s of a) {
+    const l = s.length, r = t.slice(i, i + l);
+    if (!r) break;
+    if (o += r, i += r.length, i < t.length) {
+      const c = n.indexOf(s) + s.length, u = n[c];
       u && !u.match(/[DMYHms]/) && (o += u);
     }
   }
@@ -6055,7 +6057,7 @@ const pl = (e, n) => {
   }),
   emits: /* @__PURE__ */ se(["update:open"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ke(e, "modelValue"), a = n, o = e, i = M(!1), r = /* @__PURE__ */ new Date(), l = M(""), s = M(null), c = M(null), {
+    const t = ke(e, "modelValue"), a = n, o = e, i = M(!1), s = /* @__PURE__ */ new Date(), l = M(""), r = M(null), c = M(null), {
       monthLabel: u,
       weekDays: h,
       currentMonth: m,
@@ -6075,7 +6077,7 @@ const pl = (e, n) => {
           l.value = "", c.value = null;
           return;
         }
-        V(D), m.value = new Date(D), c.value = D, l.value = at(D, o.format);
+        V(D), m.value = new Date(D), c.value = D, l.value = nt(D, o.format);
       },
       { immediate: !0 }
     ), J(
@@ -6083,21 +6085,21 @@ const pl = (e, n) => {
       async (D) => {
         if (D) {
           await $e();
-          let $ = s.value?.querySelector('button[data-selected="true"]');
+          let $ = r.value?.querySelector('button[data-selected="true"]');
           if (!$) {
             const A = /* @__PURE__ */ new Date();
-            $ = Array.from(s.value?.querySelectorAll("button") || []).find((g) => Number(g.textContent) === A.getDate() && !g.disabled);
+            $ = Array.from(r.value?.querySelectorAll("button") || []).find((g) => Number(g.textContent) === A.getDate() && !g.disabled);
           }
           $ && $.focus(), document.addEventListener("keydown", N);
         } else document.removeEventListener("keydown", N);
       }
     );
     const x = (D) => {
-      c.value = D, t.value = D, l.value = at(D, o.format), V(D), i.value = !1;
+      c.value = D, t.value = D, l.value = nt(D, o.format), V(D), i.value = !1;
     }, b = (D) => {
       if (!D) return "";
       const $ = [];
-      return c.value && E(D, c.value) && $.push("dp-selected"), E(D, r) && $.push("dp-today"), $.join(" ");
+      return c.value && E(D, c.value) && $.push("dp-selected"), E(D, s) && $.push("dp-today"), $.join(" ");
     }, E = (D, $) => D.getFullYear() === $.getFullYear() && D.getMonth() === $.getMonth() && D.getDate() === $.getDate(), N = (D) => D.key === "Escape" && (i.value = !1), U = (D) => {
       D.key === "Backspace" || D.key === "Delete" || D.key === "ArrowLeft" || D.key === "ArrowRight" || D.key === "Tab" || /[0-9]/.test(D.key) || D.preventDefault();
     }, oe = (D) => {
@@ -6119,14 +6121,14 @@ const pl = (e, n) => {
     }, ie = () => {
       i.value || (i.value = !0, a("update:open", !0));
     }, re = (D) => {
-      s.value && (s.value.contains(D.target) || (i.value = !1, a("update:open", !1)));
+      r.value && (r.value.contains(D.target) || (i.value = !1, a("update:open", !1)));
     }, F = () => {
       const D = xt(l.value, o.format);
-      !D && !c.value ? (l.value = "", t.value = null, c.value = null) : D && (c.value = D, t.value = D, l.value = at(D, o.format));
+      !D && !c.value ? (l.value = "", t.value = null, c.value = null) : D && (c.value = D, t.value = D, l.value = nt(D, o.format));
     };
     return ve(() => document.addEventListener("mousedown", re)), _e(() => document.removeEventListener("mousedown", re)), (D, $) => (p(), k("div", {
       ref_key: "root",
-      ref: s,
+      ref: r,
       class: fe(["dp", { required: Object.keys(D.$attrs).includes("required"), error: e.invalid }])
     }, [
       I("label", {
@@ -6240,7 +6242,7 @@ const pl = (e, n) => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ke(e, "modelValue"), t = e, a = ge(), o = M(!1), i = M(null), r = R(() => t.format.includes("HH")), l = R(() => t.format.includes("mm")), s = R(() => t.format.includes("ss")), c = M(n.value ?? null), u = M(n.value?.getHours() ?? (r.value ? 0 : void 0)), h = M(n.value?.getMinutes() ?? (l.value ? 0 : void 0)), m = M(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
+    const n = ke(e, "modelValue"), t = e, a = ge(), o = M(!1), i = M(null), s = R(() => t.format.includes("HH")), l = R(() => t.format.includes("mm")), r = R(() => t.format.includes("ss")), c = M(n.value ?? null), u = M(n.value?.getHours() ?? (s.value ? 0 : void 0)), h = M(n.value?.getMinutes() ?? (l.value ? 0 : void 0)), m = M(n.value?.getSeconds() ?? (r.value ? 0 : void 0));
     J(n, (x) => {
       if (x) {
         const b = new Date(x);
@@ -6295,7 +6297,7 @@ const pl = (e, n) => {
       }), {
         time: Q(() => [
           o.value ? (p(), k("div", Il, [
-            r.value ? Be((p(), k("input", {
+            s.value ? Be((p(), k("input", {
               key: 0,
               id: `hour_${Z(a)}`,
               type: "number",
@@ -6315,7 +6317,7 @@ const pl = (e, n) => {
                 { number: !0 }
               ]
             ]) : O("", !0),
-            r.value && l.value ? (p(), k("span", Vl, ":")) : O("", !0),
+            s.value && l.value ? (p(), k("span", Vl, ":")) : O("", !0),
             l.value ? Be((p(), k("input", {
               key: 2,
               id: `minute_${Z(a)}`,
@@ -6336,8 +6338,8 @@ const pl = (e, n) => {
                 { number: !0 }
               ]
             ]) : O("", !0),
-            (r.value || l.value) && s.value ? (p(), k("span", Al, ":")) : O("", !0),
-            s.value ? Be((p(), k("input", {
+            (s.value || l.value) && r.value ? (p(), k("span", Al, ":")) : O("", !0),
+            r.value ? Be((p(), k("input", {
               key: 4,
               id: `second_${Z(a)}`,
               type: "number",
@@ -6390,11 +6392,11 @@ const pl = (e, n) => {
   },
   emits: ["update:sort", "rowClick"],
   setup(e, { emit: n, slots: t }) {
-    const a = (s) => {
-      if (!s.sortable) return;
-      const c = e.sort?.key === s.key && e.sort.direction === "asc" ? "desc" : "asc";
-      n("update:sort", { key: s.key, direction: c });
-    }, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, c) => c.split(".").reduce((u, h) => u?.[h], s), r = () => j(
+    const a = (r) => {
+      if (!r.sortable) return;
+      const c = e.sort?.key === r.key && e.sort.direction === "asc" ? "desc" : "asc";
+      n("update:sort", { key: r.key, direction: c });
+    }, o = () => window.matchMedia("(max-width: 640px)").matches, i = (r, c) => c.split(".").reduce((u, h) => u?.[h], r), s = () => j(
       "div",
       {
         class: "rs-table-mobile",
@@ -6402,16 +6404,16 @@ const pl = (e, n) => {
         "aria-busy": e.loading || void 0
       },
       e.loading ? t.loading?.() ?? "Loading..." : e.data.length === 0 ? t.empty?.() ?? "No data available." : e.data.map(
-        (s, c) => j(
+        (r, c) => j(
           "div",
           {
-            key: s.id ?? c,
+            key: r.id ?? c,
             class: "rs-table-card",
             role: e.rowClickable ? "button" : "listitem",
             tabindex: e.rowClickable ? 0 : void 0,
-            onClick: e.rowClickable ? () => n("rowClick", s) : void 0,
+            onClick: e.rowClickable ? () => n("rowClick", r) : void 0,
             onKeydown: e.rowClickable ? (u) => {
-              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", s));
+              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", r));
             } : void 0
           },
           e.columns.map(
@@ -6428,10 +6430,10 @@ const pl = (e, n) => {
                   "span",
                   { class: "rs-table-card-value" },
                   t.cell?.({
-                    row: s,
+                    row: r,
                     column: u,
-                    value: i(s, u.key)
-                  }) ?? i(s, u.key)
+                    value: i(r, u.key)
+                  }) ?? i(r, u.key)
                 )
               ]
             )
@@ -6458,19 +6460,19 @@ const pl = (e, n) => {
                 "tr",
                 null,
                 e.columns.map(
-                  (s) => j(
+                  (r) => j(
                     "th",
                     {
-                      key: s.key,
+                      key: r.key,
                       style: {
-                        width: s.width || "auto",
-                        textAlign: s.align || "left"
+                        width: r.width || "auto",
+                        textAlign: r.align || "left"
                       },
-                      "aria-sort": s.sortable ? e.sort?.key === s.key ? e.sort.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
-                      tabindex: s.sortable ? 0 : void 0,
-                      onClick: s.sortable ? () => a(s) : void 0,
-                      onKeydown: s.sortable ? (c) => {
-                        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), a(s));
+                      "aria-sort": r.sortable ? e.sort?.key === r.key ? e.sort.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
+                      tabindex: r.sortable ? 0 : void 0,
+                      onClick: r.sortable ? () => a(r) : void 0,
+                      onKeydown: r.sortable ? (c) => {
+                        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), a(r));
                       } : void 0,
                       scope: "col"
                     },
@@ -6480,12 +6482,12 @@ const pl = (e, n) => {
                       [
                         j(
                           "span",
-                          s.header
+                          r.header
                         ),
-                        s.sortable ? j(
+                        r.sortable ? j(
                           Ce,
                           {
-                            name: e.sort?.key === s.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
+                            name: e.sort?.key === r.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
                             size: 16
                           }
                         ) : null
@@ -6523,15 +6525,15 @@ const pl = (e, n) => {
                   ]
                 )
               ] : e.data.map(
-                (s, c) => j(
+                (r, c) => j(
                   "tr",
                   {
-                    key: s.id ?? c,
+                    key: r.id ?? c,
                     tabindex: e.rowClickable ? 0 : void 0,
                     role: e.rowClickable ? "button" : void 0,
-                    onClick: e.rowClickable ? () => n("rowClick", s) : void 0,
+                    onClick: e.rowClickable ? () => n("rowClick", r) : void 0,
                     onKeydown: e.rowClickable ? (u) => {
-                      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", s));
+                      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", r));
                     } : void 0,
                     "data-clickable": e.rowClickable || void 0
                   },
@@ -6545,10 +6547,10 @@ const pl = (e, n) => {
                         }
                       },
                       t.cell?.({
-                        row: s,
+                        row: r,
                         column: u,
-                        value: i(s, u.key)
-                      }) ?? i(s, u.key)
+                        value: i(r, u.key)
+                      }) ?? i(r, u.key)
                     )
                   )
                 )
@@ -6559,15 +6561,15 @@ const pl = (e, n) => {
       )
     );
     return () => {
-      const s = e.responsive === "card" || e.responsive === "auto" && o();
+      const r = e.responsive === "card" || e.responsive === "auto" && o();
       return j(
         "div",
         { class: "rs-table-container" },
-        s ? r() : l()
+        r ? s() : l()
       );
     };
   }
-}), Ge = /* @__PURE__ */ Symbol("AccordionContext"), dr = z({
+}), Je = /* @__PURE__ */ Symbol("AccordionContext"), dr = z({
   name: "Accordion",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -6585,24 +6587,24 @@ const pl = (e, n) => {
       e.multiple || a.value.clear(), a.value.add(h);
     }, i = (h) => {
       h.disabled || t.value.includes(h) || (t.value.push(h), t.value.sort((m, f) => m.offsetTop - f.offsetTop));
-    }, r = (h) => t.value = t.value.filter((m) => m !== h), l = (h) => {
+    }, s = (h) => t.value = t.value.filter((m) => m !== h), l = (h) => {
       const m = t.value.indexOf(h);
       t.value[(m + 1) % t.value.length]?.focus();
-    }, s = (h) => {
+    }, r = (h) => {
       const m = t.value.indexOf(h);
       t.value[(m - 1 + t.value.length) % t.value.length]?.focus();
     }, c = () => t.value[0]?.focus(), u = () => {
       const h = t.value;
       h.length && h[h.length - 1]?.focus();
     };
-    return He(Ge, {
+    return He(Je, {
       multiple: e.multiple,
       openItems: a,
       toggle: o,
       registerHeader: i,
-      unregisterHeader: r,
+      unregisterHeader: s,
       focusNext: l,
-      focusPrev: s,
+      focusPrev: r,
       focusFirst: c,
       focusLast: u
     }), () => n.default?.();
@@ -6614,7 +6616,7 @@ const pl = (e, n) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e, { slots: n }) {
-    const t = pe(Ge);
+    const t = pe(Je);
     if (!t) throw new Error("AccordionItem must be used inside Accordion");
     const a = R(() => t.openItems.value.has(e.id));
     return () => j(
@@ -6633,11 +6635,11 @@ const pl = (e, n) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e, { slots: n }) {
-    const t = pe(Ge), a = M(null);
+    const t = pe(Je), a = M(null);
     if (!t) throw new Error("AccordionHeader must be used inside Accordion");
     const o = R(() => t.openItems.value.has(e.id)), i = () => {
       e.disabled || t.toggle?.(e.id);
-    }, r = (l) => {
+    }, s = (l) => {
       if (a.value)
         switch (l.key) {
           case "ArrowDown":
@@ -6670,7 +6672,7 @@ const pl = (e, n) => {
         disabled: e.disabled,
         "data-state": o.value ? "open" : "closed",
         onClick: i,
-        onKeydown: r
+        onKeydown: s
       },
       [
         j(
@@ -6692,7 +6694,7 @@ const pl = (e, n) => {
     id: { type: String, required: !0 }
   },
   setup(e, { slots: n }) {
-    const t = pe(Ge);
+    const t = pe(Je);
     if (!t) throw new Error("AccordionPanel must be used inside Accordion");
     const a = R(() => t.openItems.value.has(e.id));
     return () => j(