@rocketui/vue 0.2.85 → 0.2.87

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, openBlock as m, createElementBlock as a, createElementVNode as Z, unref as z, reactive as D1, Fragment as A1, renderList as n1, normalizeClass as O, renderSlot as k, toDisplayString as v, createVNode as H1, computed as f, createCommentVNode as g, mergeProps as E1, createBlock as D, watch as W, getCurrentScope as v2, onScopeDispose as w2, ref as E, watchEffect as V2, onMounted as o2, onUnmounted as q1, Teleport as y2, withCtx as P1, withDirectives as n2, withModifiers as r1, withKeys as L2, vModelText as P2, createTextVNode as f1, normalizeStyle as j1, vShow as T2, resolveComponent as F2, provide as b1, resolveDynamicComponent as R2, inject as v1 } from "vue";
+import { defineComponent as T, openBlock as m, createElementBlock as a, createElementVNode as Z, unref as z, reactive as D1, Fragment as A1, renderList as n1, normalizeClass as O, renderSlot as k, toDisplayString as v, createVNode as H1, computed as g, createCommentVNode as h, mergeProps as E1, createBlock as D, watch as W, getCurrentScope as v2, onScopeDispose as w2, ref as E, watchEffect as V2, onMounted as o2, onUnmounted as q1, Teleport as y2, withCtx as P1, withDirectives as n2, withModifiers as r1, withKeys as L2, vModelText as P2, createTextVNode as f1, normalizeStyle as j1, vShow as T2, resolveComponent as F2, provide as b1, resolveDynamicComponent as R2, inject as v1 } from "vue";
 const x2 = {
   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",
@@ -7409,12 +7409,12 @@ const x2 = {
   },
   emits: ["close"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = f(() => ({
+    const C = H, i = V, A = g(() => ({
       " r-alert": !0,
       [`r-alert--${C.variant}`]: !0,
       "r-alert--block": C.block,
       [`r-alert--${C.variant}--${C.type}`]: !0
-    })), L = f(() => ({
+    })), L = g(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -7444,7 +7444,7 @@ const x2 = {
       }, [
         k(e.$slots, "content", {}, () => [
           Z("p", K2, v(C.title), 1),
-          C.description ? (m(), a("p", q2, v(C.description), 1)) : g("", !0)
+          C.description ? (m(), a("p", q2, v(C.description), 1)) : h("", !0)
         ])
       ], 8, z2),
       C.closable ? (m(), a("div", {
@@ -7464,7 +7464,7 @@ const x2 = {
             onClick: M
           }, null, 8, ["id"])
         ])
-      ], 8, j2)) : g("", !0)
+      ], 8, j2)) : h("", !0)
     ], 10, G2));
   }
 }), M2 = "data:image/svg+xml,%3csvg%20width='27'%20height='28'%20viewBox='0%200%2027%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4993%2014C17.1827%2014%2020.166%2011.0167%2020.166%207.33334C20.166%203.65%2017.1827%200.666672%2013.4993%200.666672C9.81602%200.666672%206.83268%203.65%206.83268%207.33334C6.83268%2011.0167%209.81602%2014%2013.4993%2014ZM13.4993%2017.3333C9.04935%2017.3333%200.166016%2019.5667%200.166016%2024V25.6667C0.166016%2026.5833%200.916016%2027.3333%201.83268%2027.3333H25.166C26.0827%2027.3333%2026.8327%2026.5833%2026.8327%2025.6667V24C26.8327%2019.5667%2017.9493%2017.3333%2013.4993%2017.3333Z'%20fill='%234C5BE1'/%3e%3c/svg%3e", X2 = ["id"], Y2 = ["id"], J2 = ["id"], C5 = ["id", "alt", "src"], H5 = ["id"], J0 = /* @__PURE__ */ T({
@@ -7479,10 +7479,10 @@ const x2 = {
     id: { default: "r-avatar" }
   },
   setup(H) {
-    const V = H, C = f(() => ({
+    const V = H, C = g(() => ({
       "r-avatar": !0,
       [`r-avatar--${V.size}`]: !0
-    })), i = f(() => V.type === "image" && !V.src), A = f(() => i.value ? M2 : V.src);
+    })), i = g(() => V.type === "image" && !V.src), A = g(() => i.value ? M2 : V.src);
     function L(M) {
       const e = M.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
@@ -7516,7 +7516,7 @@ const x2 = {
         class: O(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 10, H5)) : g("", !0)
+      }, null, 10, H5)) : h("", !0)
     ], 8, X2));
   }
 }), V5 = ["id"], L5 = ["id"], M5 = ["id", "innerHTML"], C7 = /* @__PURE__ */ T({
@@ -7536,7 +7536,7 @@ const x2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = f(() => ({
+    const V = H, C = g(() => ({
       "r-badge": !0,
       [`r-badge--content ${V.contentClass}`]: V.content,
       [`r-badge--overlap-${V.placement}`]: V.overlap,
@@ -7581,7 +7581,7 @@ const x2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = f(() => ({
+    const V = H, C = g(() => ({
       "r-button": !0,
       [`r-button__${V.variant}`]: !0,
       [`r-button__${V.variant}--${V.variant === "default" && V.color === void 0 ? "primary" : V.color}`]: !0,
@@ -7589,11 +7589,11 @@ const x2 = {
       [`r-button--${V.size || "medium"}`]: !0,
       "r-button--only-icon": V.icon,
       "r-button--block": V.block
-    })), i = f(() => ({
+    })), i = g(() => ({
       small: 16,
       medium: 16,
       large: 20
-    })[V.size || "medium"]), A = f(() => ({
+    })[V.size || "medium"]), A = g(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
     return (L, M) => (m(), a("button", E1(L.$attrs, {
@@ -7614,7 +7614,7 @@ const x2 = {
           }]),
           name: V.prependIcon,
           size: i.value
-        }, null, 8, ["id", "class", "name", "size"])) : g("", !0)
+        }, null, 8, ["id", "class", "name", "size"])) : h("", !0)
       ]),
       k(L.$slots, "default", {
         id: `${L.id}-slot`,
@@ -7629,7 +7629,7 @@ const x2 = {
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: i.value
-        }, null, 8, ["id", "name", "size"])) : g("", !0)
+        }, null, 8, ["id", "name", "size"])) : h("", !0)
       ])
     ], 16, i5));
   }
