@rocketui/vue 0.0.38 → 0.0.40

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-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 W, computed as B, renderSlot as w, createBlock as v, createCommentVNode as h, mergeProps as $1, withModifiers as N, watch as G, ref as D, 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";
+import { defineComponent as P, openBlock as t, createElementBlock as r, createElementVNode as S, unref as O, reactive as J, Fragment as j, renderList as Y, normalizeClass as g, toDisplayString as b, createVNode as W, computed as B, renderSlot as w, createBlock as v, createCommentVNode as f, mergeProps as $1, withModifiers as N, watch as G, ref as D, 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",
@@ -7312,7 +7312,7 @@ const C2 = {
       viewBox: V.viewBox
     }, [
       S("path", {
-        d: g(C2)[V.name]
+        d: O(C2)[V.name]
       }, null, 8, V2)
     ], 8, H2));
   }
@@ -7338,7 +7338,7 @@ 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: f({
+      class: g({
         accordion: !0,
         "accordion--opened": A.open,
         "accordion--disabled": A.disabled
@@ -7393,12 +7393,12 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       V("close");
     };
     return (e, d) => (t(), r("div", {
-      class: f(g(L))
+      class: g(O(L))
     }, [
       S("div", e2, [
         W(F, {
-          name: g(M),
-          size: g(i)
+          name: O(M),
+          size: O(i)
         }, null, 8, ["name", "size"])
       ]),
       S("div", d2, [
@@ -7407,14 +7407,14 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       ]),
       C.closable ? (t(), r("div", l2, [
         w(e.$slots, "custom-close"),
-        e.$slots.close ? h("", !0) : (t(), v(F, {
+        e.$slots.close ? f("", !0) : (t(), v(F, {
           key: 0,
           class: "close__button",
           name: "close",
           size: "16",
           onClick: A
         }))
-      ])) : h("", !0)
+      ])) : f("", !0)
     ], 2));
   }
 }), p1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", o2 = { class: "avatar__wrapper" }, n2 = ["alt", "src"], W5 = /* @__PURE__ */ P({
@@ -7437,26 +7437,26 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     };
     return (A, e) => (t(), r("div", o2, [
       S("div", {
-        class: f(g(C))
+        class: g(O(C))
       }, [
         V.type === "text" ? (t(), r("p", {
           key: 0,
-          class: f({ avatar__text: !0, [`avatar__text--${V.size}`]: !0 })
+          class: g({ avatar__text: !0, [`avatar__text--${V.size}`]: !0 })
         }, b(i(V.text)), 3)) : (t(), r("img", {
           key: 1,
           alt: V.alt,
-          class: f({
+          class: g({
             avatar__image: !0,
             [`avatar__image--${V.size}`]: !0,
-            "avatar__image--anonymous": g(L)
+            "avatar__image--anonymous": O(L)
           }),
-          src: g(M)
+          src: O(M)
         }, null, 10, n2))
       ], 2),
       V.online ? (t(), r("span", {
         key: 0,
-        class: f({ avatar__online: !0, [`avatar__online--${V.size}`]: !0 })
-      }, null, 2)) : h("", !0)
+        class: g({ avatar__online: !0, [`avatar__online--${V.size}`]: !0 })
+      }, null, 2)) : f("", !0)
     ]));
   }
 }), r2 = { class: "badge-wrapper group" }, I5 = /* @__PURE__ */ P({
@@ -7483,7 +7483,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
     }));
     return (L, M) => (t(), r("div", r2, [
       S("span", {
-        class: f(g(C)),
+        class: g(O(C)),
         onClick: M[0] || (M[0] = (i) => L.$emit("click"))
       }, b(V.content), 3),
       w(L.$slots, "default")
@@ -7526,28 +7526,28 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       };
     });
     return (i, A) => (t(), r("button", $1(i.$attrs, {
-      class: g(C),
+      class: O(C),
       disabled: H.disabled || H.loading,
-      style: g(M),
+      style: O(M),
       onClick: A[0] || (A[0] = N((e) => i.$emit("click"), ["stop"]))
     }), [
       w(i.$slots, "custom-icon"),
       !i.$slots["custom-icon"] && V.prependIcon ? (t(), v(F, {
         key: 0,
-        class: f({
+        class: g({
           "button__prepend-icon": !0,
           "button__prepend-icon--only": V.onlyIcon
         }),
         name: V.prependIcon,
-        size: g(L)
-      }, null, 8, ["class", "name", "size"])) : h("", !0),
-      V.onlyIcon ? h("", !0) : w(i.$slots, "default", { key: 1 }),
+        size: O(L)
+      }, null, 8, ["class", "name", "size"])) : f("", !0),
+      V.onlyIcon ? f("", !0) : w(i.$slots, "default", { key: 1 }),
       !i.$slots["custom-icon"] && !V.onlyIcon && V.appendIcon ? (t(), v(F, {
         key: 2,
         class: "button__append-icon",
         name: V.appendIcon,
-        size: g(L)
-      }, null, 8, ["name", "size"])) : h("", !0)
+        size: O(L)
+      }, null, 8, ["name", "size"])) : f("", !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 = {
@@ -7617,11 +7617,11 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
           onChange: e
         }, null, 40, u2),
         S("div", {
-          class: f(g(A)),
+          class: g(O(A)),
           "data-disabled": C.disabled
         }, [
           W(F, {
-            name: g(i),
+            name: O(i),
             size: 24
           }, null, 8, ["name"])
         ], 10, c2)
