@rocketui/vue 0.2.70 → 0.2.71

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, openBlock as t, createElementBlock as r, createElementVNode as Z, unref as J, reactive as y1, Fragment as H1, renderList as d1, normalizeClass as p, renderSlot as h, toDisplayString as b, createVNode as q, computed as f, createCommentVNode as O, mergeProps as I1, createBlock as _, watch as I, getCurrentScope as p2, onScopeDispose as O2, ref as E, watchEffect as f2, onMounted as M2, Teleport as h2, withCtx as k1, withDirectives as i2, withModifiers as t1, withKeys as q1, vModelText as g2, createTextVNode as S1, onUnmounted as k2, normalizeStyle as Q1, vShow as B2, resolveComponent as b2, provide as O1, resolveDynamicComponent as w2, inject as f1 } from "vue";
+import { defineComponent as R, openBlock as t, createElementBlock as r, createElementVNode as u, unref as J, reactive as y1, Fragment as H1, renderList as d1, normalizeClass as p, renderSlot as f, toDisplayString as b, createVNode as q, computed as h, createCommentVNode as O, mergeProps as I1, createBlock as _, watch as Q, getCurrentScope as p2, onScopeDispose as O2, ref as E, watchEffect as f2, onMounted as M2, Teleport as h2, withCtx as k1, withDirectives as i2, withModifiers as t1, withKeys as q1, vModelText as g2, createTextVNode as S1, onUnmounted as k2, normalizeStyle as Q1, vShow as B2, resolveComponent as b2, provide as O1, resolveDynamicComponent as w2, inject as f1 } from "vue";
 const v2 = {
   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,7 +7311,7 @@ const v2 = {
       viewBox: V.viewBox,
       width: V.size
     }, [
-      Z("path", {
+      u("path", {
         d: J(v2)[V.name]
       }, null, 8, P2)
     ], 8, y2));
@@ -7351,12 +7351,12 @@ const v2 = {
       "data-state": A.open ? "opened" : "closed",
       onClick: (d) => M(e)
     }, [
-      Z("div", F2, [
-        h(i.$slots, "title", { accordion: A }, () => [
-          Z("div", R2, b(A.title), 1)
+      u("div", F2, [
+        f(i.$slots, "title", { accordion: A }, () => [
+          u("div", R2, b(A.title), 1)
         ]),
-        Z("div", x2, [
-          h(i.$slots, "icon", {
+        u("div", x2, [
+          f(i.$slots, "icon", {
             item: A,
             open: A.open
           }, () => [
@@ -7364,9 +7364,9 @@ const v2 = {
           ])
         ])
       ]),
-      Z("div", D2, [
-        h(i.$slots, "content", { accordion: A }, () => [
-          Z("span", null, b(A.content), 1)
+      u("div", D2, [
+        f(i.$slots, "content", { accordion: A }, () => [
+          u("span", null, b(A.content), 1)
         ])
       ])
     ], 10, T2))), 128));
@@ -7389,12 +7389,12 @@ const v2 = {
   },
   emits: ["close"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = f(() => ({
+    const C = H, M = V, i = h(() => ({
       " r-alert": !0,
       [`r-alert--${C.variant}`]: !0,
       "r-alert--block": C.block,
       [`r-alert--${C.variant}--${C.type}`]: !0
-    })), L = f(() => ({
+    })), L = h(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -7406,22 +7406,22 @@ const v2 = {
     return (e, d) => (t(), r("div", {
       class: p(i.value)
     }, [
-      Z("div", _2, [
-        h(e.$slots, "alert-icon", {}, () => [
+      u("div", _2, [
+        f(e.$slots, "alert-icon", {}, () => [
           q(D, {
             name: L.value,
             size: 24
           }, null, 8, ["name"])
         ])
       ]),
-      Z("div", E2, [
-        h(e.$slots, "content", {}, () => [
-          Z("p", W2, b(C.title), 1),
+      u("div", E2, [
+        f(e.$slots, "content", {}, () => [
+          u("p", W2, b(C.title), 1),
           C.description ? (t(), r("p", N2, b(C.description), 1)) : O("", !0)
         ])
       ]),
       C.closable ? (t(), r("div", I2, [
-        h(e.$slots, "custom-close", {
+        f(e.$slots, "custom-close", {
           close: A,
           slotClass: "r-alert__close__button"
         }, () => [
@@ -7446,16 +7446,16 @@ const v2 = {
     text: { default: "" }
   },
   setup(H) {
-    const V = H, C = f(() => ({
+    const V = H, C = h(() => ({
       "r-avatar": !0,
       [`r-avatar--${V.size}`]: !0
-    })), M = f(() => V.type === "image" && !V.src), i = f(() => M.value ? j1 : V.src);
+    })), M = h(() => V.type === "image" && !V.src), i = h(() => M.value ? j1 : V.src);
     function L(A) {
       const e = A.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
     }
     return (A, e) => (t(), r("div", Q2, [
-      Z("div", {
+      u("div", {
         class: p(C.value)
       }, [
         V.type === "text" ? (t(), r("p", {
@@ -7495,7 +7495,7 @@ const v2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = f(() => ({
+    const V = H, C = h(() => ({
       "r-badge": !0,
       [`r-badge--content ${V.contentClass}`]: V.content,
       [`r-badge--overlap-${V.placement}`]: V.overlap,
@@ -7508,14 +7508,14 @@ const v2 = {
     return (M, i) => (t(), r("div", {
       class: p(["r-badge-wrapper group", [V.wrapperClass]])
     }, [
-      Z("span", {
+      u("span", {
         class: p([{ "animate-ping-2": V.animation }, C.value])
       }, null, 2),
-      Z("span", {
+      u("span", {
         class: p(C.value),
         innerHTML: V.content
       }, null, 10, $2),
-      h(M.$slots, "default")
+      f(M.$slots, "default")
     ], 2));
   }
 }), U2 = ["disabled"], p0 = /* @__PURE__ */ R({
@@ -7534,7 +7534,7 @@ const v2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = f(() => ({
+    const V = H, C = h(() => ({
       "r-button": !0,
       [`r-button__${V.variant}`]: !0,
       [`r-button__${V.variant}--${V.variant === "default" && V.color === void 0 ? "primary" : V.color}`]: !0,
@@ -7542,11 +7542,11 @@ const v2 = {
       [`r-button--${V.size || "medium"}`]: !0,
       "r-button--only-icon": V.icon,
       "r-button--block": V.block
-    })), M = f(() => ({
+    })), M = h(() => ({
       small: 16,
       medium: 16,
       large: 20
-    })[V.size || "medium"]), i = f(() => ({
+    })[V.size || "medium"]), i = h(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
     return (L, A) => (t(), r("button", I1(L.$attrs, {
@@ -7555,7 +7555,7 @@ const v2 = {
       style: i.value,
       onClick: A[0] || (A[0] = (e) => L.$emit("click"))
     }), [
-      h(L.$slots, "prepend", {
+      f(L.$slots, "prepend", {
         onlyIcon: V.icon
       }, () => [
         V.prependIcon ? (t(), _(D, {
@@ -7567,8 +7567,8 @@ const v2 = {
           size: M.value
         }, null, 8, ["class", "name", "size"])) : O("", !0)
       ]),
-      h(L.$slots, "default", { disabled: L.disabled }),
-      h(L.$slots, "append", {
+      f(L.$slots, "default", { disabled: L.disabled }),
+      f(L.$slots, "append", {
         onlyIcon: V.icon
       }, () => [
         !V.icon && V.appendIcon ? (t(), _(D, {
@@ -7610,7 +7610,7 @@ const v2 = {
       checked: "mdiCheck",
       unchecked: "",
       indeterminate: "mdiMinus"
-    }, A = f(() => i.indeterminate ? L.indeterminate : i.checked ? L.checked : L.unchecked), e = f(() => ({
+    }, A = h(() => i.indeterminate ? L.indeterminate : i.checked ? L.checked : L.unchecked), e = h(() => ({
       "r-checkbox": !0,
       "r-checkbox--checked": i.checked,
       "r-checkbox--disabled": C.disabled,
@@ -7620,7 +7620,7 @@ const v2 = {
     function d(m) {
       C.disabled || (i.checked = m.target.checked, i.indeterminate = !1, M("update:modelValue", i.checked));
     }
-    return I(
+    return Q(
       () => C.indeterminate,
       (m) => {
         i.indeterminate = m, m === !0 && (i.checked = !1, M("update:modelValue", i.checked));
@@ -7630,7 +7630,7 @@ const v2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), I(
+    ), Q(
       () => C.modelValue,
       (m) => {
         i.checked = m;
@@ -7641,8 +7641,8 @@ const v2 = {
         immediate: !0
       }
     ), (m, n) => (t(), r("div", z2, [
-      Z("div", K2, [
-        Z("input", {
+      u("div", K2, [
+        u("input", {
           id: C.id,
           checked: i.checked,
           class: "r-checkbox-container__input",
@@ -7651,7 +7651,7 @@ const v2 = {
           type: "checkbox",
           onChange: d
         }, null, 40, q2),
-        Z("div", {
+        u("div", {
           class: p(e.value),
           "data-disabled": C.disabled
         }, [
@@ -7661,8 +7661,8 @@ const v2 = {
           }, null, 8, ["name"])
         ], 10, j2)
       ]),
-      Z("div", X2, [
-        Z("label", {
+      u("div", X2, [
+        u("label", {
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
@@ -7687,7 +7687,7 @@ const v2 = {
   },
   emits: ["click:chip", "click:close"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = f(() => ({
+    const C = H, M = V, i = h(() => ({
       "r-chip": !0,
       "r-chip--disabled": C.disabled,
       [`r-chip__${C.variant}`]: C.variant,
@@ -7700,15 +7700,15 @@ const v2 = {
     function A(d) {
       C.disabled || !C.clearable || (d.stopPropagation(), M("click:close", d));
     }
-    const e = f(() => C.clearable ? "mdiClose" : C.appendIcon);
+    const e = h(() => C.clearable ? "mdiClose" : C.appendIcon);
     return (d, m) => (t(), r("div", {
       class: p(i.value)
     }, [
-      Z("div", {
+      u("div", {
         class: "r-chip__content",
         onClick: m[0] || (m[0] = (n) => L(n))
       }, [
-        h(d.$slots, "prepend", {
+        f(d.$slots, "prepend", {
           disabled: C.disabled
         }, () => [
           C.prependIcon ? (t(), _(D, {
@@ -7719,11 +7719,11 @@ const v2 = {
             size: 12
           }, null, 8, ["aria-disabled", "name"])) : O("", !0)
         ]),
-        Z("span", {
+        u("span", {
           class: p(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
         }, b(C.label), 3)
       ]),
-      h(d.$slots, "append", {
+      f(d.$slots, "append", {
         disabled: C.disabled
       }, () => [
         e.value ? (t(), _(D, {
@@ -7765,7 +7765,7 @@ function x1(...H) {
   Array.isArray(C) || (C = [C]), Array.isArray(M) || (M = [M]);
   const L = [], A = () => {
     L.forEach((n) => n()), L.length = 0;
-  }, e = (n, a, o, l) => (n.addEventListener(a, o, l), () => n.removeEventListener(a, o, l)), d = I(
+  }, e = (n, a, o, l) => (n.addEventListener(a, o, l), () => n.removeEventListener(a, o, l)), d = Q(
     () => [r1(V), A2(i)],
     ([n, a]) => {
       if (A(), !n)
@@ -8101,7 +8101,7 @@ const s5 = (H) => ({
     }, l = $1(i), S = G1(l), B = await A.getDimensions(m), y = l === "y", k = y ? "top" : "left", w = y ? "bottom" : "right", T = y ? "clientHeight" : "clientWidth", F = L.reference[S] + L.reference[l] - o[l] - L.floating[S], P = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(m));
     let W = U ? U[T] : 0;
     (!W || !await (A.isElement == null ? void 0 : A.isElement(U))) && (W = e.floating[T] || L.floating[S]);
-    const g = F / 2 - P / 2, N = W / 2 - B[S] / 2 - 1, i1 = Z1(a[k], N), A1 = Z1(a[w], N), Q = i1, u = W - B[S] - A1, s = W / 2 - B[S] / 2 + g, v = _1(Q, s, u), x = !d.arrow && s1(i) != null && s != v && L.reference[S] / 2 - (s < Q ? i1 : A1) - B[S] / 2 < 0, c = x ? s < Q ? s - Q : s - u : 0;
+    const g = F / 2 - P / 2, N = W / 2 - B[S] / 2 - 1, i1 = Z1(a[k], N), A1 = Z1(a[w], N), I = i1, Z = W - B[S] - A1, s = W / 2 - B[S] / 2 + g, v = _1(I, s, Z), x = !d.arrow && s1(i) != null && s != v && L.reference[S] / 2 - (s < I ? i1 : A1) - B[S] / 2 < 0, c = x ? s < I ? s - I : s - Z : 0;
     return {
       [l]: o[l] + c,
       data: {
@@ -8143,23 +8143,23 @@ const s5 = (H) => ({
       const P = [e, ...F], U = await v1(V, y), W = [];
       let g = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (n && W.push(U[k]), a) {
-        const Q = n5(i, A, T);
-        W.push(U[Q[0]], U[Q[1]]);
+        const I = n5(i, A, T);
+        W.push(U[I[0]], U[I[1]]);
       }
       if (g = [...g, {
         placement: i,
         overflows: W
-      }], !W.every((Q) => Q <= 0)) {
+      }], !W.every((I) => I <= 0)) {
         var N, i1;
-        const Q = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, u = P[Q];
-        if (u)
+        const I = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, Z = P[I];
+        if (Z)
           return {
             data: {
-              index: Q,
+              index: I,
               overflows: g
             },
             reset: {
-              placement: u
+              placement: Z
             }
           };
         let s = (i1 = g.filter((v) => v.overflows[0] <= 0).sort((v, x) => v.overflows[1] - x.overflows[1])[0]) == null ? void 0 : i1.placement;
@@ -8780,7 +8780,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
       const { placement: w, offset: T, padding: F, disabled: P, showDelay: U, type: W } = C;
       P || I5(i, L, A, w, T, F, U, W);
     }
-    const y = f(() => ({
+    const y = h(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
@@ -8801,7 +8801,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         B();
       });
     }), (k, w) => (t(), r(H1, null, [
-      Z("div", {
+      u("div", {
         ref_key: "trigger",
         ref: i,
         "aria-disabled": C.disabled,
@@ -8811,7 +8811,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         onMouseleave: l,
         onMousemove: S
       }, [
-        h(k.$slots, "default", {
+        f(k.$slots, "default", {
           activators: {
             click: a,
             mouseenter: o,
@@ -8821,13 +8821,13 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
           tooltipId: J(e),
           updatePosition: B
         }, () => [
-          Z("div", {
+          u("div", {
             innerHTML: C.triggerContent
           }, null, 8, G5)
         ])
       ], 42, Q5),
       (t(), _(h2, { to: "body" }, [
-        Z("div", {
+        u("div", {
           id: J(e),
           ref_key: "tooltip",
           ref: L,
@@ -8835,7 +8835,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
           "data-show": "false",
           role: "tooltip"
         }, [
-          h(k.$slots, "content", {
+          f(k.$slots, "content", {
             hide: m,
             updatePosition: B
           }, () => [
@@ -8863,7 +8863,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
   }
 }), z5 = ["id", "onClick"], K5 = { class: "r-dropdown__selections" }, q5 = { class: "flex flex-wrap items-center gap-2 text-sm" }, j5 = {
   key: 0,
-  class: "text-sm text-gray-600"
+  class: "r-dropdown__remaining-count-text"
 }, X5 = ["id", "autocomplete", "disabled", "placeholder", "readonly", "onInput", "onKeydown"], Y5 = ["data-has-value", "onClick"], J5 = ["onClick"], C3 = { class: "flex items-center" }, H3 = { class: "r-dropdown-options__option__label" }, V3 = {
   key: 1,
   class: "r-dropdown-options__divider"
@@ -8913,30 +8913,30 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
   emits: ["update:modelValue", "clear", "removeOption"],
   setup(H, { emit: V }) {
     const C = H, M = V, i = E({}), L = E([]), A = E(!1), e = E("");
-    function d(u) {
-      if (!u || typeof u == "object" || typeof u == "function" || typeof u == "symbol" || typeof u > "u" || Array.isArray(u))
+    function d(Z) {
+      if (!Z || typeof Z == "object" || typeof Z == "function" || typeof Z == "symbol" || typeof Z > "u" || Array.isArray(Z))
         return !0;
-      const [s] = Object == null ? void 0 : Object.keys(u);
+      const [s] = Object == null ? void 0 : Object.keys(Z);
       return ["label", "value"].includes(s);
     }
-    const m = f(() => {
-      const u = C.options;
-      return d(u[0]) ? u : u.map((s) => ({
+    const m = h(() => {
+      const Z = C.options;
+      return d(Z[0]) ? Z : Z.map((s) => ({
         value: s,
         label: String(s)
       }));
-    }), n = f(() => {
-      const u = C.modelValue;
-      return d(u) ? u : {
-        value: u,
-        label: String(u)
+    }), n = h(() => {
+      const Z = C.modelValue;
+      return d(Z) ? Z : {
+        value: Z,
+        label: String(Z)
       };
     }), a = E(), o = E(), l = E();
-    function S(u) {
+    function S(Z) {
       var x, c, G, K1;
       if (C.disabled)
         return;
-      const s = document.getElementById(u);
+      const s = document.getElementById(Z);
       document.querySelectorAll(".r-dropdown--active").forEach(($) => {
         var p1;
         $.id !== ((p1 = a.value) == null ? void 0 : p1.id) && $.classList.contains("r-dropdown--active") && ($.childNodes.forEach((X) => {
@@ -8950,11 +8950,11 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         }));
       }));
     }
-    function B(u) {
-      const s = document.getElementById(u);
+    function B(Z) {
+      const s = document.getElementById(Z);
       s == null || s.classList.remove("r-dropdown--active"), A.value = !1;
     }
-    function y(u, s, v, x) {
+    function y(Z, s, v, x) {
       var c;
       if (x(), !s.disabled) {
         if (s.value === "select-all") {
@@ -8965,46 +8965,46 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
           L.value.find((G) => G.value === s.value) ? (L.value.splice(L.value.indexOf(s), 1), M("removeOption", s)) : L.value.push(s), e.value = "", C.searchable && ((c = o.value) == null || c.focus());
           return;
         }
-        k(u, s), C.closeOnSelect && v();
+        k(Z, s), C.closeOnSelect && v();
       }
     }
-    function k(u, s) {
+    function k(Z, s) {
       if (i.value.value === s.value && !C.disableDeselect) {
         i.value = {}, e.value = "", M("update:modelValue", ""), M("removeOption", s);
         return;
       }
       e.value = s.label, i.value = s, M("update:modelValue", s);
     }
-    function w(u, s, v) {
-      if (u instanceof KeyboardEvent && u.key !== "Backspace" || e.value !== "")
+    function w(Z, s, v) {
+      if (Z instanceof KeyboardEvent && Z.key !== "Backspace" || e.value !== "")
         return;
-      u.stopPropagation(), v();
+      Z.stopPropagation(), v();
       const x = L.value.findIndex((c) => c.value === s.value);
       L.value.splice(x, 1), M("removeOption", s), M("update:modelValue", L.value);
     }
-    function T(u, s) {
+    function T(Z, s) {
       var c;
       if (!C.multiple)
         return;
-      u.stopPropagation(), s();
+      Z.stopPropagation(), s();
       const v = e.value;
       if (v === "")
         return;
       m.value.find((G) => G.label === v) || (L.value.push({ value: v, label: v }), e.value = "", (c = o.value) == null || c.focus());
     }
-    function F(u) {
+    function F(Z) {
       var s;
-      return !u || (u == null ? void 0 : u.value) === void 0 || (u == null ? void 0 : u.value) === null ? !1 : C.multiple ? L.value.find((v) => (v == null ? void 0 : v.value) === (u == null ? void 0 : u.value)) : ((s = i.value) == null ? void 0 : s.value) === (u == null ? void 0 : u.value);
+      return !Z || (Z == null ? void 0 : Z.value) === void 0 || (Z == null ? void 0 : Z.value) === null ? !1 : C.multiple ? L.value.find((v) => (v == null ? void 0 : v.value) === (Z == null ? void 0 : Z.value)) : ((s = i.value) == null ? void 0 : s.value) === (Z == null ? void 0 : Z.value);
     }
-    const P = f(() => !C.searchable || i.value.label === e.value ? m.value : m.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), U = f(() => !C.searchable);
+    const P = h(() => !C.searchable || i.value.label === e.value ? m.value : m.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), U = h(() => !C.searchable);
     function W() {
       n.value ? C.multiple ? L.value = n.value : (i.value = n.value, e.value = n.value.label) : (i.value = {}, L.value.splice(0, L.value.length));
     }
-    function g(u) {
-      C.searchable && u(), !C.multiple && e.value === "" && (i.value = {}, M("update:modelValue", ""), M("removeOption", i.value));
+    function g(Z) {
+      C.searchable && Z(), !C.multiple && e.value === "" && (i.value = {}, M("update:modelValue", ""), M("removeOption", i.value));
     }
-    function N(u, s) {
-      if (u.stopPropagation(), s(), C.multiple) {
+    function N(Z, s) {
+      if (Z.stopPropagation(), s(), C.multiple) {
         L.value.splice(0, L.value.length), M("clear", L.value);
         return;
       }
@@ -9017,20 +9017,20 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
       }
       L.value = P.value;
     }
-    const A1 = f(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), Q = f(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
+    const A1 = h(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), I = h(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
     return M2(() => {
       W(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
-    }), I(
+    }), Q(
       L,
-      (u) => {
-        M("update:modelValue", u);
+      (Z) => {
+        M("update:modelValue", Z);
       },
       {
         deep: !0
       }
-    ), I(() => n.value, (u) => {
+    ), Q(() => n.value, (Z) => {
       W();
-    }), (u, s) => (t(), r("div", {
+    }), (Z, s) => (t(), r("div", {
       ref_key: "wrapper",
       ref: l,
       class: "r-dropdown-wrapper"
@@ -9049,7 +9049,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         })
       }, {
         default: k1(({ updatePosition: v, tooltipId: x }) => [
-          Z("div", {
+          u("div", {
             id: x,
             ref_key: "dropdown",
             ref: a,
@@ -9063,14 +9063,14 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
             role: "select",
             onClick: (c) => S(x)
           }, [
-            C.prependIcon || u.$slots.prepend ? (t(), r("div", {
+            C.prependIcon || Z.$slots.prepend ? (t(), r("div", {
               key: 0,
               class: p(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": A.value,
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
             }, [
-              h(u.$slots, "prepend", {
+              f(Z.$slots, "prepend", {
                 active: A.value,
                 disabled: C.disabled,
                 error: C.errorMsg.length,
@@ -9082,12 +9082,12 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
                 }, null, 8, ["name"])) : O("", !0)
               ])
             ], 2)) : O("", !0),
-            Z("div", K5, [
-              h(u.$slots, "selection", {
+            u("div", K5, [
+              f(Z.$slots, "selection", {
                 removeOption: w,
                 selected: L.value
               }, () => [
-                Z("div", q5, [
+                u("div", q5, [
                   C.multiple && C.chips ? (t(), r(H1, { key: 0 }, [
                     (t(!0), r(H1, null, d1(A1.value, (c) => (t(), _(V5, {
                       key: c.value,
@@ -9097,13 +9097,15 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
                       variant: "primary",
                       "onClick:close": (G) => w(G, c, v)
                     }, null, 8, ["label", "onClick:close"]))), 128)),
-                    Q.value > 0 ? (t(), r("span", j5, " +" + b(Q.value), 1)) : O("", !0)
+                    f(Z.$slots, "remaining-count", { count: I.value }, () => [
+                      I.value > 0 ? (t(), r("span", j5, " +" + b(I.value), 1)) : O("", !0)
+                    ])
                   ], 64)) : C.multiple ? (t(!0), r(H1, { key: 1 }, d1(L.value, (c, G) => (t(), r("span", {
                     key: c.value
                   }, b(c.label) + b(G < L.value.length - 1 ? ", " : ""), 1))), 128)) : O("", !0)
                 ])
               ]),
-              i2(Z("input", {
+              i2(u("input", {
                 id: C.id,
                 ref_key: "input",
                 ref: o,
@@ -9132,21 +9134,21 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
               "data-has-value": (e.value !== "" || L.value.length) && A.value,
               onClick: (c) => N(c, v)
             }, [
-              h(u.$slots, "clearable", {}, () => [
+              f(Z.$slots, "clearable", {}, () => [
                 q(D, {
                   name: "mdiCloseCircle",
                   size: "18"
                 })
               ])
             ], 8, Y5)) : O("", !0),
-            C.appendIcon || u.$slots.append ? (t(), r("div", {
+            C.appendIcon || Z.$slots.append ? (t(), r("div", {
               key: 2,
               class: p(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": A.value,
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
             }, [
-              h(u.$slots, "append", {
+              f(Z.$slots, "append", {
                 active: A.value,
                 disabled: C.disabled,
                 error: C.errorMsg.length,
@@ -9161,7 +9163,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
           ], 10, z5)
         ]),
         content: k1(({ hide: v, updatePosition: x }) => [
-          Z("ul", {
+          u("ul", {
             class: p(["r-dropdown-options", {
               "r-dropdown-options--active": A.value,
               [C.optionsClass]: C.optionsClass
@@ -9175,8 +9177,8 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
               }]),
               onClick: t1((c) => y(c, { label: C.selectAllText, value: "select-all" }, v, x), ["prevent"])
             }, [
-              Z("div", C3, [
-                Z("p", H3, b(C.selectAllText), 1)
+              u("div", C3, [
+                u("p", H3, b(C.selectAllText), 1)
               ]),
               L.value.length === P.value.length && !C.hideOptionCheckIcon ? (t(), _(D, {
                 key: 0,
@@ -9197,13 +9199,13 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
               }]),
               onClick: t1((G) => y(G, c, v, x), ["prevent"])
             }, [
-              h(u.$slots, "option", {
+              f(Z.$slots, "option", {
                 disabled: c.disabled,
                 isSelected: F(c),
                 item: c
               }, () => [
-                Z("div", M3, [
-                  h(u.$slots, "option-prepend", {
+                u("div", M3, [
+                  f(Z.$slots, "option-prepend", {
                     disabled: c.disabled,
                     isSelected: F(c)
                   }, () => [
@@ -9215,13 +9217,13 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
                       name: c.prependIcon
                     }, null, 8, ["class", "name"])) : O("", !0)
                   ]),
-                  Z("p", {
+                  u("p", {
                     class: p(["r-dropdown-options__option__label", {
                       "r-dropdown-options__option__label--active": F(c)
                     }])
                   }, b(c.label), 3)
                 ]),
-                h(u.$slots, "option-append", {
+                f(Z.$slots, "option-append", {
                   disabled: c.disabled,
                   isSelected: F(c)
                 }, () => [
@@ -9236,7 +9238,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
               ])
             ], 10, L3))), 128)),
             P.value.length === 0 ? (t(), r("li", i3, [
-              h(u.$slots, "not-options", {}, () => [
+              f(Z.$slots, "not-options", {}, () => [
                 S1(b(C.noOptionsText), 1)
               ])
             ])) : O("", !0)
@@ -9244,7 +9246,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         ]),
         _: 3
       }, 8, ["tooltip-class"]),
-      u.$props.hideDetails ? O("", !0) : (t(), r("div", A3, [
+      Z.$props.hideDetails ? O("", !0) : (t(), r("div", A3, [
         C.errorMsg ? (t(), r("div", e3, b(C.errorMsg), 1)) : O("", !0),
         C.hint ? (t(), r("div", d3, b(C.hint), 1)) : O("", !0)
       ]))
@@ -9264,7 +9266,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
       class: "r-label",
       for: V.for
     }, [
-      h(C.$slots, "default", {}, () => [
+      f(C.$slots, "default", {}, () => [
         S1(b(V.text), 1)
       ])
     ], 8, m3));
@@ -9297,12 +9299,12 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = f(() => ({
+    const C = H, M = V, i = h(() => ({
       "r-dialog": !0,
       "r-dialog--block": C.block,
       "p-0 gap-0": C.clearContent,
       [`${C.class}`]: !0
-    })), L = f(() => ({
+    })), L = h(() => ({
       width: C.width,
       height: C.height
     }));
@@ -9317,16 +9319,16 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
       class: p(["r-modal-overlay", e.overlayClass]),
       onClick: t1(A, ["stop"])
     }, [
-      Z("div", {
+      u("div", {
         "aria-modal": "true",
         class: p(i.value),
         open: C.modelValue,
         role: "dialog",
         style: Q1(L.value)
       }, [
-        h(e.$slots, "wrapper", {}, () => [
-          Z("div", n3, [
-            h(e.$slots, "header"),
+        f(e.$slots, "wrapper", {}, () => [
+          u("div", n3, [
+            f(e.$slots, "header"),
             C.icon ? (t(), r("div", r3, [
               q(D, {
                 name: C.icon
@@ -9335,11 +9337,11 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
             C.title ? (t(), r("div", a3, b(C.title), 1)) : O("", !0),
             C.description ? (t(), r("div", Z3, b(C.description), 1)) : O("", !0)
           ]),
-          Z("div", u3, [
-            h(e.$slots, "default")
+          u("div", u3, [
+            f(e.$slots, "default")
           ]),
-          Z("div", S3, [
-            h(e.$slots, "actions")
+          u("div", S3, [
+            f(e.$slots, "actions")
           ])
         ])
       ], 14, o3)
@@ -9363,11 +9365,11 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
       class: p(["r-sidebar__wrapper", [i.$props.wrapperClass]]),
       "data-open": C.modelValue
     }, [
-      Z("aside", {
+      u("aside", {
         class: p(["r-sidebar", [C.class]]),
         "data-open": C.modelValue
       }, [
-        h(i.$slots, "default", {
+        f(i.$slots, "default", {
           open: C.modelValue
         })
       ], 10, c3),
@@ -9377,7 +9379,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         "data-open": C.modelValue,
         onClick: L[0] || (L[0] = (A) => M("update:modelValue", !C.modelValue))
       }, [
-        h(i.$slots, "trigger", {
+        f(i.$slots, "trigger", {
           open: C.modelValue
         }, () => [
           S1(" > ")
@@ -9399,7 +9401,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
   emits: ["action", "update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    I(
+    Q(
       () => C.modelValue,
       () => {
         C.timeout > 0 && C.modelValue && setTimeout(() => {
@@ -9410,14 +9412,14 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         immediate: !0
       }
     );
-    const i = f(() => ({
+    const i = h(() => ({
       "r-snackbar": !0,
       [`r-snackbar--${C.variant}`]: !0,
       [C.left ? "r-snackbar__left" : "r-snackbar__right"]: !0,
       [C.modelValue ? "r-snackbar--shown" : "r-snackbar--hidden"]: !0,
       [C.top ? "r-snackbar__top" : "r-snackbar__bottom"]: !0,
       "r-snackbar--closable": C.closable
-    })), L = f(() => ({
+    })), L = h(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -9426,15 +9428,15 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
     return (A, e) => (t(), r("div", {
       class: p(i.value)
     }, [
-      h(A.$slots, "icon", {}, () => [
+      f(A.$slots, "icon", {}, () => [
         C.variant ? (t(), _(D, {
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
         }, null, 8, ["name"])) : O("", !0)
       ]),
-      Z("div", O3, [
-        h(A.$slots, "default", {}, () => [
+      u("div", O3, [
+        f(A.$slots, "default", {}, () => [
           S1(b(C.text), 1)
         ])
       ]),
@@ -9443,7 +9445,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         class: "r-snackbar__close",
         onClick: e[0] || (e[0] = t1((d) => A.$emit("update:modelValue", !1), ["stop"]))
       }, [
-        h(A.$slots, "close", {}, () => [
+        f(A.$slots, "close", {}, () => [
           q(D, {
             name: "mdiClose",
             size: 16
@@ -9452,7 +9454,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
       ])) : O("", !0)
     ], 2));
   }
-}), f3 = ["id", "checked", "disabled", "name"], h3 = /* @__PURE__ */ Z("span", { class: "slider round" }, null, -1), g3 = ["id", "for"], k3 = {
+}), f3 = ["id", "checked", "disabled", "name"], h3 = /* @__PURE__ */ u("span", { class: "slider round" }, null, -1), g3 = ["id", "for"], k3 = {
   key: 0,
   class: "r-switch-texts__details"
 }, B3 = {
@@ -9479,7 +9481,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
   setup(H, { emit: V }) {
     const C = H, M = V, i = E({
       checked: !1
-    }), L = f(() => ({
+    }), L = h(() => ({
       "r-switch": !0,
       "r-switch--disabled": C.disabled,
       [`r-switch--${C.size}`]: C.size,
@@ -9488,7 +9490,7 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
     function A(e) {
       C.disabled || (i.value.checked = e.target.checked, M("update:modelValue", i.value.checked));
     }
-    return I(
+    return Q(
       () => C.modelValue,
       (e) => {
         i.value.checked = e;
@@ -9504,10 +9506,10 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         "r-switch-container--hide-details": C.hideDetails
       }])
     }, [
-      Z("div", {
+      u("div", {
         class: p(L.value)
       }, [
-        Z("input", {
+        u("input", {
           id: C.id,
           checked: i.value.checked,
           class: "r-switch__input",
@@ -9518,12 +9520,12 @@ const Q5 = ["aria-disabled"], G5 = ["innerHTML"], $5 = ["id"], U5 = /* @__PURE__
         }, null, 40, f3),
         h3
       ], 2),
-      Z("div", {
+      u("div", {
         class: p(["r-switch-texts", {
           [`r-switch-texts--${C.size}`]: !0
         }])
       }, [
-        Z("label", {
+        u("label", {
           id: `${C.id}-label`,
           class: "r-switch-texts__label",
           for: C.id
@@ -9552,14 +9554,14 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = f(() => ({
+    const C = H, M = V, i = h(() => ({
       "r-tab-item": !0,
       [`r-tab-item--${C.variant}`]: !0,
       "r-tab-item--tile": C.tile,
       "r-tab-item--block": C.block
-    })), L = f(() => ({
+    })), L = h(() => ({
       color: C.color
-    })), A = f(() => C.modelValue === C.id);
+    })), A = h(() => C.modelValue === C.id);
     function e(d) {
       M("update:modelValue", d);
     }
@@ -9571,7 +9573,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
       style: Q1(L.value),
       onClick: m[0] || (m[0] = t1((n) => e(C.id), ["stop"]))
     }, [
-      h(d.$slots, "prepend", {
+      f(d.$slots, "prepend", {
         active: A.value,
         disabled: C.disabled
       }, () => [
@@ -9583,13 +9585,13 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
         }, null, 8, ["name"])) : O("", !0)
       ]),
       C.variant !== J(a1).ICON ? (t(), r("span", v3, [
-        h(d.$slots, "default", {
+        f(d.$slots, "default", {
           label: C.label
         }, () => [
           S1(b(C.label), 1)
         ])
       ])) : O("", !0),
-      h(d.$slots, "append", {
+      f(d.$slots, "append", {
         active: A.value,
         disabled: C.disabled
       }, () => [
@@ -9613,16 +9615,16 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = E(C.modelValue || C.tabs[0].id), L = f(() => ({
+    const C = H, M = V, i = E(C.modelValue || C.tabs[0].id), L = h(() => ({
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
-    return I(
+    return Q(
       () => i.value,
       () => {
         M("update:modelValue", i.value);
       }
-    ), I(
+    ), Q(
       () => C.modelValue,
       () => {
         i.value = C.modelValue;
@@ -9633,14 +9635,14 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
     ), (A, e) => (t(), r("div", {
       class: p(L.value)
     }, [
-      Z("div", {
+      u("div", {
         class: p(["flex", [{
           "w-full": C.block,
           "overflow-x-auto": C.scrollable,
           "gap-0.5": C.tile
         }]])
       }, [
-        h(A.$slots, "default", { activeTab: i.value }, () => [
+        f(A.$slots, "default", { activeTab: i.value }, () => [
           (t(!0), r(H1, null, d1(C.tabs, (d, m) => (t(), _(y3, {
             id: d.id,
             key: m,
@@ -9688,7 +9690,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
     function L(A) {
       M("update:modelValue", A.target.value);
     }
-    return I(
+    return Q(
       () => C.modelValue,
       (A) => {
         i.value = A;
@@ -9704,7 +9706,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
         for: "textarea",
         text: C.label
       }, null, 8, ["id", "text"])) : O("", !0),
-      Z("textarea", I1(A.$attrs, {
+      u("textarea", I1(A.$attrs, {
         id: C.id,
         class: ["r-textarea", {
           "r-textarea--error": C.errorMsg,
@@ -9768,10 +9770,10 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, d = E(!1), m = f(() => !!L.value), n = f(() => L.value.length > 0), a = f(() => {
+    }, d = E(!1), m = h(() => !!L.value), n = h(() => L.value.length > 0), a = h(() => {
       var g;
       return (g = C.errorMsg) == null ? void 0 : g.length;
-    }), o = f(() => C.clearable && n.value), l = f(() => {
+    }), o = h(() => C.clearable && n.value), l = h(() => {
       const { disabled: g, loading: N } = C;
       return {
         "r-textfield": !0,
@@ -9782,18 +9784,18 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
         "r-textfield--focus": d.value,
         "r-textfield--filled": m.value
       };
-    }), S = f(() => ({
+    }), S = h(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": a.value && m.value
-    })), B = f(() => ({
+    })), B = h(() => ({
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": o.value,
       "r-textfield__append-icon--error": a.value
-    })), y = f(() => {
+    })), y = h(() => {
       const { prependIcon: g, type: N } = C;
       return g === "none" ? "" : g || e[N];
-    }), k = f(() => {
+    }), k = h(() => {
       const { appendIcon: g, type: N } = C;
       return g === "none" ? "" : a.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(N) ? "mdiClose" : N === "password" && A.value === "password" ? "mdiEyeOutline" : N === "password" && A.value === "text" ? "mdiEyeOffOutline" : g;
     });
@@ -9825,7 +9827,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
       var g;
       (g = i.value) == null || g.focus();
     }
-    return I(
+    return Q(
       () => C.modelValue,
       (g) => {
         L.value = g;
@@ -9833,7 +9835,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
       {
         immediate: !0
       }
-    ), I(
+    ), Q(
       () => L.value,
       (g) => {
         M(
@@ -9850,11 +9852,11 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
         text: C.label,
         onClick: W
       }, null, 8, ["id", "for", "text"])) : O("", !0),
-      Z("div", _3, [
-        Z("div", {
+      u("div", _3, [
+        u("div", {
           class: p(l.value)
         }, [
-          h(g.$slots, "prepend", {
+          f(g.$slots, "prepend", {
             disabled: C.disabled,
             error: a.value,
             loading: C.loading
@@ -9866,7 +9868,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
               size: 20
             }, null, 8, ["class", "name"])) : O("", !0)
           ]),
-          Z("input", {
+          u("input", {
             id: C.id,
             ref_key: "inputRef",
             ref: i,
@@ -9882,7 +9884,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             onFocus: w,
             onInput: F
           }, null, 40, E3),
-          h(g.$slots, "append", {
+          f(g.$slots, "append", {
             disabled: C.disabled,
             error: a.value,
             loading: C.loading
@@ -9932,7 +9934,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             to: L.to
           }, {
             default: k1(() => [
-              h(C.$slots, "item-icon", {}, () => [
+              f(C.$slots, "item-icon", {}, () => [
                 L.icon ? (t(), _(D, {
                   key: 0,
                   name: L.icon
@@ -9942,7 +9944,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             ]),
             _: 2
           }, 1032, ["to"]),
-          h(C.$slots, "custom-seperator", {}, () => [
+          f(C.$slots, "custom-seperator", {}, () => [
             A !== C.items.length - 1 && V.seperator ? (t(), _(D, {
               key: 0,
               class: "r-breadcrumb__separator",
@@ -9953,33 +9955,33 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
       ]);
     };
   }
-}), $3 = { class: "r-pagination__paginator" }, U3 = { class: "r-pagination__paginator__per-page" }, z3 = { class: "r-pagination__paginator__info" }, K3 = ["disabled"], q3 = /* @__PURE__ */ Z("path", {
+}), $3 = { class: "r-pagination__paginator" }, U3 = { class: "r-pagination__paginator__per-page" }, z3 = { class: "r-pagination__paginator__info" }, K3 = ["disabled"], q3 = /* @__PURE__ */ u("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), j3 = /* @__PURE__ */ Z("path", { d: "M7 6v12" }, null, -1), X3 = /* @__PURE__ */ Z("path", { d: "M18 6l-6 6l6 6" }, null, -1), Y3 = [
+}, null, -1), j3 = /* @__PURE__ */ u("path", { d: "M7 6v12" }, null, -1), X3 = /* @__PURE__ */ u("path", { d: "M18 6l-6 6l6 6" }, null, -1), Y3 = [
   q3,
   j3,
   X3
-], J3 = ["disabled"], C0 = /* @__PURE__ */ Z("path", {
+], J3 = ["disabled"], C0 = /* @__PURE__ */ u("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), H0 = /* @__PURE__ */ Z("path", { d: "M15 6l-6 6l6 6" }, null, -1), V0 = [
+}, null, -1), H0 = /* @__PURE__ */ u("path", { d: "M15 6l-6 6l6 6" }, null, -1), V0 = [
   C0,
   H0
-], L0 = ["disabled"], M0 = /* @__PURE__ */ Z("path", {
+], L0 = ["disabled"], M0 = /* @__PURE__ */ u("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), i0 = /* @__PURE__ */ Z("path", { d: "M9 6l6 6l-6 6" }, null, -1), A0 = [
+}, null, -1), i0 = /* @__PURE__ */ u("path", { d: "M9 6l6 6l-6 6" }, null, -1), A0 = [
   M0,
   i0
-], e0 = ["disabled"], d0 = /* @__PURE__ */ Z("path", {
+], e0 = ["disabled"], d0 = /* @__PURE__ */ u("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), t0 = /* @__PURE__ */ Z("path", { d: "M6 6l6 6l-6 6" }, null, -1), m0 = /* @__PURE__ */ Z("path", { d: "M17 5v13" }, null, -1), l0 = [
+}, null, -1), t0 = /* @__PURE__ */ u("path", { d: "M6 6l6 6l-6 6" }, null, -1), m0 = /* @__PURE__ */ u("path", { d: "M17 5v13" }, null, -1), l0 = [
   d0,
   t0,
   m0
@@ -9996,13 +9998,13 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
   },
   emits: ["update:page", "update:perPage", "update:info"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = E(C.perPage || 10), L = f(() => Math.ceil(C.totalItems / C.perPage)), A = f(() => ({
+    const C = H, M = V, i = E(C.perPage || 10), L = h(() => Math.ceil(C.totalItems / C.perPage)), A = h(() => ({
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
-    })), e = f(() => C.infoText || `${A.value.start + 1}-${A.value.end} of ${C.totalItems}`), d = f(() => +C.page == +L.value), m = f(() => +C.page == 1);
-    I(() => A.value, () => {
+    })), e = h(() => C.infoText || `${A.value.start + 1}-${A.value.end} of ${C.totalItems}`), d = h(() => +C.page == +L.value), m = h(() => +C.page == 1);
+    Q(() => A.value, () => {
       M("update:info", A.value);
-    }), I(() => C.perPage, () => {
+    }), Q(() => C.perPage, () => {
       i.value = C.perPage, n(1);
     });
     function n(o) {
@@ -10019,9 +10021,9 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
     return (o, l) => (t(), r("div", {
       class: p(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
-      Z("div", $3, [
-        Z("div", U3, [
-          Z("span", null, b(C.itemsPerPageText), 1),
+      u("div", $3, [
+        u("div", U3, [
+          u("span", null, b(C.itemsPerPageText), 1),
           q(t3, {
             modelValue: i.value,
             "onUpdate:modelValue": [
@@ -10034,13 +10036,13 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             options: C.perPageOptions
           }, null, 8, ["modelValue", "options"])
         ]),
-        Z("span", z3, b(e.value), 1),
-        Z("button", {
+        u("span", z3, b(e.value), 1),
+        u("button", {
           class: "r-pagination__paginator__first",
           disabled: m.value,
           onClick: l[1] || (l[1] = (S) => n(1))
         }, [
-          h(o.$slots, "first", {}, () => [
+          f(o.$slots, "first", {}, () => [
             (t(), r("svg", {
               class: p(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": m.value }]),
               fill: "none",
@@ -10055,12 +10057,12 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             }, Y3, 2))
           ])
         ], 8, K3),
-        Z("button", {
+        u("button", {
           class: "r-pagination__paginator__prev",
           disabled: m.value,
           onClick: l[2] || (l[2] = (S) => n(+C.page - 1))
         }, [
-          h(o.$slots, "prev", {}, () => [
+          f(o.$slots, "prev", {}, () => [
             (t(), r("svg", {
               class: p(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": m.value }]),
               fill: "none",
@@ -10075,12 +10077,12 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             }, V0, 2))
           ])
         ], 8, J3),
-        Z("button", {
+        u("button", {
           class: "r-pagination__paginator__next",
           disabled: d.value,
           onClick: l[3] || (l[3] = (S) => n(+C.page + 1))
         }, [
-          h(o.$slots, "next", {}, () => [
+          f(o.$slots, "next", {}, () => [
             (t(), r("svg", {
               class: p(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
               fill: "none",
@@ -10095,12 +10097,12 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
             }, A0, 2))
           ])
         ], 8, L0),
-        Z("button", {
+        u("button", {
           class: "r-pagination__paginator__last",
           disabled: C.page === L.value,
           onClick: l[4] || (l[4] = (S) => n(L.value))
         }, [
-          h(o.$slots, "last", {}, () => [
+          f(o.$slots, "last", {}, () => [
             (t(), r("svg", {
               class: p(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
               fill: "none",
@@ -10148,7 +10150,7 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = E(C.as ?? "div"), L = E(C.modelValue), A = f(() => C.selectedClass);
+    const C = H, M = V, i = E(C.as ?? "div"), L = E(C.modelValue), A = h(() => C.selectedClass);
     O1(`${h1}:selectedClass`, A.value);
     function e(n) {
       return L.value.includes(n);
@@ -10161,11 +10163,11 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
     function m() {
       return C.disabled;
     }
-    return O1(`${h1}:isDisabled`, m), I(() => C.modelValue, () => {
+    return O1(`${h1}:isDisabled`, m), Q(() => C.modelValue, () => {
       L.value = C.modelValue;
     }), (n, a) => (t(), _(w2(i.value), null, {
       default: k1(() => [
-        h(n.$slots, "default", {
+        f(n.$slots, "default", {
           isSelected: e,
           select: d,
           selected: L.value
@@ -10181,14 +10183,14 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
     selectedClass: { default: "" }
   },
   setup(H) {
-    const V = H, C = f1(`${g1}:isSelected`), M = f1(`${g1}:selectedClass`, ""), i = f1(`${g1}:select`), L = f1(`${g1}:isDisabled`), A = f(() => C(V.value) && [M, V.selectedClass]);
+    const V = H, C = f1(`${g1}:isSelected`), M = f1(`${g1}:selectedClass`, ""), i = f1(`${g1}:select`), L = f1(`${g1}:isDisabled`), A = h(() => C(V.value) && [M, V.selectedClass]);
     function e() {
       V.disabled || i(V.value, !C(V.value));
     }
     function d() {
       V.disabled || i(V.value, !0);
     }
-    return (m, n) => h(m.$slots, "default", {
+    return (m, n) => f(m.$slots, "default", {
       disabled: J(L)(V.value),
       isSelected: J(C)(V.value),
       select: d,
@@ -10214,19 +10216,19 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
   },
   emits: ["update:modelValue"],
   setup(H) {
-    const V = H, C = E(V.modelValue), M = f(() => [
+    const V = H, C = E(V.modelValue), M = h(() => [
       "r-radio group",
       {
         "r-radio--disabled": V.disabled,
         "r-radio--error": V.errorMsg
       }
     ]);
-    return I(() => V.modelValue, (i) => {
+    return Q(() => V.modelValue, (i) => {
       C.value = i;
     }, { immediate: !0 }), (i, L) => (t(), r("div", {
       class: p(M.value)
     }, [
-      Z("input", I1(i.$attrs, {
+      u("input", I1(i.$attrs, {
         id: V.id,
         checked: C.value,
         class: "r-radio__input",
@@ -10236,19 +10238,19 @@ const w3 = ["aria-disabled", "aria-selected", "disabled"], v3 = { key: 0 }, y3 =
         value: V.value,
         onChange: L[0] || (L[0] = (A) => i.$emit("update:modelValue"))
       }), null, 16, n0),
-      Z("span", {
+      u("span", {
         class: p(["r-radio__label", [V.errorMsg && "r-radio__label--error"]]),
         onClick: L[1] || (L[1] = (A) => i.$emit("update:modelValue"))
       }, [
-        Z("span", {
+        u("span", {
           class: p(["r-radio__custom", [V.errorMsg && "r-radio__custom--error", V.disabled && "r-radio__custom--disabled"]])
         }, null, 2),
-        Z("div", r0, [
+        u("div", r0, [
           V.title ? (t(), r("span", {
             key: 0,
             class: p(["r-radio__title", [V.errorMsg && "r-radio__title--error", V.disabled && "r-radio__title--disabled"]])
           }, b(V.title), 3)) : O("", !0),
-          Z("span", null, b(V.label), 1)
+          u("span", null, b(V.label), 1)
         ])
       ], 2),
       V.hint && !V.errorMsg ? (t(), r("span", {