@@ -7654,7 +7654,7 @@ const x2 = {
       checked: "mdiCheck",
       unchecked: "",
       indeterminate: "mdiMinus"
-    }, M = f(() => A.indeterminate ? L.indeterminate : A.checked ? L.checked : L.unchecked), e = f(() => ({
+    }, M = g(() => A.indeterminate ? L.indeterminate : A.checked ? L.checked : L.unchecked), e = g(() => ({
       "r-checkbox": !0,
       "r-checkbox--checked": A.checked,
       "r-checkbox--disabled": C.disabled,
@@ -7685,7 +7685,7 @@ const x2 = {
         immediate: !0
       }
     );
-    const l = f(() => C.id || "r-checkbox");
+    const l = g(() => C.id || "r-checkbox");
     return (n, u) => (m(), a("div", {
       id: l.value,
       class: "r-checkbox-wrapper"
@@ -7724,7 +7724,7 @@ const x2 = {
           "data-disabled": C.disabled,
           for: C.id
         }, v(C.label), 9, l5),
-        C.hideDetails ? g("", !0) : (m(), a("div", {
+        C.hideDetails ? h("", !0) : (m(), a("div", {
           key: 0,
           id: `${l.value}-details`,
           class: "r-checkbox-texts__details"
@@ -7757,7 +7757,7 @@ const x2 = {
   },
   emits: ["click:chip", "click:close"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = f(() => ({
+    const C = H, i = V, A = g(() => ({
       "r-chip": !0,
       "r-chip--disabled": C.disabled,
       [`r-chip__${C.variant}`]: C.variant,
@@ -7770,7 +7770,7 @@ const x2 = {
     function M(d) {
       C.disabled || !C.clearable || (d.stopPropagation(), i("click:close", d));
     }
-    const e = f(() => C.clearable ? "mdiClose" : C.appendIcon);
+    const e = g(() => C.clearable ? "mdiClose" : C.appendIcon);
     return (d, l) => (m(), a("div", {
       id: d.id,
       class: O(A.value)
@@ -7790,7 +7790,7 @@ const x2 = {
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["id", "aria-disabled", "name"])) : g("", !0)
+          }, null, 8, ["id", "aria-disabled", "name"])) : h("", !0)
         ]),
         Z("span", {
           id: `${d.id}-label`,
@@ -7808,7 +7808,7 @@ const x2 = {
           name: e.value,
           size: 12,
           onClick: l[1] || (l[1] = (n) => M(n))
-        }, null, 8, ["id", "aria-disabled", "name"])) : g("", !0)
+        }, null, 8, ["id", "aria-disabled", "name"])) : h("", !0)
       ])
     ], 10, a5));
   }
@@ -8176,7 +8176,7 @@ const R5 = (H) => ({
     }, r = Y1(A), S = X1(r), b = await M.getDimensions(l), B = r === "y", y = B ? "top" : "left", c = B ? "bottom" : "right", w = B ? "clientHeight" : "clientWidth", _ = L.reference[S] + L.reference[r] - o[r] - L.floating[S], x = o[r] - L.reference[r], U = await (M.getOffsetParent == null ? void 0 : M.getOffsetParent(l));
     let $ = U ? U[w] : 0;
     (!$ || !await (M.isElement == null ? void 0 : M.isElement(U))) && ($ = e.floating[w] || L.floating[S]);
-    const C1 = _ / 2 - x / 2, h = $ / 2 - b[S] / 2 - 1, F = p1(u[y], h), m1 = p1(u[c], h), N = F, l1 = $ - b[S] - m1, I = $ / 2 - b[S] / 2 + C1, j = G1(N, I, l1), X = !d.arrow && h1(A) != null && I != j && L.reference[S] / 2 - (I < N ? F : m1) - b[S] / 2 < 0, K = X ? I < N ? I - N : I - l1 : 0;
+    const C1 = _ / 2 - x / 2, f = $ / 2 - b[S] / 2 - 1, F = p1(u[y], f), m1 = p1(u[c], f), N = F, l1 = $ - b[S] - m1, I = $ / 2 - b[S] / 2 + C1, j = G1(N, I, l1), X = !d.arrow && h1(A) != null && I != j && L.reference[S] / 2 - (I < N ? F : m1) - b[S] / 2 < 0, K = X ? I < N ? I - N : I - l1 : 0;
     return {
       [r]: o[r] + K,
       data: {
@@ -8225,8 +8225,8 @@ const R5 = (H) => ({
         placement: A,
         overflows: $
       }], !$.every((N) => N <= 0)) {
-        var h, F;
-        const N = (((h = L.flip) == null ? void 0 : h.index) || 0) + 1, l1 = x[N];
+        var f, F;
+        const N = (((f = L.flip) == null ? void 0 : f.index) || 0) + 1, l1 = x[N];
         if (l1)
           return {
             data: {
@@ -8871,7 +8871,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         $
       );
     }
-    const y = f(() => ({
+    const y = g(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
@@ -8950,7 +8950,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, v(C.text), 3)) : g("", !0),
+            }, v(C.text), 3)) : h("", !0),
             C.text ? (m(), a("div", {
               key: 1,
               id: `${c.id}-arrow`,
@@ -8960,7 +8960,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 10, d3)) : g("", !0)
+            }, null, 10, d3)) : h("", !0)
           ])
         ], 10, e3)
       ]))
@@ -9031,13 +9031,13 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       const [s] = Object.keys(t);
       return ["label", "value"].includes(s);
     }