@@ -7660,7 +7660,7 @@ 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: f(g(L))
+      class: g(O(L))
     }, [
       S("div", {
         class: "chip__content",
@@ -7673,7 +7673,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             "aria-disabled": C.disabled,
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : h("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : f("", !0)
         ]),
         S("span", f2, b(C.label), 1)
       ]),
@@ -7685,7 +7685,7 @@ 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"])) : h("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : f("", !0)
       ])
     ], 2));
   }
@@ -7712,10 +7712,10 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, L = D(""), M = J([]), i = D(!1), A = D(""), e = D(null), d = D(null), l = D(null), Z = (o) => {
-      var a, n, O, T, R, _, c, y, x, E;
+      var a, n, p, T, R, _, c, y, x, E;
       if (!C.disabled) {
         if (o.stopPropagation(), i.value = !i.value, i.value) {
-          (a = e.value) == null || a.classList.add("dropdown--active"), (O = (n = l.value) == null ? void 0 : n.parentElement) == null || O.addEventListener("click", Z), (T = e.value) == null || T.focus(), C.searchable && ((R = d.value) == null || R.focus());
+          (a = e.value) == null || a.classList.add("dropdown--active"), (p = (n = l.value) == null ? void 0 : n.parentElement) == null || p.addEventListener("click", Z), (T = e.value) == null || T.focus(), C.searchable && ((R = d.value) == null || R.focus());
           return;
         }
         (_ = e.value) == null || _.classList.remove("dropdown--active"), (c = e.value) == null || c.blur(), (y = d.value) == null || y.blur(), (E = (x = l.value) == null ? void 0 : x.parentElement) == null || E.addEventListener("click", Z);
@@ -7726,8 +7726,8 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         o.stopPropagation(), M.includes(a) ? M.splice(M.indexOf(a), 1) : M.push(a), A.value = "", C.searchable && ((n = d.value) == null || n.focus());
         return;
       }
-      p(o, a);
-    }, p = (o, a) => {
+      h(o, a);
+    }, h = (o, a) => {
       if (L.value === a.value) {
         L.value = "", A.value = "";
         return;
@@ -7737,17 +7737,17 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       if (o instanceof KeyboardEvent && o.key !== "Backspace" || A.value !== "")
         return;
       o.stopPropagation();
-      const n = M.findIndex((O) => O.value === a.value);
+      const n = M.findIndex((p) => p.value === a.value);
       M.splice(n, 1);
     }, s = (o) => {
-      var O;
+      var p;
       if (!C.taggable)
         return;
       o.stopPropagation();
       const a = A.value;
       if (a === "")
         return;
-      C.options.find((T) => T.label === a) || (M.push({ value: a, label: a }), A.value = "", (O = d.value) == null || O.focus());
+      C.options.find((T) => T.label === a) || (M.push({ value: a, label: a }), A.value = "", (p = d.value) == null || p.focus());
     }, k = B(() => C.searchable ? C.options.filter((a) => a.label.toLowerCase().includes(A.value.toLowerCase())) : C.options);
     return G(M, (o) => {
       V("update:modelValue", o);
@@ -7759,7 +7759,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       S("div", {
         ref_key: "dropdown",
         ref: e,
-        class: f({
+        class: g({
           dropdown: !0,
           "dropdown--disabled": C.disabled,
           "dropdown--loading": C.loading
@@ -7768,7 +7768,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       }, [
         C.prependIcon || o.$slots.prepend ? (t(), r("div", {
           key: 0,
-          class: f({
+          class: g({
             "dropdown__prepend-icon": !0,
             "dropdown__prepend-icon--active": i.value
           })
@@ -7777,29 +7777,29 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             C.prependIcon ? (t(), v(F, {
               key: 0,
               name: C.prependIcon
-            }, null, 8, ["name"])) : h("", !0)
+            }, null, 8, ["name"])) : f("", !0)
           ])
-        ], 2)) : h("", !0),
+        ], 2)) : f("", !0),
         C.taggable ? (t(), r("div", k2, [
-          (t(!0), r(j, null, Y(M, (n, O) => (t(), v(g2, {
-            key: O,
+          (t(!0), r(j, null, Y(M, (n, p) => (t(), v(g2, {
+            key: p,
             label: n.label,
             appendIcon: "close",
             class: "dropdown__tags__chip",
             variant: "primary",
             "onClick:close": (T) => u(T, n)
           }, null, 8, ["label", "onClick:close"]))), 128))
-        ])) : h("", !0),
+        ])) : f("", !0),
         C.multiple ? (t(), r("div", B2, [
-          (t(!0), r(j, null, Y(M, (n, O) => (t(), r("p", { key: O }, b(n.label + ","), 1))), 128))
-        ])) : h("", !0),
+          (t(!0), r(j, null, Y(M, (n, p) => (t(), r("p", { key: p }, b(n.label + ","), 1))), 128))
+        ])) : f("", !0),
         T1(S("input", {
           id: "select",
           ref_key: "input",
           ref: d,
           type: "text",
           "onUpdate:modelValue": a[0] || (a[0] = (n) => A.value = n),
-          class: f({
+          class: g({
             dropdown__input: !0,
             "dropdown__input--loading": C.loading
           }),
@@ -7815,7 +7815,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         ]),
         C.appendIcon || o.$slots.append ? (t(), r("div", {
           key: 3,
-          class: f({
+          class: g({
             "dropdown__append-icon": !0,
             "dropdown__append-icon--active": i.value
           })
@@ -7824,33 +7824,33 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             C.appendIcon ? (t(), v(F, {
               key: 0,
               name: C.appendIcon
-            }, null, 8, ["name"])) : h("", !0)
+            }, null, 8, ["name"])) : f("", !0)
           ])
-        ], 2)) : h("", !0)
+        ], 2)) : f("", !0)
       ], 2),
       S("ul", {
-        class: f({ "dropdown-options": !0, "dropdown-options--active": i.value })
+        class: g({ "dropdown-options": !0, "dropdown-options--active": i.value })
       }, [
-        (t(!0), r(j, null, Y(g(k), (n) => (t(), r("li", {
+        (t(!0), r(j, null, Y(O(k), (n) => (t(), r("li", {
           key: n.value,
-          class: f({
+          class: g({
             "dropdown-options__option": !0,
             "dropdown-options__option--active": n.value === L.value || (M == null ? void 0 : M.includes(n))
           }),
           "aria-disabled": n.disabled,
-          onClick: (O) => m(O, n)
+          onClick: (p) => m(p, n)
         }, [
           S("div", w2, [
             n.prependIcon ? (t(), v(F, {
               key: 1,
-              class: f({
+              class: g({
                 "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(o.$slots, "option-prepend", { key: 0 }),
             S("p", {
-              class: f({
+              class: g({
                 "dropdown-options__option__label": !0,
                 "dropdown-options__option__label--active": n.value === L.value || (M == null ? void 0 : M.includes(n))
               })
@@ -7858,12 +7858,12 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
           ]),
           n.value === L.value || M != null && M.includes(n) ? (t(), v(F, {
             key: 0,
-            class: f({
+            class: g({
               "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"])) : h("", !0)
+          }, null, 8, ["class"])) : f("", !0)
         ], 10, y2))), 128))
       ], 2)
     ], 512));
@@ -7919,10 +7919,10 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       onClick: N(i, ["stop"])
     }, [
       S("div", {
-        style: v1(g(M)),
+        style: v1(O(M)),
         role: "dialog",
         "aria-modal": "true",
-        class: f(g(L)),
+        class: g(O(L)),
         open: C.modelValue
       }, [
         S("div", F2, [
@@ -7931,9 +7931,9 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
             W(F, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : h("", !0),
-          C.title ? (t(), r("div", x2, b(C.title), 1)) : h("", !0),
-          C.description ? (t(), r("div", D2, b(C.description), 1)) : h("", !0)
+          ])) : f("", !0),
+          C.title ? (t(), r("div", x2, b(C.title), 1)) : f("", !0),
+          C.description ? (t(), r("div", D2, b(C.description), 1)) : f("", !0)
         ]),
         S("div", E2, [
           w(A.$slots, "default")
@@ -7957,7 +7957,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       "sidebar--open": V.modelValue
     }));
     return (L, M) => (t(), r("aside", {
-      class: f(g(C))
+      class: g(O(C))
     }, [
       S("nav", N2, [
         w(L.$slots, "default")
@@ -8002,7 +8002,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       },
       { immediate: !0 }
     ), (A, e) => (t(), r("div", {
-      class: f({
+      class: g({
         snackbar: !0,
         "snackbar--closed": !L.value,
         [C.left ? "snackbar--left" : "snackbar--right"]: !0
@@ -8011,7 +8011,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       S("div", I2, b(C.text), 1),
       C.showAction ? (t(), r("div", Q2, [
         w(A.$slots, "action"),
-        A.$slots.action ? h("", !0) : (t(), v(a1, {
+        A.$slots.action ? f("", !0) : (t(), v(a1, {
           key: 0,
           size: "small",
           variant: "ghost",
@@ -8022,16 +8022,16 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
           ]),
           _: 1
         }))
-      ])) : h("", !0),
+      ])) : f("", !0),
       C.showClose ? (t(), r("div", G2, [
         w(A.$slots, "close"),
-        A.$slots.close ? h("", !0) : (t(), v(F, {
+        A.$slots.close ? f("", !0) : (t(), v(F, {
           key: 0,
           name: "mdiClose",
           size: 20,
           onClick: N(i, ["stop"])
         }, null, 8, ["onClick"]))
-      ])) : h("", !0)
+      ])) : f("", !0)
     ], 2));
   }
 }), z2 = { class: "switch-container" }, U2 = ["id", "checked"], $2 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), K2 = ["id", "for"], j2 = {
@@ -8075,7 +8075,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
       }
     ), (A, e) => (t(), r("div", z2, [
       S("div", {
-        class: f(g(M))
+        class: g(O(M))
       }, [
         S("input", {
           id: C.id,
@@ -8087,7 +8087,7 @@ const L2 = ["onClick"], M2 = { class: "accordion__title" }, A2 = { class: "accor
         $2
       ], 2),
       S("div", {
-        class: f({
+        class: g({
           "switch-texts": !0,
           [`switch-texts--${C.size}`]: !0
         })
@@ -8139,28 +8139,28 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
     return (e, d) => (t(), r("button", {
       "aria-disabled": C.disabled,
       "aria-selected": C.modelValue === C.id,
-      class: f(g(L)),
-      style: v1(g(M)),
+      class: g(O(L)),
+      style: v1(O(M)),
       disabled: C.disabled,
       onClick: d[0] || (d[0] = N((l) => i(C.id), ["stop"]))
     }, [
       w(e.$slots, "prepend", {}, () => [
-        C.variant !== g(H1).TEXT && C.prependIcon ? (t(), v(F, {
+        C.variant !== O(H1).TEXT && C.prependIcon ? (t(), v(F, {
           key: 0,
           class: "tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : h("", !0)
+        }, null, 8, ["name"])) : f("", !0)
       ]),
-      C.variant !== g(H1).ICON ? (t(), r("span", X2, b(C.label), 1)) : h("", !0),
+      C.variant !== O(H1).ICON ? (t(), r("span", X2, b(C.label), 1)) : f("", !0),
       w(e.$slots, "append", {}, () => [
-        C.variant !== g(H1).TEXT && C.appendIcon ? (t(), v(F, {
+        C.variant !== O(H1).TEXT && C.appendIcon ? (t(), v(F, {
           key: 0,
           class: "tab-item__append-icon",
           name: C.appendIcon,
           size: 16,
           onClick: N(A, ["stop"])
-        }, null, 8, ["name", "onClick"])) : h("", !0)
+        }, null, 8, ["name", "onClick"])) : f("", !0)
       ])
     ], 14, Y2));
   }
@@ -8189,7 +8189,7 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
       alert("Icon clicked");
     };
     return (A, e) => (t(), r("div", {
-      class: f(g(M))
+      class: g(O(M))
     }, [
       w(A.$slots, "default", {}, () => [
         (t(!0), r(j, null, Y(C.tabs, (d, l) => (t(), v(J2, {
@@ -8250,10 +8250,10 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
         class: "textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["text"])) : h("", !0),
+      }, null, 8, ["text"])) : f("", !0),
       S("textarea", {
         id: C.id,
-        class: f(["textarea", {
+        class: g(["textarea", {
           "textarea--error": C.errorMsg,
           "textarea--disabled": C.disabled
         }]),
@@ -8266,7 +8266,7 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
     ]));
   }
 }), M5 = {
-  class: /* @__PURE__ */ f({
+  class: /* @__PURE__ */ g({
     textfield__wrapper: !0
   })
 }, A5 = { class: "input-wrapper" }, i5 = ["id", "disabled", "placeholder", "type", "value", "min", "max"], e5 = { class: "textfield__error" }, d5 = {
@@ -8327,10 +8327,10 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
       "textfield__append-icon": !0,
       "textfield__append-icon--clear": s.value,
       "textfield__append-icon--error": u.value
-    })), p = B(() => M.value.length > 0), u = B(() => {
+    })), h = B(() => M.value.length > 0), u = B(() => {
       var c;
       return (c = C.errorMsg) == null ? void 0 : c.length;
-    }), s = B(() => C.clearable && p.value), k = B(() => {
+    }), s = B(() => C.clearable && h.value), k = B(() => {
       const { prependIcon: c, type: y } = C;
       return c === "none" ? "" : c || A[y];
     }), o = B(() => {
@@ -8340,7 +8340,7 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
       e.value = !0, V("focus", c);
     }, n = (c) => {
       e.value = !1, V("blur", c);
-    }, O = (c) => {
+    }, p = (c) => {
       M.value = c.target.value, V("input", c);
     }, T = () => {
       var c;
@@ -8379,7 +8379,7 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
       S("div", M5, [
         W(x1, {
           id: C.id,
-          class: f({
+          class: g({
             textfield__label: !0
           }),
           for: C.id,
@@ -8388,15 +8388,15 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
         }, null, 8, ["id", "for", "text"]),
         S("div", A5, [
           S("div", {
-            class: f(g(l))
+            class: g(O(l))
           }, [
             w(c.$slots, "prepend"),
-            g(k) && !c.$slots.prepend ? (t(), v(F, {
+            O(k) && !c.$slots.prepend ? (t(), v(F, {
               key: 0,
-              class: f(g(Z)),
-              name: g(k),
+              class: g(O(Z)),
+              name: O(k),
               size: 20
-            }, null, 8, ["class", "name"])) : h("", !0),
+            }, null, 8, ["class", "name"])) : f("", !0),
             S("input", {
               ref_key: "inputRef",
               ref: L,
@@ -8409,19 +8409,19 @@ const Y2 = ["aria-disabled", "aria-selected", "disabled"], X2 = {
               max: C.max,
               onBlur: n,
               onFocus: a,
-              onInput: O
+              onInput: p
             }, null, 40, i5),
             w(c.$slots, "append"),
-            g(o) && !c.$slots.append ? (t(), v(F, {
+            O(o) && !c.$slots.append ? (t(), v(F, {
               key: 1,
-              class: f(g(m)),
-              name: `${g(o)}`,
+              class: g(O(m)),
+              name: `${O(o)}`,
               size: 20,
               onClick: T
-            }, null, 8, ["class", "name"])) : h("", !0)
+            }, null, 8, ["class", "name"])) : f("", !0)
           ], 2),
           S("div", e5, b(C.errorMsg), 1),
-          C.errorMsg ? h("", !0) : (t(), r("div", d5, b(C.hint), 1))
+          C.errorMsg ? f("", !0) : (t(), r("div", d5, b(C.hint), 1))
         ])
       ])
     ]));
@@ -8470,12 +8470,12 @@ function h1(H, V, C) {
 }
 const m5 = 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 l = await A.getElementRects({ reference: H, floating: V, strategy: M }), { x: Z, y: m } = h1(l, L, d), p = L, u = {}, s = 0;
+  let l = await A.getElementRects({ reference: H, floating: V, strategy: M }), { x: Z, y: m } = h1(l, L, d), h = L, u = {}, s = 0;
   for (let k = 0; k < e.length; k++) {
-    const { name: o, fn: a } = e[k], { x: n, y: O, data: T, reset: R } = await a({ x: Z, y: m, initialPlacement: L, placement: p, strategy: M, middlewareData: u, rects: l, platform: A, elements: { reference: H, floating: V } });
-    Z = n ?? Z, m = O ?? m, u = { ...u, [o]: { ...u[o], ...T } }, R && s <= 50 && (s++, typeof R == "object" && (R.placement && (p = R.placement), R.rects && (l = R.rects === !0 ? await A.getElementRects({ reference: H, floating: V, strategy: M }) : R.rects), { x: Z, y: m } = h1(l, p, d)), k = -1);
+    const { name: o, fn: a } = e[k], { x: n, y: p, data: T, reset: R } = await a({ x: Z, y: m, initialPlacement: L, placement: h, strategy: M, middlewareData: u, rects: l, platform: A, elements: { reference: H, floating: V } });
+    Z = n ?? Z, m = p ?? m, u = { ...u, [o]: { ...u[o], ...T } }, R && s <= 50 && (s++, typeof R == "object" && (R.placement && (h = R.placement), R.rects && (l = R.rects === !0 ? await A.getElementRects({ reference: H, floating: V, strategy: M }) : R.rects), { x: Z, y: m } = h1(l, h, d)), k = -1);
   }
-  return { x: Z, y: m, placement: p, strategy: M, middlewareData: u };
+  return { x: Z, y: m, placement: h, strategy: M, middlewareData: u };
 };
 function D1(H) {
   return typeof H != "number" ? function(V) {
@@ -8488,7 +8488,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: l = "clippingAncestors", rootBoundary: Z = "viewport", elementContext: m = "floating", altBoundary: p = !1, padding: u = 0 } = V, s = D1(u), k = e[p ? m === "floating" ? "reference" : "floating" : m], o = e1(await i.getClippingRect({ element: (C = await (i.isElement == null ? void 0 : i.isElement(k))) == null || C ? k : k.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(e.floating)), boundary: l, rootBoundary: Z, strategy: d })), a = e1(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: m === "floating" ? { ...A.floating, x: L, y: M } : A.reference, offsetParent: await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(e.floating)), strategy: d }) : A[m]);
+  const { x: L, y: M, platform: i, rects: A, elements: e, strategy: d } = H, { boundary: l = "clippingAncestors", rootBoundary: Z = "viewport", elementContext: m = "floating", altBoundary: h = !1, padding: u = 0 } = V, s = D1(u), k = e[h ? m === "floating" ? "reference" : "floating" : m], o = e1(await i.getClippingRect({ element: (C = await (i.isElement == null ? void 0 : i.isElement(k))) == null || C ? k : k.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(e.floating)), boundary: l, rootBoundary: Z, strategy: d })), a = e1(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: m === "floating" ? { ...A.floating, x: L, y: M } : A.reference, offsetParent: await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(e.floating)), strategy: d }) : A[m]);
   return { top: o.top - a.top + s.top, bottom: a.bottom - o.bottom + s.bottom, left: o.left - a.left + s.left, right: a.right - o.right + s.right };
 }
 const l5 = Math.min, o5 = Math.max;
@@ -8499,10 +8499,10 @@ const n5 = (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 l = D1(L), Z = { x: M, y: i }, m = A1(A), p = l1(A), u = u1(m), s = await d.getDimensions(C), k = m === "y" ? "top" : "left", o = m === "y" ? "bottom" : "right", a = e.reference[u] + e.reference[m] - Z[m] - e.floating[u], n = Z[m] - e.reference[m], O = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
-  let T = O ? m === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0;
+  const l = D1(L), Z = { x: M, y: i }, m = A1(A), h = l1(A), u = u1(m), s = await d.getDimensions(C), k = m === "y" ? "top" : "left", o = m === "y" ? "bottom" : "right", a = e.reference[u] + e.reference[m] - Z[m] - e.floating[u], n = Z[m] - e.reference[m], p = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
+  let T = p ? m === "y" ? p.clientHeight || 0 : p.clientWidth || 0 : 0;
   T === 0 && (T = e.floating[u]);
-  const R = a / 2 - n / 2, _ = l[k], c = T - s[u] - l[o], y = T / 2 - s[u] / 2 + R, x = Z1(_, y, c), E = (p === "start" ? l[k] : l[o]) > 0 && y !== x && e.reference[u] <= e.floating[u];
+  const R = a / 2 - n / 2, _ = l[k], c = T - s[u] - l[o], y = T / 2 - s[u] / 2 + R, x = Z1(_, y, c), E = (h === "start" ? l[k] : l[o]) > 0 && y !== x && e.reference[u] <= e.floating[u];
   return { [m]: Z[m] - (E ? y < _ ? _ - y : c - y : 0), data: { [m]: x, centerOffset: y - x } };
 } }), r5 = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function t1(H) {
@@ -8523,22 +8523,22 @@ E1.reduce((H, V) => H.concat(V, V + "-start", V + "-end"), []);
 const S5 = 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: l = !0, crossAxis: Z = !0, fallbackPlacements: m, fallbackStrategy: p = "bestFit", flipAlignment: u = !0, ...s } = H, k = M1(L), o = m || (k === A || !u ? [t1(A)] : function(y) {
+    const { placement: L, middlewareData: M, rects: i, initialPlacement: A, platform: e, elements: d } = V, { mainAxis: l = !0, crossAxis: Z = !0, fallbackPlacements: m, fallbackStrategy: h = "bestFit", flipAlignment: u = !0, ...s } = H, k = M1(L), o = m || (k === A || !u ? [t1(A)] : function(y) {
       const x = t1(y);
       return [f1(y), x, f1(x)];
-    }(A)), a = [A, ...o], n = await d1(V, s), O = [];
+    }(A)), a = [A, ...o], n = await d1(V, s), p = [];
     let T = ((C = M.flip) == null ? void 0 : C.overflows) || [];
-    if (l && O.push(n[k]), Z) {
+    if (l && p.push(n[k]), Z) {
       const { main: y, cross: x } = a5(L, i, await (e.isRTL == null ? void 0 : e.isRTL(d.floating)));
-      O.push(n[y], n[x]);
+      p.push(n[y], n[x]);
     }
-    if (T = [...T, { placement: L, overflows: O }], !O.every((y) => y <= 0)) {
+    if (T = [...T, { placement: L, overflows: p }], !p.every((y) => y <= 0)) {
       var R, _;
       const y = ((R = (_ = M.flip) == null ? void 0 : _.index) != null ? R : 0) + 1, x = a[y];
       if (x)
         return { data: { index: y, overflows: T }, reset: { placement: x } };
       let E = "bottom";
-      switch (p) {
+      switch (h) {
         case "bestFit": {
           var c;
           const s1 = (c = T.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;
@@ -8580,9 +8580,9 @@ const u5 = function(H) {
 }, c5 = 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: l } = i, Z = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), m = M1(e), p = l1(e), u = A1(e) === "x", s = ["left", "top"].includes(m) ? -1 : 1, k = Z && u ? -1 : 1, o = typeof A == "function" ? A(i) : A;
-      let { mainAxis: a, crossAxis: n, alignmentAxis: O } = typeof o == "number" ? { mainAxis: o, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...o };
-      return p && typeof O == "number" && (n = p === "end" ? -1 * O : O), u ? { x: n * k, y: a * s } : { x: a * s, y: n * k };
+      const { placement: e, platform: d, elements: l } = i, Z = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), m = M1(e), h = l1(e), u = A1(e) === "x", s = ["left", "top"].includes(m) ? -1 : 1, k = Z && u ? -1 : 1, o = typeof A == "function" ? A(i) : A;
+      let { mainAxis: a, crossAxis: n, alignmentAxis: p } = typeof o == "number" ? { mainAxis: o, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...o };
+      return h && typeof p == "number" && (n = h === "end" ? -1 * p : p), u ? { x: n * k, y: a * s } : { x: a * s, y: n * k };
     }(V, H);
     return { x: C + M.x, y: L + M.y, data: M };
   } };
@@ -8595,17 +8595,17 @@ const O5 = function(H) {
     const { x: C, y: L, placement: M } = V, { mainAxis: i = !0, crossAxis: A = !1, limiter: e = { fn: (o) => {
       let { x: a, y: n } = o;
       return { x: a, y: n };
-    } }, ...d } = H, l = { x: C, y: L }, Z = await d1(V, d), m = A1(M1(M)), p = s5(m);
-    let u = l[m], s = l[p];
+    } }, ...d } = H, l = { x: C, y: L }, Z = await d1(V, d), m = A1(M1(M)), h = s5(m);
+    let u = l[m], s = l[h];
     if (i) {
       const o = m === "y" ? "bottom" : "right";
       u = Z1(u + Z[m === "y" ? "top" : "left"], u, u - Z[o]);
     }
     if (A) {
-      const o = p === "y" ? "bottom" : "right";
-      s = Z1(s + Z[p === "y" ? "top" : "left"], s, s - Z[o]);
+      const o = h === "y" ? "bottom" : "right";
+      s = Z1(s + Z[h === "y" ? "top" : "left"], s, s - Z[o]);
     }
-    const k = e.fn({ ...V, [m]: u, [p]: s });
+    const k = e.fn({ ...V, [m]: u, [h]: s });
     return { ...k, data: { x: k.x - C, y: k.y - L } };
   } };
 };
@@ -8667,8 +8667,8 @@ function q(H, V, C) {
   const e = H.getBoundingClientRect();
   let d = 1, l = 1;
   V && Q(H) && (d = H.offsetWidth > 0 && m1(e.width) / H.offsetWidth || 1, l = H.offsetHeight > 0 && m1(e.height) / H.offsetHeight || 1);
-  const Z = X(H) ? z(H) : window, m = !W1() && C, p = (e.left + (m && (L = (M = Z.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, u = (e.top + (m && (i = (A = Z.visualViewport) == null ? void 0 : A.offsetTop) != null ? i : 0)) / l, s = e.width / d, k = e.height / l;
-  return { width: s, height: k, top: u, right: p + s, bottom: u + k, left: p, x: p, y: u };
+  const Z = X(H) ? z(H) : window, m = !W1() && C, h = (e.left + (m && (L = (M = Z.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, u = (e.top + (m && (i = (A = Z.visualViewport) == null ? void 0 : A.offsetTop) != null ? i : 0)) / l, s = e.width / d, k = e.height / l;
+  return { width: s, height: k, top: u, right: h + s, bottom: u + k, left: h, x: h, y: u };
 }
 function $(H) {
   return (V = H, (V instanceof z(V).Node ? H.ownerDocument : H.document) || window.document).documentElement;
@@ -8735,8 +8735,8 @@ function P1(H, V, C) {
     let d = A.clientWidth, l = A.clientHeight, Z = 0, m = 0;
     if (e) {
       d = e.width, l = e.height;
-      const p = W1();
-      (p || !p && M === "fixed") && (Z = e.offsetLeft, m = e.offsetTop);
+      const h = W1();
+      (h || !h && M === "fixed") && (Z = e.offsetLeft, m = e.offsetTop);
     }
     return { width: d, height: l, x: Z, y: m };
   }(H, C)) : X(V) ? function(L, M) {
@@ -8754,11 +8754,11 @@ const f5 = { getClippingRect: function(H) {
   let { element: V, boundary: C, rootBoundary: L, strategy: M } = H;
   const i = C === "clippingAncestors" ? function(l) {
     let Z = G1(l).filter((s) => X(s) && K(s) !== "body"), m = null;
-    const p = I(l).position === "fixed";
-    let u = p ? L1(l) : l;
+    const h = I(l).position === "fixed";
+    let u = h ? L1(l) : l;
     for (; X(u) && !c1(u); ) {
       const s = I(u), k = S1(u);
-      (p ? k || m : k || s.position !== "static" || !m || !["absolute", "fixed"].includes(m.position)) ? m = s : Z = Z.filter((o) => o !== u), u = L1(u);
+      (h ? k || m : k || s.position !== "static" || !m || !["absolute", "fixed"].includes(m.position)) ? m = s : Z = Z.filter((o) => o !== u), u = L1(u);
     }
     return Z;
   }(V) : [].concat(C), A = [...i, L], e = A[0], d = A.reduce((l, Z) => {
@@ -8803,7 +8803,7 @@ function r1({ value: H }, { value: V }, { value: C }, L, M, i) {
       left: `${A}px`,
       top: `${e}px`
     }), C && l.arrow) {
-      const { x: Z, y: m } = l.arrow, p = {
+      const { x: Z, y: m } = l.arrow, h = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -8815,7 +8815,7 @@ function r1({ value: H }, { value: V }, { value: C }, L, M, i) {
         top: e != null ? `${m}px` : "",
         right: "",
         bottom: "",
-        [`${p}`]: "-4px"
+        [`${h}`]: "-4px"
       });
     }
   });
@@ -8844,12 +8844,12 @@ const k5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
   setup(H, { emit: V }) {
     const C = H;
     Y1((o) => ({
-      "271323d4": g(k)
+      "271323d4": O(k)
     }));
     const L = D(null), M = D(null), i = D(null);
     function A() {
-      const { placement: o, offset: a, padding: n, disabled: O } = C;
-      O || (M.value.style.display = "block", V("show"), r1(L, M, i, o, a, n), d(), C.outsideClick && l("add"));
+      const { placement: o, offset: a, padding: n, disabled: p } = C;
+      p || (M.value.style.display = "block", V("show"), r1(L, M, i, o, a, n), d(), C.outsideClick && l("add"));
     }
     function e() {
       M.value.style.display = "", V("hide"), C.outsideClick && l("remove");
@@ -8864,7 +8864,7 @@ const k5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
       C.disabled || C.triggers == U.Click && (M.value.style.display === "block" ? e() : A());
     }, m = () => {
       C.disabled || C.triggers === U.Hover && A();
-    }, p = () => {
+    }, h = () => {
       if (!C.disabled)
         if (M.value.style.display === "" && C.triggers === U.Hover) {
           A();
@@ -8872,16 +8872,16 @@ const k5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         } else
           M.value.style.display !== "" && C.triggers === U.Hover && e();
     }, u = () => {
-      const { placement: o, offset: a, padding: n, disabled: O } = C;
-      O || C.triggers === U.Hover && r1(L, M, i, o, a, n);
+      const { placement: o, offset: a, padding: n, disabled: p } = C;
+      p || C.triggers === U.Hover && r1(L, M, i, o, a, n);
     }, s = B(() => ({
       tooltip: !0,
       "tooltip--dark": C.dark,
       "tooltip--light": C.light
     }));
     window.onresize = () => {
-      const { placement: o, offset: a, padding: n, disabled: O } = C;
-      O || C.resizable && r1(L, M, i, o, a, n);
+      const { placement: o, offset: a, padding: n, disabled: p } = C;
+      p || C.resizable && r1(L, M, i, o, a, n);
     }, X1(
       () => {
         C.disabled || C.shown && C.triggers === U.Manual && A();
@@ -8898,11 +8898,11 @@ const k5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         class: "trigger",
         onClick: N(Z, ["stop"]),
         onMouseenter: N(m, ["stop"]),
-        onMouseleave: N(p, ["stop"]),
+        onMouseleave: N(h, ["stop"]),
         onMousemove: N(u, ["stop"])
       }, [
         w(o.$slots, "trigger", {}, void 0, !0),
-        o.$slots.trigger ? h("", !0) : (t(), r("div", {
+        o.$slots.trigger ? f("", !0) : (t(), r("div", {
           key: 0,
           innerHTML: C.triggerContent
         }, null, 8, B5))
@@ -8911,24 +8911,24 @@ const k5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         id: "tooltip",
         ref_key: "tooltip",
         ref: M,
-        class: f(g(s)),
+        class: g(O(s)),
         role: "tooltip"
       }, [
         w(o.$slots, "content", {}, void 0, !0),
-        o.$slots.content ? h("", !0) : (t(), r("div", {
+        o.$slots.content ? f("", !0) : (t(), r("div", {
           key: 0,
-          class: f({
+          class: g({
             tooltip__content: !0,
             "tooltip__content--dark": C.dark,
             "tooltip__content--light": C.light
           })
         }, b(C.text), 3)),
-        o.$slots.content ? h("", !0) : (t(), r("div", {
+        o.$slots.content ? f("", !0) : (t(), r("div", {
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
           ref: i,
-          class: f({
+          class: g({
             tooltip__arrow: !0,
             "tooltip__arrow--dark": C.dark,
             "tooltip__arrow--light": C.light
@@ -8970,9 +8970,9 @@ const y5 = (H, V) => {
                 i.icon ? (t(), v(F, {
                   key: 0,
                   name: i.icon
-                }, null, 8, ["name"])) : h("", !0)
+                }, null, 8, ["name"])) : f("", !0)
               ]),
-              i.onlyIcon ? h("", !0) : (t(), r("span", P5, b(i.title), 1))
+              i.onlyIcon ? f("", !0) : (t(), r("span", P5, b(i.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -8981,7 +8981,7 @@ const y5 = (H, V) => {
               key: 0,
               name: V.seperator,
               class: "r-breadcrumb__separator"
-            }, null, 8, ["name"])) : h("", !0)
+            }, null, 8, ["name"])) : f("", !0)
           ])
         ]))), 128))
       ]);
@@ -9001,15 +9001,15 @@ const y5 = (H, V) => {
   },
   emits: ["update:page"],
   setup(H, { emit: V }) {
-    const C = H, L = D(Math.ceil(C.totalItems / C.perPage)), M = (i) => {
+    const C = H, L = B(() => Math.ceil(C.totalItems / C.perPage)), M = (i) => {
       i < 1 || i > L.value || V("update:page", i);
     };
     return (i, A) => (t(), r("div", T5, [
       S("div", v5, [
-        H.slash ? h("", !0) : (t(), r("span", F5, b(C.pageText), 1)),
+        H.slash ? f("", !0) : (t(), r("span", F5, b(C.pageText), 1)),
         S("span", R5, b(C.page), 1),
         R1(" " + b(H.slash ? "/" : C.ofText) + " ", 1),
-        S("span", x5, b(L.value), 1)
+        S("span", x5, b(O(L)), 1)
       ]),
       S("div", D5, [
         W(a1, {
@@ -9027,15 +9027,18 @@ const y5 = (H, V) => {
           type: "number",
           min: "1",
           prependIcon: "none",
-          max: L.value,
-          onInput: A[2] || (A[2] = (e) => M(e == null ? void 0 : e.value))
+          max: O(L),
+          onBlur: A[2] || (A[2] = (e) => {
+            var d;
+            return M((d = e == null ? void 0 : e.target) == null ? void 0 : d.value);
+          })
         }, null, 8, ["modelValue", "max"]),
         W(a1, {
           class: "r-pagination__paginator__next",
           variant: "outline",
           "only-icon": "",
           "prepend-icon": H.nextIcon,
-          disabled: C.page === L.value,
+          disabled: C.page === O(L),
           onClick: A[3] || (A[3] = (e) => M(C.page + 1))
         }, null, 8, ["prepend-icon", "disabled"])
       ])