@rocketui/vue 0.0.36 → 0.0.37

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, openBlock as t, createElementBlock as r, createElementVNode as Z, unref as f, reactive as J, Fragment as j, renderList as Y, normalizeClass as h, toDisplayString as B, createVNode as N, computed as k, renderSlot as w, createBlock as T, createCommentVNode as g, mergeProps as U1, withModifiers as _, watch as Q, ref as x, withDirectives as T1, withKeys as O1, vModelText as $1, vShow as K1, onMounted as j1, withCtx as v1, createTextVNode as F1, normalizeStyle as q1, useCssVars as Y1, watchEffect as X1, resolveComponent as J1 } from "vue";
+import { defineComponent as P, openBlock as t, createElementBlock as r, createElementVNode as S, unref as g, reactive as J, Fragment as j, renderList as Y, normalizeClass as f, toDisplayString as B, createVNode as N, computed as k, renderSlot as w, createBlock as T, createCommentVNode as h, mergeProps as $1, withModifiers as _, watch as Q, ref as x, withDirectives as T1, withKeys as O1, vModelText as K1, normalizeStyle as v1, vShow as j1, onMounted as q1, withCtx as F1, createTextVNode as R1, useCssVars as Y1, watchEffect as X1, resolveComponent as J1 } from "vue";
 const C2 = {
   mdiAbTesting: "M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z",
   mdiAbacus: "M5 5H7V11H5V5M10 5H8V11H10V5M5 19H7V13H5V19M10 13H8V19H10V17H15V15H10V13M2 21H4V3H2V21M20 3V7H13V5H11V11H13V9H20V15H18V13H16V19H18V17H20V21H22V3H20Z",
@@ -7311,8 +7311,8 @@ const C2 = {
       height: V.size,
       viewBox: V.viewBox
     }, [
-      Z("path", {
-        d: f(C2)[V.name]
+      S("path", {
+        d: g(C2)[V.name]
       }, null, 8, V2)
     ], 8, H2));
   }