-    const S = f(() => {
+    const S = g(() => {
       const t = C.options;
       return r(t[0]) ? t : t.map((s) => ({
         value: s,
         label: String(s)
       }));
-    }), b = f(() => {
+    }), b = g(() => {
       const t = C.modelValue;
       return r(t) ? t : {
         value: t,
@@ -9113,11 +9113,11 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         return;
       S.value.find((Q) => Q.label === P) || (L.value.push({ value: P, label: P }), e.value = "", (p = y.value) == null || p.focus());
     }
-    function h(t) {
+    function f(t) {
       var s;
       return !t || (t == null ? void 0 : t.value) === void 0 || (t == null ? void 0 : t.value) === null ? !1 : C.multiple ? L.value.find((P) => (P == null ? void 0 : P.value) === (t == null ? void 0 : t.value)) : ((s = A.value) == null ? void 0 : s.value) === (t == null ? void 0 : t.value);
     }
-    const F = f(() => !C.searchable || A.value.label === e.value ? S.value : S.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), m1 = f(() => !C.searchable);
+    const F = g(() => !C.searchable || A.value.label === e.value ? S.value : S.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), m1 = g(() => !C.searchable);
     function N() {
       b.value ? C.multiple ? L.value = b.value : (A.value = b.value, e.value = b.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
@@ -9138,7 +9138,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       }
       L.value = F.value;
     }
-    const X = f(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), K = f(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
+    const X = g(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), K = g(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
     return o2(() => {
       N(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
     }), W(
@@ -9208,9 +9208,9 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   key: 0,
                   id: `${t.id}-prepend-icon`,
                   name: C.prependIcon
-                }, null, 8, ["id", "name"])) : g("", !0)
+                }, null, 8, ["id", "name"])) : h("", !0)
               ])
-            ], 10, o3)) : g("", !0),
+            ], 10, o3)) : h("", !0),
             Z("div", {
               id: `${t.id}-selections`,
               class: "r-dropdown__selections"
@@ -9242,12 +9242,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                         key: 0,
                         id: `${t.id}-remaining-count-text`,
                         class: "r-dropdown__remaining-count-text"
-                      }, " +" + v(K.value), 9, a3)) : g("", !0)
+                      }, " +" + v(K.value), 9, a3)) : h("", !0)
                     ])
                   ], 64)) : C.multiple ? (m(!0), a(A1, { key: 1 }, n1(L.value, (p, Q) => (m(), a("span", {
                     id: `${t.id}-selected-option-${Q}`,
                     key: p.value
-                  }, v(p.label) + v(Q < L.value.length - 1 ? ", " : ""), 9, Z3))), 128)) : g("", !0)
+                  }, v(p.label) + v(Q < L.value.length - 1 ? ", " : ""), 9, Z3))), 128)) : h("", !0)
                 ], 8, r3)
               ]),
               n2(Z("input", {
@@ -9287,7 +9287,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   size: "18"
                 }, null, 8, ["id"])
               ])
-            ], 8, S3)) : g("", !0),
+            ], 8, S3)) : h("", !0),
             C.appendIcon || t.$slots.append ? (m(), a("div", {
               key: 2,
               id: `${t.id}-append-icon`,
@@ -9306,9 +9306,9 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 C.appendIcon ? (m(), D(R, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : g("", !0)
+                }, null, 8, ["name"])) : h("", !0)
               ])
-            ], 10, s3)) : g("", !0)
+            ], 10, s3)) : h("", !0)
           ], 10, l3)
         ]),
         content: P1(({ hide: P, updatePosition: Y }) => [
@@ -9336,28 +9336,28 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   "r-dropdown-options__option__append-icon--active": L.value.length === F.value.length
                 }]),
                 name: "mdiCheck"
-              }, null, 8, ["class"])) : g("", !0)
-            ], 10, p3)) : g("", !0),
+              }, null, 8, ["class"])) : h("", !0)
+            ], 10, p3)) : h("", !0),
             C.showSelectAll && F.value.length > 0 ? (m(), a("hr", {
               key: 1,
               id: `${t.id}-divider`,
               class: "r-dropdown-options__divider"
-            }, null, 8, h3)) : g("", !0),
+            }, null, 8, h3)) : h("", !0),
             (m(!0), a(A1, null, n1(F.value, (p) => (m(), a("li", {
               id: `${t.id}-option-${p.value}`,
               key: p.value,
               "aria-disabled": p.disabled,
               class: O(["r-dropdown-options__option", {
-                "r-dropdown-options__option--active": h(p),
+                "r-dropdown-options__option--active": f(p),
                 "r-dropdown-options__option--disabled": p.disabled,
-                "r-dropdown-options__option--deselect": h(p) && C.disableDeselect
+                "r-dropdown-options__option--deselect": f(p) && C.disableDeselect
               }]),
               onClick: r1((Q) => x(Q, p, P, Y), ["prevent"])
             }, [
               k(t.$slots, "option", {
                 id: `${t.id}-option-${p.value}`,
                 disabled: p.disabled,
-                isSelected: h(p),
+                isSelected: f(p),
                 item: p
               }, () => [
                 Z("div", {
@@ -9367,36 +9367,36 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   k(t.$slots, "option-prepend", {
                     id: `${t.id}-option-prepend-${p.value}`,
                     disabled: p.disabled,
-                    isSelected: h(p)
+                    isSelected: f(p)
                   }, () => [
                     p.prependIcon ? (m(), D(R, {
                       key: 0,
                       id: `${t.id}-option-prepend-icon-${p.value}`,
                       class: O(["r-dropdown-options__option__prepend-icon", {
-                        "r-dropdown-options__option__prepend-icon--active": h(p)
+                        "r-dropdown-options__option__prepend-icon--active": f(p)
                       }]),
                       name: p.prependIcon
-                    }, null, 8, ["id", "class", "name"])) : g("", !0)
+                    }, null, 8, ["id", "class", "name"])) : h("", !0)
                   ]),
                   Z("p", {
                     id: `${t.id}-option-label-${p.value}`,
                     class: O(["r-dropdown-options__option__label", {
-                      "r-dropdown-options__option__label--active": h(p)
+                      "r-dropdown-options__option__label--active": f(p)
                     }])
                   }, v(p.label), 11, B3)
                 ], 8, k3),
                 k(t.$slots, "option-append", {
                   id: `${t.id}-option-append-${p.value}`,
                   disabled: p.disabled,
-                  isSelected: h(p)
+                  isSelected: f(p)
                 }, () => [
-                  h(p) && !C.hideOptionCheckIcon ? (m(), D(R, {
+                  f(p) && !C.hideOptionCheckIcon ? (m(), D(R, {
                     key: 0,
                     class: O(["r-dropdown-options__option__append-icon", {
-                      "r-dropdown-options__option__append-icon--active": h(p)
+                      "r-dropdown-options__option__append-icon--active": f(p)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : g("", !0)
+                  }, null, 8, ["class"])) : h("", !0)
                 ])
               ])
             ], 10, g3))), 128)),
@@ -9408,12 +9408,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
               k(t.$slots, "not-options", {}, () => [
                 f1(v(C.noOptionsText), 1)
               ])
-            ], 8, b3)) : g("", !0)
+            ], 8, b3)) : h("", !0)
           ], 10, c3)
         ]),
         _: 3
       }, 8, ["id", "disabled", "tooltip-class"]),