@@ -7338,25 +7338,25 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     }
     return (M, i) => (t(!0), r(j, null, Y(C, (A, e) => (t(), r("div", {
       key: e,
-      class: h({
+      class: f({
         accordion: !0,
         "accordion--opened": A.open,
         "accordion--disabled": A.disabled
       })
     }, [
-      Z("div", {
+      S("div", {
         class: "accordion__header",
         onClick: (d) => L(e)
       }, [
-        Z("div", M2, B(A.title), 1),
-        Z("div", A2, [
+        S("div", M2, B(A.title), 1),
+        S("div", A2, [
           N(v, {
             name: A.open ? "mdiChevronDown" : "mdiChevronUp"
           }, null, 8, ["name"])
         ])
       ], 8, L2),
-      Z("div", i2, [
-        Z("span", null, B(A.content), 1)
+      S("div", i2, [
+        S("span", null, B(A.content), 1)
       ])
     ], 2))), 128));
   }
@@ -7393,28 +7393,28 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       V("close");
     };
     return (e, d) => (t(), r("div", {
-      class: h(f(L))
+      class: f(g(L))
     }, [
-      Z("div", e2, [
+      S("div", e2, [
         N(v, {
-          name: f(M),
-          size: f(i)
+          name: g(M),
+          size: g(i)
         }, null, 8, ["name", "size"])
       ]),
-      Z("div", d2, [
-        Z("p", t2, B(C.title), 1),
-        Z("p", m2, B(C.description), 1)
+      S("div", d2, [
+        S("p", t2, B(C.title), 1),
+        S("p", m2, B(C.description), 1)
       ]),
       C.closable ? (t(), r("div", l2, [
         w(e.$slots, "custom-close"),
-        e.$slots.close ? g("", !0) : (t(), T(v, {
+        e.$slots.close ? h("", !0) : (t(), T(v, {
           key: 0,
           class: "close__button",
           name: "close",
           size: "16",
           onClick: A
         }))
-      ])) : g("", !0)
+      ])) : h("", !0)
     ], 2));
   }
 }), p1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", o2 = { class: "avatar__wrapper" }, n2 = ["alt", "src"], I5 = /* @__PURE__ */ P({
@@ -7436,27 +7436,27 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
     };
     return (A, e) => (t(), r("div", o2, [
-      Z("div", {
-        class: h(f(C))
+      S("div", {
+        class: f(g(C))
       }, [
         V.type === "text" ? (t(), r("p", {
           key: 0,
-          class: h({ avatar__text: !0, [`avatar__text--${V.size}`]: !0 })
+          class: f({ avatar__text: !0, [`avatar__text--${V.size}`]: !0 })
         }, B(i(V.text)), 3)) : (t(), r("img", {
           key: 1,
           alt: V.alt,
-          class: h({
+          class: f({
             avatar__image: !0,
             [`avatar__image--${V.size}`]: !0,
-            "avatar__image--anonymous": f(L)
+            "avatar__image--anonymous": g(L)
           }),
-          src: f(M)
+          src: g(M)
         }, null, 10, n2))
       ], 2),
       V.online ? (t(), r("span", {
         key: 0,
-        class: h({ avatar__online: !0, [`avatar__online--${V.size}`]: !0 })
-      }, null, 2)) : g("", !0)
+        class: f({ avatar__online: !0, [`avatar__online--${V.size}`]: !0 })
+      }, null, 2)) : h("", !0)
     ]));
   }
 }), r2 = { class: "badge-wrapper group" }, Q5 = /* @__PURE__ */ P({
@@ -7482,8 +7482,8 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       [`badge--${V.variant}`]: V.variant
     }));
     return (L, M) => (t(), r("div", r2, [
-      Z("span", {
-        class: h(f(C)),
+      S("span", {
+        class: f(g(C)),
         onClick: M[0] || (M[0] = (i) => L.$emit("click"))
       }, B(V.content), 3),
       w(L.$slots, "default")
@@ -7525,29 +7525,29 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         color: e
       };
     });
-    return (i, A) => (t(), r("button", U1(i.$attrs, {
-      class: f(C),
+    return (i, A) => (t(), r("button", $1(i.$attrs, {
+      class: g(C),
       disabled: H.disabled || H.loading,
-      style: f(M),
+      style: g(M),
       onClick: A[0] || (A[0] = _((e) => i.$emit("click"), ["stop"]))
     }), [
       w(i.$slots, "custom-icon"),
       !i.$slots["custom-icon"] && V.prependIcon ? (t(), T(v, {
         key: 0,
-        class: h({
+        class: f({
           "button__prepend-icon": !0,
           "button__prepend-icon--only": V.onlyIcon
         }),
         name: V.prependIcon,
-        size: f(L)
-      }, null, 8, ["class", "name", "size"])) : g("", !0),
-      V.onlyIcon ? g("", !0) : w(i.$slots, "default", { key: 1 }),
+        size: g(L)
+      }, null, 8, ["class", "name", "size"])) : h("", !0),
+      V.onlyIcon ? h("", !0) : w(i.$slots, "default", { key: 1 }),
       !i.$slots["custom-icon"] && !V.onlyIcon && V.appendIcon ? (t(), T(v, {
         key: 2,
         class: "button__append-icon",
         name: V.appendIcon,
-        size: f(L)
-      }, null, 8, ["name", "size"])) : g("", !0)
+        size: g(L)
+      }, null, 8, ["name", "size"])) : h("", !0)
     ], 16, a2));
   }
 }), Z2 = { class: "checkbox-wrapper" }, S2 = { class: "checkbox-container" }, u2 = ["id", "checked", "disabled", "indeterminate"], c2 = ["data-disabled"], s2 = { class: "checkbox-texts" }, O2 = ["data-disabled", "for"], p2 = {
@@ -7606,8 +7606,8 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         immediate: !0
       }
     ), (d, o) => (t(), r("div", Z2, [
-      Z("div", S2, [
-        Z("input", {
+      S("div", S2, [
+        S("input", {
           id: C.id,
           checked: L.checked,
           class: "checkbox-container__input",
@@ -7616,18 +7616,18 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
           type: "checkbox",
           onChange: e
         }, null, 40, u2),
-        Z("div", {
-          class: h(f(A)),
+        S("div", {
+          class: f(g(A)),
           "data-disabled": C.disabled
         }, [
           N(v, {
-            name: f(i),
+            name: g(i),
             size: 24
           }, null, 8, ["name"])
         ], 10, c2)
       ]),
-      Z("div", s2, [
-        Z("label", {
+      S("div", s2, [
+        S("label", {
           class: "checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
@@ -7660,9 +7660,9 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       C.disabled || !C.closable || (A.stopPropagation(), V("click:close", A));
     };
     return (A, e) => (t(), r("div", {
-      class: h(f(L))
+      class: f(g(L))
     }, [
-      Z("div", {
+      S("div", {
         class: "chip__content",
         onClick: e[0] || (e[0] = (d) => M(d))
       }, [
@@ -7673,9 +7673,9 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             "aria-disabled": C.disabled,
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : g("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : h("", !0)
         ]),
-        Z("span", f2, B(C.label), 1)
+        S("span", f2, B(C.label), 1)
       ]),
       w(A.$slots, "append", {}, () => [
         C.appendIcon ? (t(), T(v, {
@@ -7685,15 +7685,15 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
           name: C.appendIcon,
           size: 12,
           onClick: e[1] || (e[1] = (d) => i(d))
-        }, null, 8, ["aria-disabled", "name"])) : g("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : h("", !0)
       ])
     ], 2));
   }
 }), k2 = { class: "dropdown-wrapper" }, B2 = {
-  key: 0,
+  key: 1,
   class: "dropdown__tags"
 }, b2 = {
-  key: 1,
+  key: 2,
   class: "dropdown__multiple"
 }, y2 = ["disabled", "placeholder", "readonly"], w2 = ["aria-disabled", "onClick"], P2 = { style: { display: "flex", "align-items": "center" } }, z5 = /* @__PURE__ */ P({
   __name: "RDropdown",
@@ -7705,7 +7705,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     prependIcon: { default: "" },
-    appendIcon: { default: "mdiChevronUp" },
+    appendIcon: { default: "mdiChevronDown" },
     modelValue: { default: "" },
     searchable: { type: Boolean, default: !1 }
   },
@@ -7715,12 +7715,12 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       var m, n, p, b, R, F;
       if (!C.disabled) {
         if (a.stopPropagation(), i.value = !i.value, i.value) {
-          (m = e.value) == null || m.classList.add("dropdown--active"), (n = e.value) == null || n.focus(), C.searchable && ((p = d.value) == null || p.focus()), document.addEventListener("click", o);
+          (m = e.value) == null || m.classList.add("dropdown--active"), document.addEventListener("click", o), (n = e.value) == null || n.focus(), C.searchable && ((p = d.value) == null || p.focus());
           return;
         }
         (b = e.value) == null || b.classList.remove("dropdown--active"), (R = e.value) == null || R.blur(), (F = d.value) == null || F.blur(), document.removeEventListener("click", o);
       }
-    }, S = (a, m) => {
+    }, Z = (a, m) => {
       var n;
       if (C.multiple || C.taggable) {
         a.stopPropagation(), M.includes(m) ? M.splice(M.indexOf(m), 1) : M.push(m), A.value = "", C.searchable && ((n = d.value) == null || n.focus());
@@ -7752,27 +7752,30 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     return Q(M, (a) => {
       V("update:modelValue", a);
     }), (a, m) => (t(), r("div", k2, [
-      Z("div", {
+      S("div", {
         ref_key: "dropdown",
         ref: e,
-        class: h({
+        class: f({
           dropdown: !0,
           "dropdown--disabled": C.disabled,
           "dropdown--loading": C.loading
         }),
         onClick: o
       }, [
-        Z("div", {
-          class: h({
+        C.prependIcon || a.$slots.prepend ? (t(), r("div", {
+          key: 0,
+          class: f({
             "dropdown__prepend-icon": !0,
             "dropdown__prepend-icon--active": i.value
           })
         }, [
-          C.prependIcon ? (t(), T(v, {
-            key: 1,
-            name: C.prependIcon
-          }, null, 8, ["name"])) : w(a.$slots, "prepend-icon", { key: 0 })
-        ], 2),
+          w(a.$slots, "prepend", {}, () => [
+            C.prependIcon ? (t(), T(v, {
+              key: 0,
+              name: C.prependIcon
+            }, null, 8, ["name"])) : h("", !0)
+          ])
+        ], 2)) : h("", !0),
         C.taggable ? (t(), r("div", B2, [
           (t(!0), r(j, null, Y(M, (n, p) => (t(), T(g2, {
             key: p,
@@ -7782,17 +7785,17 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             variant: "primary",
             "onClick:close": (b) => O(b, n)
           }, null, 8, ["label", "onClick:close"]))), 128))
-        ])) : g("", !0),
+        ])) : h("", !0),
         C.multiple ? (t(), r("div", b2, [
           (t(!0), r(j, null, Y(M, (n, p) => (t(), r("p", { key: p }, B(n.label + ","), 1))), 128))
-        ])) : g("", !0),
-        T1(Z("input", {
+        ])) : h("", !0),
+        T1(S("input", {
           id: "select",
           ref_key: "input",
           ref: d,
           type: "text",
           "onUpdate:modelValue": m[0] || (m[0] = (n) => A.value = n),
-          class: h({
+          class: f({
             dropdown__input: !0,
             "dropdown__input--loading": C.loading
           }),
@@ -7804,43 +7807,46 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             m[2] || (m[2] = O1((n) => u(n), ["enter"]))
           ]
         }, null, 42, y2), [
-          [$1, A.value]
+          [K1, A.value]
         ]),
-        Z("div", {
-          class: h({
+        C.appendIcon || a.$slots.append ? (t(), r("div", {
+          key: 3,
+          class: f({
             "dropdown__append-icon": !0,
             "dropdown__append-icon--active": i.value
           })
         }, [
-          C.appendIcon ? (t(), T(v, {
-            key: 1,
-            name: C.appendIcon
-          }, null, 8, ["name"])) : w(a.$slots, "append-icon", { key: 0 })
-        ], 2)
+          w(a.$slots, "append", {}, () => [
+            C.appendIcon ? (t(), T(v, {
+              key: 0,
+              name: C.appendIcon
+            }, null, 8, ["name"])) : h("", !0)
+          ])
+        ], 2)) : h("", !0)
       ], 2),
-      Z("ul", {
-        class: h({ "dropdown-options": !0, "dropdown-options--active": i.value })
+      S("ul", {
+        class: f({ "dropdown-options": !0, "dropdown-options--active": i.value })
       }, [
-        (t(!0), r(j, null, Y(f(s), (n) => (t(), r("li", {
+        (t(!0), r(j, null, Y(g(s), (n) => (t(), r("li", {
           key: n.value,
-          class: h({
+          class: f({
             "dropdown-options__option": !0,
             "dropdown-options__option--active": n.value === L.value || (M == null ? void 0 : M.includes(n))
           }),
           "aria-disabled": n.disabled,
-          onClick: (p) => S(p, n)
+          onClick: (p) => Z(p, n)
         }, [
-          Z("div", P2, [
+          S("div", P2, [
             n.prependIcon ? (t(), T(v, {
               key: 1,
-              class: h({
+              class: f({
                 "dropdown-options__option__prepend-icon": !0,
                 "dropdown-options__option__prepend-icon--active": n.value === L.value || (M == null ? void 0 : M.includes(n))
               }),
               name: n.prependIcon
             }, null, 8, ["class", "name"])) : w(a.$slots, "option-prepend", { key: 0 }),
-            Z("p", {
-              class: h({
+            S("p", {
+              class: f({
                 "dropdown-options__option__label": !0,
                 "dropdown-options__option__label--active": n.value === L.value || (M == null ? void 0 : M.includes(n))
               })
@@ -7848,17 +7854,17 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
           ]),
           n.value === L.value || M != null && M.includes(n) ? (t(), T(v, {
             key: 0,
-            class: h({
+            class: f({
               "dropdown-options__option__append-icon": !0,
               "dropdown-options__option__append-icon--active": n.value === L.value || (M == null ? void 0 : M.includes(n))
             }),
             name: "mdiCheck"
-          }, null, 8, ["class"])) : g("", !0)
+          }, null, 8, ["class"])) : h("", !0)
         ], 10, w2))), 128))
       ], 2)
     ]));
   }
-}), T2 = ["id", "for"], R1 = /* @__PURE__ */ P({
+}), T2 = ["id", "for"], x1 = /* @__PURE__ */ P({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -7888,45 +7894,51 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     block: { type: Boolean, default: !1 },
     title: { default: "" },
     description: { default: "" },
-    icon: null
+    icon: null,
+    width: null,
+    height: null
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, L = k(() => ({
       dialog: !0,
       "dialog--block": C.block
-    })), M = (i) => {
-      i.target === i.currentTarget && V("update:modelValue", !1);
+    })), M = k(() => ({
+      width: C.width,
+      height: C.height
+    })), i = (A) => {
+      A.target === A.currentTarget && V("update:modelValue", !1);
     };
-    return (i, A) => T1((t(), r("div", {
+    return (A, e) => T1((t(), r("div", {
       class: "modal",
-      onClick: _(M, ["stop"])
+      onClick: _(i, ["stop"])
     }, [
-      Z("div", {
+      S("div", {
+        style: v1(g(M)),
         role: "dialog",
         "aria-modal": "true",
-        class: h(f(L)),
+        class: f(g(L)),
         open: C.modelValue
       }, [
-        Z("div", R2, [
-          w(i.$slots, "header"),
+        S("div", R2, [
+          w(A.$slots, "header"),
           C.icon ? (t(), r("div", x2, [
             N(v, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : g("", !0),
-          C.title ? (t(), r("div", D2, B(C.title), 1)) : g("", !0),
-          C.description ? (t(), r("div", E2, B(C.description), 1)) : g("", !0)
+          ])) : h("", !0),
+          C.title ? (t(), r("div", D2, B(C.title), 1)) : h("", !0),
+          C.description ? (t(), r("div", E2, B(C.description), 1)) : h("", !0)
         ]),
-        Z("div", _2, [
-          w(i.$slots, "default")
+        S("div", _2, [
+          w(A.$slots, "default")
         ]),
-        Z("div", N2, [
-          w(i.$slots, "actions")
+        S("div", N2, [
+          w(A.$slots, "actions")
         ])
-      ], 10, F2)
+      ], 14, F2)
     ], 8, v2)), [
-      [K1, H.modelValue]
+      [j1, H.modelValue]
     ]);
   }
 }), W2 = { class: "nav" }, I2 = { class: "actions" }, $5 = /* @__PURE__ */ P({
@@ -7940,12 +7952,12 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       "sidebar--open": V.modelValue
     }));
     return (L, M) => (t(), r("aside", {
-      class: h(f(C))
+      class: f(g(C))
     }, [
-      Z("nav", W2, [
+      S("nav", W2, [
         w(L.$slots, "default")
       ]),
-      Z("div", I2, [
+      S("div", I2, [
         w(L.$slots, "actions")
       ])
     ], 2));
@@ -7974,7 +7986,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     }, i = () => {
       L.value = !1, V("close");
     };
-    return j1(() => {
+    return q1(() => {
       C.timeout && setTimeout(() => {
         L.value = !1, V("close");
       }, C.timeout);
@@ -7985,39 +7997,39 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       },
       { immediate: !0 }
     ), (A, e) => (t(), r("div", {
-      class: h({
+      class: f({
         snackbar: !0,
         "snackbar--closed": !L.value,
         [C.left ? "snackbar--left" : "snackbar--right"]: !0
       })
     }, [
-      Z("div", Q2, B(C.text), 1),
+      S("div", Q2, B(C.text), 1),
       C.showAction ? (t(), r("div", G2, [
         w(A.$slots, "action"),
-        A.$slots.action ? g("", !0) : (t(), T(a1, {
+        A.$slots.action ? h("", !0) : (t(), T(a1, {
           key: 0,
           size: "small",
           variant: "ghost",
           onClick: M
         }, {
-          default: v1(() => [
-            F1(B(C.actionText), 1)
+          default: F1(() => [
+            R1(B(C.actionText), 1)
           ]),
           _: 1
         }))
-      ])) : g("", !0),
+      ])) : h("", !0),
       C.showClose ? (t(), r("div", z2, [
         w(A.$slots, "close"),
-        A.$slots.close ? g("", !0) : (t(), T(v, {
+        A.$slots.close ? h("", !0) : (t(), T(v, {
           key: 0,
           name: "mdiClose",
           size: 20,
           onClick: _(i, ["stop"])
         }, null, 8, ["onClick"]))
-      ])) : g("", !0)
+      ])) : h("", !0)
     ], 2));
   }
-}), U2 = { class: "switch-container" }, $2 = ["id", "checked"], K2 = /* @__PURE__ */ Z("span", { class: "slider round" }, null, -1), j2 = ["id", "for"], q2 = {
+}), U2 = { class: "switch-container" }, $2 = ["id", "checked"], K2 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), j2 = ["id", "for"], q2 = {
   key: 0,
   class: "switch-texts__error"
 }, Y2 = {
@@ -8057,10 +8069,10 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         immediate: !0
       }
     ), (A, e) => (t(), r("div", U2, [
-      Z("div", {
-        class: h(f(M))
+      S("div", {
+        class: f(g(M))
       }, [
-        Z("input", {
+        S("input", {
           id: C.id,
           checked: L.checked,
           class: "switch__input",
@@ -8069,13 +8081,13 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         }, null, 40, $2),
         K2
       ], 2),
-      Z("div", {
-        class: h({
+      S("div", {
+        class: f({
           "switch-texts": !0,
           [`switch-texts--${C.size}`]: !0
         })
       }, [
-        Z("label", {
+        S("label", {
           id: C.id,
           class: "switch-texts__label",
           for: C.id
@@ -8122,28 +8134,28 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
     return (e, d) => (t(), r("button", {
       "aria-disabled": C.disabled,
       "aria-selected": C.modelValue === C.id,
-      class: h(f(L)),
-      style: q1(f(M)),
+      class: f(g(L)),
+      style: v1(g(M)),
       disabled: C.disabled,
       onClick: d[0] || (d[0] = _((o) => i(C.id), ["stop"]))
     }, [
       w(e.$slots, "prepend", {}, () => [
-        C.variant !== f(H1).TEXT && C.prependIcon ? (t(), T(v, {
+        C.variant !== g(H1).TEXT && C.prependIcon ? (t(), T(v, {
           key: 0,
           class: "tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : g("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ]),
-      C.variant !== f(H1).ICON ? (t(), r("span", J2, B(C.label), 1)) : g("", !0),
+      C.variant !== g(H1).ICON ? (t(), r("span", J2, B(C.label), 1)) : h("", !0),
       w(e.$slots, "append", {}, () => [
-        C.variant !== f(H1).TEXT && C.appendIcon ? (t(), T(v, {
+        C.variant !== g(H1).TEXT && C.appendIcon ? (t(), T(v, {
           key: 0,
           class: "tab-item__append-icon",
           name: C.appendIcon,
           size: 16,
           onClick: _(A, ["stop"])
-        }, null, 8, ["name", "onClick"])) : g("", !0)
+        }, null, 8, ["name", "onClick"])) : h("", !0)
       ])
     ], 14, X2));
   }
@@ -8172,14 +8184,14 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
       alert("Icon clicked");
     };
     return (A, e) => (t(), r("div", {
-      class: h(f(M))
+      class: f(g(M))
     }, [
       w(A.$slots, "default", {}, () => [
         (t(!0), r(j, null, Y(C.tabs, (d, o) => (t(), T(C5, {
           id: d.id,
           key: o,
           modelValue: L.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (S) => L.value = S),
+          "onUpdate:modelValue": e[0] || (e[0] = (Z) => L.value = Z),
           active: o === L.value,
           disabled: d.disabled,
           prependIcon: d.prependIcon,
@@ -8227,16 +8239,16 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
         immediate: !0
       }
     ), (i, A) => (t(), r("div", H5, [
-      C.label ? (t(), T(R1, {
+      C.label ? (t(), T(x1, {
         key: 0,
         id: "textarea",
         class: "textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["text"])) : g("", !0),
-      Z("textarea", {
+      }, null, 8, ["text"])) : h("", !0),
+      S("textarea", {
         id: C.id,
-        class: h(["textarea", {
+        class: f(["textarea", {
           "textarea--error": C.errorMsg,
           "textarea--disabled": C.disabled
         }]),
@@ -8249,7 +8261,7 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
     ]));
   }
 }), A5 = {
-  class: /* @__PURE__ */ h({
+  class: /* @__PURE__ */ f({
     textfield__wrapper: !0
   })
 }, i5 = { class: "input-wrapper" }, e5 = ["id", "disabled", "placeholder", "type", "value", "min", "max"], d5 = { class: "textfield__error" }, t5 = {
@@ -8302,7 +8314,7 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
         "textfield--focus": e.value,
         "textfield--filled": d.value
       };
-    }), S = k(() => ({
+    }), Z = k(() => ({
       "textfield__prepend-icon": !0,
       "textfield__prepend-icon--loading": C.loading,
       "textfield__prepend-icon--error": u.value && d.value
@@ -8359,28 +8371,28 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
         );
       }
     ), (c, y) => (t(), r("fieldset", null, [
-      Z("div", A5, [
-        N(R1, {
+      S("div", A5, [
+        N(x1, {
           id: C.id,
-          class: h({
+          class: f({
             textfield__label: !0
           }),
           for: C.id,
           text: C.label,
           onClick: z
         }, null, 8, ["id", "for", "text"]),
-        Z("div", i5, [
-          Z("div", {
-            class: h(f(o))
+        S("div", i5, [
+          S("div", {
+            class: f(g(o))
           }, [
             w(c.$slots, "prepend"),
-            f(a) && !c.$slots.prepend ? (t(), T(v, {
+            g(a) && !c.$slots.prepend ? (t(), T(v, {
               key: 0,
-              class: h(f(S)),
-              name: f(a),
+              class: f(g(Z)),
+              name: g(a),
               size: 20
-            }, null, 8, ["class", "name"])) : g("", !0),
-            Z("input", {
+            }, null, 8, ["class", "name"])) : h("", !0),
+            S("input", {
               ref_key: "inputRef",
               ref: L,
               id: C.id,
@@ -8395,16 +8407,16 @@ const X2 = ["aria-disabled", "aria-selected", "disabled"], J2 = {
               onInput: b
             }, null, 40, e5),
             w(c.$slots, "append"),
-            f(m) && !c.$slots.append ? (t(), T(v, {
+            g(m) && !c.$slots.append ? (t(), T(v, {
               key: 1,
-              class: h(f(l)),
-              name: `${f(m)}`,
+              class: f(g(l)),
+              name: `${g(m)}`,
               size: 20,
               onClick: R
-            }, null, 8, ["class", "name"])) : g("", !0)
+            }, null, 8, ["class", "name"])) : h("", !0)
           ], 2),
-          Z("div", d5, B(C.errorMsg), 1),
-          C.errorMsg ? g("", !0) : (t(), r("div", t5, B(C.hint), 1))
+          S("div", d5, B(C.errorMsg), 1),
+          C.errorMsg ? h("", !0) : (t(), r("div", t5, B(C.hint), 1))
         ])
       ])
     ]));
@@ -8424,7 +8436,7 @@ function u1(H) {
 }
 function h1(H, V, C) {
   let { reference: L, floating: M } = H;
-  const i = L.x + L.width / 2 - M.width / 2, A = L.y + L.height / 2 - M.height / 2, e = A1(V), d = u1(e), o = L[d] / 2 - M[d] / 2, S = e === "x";
+  const i = L.x + L.width / 2 - M.width / 2, A = L.y + L.height / 2 - M.height / 2, e = A1(V), d = u1(e), o = L[d] / 2 - M[d] / 2, Z = e === "x";
   let l;
   switch (M1(V)) {
     case "top":
@@ -8444,23 +8456,23 @@ function h1(H, V, C) {
   }
   switch (l1(V)) {
     case "start":
-      l[e] -= o * (C && S ? -1 : 1);
+      l[e] -= o * (C && Z ? -1 : 1);
       break;
     case "end":
-      l[e] += o * (C && S ? -1 : 1);
+      l[e] += o * (C && Z ? -1 : 1);
   }
   return l;
 }
 const l5 = async (H, V, C) => {
   const { placement: L = "bottom", strategy: M = "absolute", middleware: i = [], platform: A } = C, e = i.filter(Boolean), d = await (A.isRTL == null ? void 0 : A.isRTL(V));
-  let o = await A.getElementRects({ reference: H, floating: V, strategy: M }), { x: S, y: l } = h1(o, L, d), O = L, u = {}, s = 0;
+  let o = await A.getElementRects({ reference: H, floating: V, strategy: M }), { x: Z, y: l } = h1(o, L, d), O = L, u = {}, s = 0;
   for (let a = 0; a < e.length; a++) {
-    const { name: m, fn: n } = e[a], { x: p, y: b, data: R, reset: F } = await n({ x: S, y: l, initialPlacement: L, placement: O, strategy: M, middlewareData: u, rects: o, platform: A, elements: { reference: H, floating: V } });
-    S = p ?? S, l = b ?? l, u = { ...u, [m]: { ...u[m], ...R } }, F && s <= 50 && (s++, typeof F == "object" && (F.placement && (O = F.placement), F.rects && (o = F.rects === !0 ? await A.getElementRects({ reference: H, floating: V, strategy: M }) : F.rects), { x: S, y: l } = h1(o, O, d)), a = -1);
+    const { name: m, fn: n } = e[a], { x: p, y: b, data: R, reset: F } = await n({ x: Z, y: l, initialPlacement: L, placement: O, strategy: M, middlewareData: u, rects: o, platform: A, elements: { reference: H, floating: V } });
+    Z = p ?? Z, l = b ?? l, u = { ...u, [m]: { ...u[m], ...R } }, F && s <= 50 && (s++, typeof F == "object" && (F.placement && (O = F.placement), F.rects && (o = F.rects === !0 ? await A.getElementRects({ reference: H, floating: V, strategy: M }) : F.rects), { x: Z, y: l } = h1(o, O, d)), a = -1);
   }
-  return { x: S, y: l, placement: O, strategy: M, middlewareData: u };
+  return { x: Z, y: l, placement: O, strategy: M, middlewareData: u };
 };
-function x1(H) {
+function D1(H) {
   return typeof H != "number" ? function(V) {
     return { top: 0, right: 0, bottom: 0, left: 0, ...V };
   }(H) : { top: H, right: H, bottom: H, left: H };
@@ -8471,7 +8483,7 @@ function e1(H) {
 async function d1(H, V) {
   var C;
   V === void 0 && (V = {});
-  const { x: L, y: M, platform: i, rects: A, elements: e, strategy: d } = H, { boundary: o = "clippingAncestors", rootBoundary: S = "viewport", elementContext: l = "floating", altBoundary: O = !1, padding: u = 0 } = V, s = x1(u), a = e[O ? l === "floating" ? "reference" : "floating" : l], m = e1(await i.getClippingRect({ element: (C = await (i.isElement == null ? void 0 : i.isElement(a))) == null || C ? a : a.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(e.floating)), boundary: o, rootBoundary: S, strategy: d })), n = e1(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: l === "floating" ? { ...A.floating, x: L, y: M } : A.reference, offsetParent: await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(e.floating)), strategy: d }) : A[l]);
+  const { x: L, y: M, platform: i, rects: A, elements: e, strategy: d } = H, { boundary: o = "clippingAncestors", rootBoundary: Z = "viewport", elementContext: l = "floating", altBoundary: O = !1, padding: u = 0 } = V, s = D1(u), a = e[O ? l === "floating" ? "reference" : "floating" : l], m = e1(await i.getClippingRect({ element: (C = await (i.isElement == null ? void 0 : i.isElement(a))) == null || C ? a : a.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(e.floating)), boundary: o, rootBoundary: Z, strategy: d })), n = e1(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: l === "floating" ? { ...A.floating, x: L, y: M } : A.reference, offsetParent: await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(e.floating)), strategy: d }) : A[l]);
   return { top: m.top - n.top + s.top, bottom: n.bottom - m.bottom + s.bottom, left: m.left - n.left + s.left, right: n.right - m.right + s.right };
 }
 const o5 = Math.min, n5 = Math.max;
@@ -8482,11 +8494,11 @@ const r5 = (H) => ({ name: "arrow", options: H, async fn(V) {
   const { element: C, padding: L = 0 } = H ?? {}, { x: M, y: i, placement: A, rects: e, platform: d } = V;
   if (C == null)
     return {};
-  const o = x1(L), S = { x: M, y: i }, l = A1(A), O = l1(A), u = u1(l), s = await d.getDimensions(C), a = l === "y" ? "top" : "left", m = l === "y" ? "bottom" : "right", n = e.reference[u] + e.reference[l] - S[l] - e.floating[u], p = S[l] - e.reference[l], b = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
+  const o = D1(L), Z = { x: M, y: i }, l = A1(A), O = l1(A), u = u1(l), s = await d.getDimensions(C), a = l === "y" ? "top" : "left", m = l === "y" ? "bottom" : "right", n = e.reference[u] + e.reference[l] - Z[l] - e.floating[u], p = Z[l] - e.reference[l], b = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
   let R = b ? l === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0;
   R === 0 && (R = e.floating[u]);
   const F = n / 2 - p / 2, z = o[a], c = R - s[u] - o[m], y = R / 2 - s[u] / 2 + F, D = Z1(z, y, c), E = (O === "start" ? o[a] : o[m]) > 0 && y !== D && e.reference[u] <= e.floating[u];
-  return { [l]: S[l] - (E ? y < z ? z - y : c - y : 0), data: { [l]: D, centerOffset: y - D } };
+  return { [l]: Z[l] - (E ? y < z ? z - y : c - y : 0), data: { [l]: D, centerOffset: y - D } };
 } }), a5 = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function t1(H) {
   return H.replace(/left|right|bottom|top/g, (V) => a5[V]);
@@ -8501,17 +8513,17 @@ const S5 = { start: "end", end: "start" };
 function f1(H) {
   return H.replace(/start|end/g, (V) => S5[V]);
 }
-const D1 = ["top", "right", "bottom", "left"];
-D1.reduce((H, V) => H.concat(V, V + "-start", V + "-end"), []);
+const E1 = ["top", "right", "bottom", "left"];
+E1.reduce((H, V) => H.concat(V, V + "-start", V + "-end"), []);
 const u5 = function(H) {
   return H === void 0 && (H = {}), { name: "flip", options: H, async fn(V) {
     var C;
-    const { placement: L, middlewareData: M, rects: i, initialPlacement: A, platform: e, elements: d } = V, { mainAxis: o = !0, crossAxis: S = !0, fallbackPlacements: l, fallbackStrategy: O = "bestFit", flipAlignment: u = !0, ...s } = H, a = M1(L), m = l || (a === A || !u ? [t1(A)] : function(y) {
+    const { placement: L, middlewareData: M, rects: i, initialPlacement: A, platform: e, elements: d } = V, { mainAxis: o = !0, crossAxis: Z = !0, fallbackPlacements: l, fallbackStrategy: O = "bestFit", flipAlignment: u = !0, ...s } = H, a = M1(L), m = l || (a === A || !u ? [t1(A)] : function(y) {
       const D = t1(y);
       return [f1(y), D, f1(D)];
     }(A)), n = [A, ...m], p = await d1(V, s), b = [];
     let R = ((C = M.flip) == null ? void 0 : C.overflows) || [];
-    if (o && b.push(p[a]), S) {
+    if (o && b.push(p[a]), Z) {
       const { main: y, cross: D } = Z5(L, i, await (e.isRTL == null ? void 0 : e.isRTL(d.floating)));
       b.push(p[y], p[D]);
     }
@@ -8524,7 +8536,7 @@ const u5 = function(H) {
       switch (O) {
         case "bestFit": {
           var c;
-          const s1 = (c = R.map((i1) => [i1, i1.overflows.filter((C1) => C1 > 0).reduce((C1, z1) => C1 + z1, 0)]).sort((i1, C1) => i1[1] - C1[1])[0]) == null ? void 0 : c[0].placement;
+          const s1 = (c = R.map((i1) => [i1, i1.overflows.filter((C1) => C1 > 0).reduce((C1, U1) => C1 + U1, 0)]).sort((i1, C1) => i1[1] - C1[1])[0]) == null ? void 0 : c[0].placement;
           s1 && (E = s1);
           break;
         }
@@ -8541,7 +8553,7 @@ function g1(H, V) {
   return { top: H.top - V.height, right: H.right - V.width, bottom: H.bottom - V.height, left: H.left - V.width };
 }
 function k1(H) {
-  return D1.some((V) => H[V] >= 0);
+  return E1.some((V) => H[V] >= 0);
 }
 const c5 = function(H) {
   let { strategy: V = "referenceHidden", ...C } = H === void 0 ? {} : H;
@@ -8563,7 +8575,7 @@ const c5 = function(H) {
 }, s5 = function(H) {
   return H === void 0 && (H = 0), { name: "offset", options: H, async fn(V) {
     const { x: C, y: L } = V, M = await async function(i, A) {
-      const { placement: e, platform: d, elements: o } = i, S = await (d.isRTL == null ? void 0 : d.isRTL(o.floating)), l = M1(e), O = l1(e), u = A1(e) === "x", s = ["left", "top"].includes(l) ? -1 : 1, a = S && u ? -1 : 1, m = typeof A == "function" ? A(i) : A;
+      const { placement: e, platform: d, elements: o } = i, Z = await (d.isRTL == null ? void 0 : d.isRTL(o.floating)), l = M1(e), O = l1(e), u = A1(e) === "x", s = ["left", "top"].includes(l) ? -1 : 1, a = Z && u ? -1 : 1, m = typeof A == "function" ? A(i) : A;
       let { mainAxis: n, crossAxis: p, alignmentAxis: b } = typeof m == "number" ? { mainAxis: m, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...m };
       return O && typeof b == "number" && (p = O === "end" ? -1 * b : b), u ? { x: p * a, y: n * s } : { x: n * s, y: p * a };
     }(V, H);
@@ -8578,27 +8590,27 @@ const p5 = function(H) {
     const { x: C, y: L, placement: M } = V, { mainAxis: i = !0, crossAxis: A = !1, limiter: e = { fn: (m) => {
       let { x: n, y: p } = m;
       return { x: n, y: p };
-    } }, ...d } = H, o = { x: C, y: L }, S = await d1(V, d), l = A1(M1(M)), O = O5(l);
+    } }, ...d } = H, o = { x: C, y: L }, Z = await d1(V, d), l = A1(M1(M)), O = O5(l);
     let u = o[l], s = o[O];
     if (i) {
       const m = l === "y" ? "bottom" : "right";
-      u = Z1(u + S[l === "y" ? "top" : "left"], u, u - S[m]);
+      u = Z1(u + Z[l === "y" ? "top" : "left"], u, u - Z[m]);
     }
     if (A) {
       const m = O === "y" ? "bottom" : "right";
-      s = Z1(s + S[O === "y" ? "top" : "left"], s, s - S[m]);
+      s = Z1(s + Z[O === "y" ? "top" : "left"], s, s - Z[m]);
     }
     const a = e.fn({ ...V, [l]: u, [O]: s });
     return { ...a, data: { x: a.x - C, y: a.y - L } };
   } };
 };
-function E1(H) {
+function _1(H) {
   return H && H.document && H.location && H.alert && H.setInterval;
 }
 function G(H) {
   if (H == null)
     return window;
-  if (!E1(H)) {
+  if (!_1(H)) {
     const V = H.ownerDocument;
     return V && V.defaultView || window;
   }
@@ -8608,9 +8620,9 @@ function W(H) {
   return G(H).getComputedStyle(H);
 }
 function K(H) {
-  return E1(H) ? "" : H ? (H.nodeName || "").toLowerCase() : "";
+  return _1(H) ? "" : H ? (H.nodeName || "").toLowerCase() : "";
 }
-function _1() {
+function N1() {
   const H = navigator.userAgentData;
   return H && Array.isArray(H.brands) ? H.brands.map((V) => V.brand + "/" + V.version).join(" ") : navigator.userAgent;
 }
@@ -8631,14 +8643,14 @@ function h5(H) {
   return ["table", "td", "th"].includes(K(H));
 }
 function S1(H) {
-  const V = /firefox/i.test(_1()), C = W(H), L = C.backdropFilter || C.WebkitBackdropFilter;
+  const V = /firefox/i.test(N1()), C = W(H), L = C.backdropFilter || C.WebkitBackdropFilter;
   return C.transform !== "none" || C.perspective !== "none" || !!L && L !== "none" || V && C.willChange === "filter" || V && !!C.filter && C.filter !== "none" || ["transform", "perspective"].some((M) => C.willChange.includes(M)) || ["paint", "layout", "strict", "content"].some((M) => {
     const i = C.contain;
     return i != null && i.includes(M);
   });
 }
-function N1() {
-  return !/^((?!chrome|android).)*safari/i.test(_1());
+function W1() {
+  return !/^((?!chrome|android).)*safari/i.test(N1());
 }
 function c1(H) {
   return ["html", "body", "#document"].includes(K(H));
@@ -8650,7 +8662,7 @@ function q(H, V, C) {
   const e = H.getBoundingClientRect();
   let d = 1, o = 1;
   V && I(H) && (d = H.offsetWidth > 0 && m1(e.width) / H.offsetWidth || 1, o = H.offsetHeight > 0 && m1(e.height) / H.offsetHeight || 1);
-  const S = X(H) ? G(H) : window, l = !N1() && C, O = (e.left + (l && (L = (M = S.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, u = (e.top + (l && (i = (A = S.visualViewport) == null ? void 0 : A.offsetTop) != null ? i : 0)) / o, s = e.width / d, a = e.height / o;
+  const Z = X(H) ? G(H) : window, l = !W1() && C, O = (e.left + (l && (L = (M = Z.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, u = (e.top + (l && (i = (A = Z.visualViewport) == null ? void 0 : A.offsetTop) != null ? i : 0)) / o, s = e.width / d, a = e.height / o;
   return { width: s, height: a, top: u, right: O + s, bottom: u + a, left: O, x: O, y: u };
 }
 function $(H) {
@@ -8660,7 +8672,7 @@ function $(H) {
 function n1(H) {
   return X(H) ? { scrollLeft: H.scrollLeft, scrollTop: H.scrollTop } : { scrollLeft: H.pageXOffset, scrollTop: H.pageYOffset };
 }
-function W1(H) {
+function I1(H) {
   return q($(H)).left + n1(H).scrollLeft;
 }
 function f5(H, V, C) {
@@ -8675,7 +8687,7 @@ function f5(H, V, C) {
       const d = q(V, !0);
       e.x = d.x + V.clientLeft, e.y = d.y + V.clientTop;
     } else
-      M && (e.x = W1(M));
+      M && (e.x = I1(M));
   return { x: i.left + A.scrollLeft - e.x, y: i.top + A.scrollTop - e.y, width: i.width, height: i.height };
 }
 function L1(H) {
@@ -8702,50 +8714,50 @@ function w1(H) {
     return null;
   }(H) || V;
 }
-function I1(H) {
+function Q1(H) {
   const V = L1(H);
-  return c1(V) ? H.ownerDocument.body : I(V) && o1(V) ? V : I1(V);
+  return c1(V) ? H.ownerDocument.body : I(V) && o1(V) ? V : Q1(V);
 }
-function Q1(H, V) {
+function G1(H, V) {
   var C;
   V === void 0 && (V = []);
-  const L = I1(H), M = L === ((C = H.ownerDocument) == null ? void 0 : C.body), i = G(L), A = M ? [i].concat(i.visualViewport || [], o1(L) ? L : []) : L, e = V.concat(A);
-  return M ? e : e.concat(Q1(A));
+  const L = Q1(H), M = L === ((C = H.ownerDocument) == null ? void 0 : C.body), i = G(L), A = M ? [i].concat(i.visualViewport || [], o1(L) ? L : []) : L, e = V.concat(A);
+  return M ? e : e.concat(G1(A));
 }
 function P1(H, V, C) {
   return V === "viewport" ? e1(function(L, M) {
     const i = G(L), A = $(L), e = i.visualViewport;
-    let d = A.clientWidth, o = A.clientHeight, S = 0, l = 0;
+    let d = A.clientWidth, o = A.clientHeight, Z = 0, l = 0;
     if (e) {
       d = e.width, o = e.height;
-      const O = N1();
-      (O || !O && M === "fixed") && (S = e.offsetLeft, l = e.offsetTop);
+      const O = W1();
+      (O || !O && M === "fixed") && (Z = e.offsetLeft, l = e.offsetTop);
     }
-    return { width: d, height: o, x: S, y: l };
+    return { width: d, height: o, x: Z, y: l };
   }(H, C)) : X(V) ? function(L, M) {
     const i = q(L, !1, M === "fixed"), A = i.top + L.clientTop, e = i.left + L.clientLeft;
     return { top: A, left: e, x: e, y: A, right: e + L.clientWidth, bottom: A + L.clientHeight, width: L.clientWidth, height: L.clientHeight };
   }(V, C) : e1(function(L) {
     var M;
     const i = $(L), A = n1(L), e = (M = L.ownerDocument) == null ? void 0 : M.body, d = V1(i.scrollWidth, i.clientWidth, e ? e.scrollWidth : 0, e ? e.clientWidth : 0), o = V1(i.scrollHeight, i.clientHeight, e ? e.scrollHeight : 0, e ? e.clientHeight : 0);
-    let S = -A.scrollLeft + W1(L);
+    let Z = -A.scrollLeft + I1(L);
     const l = -A.scrollTop;
-    return W(e || i).direction === "rtl" && (S += V1(i.clientWidth, e ? e.clientWidth : 0) - d), { width: d, height: o, x: S, y: l };
+    return W(e || i).direction === "rtl" && (Z += V1(i.clientWidth, e ? e.clientWidth : 0) - d), { width: d, height: o, x: Z, y: l };
   }($(H)));
 }
 const g5 = { getClippingRect: function(H) {
   let { element: V, boundary: C, rootBoundary: L, strategy: M } = H;
   const i = C === "clippingAncestors" ? function(o) {
-    let S = Q1(o).filter((s) => X(s) && K(s) !== "body"), l = null;
+    let Z = G1(o).filter((s) => X(s) && K(s) !== "body"), l = null;
     const O = W(o).position === "fixed";
     let u = O ? L1(o) : o;
     for (; X(u) && !c1(u); ) {
       const s = W(u), a = S1(u);
-      (O ? a || l : a || s.position !== "static" || !l || !["absolute", "fixed"].includes(l.position)) ? l = s : S = S.filter((m) => m !== u), u = L1(u);
+      (O ? a || l : a || s.position !== "static" || !l || !["absolute", "fixed"].includes(l.position)) ? l = s : Z = Z.filter((m) => m !== u), u = L1(u);
     }
-    return S;
-  }(V) : [].concat(C), A = [...i, L], e = A[0], d = A.reduce((o, S) => {
-    const l = P1(V, S, M);
+    return Z;
+  }(V) : [].concat(C), A = [...i, L], e = A[0], d = A.reduce((o, Z) => {
+    const l = P1(V, Z, M);
     return o.top = V1(l.top, o.top), o.right = b1(l.right, o.right), o.bottom = b1(l.bottom, o.bottom), o.left = V1(l.left, o.left), o;
   }, P1(V, e, M));
   return { width: d.right - d.left, height: d.bottom - d.top, x: d.left, y: d.top };
@@ -8786,7 +8798,7 @@ function r1({ value: H }, { value: V }, { value: C }, L, M, i) {
       left: `${A}px`,
       top: `${e}px`
     }), C && o.arrow) {
-      const { x: S, y: l } = o.arrow, O = {
+      const { x: Z, y: l } = o.arrow, O = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -8794,7 +8806,7 @@ function r1({ value: H }, { value: V }, { value: C }, L, M, i) {
         /* Right */
       }[d.split("-")[0]];
       Object.assign(C.style, {
-        left: A != null ? `${S}px` : "",
+        left: A != null ? `${Z}px` : "",
         top: e != null ? `${l}px` : "",
         right: "",
         bottom: "",
@@ -8803,11 +8815,11 @@ function r1({ value: H }, { value: V }, { value: C }, L, M, i) {
     }
   });
 }
-var G1 = /* @__PURE__ */ ((H) => (H.Top = "top", H.Bottom = "bottom", H.Left = "left", H.Right = "right", H.TopStart = "top-start", H.TopEnd = "top-end", H.RightStart = "right-start", H.RightEnd = "right-end", H.BottomStart = "bottom-start", H.BottomEnd = "bottom-end", H.LeftStart = "left-start", H.LeftEnd = "left-end", H))(G1 || {}), U = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(U || {});
+var z1 = /* @__PURE__ */ ((H) => (H.Top = "top", H.Bottom = "bottom", H.Left = "left", H.Right = "right", H.TopStart = "top-start", H.TopEnd = "top-end", H.RightStart = "right-start", H.RightEnd = "right-end", H.BottomStart = "bottom-start", H.BottomEnd = "bottom-end", H.LeftStart = "left-start", H.LeftEnd = "left-end", H))(z1 || {}), U = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(U || {});
 const B5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], b5 = ["innerHTML"], y5 = /* @__PURE__ */ P({
   __name: "RTooltip",
   props: {
-    placement: { default: G1.Top },
+    placement: { default: z1.Top },
     text: { default: "" },
     dark: { type: Boolean, default: !0 },
     light: { type: Boolean, default: !1 },
@@ -8827,7 +8839,7 @@ const B5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
   setup(H, { emit: V }) {
     const C = H;
     Y1((m) => ({
-      "271323d4": f(a)
+      "271323d4": g(a)
     }));
     const L = x(null), M = x(null), i = x(null);
     function A() {
@@ -8843,7 +8855,7 @@ const B5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
       }, C.hideDelay);
     }, o = (m) => {
       m === "add" && document.addEventListener("click", e), m === "remove" && document.removeEventListener("click", e);
-    }, S = () => {
+    }, Z = () => {
       C.disabled || C.triggers == U.Click && (M.value.style.display === "block" ? e() : A());
     }, l = () => {
       C.disabled || C.triggers === U.Hover && A();
@@ -8874,44 +8886,44 @@ const B5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     );
     const a = k(() => `${C.showDelay}ms`);
     return (m, n) => (t(), r(j, null, [
-      Z("div", {
+      S("div", {
         ref_key: "trigger",
         ref: L,
         "aria-disabled": C.disabled,
         class: "trigger",
-        onClick: _(S, ["stop"]),
+        onClick: _(Z, ["stop"]),
         onMouseenter: _(l, ["stop"]),
         onMouseleave: _(O, ["stop"]),
         onMousemove: _(u, ["stop"])
       }, [
         w(m.$slots, "trigger", {}, void 0, !0),
-        m.$slots.trigger ? g("", !0) : (t(), r("div", {
+        m.$slots.trigger ? h("", !0) : (t(), r("div", {
           key: 0,
           innerHTML: C.triggerContent
         }, null, 8, b5))
       ], 40, B5),
-      Z("div", {
+      S("div", {
         id: "tooltip",
         ref_key: "tooltip",
         ref: M,
-        class: h(f(s)),
+        class: f(g(s)),
         role: "tooltip"
       }, [
         w(m.$slots, "content", {}, void 0, !0),
-        m.$slots.content ? g("", !0) : (t(), r("div", {
+        m.$slots.content ? h("", !0) : (t(), r("div", {
           key: 0,
-          class: h({
+          class: f({
             tooltip__content: !0,
             "tooltip__content--dark": C.dark,
             "tooltip__content--light": C.light
           })
         }, B(C.text), 3)),
-        m.$slots.content ? g("", !0) : (t(), r("div", {
+        m.$slots.content ? h("", !0) : (t(), r("div", {
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
           ref: i,
-          class: h({
+          class: f({
             tooltip__arrow: !0,
             "tooltip__arrow--dark": C.dark,
             "tooltip__arrow--light": C.light
@@ -8948,14 +8960,14 @@ const w5 = (H, V) => {
             to: i.to,
             class: "r-breadcrumb__link"
           }, {
-            default: v1(() => [
+            default: F1(() => [
               w(C.$slots, "item-icon", {}, () => [
                 i.icon ? (t(), T(v, {
                   key: 0,
                   name: i.icon
-                }, null, 8, ["name"])) : g("", !0)
+                }, null, 8, ["name"])) : h("", !0)
               ]),
-              i.onlyIcon ? g("", !0) : (t(), r("span", T5, B(i.title), 1))
+              i.onlyIcon ? h("", !0) : (t(), r("span", T5, B(i.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -8964,7 +8976,7 @@ const w5 = (H, V) => {
               key: 0,
               name: V.seperator,
               class: "r-breadcrumb__separator"
-            }, null, 8, ["name"])) : g("", !0)
+            }, null, 8, ["name"])) : h("", !0)
           ])
         ]))), 128))
       ]);
@@ -8980,22 +8992,21 @@ const w5 = (H, V) => {
     ofText: { default: "of" },
     slash: { type: Boolean, default: !1 },
     prevIcon: { default: "mdiChevronLeft" },
-    nextIcon: { default: "mdiChevronRight" },
-    modelValue: { default: 1 }
+    nextIcon: { default: "mdiChevronRight" }
   },
-  emits: ["update:page", "update:modelValue"],
+  emits: ["update:page"],
   setup(H, { emit: V }) {
     const C = H, L = x(Math.ceil(C.totalItems / C.perPage)), M = (i) => {
-      C.modelValue = i, !(i < 1 || i > L.value) && (V("update:page", i), V("update:modelValue", C.modelValue));
+      i < 1 || i > L.value || V("update:page", i);
     };
     return (i, A) => (t(), r("div", v5, [
-      Z("div", F5, [
-        H.slash ? g("", !0) : (t(), r("span", R5, B(C.pageText), 1)),
-        Z("span", x5, B(C.page), 1),
-        F1(" " + B(H.slash ? "/" : C.ofText) + " ", 1),
-        Z("span", D5, B(L.value), 1)
+      S("div", F5, [
+        H.slash ? h("", !0) : (t(), r("span", R5, B(C.pageText), 1)),
+        S("span", x5, B(C.page), 1),
+        R1(" " + B(H.slash ? "/" : C.ofText) + " ", 1),
+        S("span", D5, B(L.value), 1)
       ]),
-      Z("div", E5, [
+      S("div", E5, [
         N(a1, {
           class: "r-pagination__paginator__prev",
           variant: "outline",
@@ -9037,7 +9048,7 @@ export {
   g2 as RChip,
   z5 as RDropdown,
   v as RIcon,
-  R1 as RLabel,
+  x1 as RLabel,
   U5 as RModal,
   C3 as RPagination,
   $5 as RSidebar,