-      t.$props.hideDetails ? g("", !0) : (m(), a("div", {
+      t.$props.hideDetails ? h("", !0) : (m(), a("div", {
         key: 0,
         id: `${t.id}-details`,
         class: "r-dropdown-details"
@@ -9422,12 +9422,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           key: 0,
           id: `${t.id}-error`,
           class: "r-dropdown-error"
-        }, v(C.errorMsg), 9, w3)) : g("", !0),
+        }, v(C.errorMsg), 9, w3)) : h("", !0),
         C.hint ? (m(), a("div", {
           key: 1,
           id: `${t.id}-hint`,
           class: "r-dropdown-hint"
-        }, v(C.hint), 9, y3)) : g("", !0)
+        }, v(C.hint), 9, y3)) : h("", !0)
       ], 8, v3))
     ], 8, m3));
   }
@@ -9439,7 +9439,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
     text: { default: "" }
   },
   setup(H) {
-    const V = H, C = f(() => V.id || "r-label");
+    const V = H, C = g(() => V.id || "r-label");
     return (i, A) => (m(), a("label", {
       id: C.value,
       class: "r-label",
@@ -9472,12 +9472,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = f(() => ({
+    const C = H, i = V, A = g(() => ({
       "r-dialog": !0,
       "r-dialog--block": C.block,
       "p-0 gap-0": C.clearContent,
       [`${C.class}`]: !0
-    })), L = f(() => ({
+    })), L = g(() => ({
       width: C.width,
       height: C.height
     }));
@@ -9519,17 +9519,17 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
               H1(R, {
                 name: C.icon
               }, null, 8, ["name"])
-            ], 8, D3)) : g("", !0),
+            ], 8, D3)) : h("", !0),
             C.title ? (m(), a("div", {
               key: 1,
               id: `${e.id}-title`,
               class: "title"
-            }, v(C.title), 9, E3)) : g("", !0),
+            }, v(C.title), 9, E3)) : h("", !0),
             C.description ? (m(), a("div", {
               key: 2,
               id: `${e.id}-description`,
               class: "description"
-            }, v(C.description), 9, _3)) : g("", !0)
+            }, v(C.description), 9, _3)) : h("", !0)
           ], 8, x3),
           Z("div", {
             id: `${e.id}-body`,
@@ -9593,7 +9593,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         }, () => [
           f1(" > ")
         ])
-      ], 10, Q3)) : g("", !0)
+      ], 10, Q3)) : h("", !0)
     ], 10, N3));
   }
 }), G3 = ["id"], U3 = ["id"], i7 = /* @__PURE__ */ T({
@@ -9622,14 +9622,14 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         immediate: !0
       }
     );
-    const A = f(() => ({
+    const A = g(() => ({
       "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 = g(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -9646,7 +9646,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : g("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ]),
       Z("div", {
         id: `${M.id}-text`,
@@ -9672,7 +9672,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
             size: 16
           }, null, 8, ["id"])
         ])
-      ])) : g("", !0)
+      ])) : h("", !0)
     ], 10, G3));
   }
 }), z3 = ["id"], K3 = ["id", "checked", "disabled", "name"], q3 = /* @__PURE__ */ Z("span", { class: "slider round" }, null, -1), j3 = ["id", "for"], X3 = ["id"], Y3 = ["id"], J3 = ["id"], A7 = /* @__PURE__ */ T({
@@ -9693,12 +9693,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
   setup(H, { emit: V }) {
     const C = H, i = V, A = E({
       checked: !1
-    }), L = f(() => ({
+    }), L = g(() => ({
       "r-switch": !0,
       "r-switch--disabled": C.disabled,
       [`r-switch--${C.size}`]: C.size,
       "r-switch--error": C.errorMsg
-    })), M = f(() => C.id || "r-switch");
+    })), M = g(() => C.id || "r-switch");
     function e(d) {
       C.disabled || (A.value.checked = d.target.checked, i("update:modelValue", A.value.checked));
     }
@@ -9743,7 +9743,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           class: "r-switch-texts__label",
           for: C.id
         }, v(C.label), 9, j3),
-        C.hideDetails ? g("", !0) : (m(), a("div", {
+        C.hideDetails ? h("", !0) : (m(), a("div", {
           key: 0,
           id: `${M.value}-details`,
           class: "r-switch-texts__details"
@@ -9763,7 +9763,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
   }
 });
 var c1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(c1 || {});
-const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0 = /* @__PURE__ */ T({
+const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }, V0 = /* @__PURE__ */ T({
   __name: "RTabItem",
   props: {
     id: {},
@@ -9779,59 +9779,54 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = f(() => ({
+    const C = H, i = V, A = g(() => ({
       "r-tab-item": !0,
       [`r-tab-item--${C.variant}`]: !0,
       "r-tab-item--tile": C.tile,
       "r-tab-item--block": C.block
-    })), L = f(() => `r-tab-item-${C.id}`), M = f(() => ({
+    })), L = g(() => ({
       color: C.color
-    })), e = f(() => C.modelValue === C.id);
-    function d(l) {
-      i("update:modelValue", l);
+    })), M = g(() => C.modelValue === C.id);
+    function e(d) {
+      i("update:modelValue", d);
     }
-    return (l, n) => (m(), a("button", {
-      id: L.value,
+    return (d, l) => (m(), a("button", {
+      id: `r-tab-item-${C.id}`,
       "aria-disabled": C.disabled,
-      "aria-selected": e.value,
+      "aria-selected": M.value,
       class: O(A.value),
       disabled: C.disabled,
-      style: j1(M.value),
-      onClick: n[0] || (n[0] = r1((u) => d(C.id), ["stop"]))
+      style: j1(L.value),
+      onClick: l[0] || (l[0] = r1((n) => e(C.id), ["stop"]))
     }, [
-      k(l.$slots, "prepend", {
-        active: e.value,
+      k(d.$slots, "prepend", {
+        active: M.value,
         disabled: C.disabled
       }, () => [
         C.variant !== z(c1).TEXT && C.prependIcon ? (m(), D(R, {
           key: 0,
-          id: `${L.value}-prepend-icon`,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["id", "name"])) : g("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ]),
-      C.variant !== z(c1).ICON ? (m(), a("span", {
-        key: 0,
-        id: `${L.value}-label`
-      }, [
-        k(l.$slots, "default", {
+      C.variant !== z(c1).ICON ? (m(), a("span", H0, [
+        k(d.$slots, "default", {
           label: C.label
         }, () => [
           f1(v(C.label), 1)
         ])
-      ], 8, H0)) : g("", !0),
-      k(l.$slots, "append", {
-        active: e.value,
+      ])) : h("", !0),
+      k(d.$slots, "append", {
+        active: M.value,
         disabled: C.disabled
       }, () => [
         C.variant !== z(c1).TEXT && C.appendIcon ? (m(), D(R, {
           key: 0,
-          id: `${L.value}-append-icon`,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16
-        }, null, 8, ["id", "name"])) : g("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ])
     ], 14, C0));
   }
@@ -9847,7 +9842,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = E(C.modelValue || (C.tabs.length > 0 ? C.tabs[0].id : "")), L = f(() => ({
+    const C = H, i = V, A = E(C.modelValue || (C.tabs.length > 0 ? C.tabs[0].id : "")), L = g(() => ({
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
@@ -9876,12 +9871,12 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
           "gap-0.5": C.tile
         }]])
       }, [
-        k(M.$slots, "default", {
+        k(M.$slots, "tabs", {
           id: `${M.id}-slot`,
           activeTab: A.value
         }, () => [
           (m(!0), a(A1, null, n1(C.tabs, (d, l) => (m(), D(V0, {
-            id: `${M.id}-tab-${d.id}`,
+            id: d.id,
             key: l,
             modelValue: A.value,
             "onUpdate:modelValue": e[0] || (e[0] = (n) => A.value = n),
@@ -9937,7 +9932,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : g("", !0),
+      }, null, 8, ["id", "text"])) : h("", !0),
       Z("textarea", E1(e.$attrs, {
         id: `${z(M)}-input`,
         class: ["r-textarea", {
@@ -9949,7 +9944,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
         value: A.value,
         onInput: L
       }), null, 16, A0),
-      C.hideDetails ? g("", !0) : (m(), a("div", {
+      C.hideDetails ? h("", !0) : (m(), a("div", {
         key: 1,
         id: `${z(M)}-details`,
         class: "r-textarea__details"
@@ -10008,48 +10003,48 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, d = E(!1), l = f(() => !!L.value), n = f(() => L.value.length > 0), u = f(() => {
-      var h;
-      return (h = C.errorMsg) == null ? void 0 : h.length;
-    }), o = f(() => C.clearable && n.value), r = f(() => {
-      const { disabled: h, loading: F } = C;
+    }, d = E(!1), l = g(() => !!L.value), n = g(() => L.value.length > 0), u = g(() => {
+      var f;
+      return (f = C.errorMsg) == null ? void 0 : f.length;
+    }), o = g(() => C.clearable && n.value), r = g(() => {
+      const { disabled: f, loading: F } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": u.value,
         "r-textfield--loading": F,
-        "r-textfield--disabled": h,
+        "r-textfield--disabled": f,
         "r-textfield--clearable": o.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": l.value
       };
-    }), S = f(() => ({
+    }), S = g(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": u.value && l.value
-    })), b = f(() => ({
+    })), b = g(() => ({
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": o.value,
       "r-textfield__append-icon--error": u.value
-    })), B = f(() => {
-      const { prependIcon: h, type: F } = C;
-      return h === "none" ? "" : h || e[F];
-    }), y = f(() => {
-      const { appendIcon: h, type: F } = C;
-      return h === "none" ? "" : u.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(F) ? "mdiClose" : F === "password" && M.value === "password" ? "mdiEyeOutline" : F === "password" && M.value === "text" ? "mdiEyeOffOutline" : h;
-    }), c = f(() => C.id || "r-textfield");
-    function w(h) {
-      d.value = !0, i("focus", h);
+    })), B = g(() => {
+      const { prependIcon: f, type: F } = C;
+      return f === "none" ? "" : f || e[F];
+    }), y = g(() => {
+      const { appendIcon: f, type: F } = C;
+      return f === "none" ? "" : u.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(F) ? "mdiClose" : F === "password" && M.value === "password" ? "mdiEyeOutline" : F === "password" && M.value === "text" ? "mdiEyeOffOutline" : f;
+    }), c = g(() => C.id || "r-textfield");
+    function w(f) {
+      d.value = !0, i("focus", f);
     }
-    function _(h) {
-      d.value = !1, i("blur", h);
+    function _(f) {
+      d.value = !1, i("blur", f);
     }
-    function x(h) {
-      L.value = h.target.value, i("input", h);
+    function x(f) {
+      L.value = f.target.value, i("input", f);
     }
     function U() {
-      var h;
+      var f;
       if (o.value) {
-        L.value = "", (h = A.value) == null || h.focus(), i("click:clear", {
+        L.value = "", (f = A.value) == null || f.focus(), i("click:clear", {
           value: M.value === "number" ? +L.value : L.value
         });
         return;
@@ -10062,26 +10057,26 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
       M.value = M.value === "password" ? "text" : "password";
     }
     function C1() {
-      var h;
-      (h = A.value) == null || h.focus();
+      var f;
+      (f = A.value) == null || f.focus();
     }
     return W(
       () => C.modelValue,
-      (h) => {
-        L.value = h;
+      (f) => {
+        L.value = f;
       },
       {
         immediate: !0
       }
     ), W(
       () => L.value,
-      (h) => {
+      (f) => {
         i(
           "update:modelValue",
-          M.value === "number" ? +h : h
+          M.value === "number" ? +f : f
         );
       }
-    ), (h, F) => (m(), a("div", {
+    ), (f, F) => (m(), a("div", {
       id: c.value,
       class: "r-textfield__wrapper"
     }, [
@@ -10092,7 +10087,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
         for: c.value,
         text: C.label,
         onClick: C1
-      }, null, 8, ["id", "for", "text"])) : g("", !0),
+      }, null, 8, ["id", "for", "text"])) : h("", !0),
       Z("div", {
         id: `${c.value}-input-wrapper`,
         class: "input-wrapper"
@@ -10101,7 +10096,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
           id: `${c.value}-input-wrapper-inner`,
           class: O(r.value)
         }, [
-          k(h.$slots, "prepend", {
+          k(f.$slots, "prepend", {
             id: `${c.value}-prepend-slot`,
             disabled: C.disabled,
             error: u.value,
@@ -10113,9 +10108,9 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
               class: O(S.value),
               name: B.value,
               size: 20
-            }, null, 8, ["id", "class", "name"])) : g("", !0)
+            }, null, 8, ["id", "class", "name"])) : h("", !0)
           ]),
-          Z("input", E1(h.$attrs, {
+          Z("input", E1(f.$attrs, {
             id: `${c.value}-input`,
             ref_key: "inputRef",
             ref: A,
@@ -10131,30 +10126,30 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
             onFocus: w,
             onInput: x
           }), null, 16, n0),
-          k(h.$slots, "append", {
+          k(f.$slots, "append", {
             id: `${c.value}-append-slot`,
             disabled: C.disabled,
             error: u.value,
             loading: C.loading
           }, () => [
-            h.$props.type === "password" && u.value ? (m(), D(R, {
+            f.$props.type === "password" && u.value ? (m(), D(R, {
               key: 0,
               id: `${c.value}-append-icon`,
               name: M.value === "password" ? "mdiEyeOutline" : "mdiEyeOffOutline",
               size: 20,
               onClick: U
-            }, null, 8, ["id", "name"])) : g("", !0),
-            y.value && !h.$slots.append || u.value ? (m(), D(R, {
+            }, null, 8, ["id", "name"])) : h("", !0),
+            y.value && !f.$slots.append || u.value ? (m(), D(R, {
               key: 1,
               id: `${c.value}-append-icon`,
               class: O(b.value),
               name: `${y.value}`,
               size: 20,
               onClick: U
-            }, null, 8, ["id", "class", "name"])) : g("", !0)
+            }, null, 8, ["id", "class", "name"])) : h("", !0)
           ])
         ], 10, o0),
-        C.hideDetails ? g("", !0) : (m(), a("div", {
+        C.hideDetails ? h("", !0) : (m(), a("div", {
           key: 0,
           id: `${c.value}-details`,
           class: "r-textfield__details"
@@ -10163,8 +10158,8 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
             key: 0,
             id: `${c.value}-error`,
             class: "r-textfield__error"
-          }, v(C.errorMsg), 9, a0)) : g("", !0),
-          !C.errorMsg && C.hint ? (m(), a("p", Z0, v(C.hint), 1)) : g("", !0)
+          }, v(C.errorMsg), 9, a0)) : h("", !0),
+          !C.errorMsg && C.hint ? (m(), a("p", Z0, v(C.hint), 1)) : h("", !0)
         ], 8, r0))
       ], 8, l0)
     ], 8, m0));
@@ -10198,9 +10193,9 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
                 L.icon ? (m(), D(R, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : g("", !0)
+                }, null, 8, ["name"])) : h("", !0)
               ]),
-              L.onlyIcon ? g("", !0) : (m(), a("span", {
+              L.onlyIcon ? h("", !0) : (m(), a("span", {
                 key: 0,
                 id: `${C.id}-title-${M}`,
                 class: "r-breadcrumb__title"
@@ -10216,7 +10211,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
               id: `${C.id}-separator-${M}`,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["id", "name"])) : g("", !0)
+            }, null, 8, ["id", "name"])) : h("", !0)
           ])
         ]))), 128))
       ], 8, u0);
@@ -10266,10 +10261,10 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
   },
   emits: ["update:page", "update:perPage", "update:info"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = E(C.perPage || 10), L = f(() => Math.ceil(C.totalItems / C.perPage)), M = f(() => ({
+    const C = H, i = V, A = E(C.perPage || 10), L = g(() => Math.ceil(C.totalItems / C.perPage)), M = g(() => ({
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
-    })), e = f(() => C.infoText || `${M.value.start + 1}-${M.value.end} of ${C.totalItems}`), d = f(() => +C.page == +L.value), l = f(() => +C.page == 1);
+    })), e = g(() => C.infoText || `${M.value.start + 1}-${M.value.end} of ${C.totalItems}`), d = g(() => +C.page == +L.value), l = g(() => +C.page == 1);
     W(() => M.value, () => {
       i("update:info", M.value);
     }), W(() => C.perPage, () => {
@@ -10443,7 +10438,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = E(C.as ?? "div"), L = E(C.modelValue), M = f(() => C.selectedClass);
+    const C = H, i = V, A = E(C.as ?? "div"), L = E(C.modelValue), M = g(() => C.selectedClass);
     b1(`${w1}:selectedClass`, M.value);
     function e(n) {
       return L.value.includes(n);
@@ -10478,7 +10473,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
     id: { default: "r-item" }
   },
   setup(H) {
-    const V = H, C = v1(`${y1}:isSelected`), i = v1(`${y1}:selectedClass`, ""), A = v1(`${y1}:select`), L = v1(`${y1}:isDisabled`), M = f(() => C(V.value) && [i, V.selectedClass]);
+    const V = H, C = v1(`${y1}:isSelected`), i = v1(`${y1}:selectedClass`, ""), A = v1(`${y1}:select`), L = v1(`${y1}:isDisabled`), M = g(() => C(V.value) && [i, V.selectedClass]);
     function e() {
       V.disabled || A(V.value, !C(V.value));
     }
@@ -10509,7 +10504,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
   },
   emits: ["update:modelValue"],
   setup(H) {
-    const V = H, C = f(() => V.id || "r-radio"), i = E(V.modelValue), A = f(() => [
+    const V = H, C = g(() => V.id || "r-radio"), i = E(V.modelValue), A = g(() => [
       "r-radio group",
       {
         "r-radio--disabled": V.disabled,
@@ -10546,7 +10541,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
             key: 0,
             id: `${C.value}-title`,
             class: O(["r-radio__title", [V.errorMsg && "r-radio__title--error", V.disabled && "r-radio__title--disabled"]])
-          }, v(V.title), 11, z0)) : g("", !0),
+          }, v(V.title), 11, z0)) : h("", !0),
           Z("span", null, v(V.label), 1)
         ])
       ], 10, Q0),
@@ -10554,12 +10549,12 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = ["id"], V0
         key: 0,
         id: `${C.value}-hint`,
         class: O(["r-radio__hint", [V.disabled && "r-radio__hint--disabled"]])
-      }, v(V.hint), 11, K0)) : g("", !0),
+      }, v(V.hint), 11, K0)) : h("", !0),
       V.errorMsg ? (m(), a("span", {
         key: 1,
         id: `${C.value}-error`,
         class: "r-radio__error"
-      }, v(V.errorMsg), 9, q0)) : g("", !0)
+      }, v(V.errorMsg), 9, q0)) : h("", !0)
     ], 10, N0));
   }
 });