@rocketui/vue 0.0.51 → 0.0.53

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, openBlock as t, createElementBlock as a, createElementVNode as u, unref as p, reactive as J, Fragment as j, renderList as Y, normalizeClass as f, renderSlot as b, toDisplayString as y, createVNode as $, computed as g, createCommentVNode as k, mergeProps as C2, withModifiers as N, createBlock as R, watch as W, getCurrentScope as H2, onScopeDispose as V2, ref as x, onMounted as L2, withDirectives as E1, withKeys as k1, vModelText as M2, normalizeStyle as p1, vShow as A2, useCssVars as i2, watchEffect as e2, resolveComponent as d2, withCtx as _1, provide as a1, resolveDynamicComponent as t2, inject as Z1 } from "vue";
+import { defineComponent as v, openBlock as t, createElementBlock as a, createElementVNode as u, unref as p, reactive as J, Fragment as K, renderList as Y, normalizeClass as f, renderSlot as b, toDisplayString as y, createVNode as q, computed as k, createCommentVNode as g, mergeProps as C2, withModifiers as N, createBlock as R, watch as W, getCurrentScope as H2, onScopeDispose as V2, ref as x, onMounted as L2, withDirectives as E1, withKeys as k1, vModelText as M2, normalizeStyle as p1, vShow as A2, useCssVars as i2, watchEffect as e2, resolveComponent as d2, withCtx as _1, provide as a1, resolveDynamicComponent as t2, inject as Z1 } from "vue";
 const m2 = {
   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",
@@ -7336,7 +7336,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
         C[i].open = i === A ? !C[i].open : !1;
       });
     }
-    return (A, M) => (t(!0), a(j, null, Y(C, (i, e) => (t(), a("div", {
+    return (A, M) => (t(!0), a(K, null, Y(C, (i, e) => (t(), a("div", {
       key: e,
       class: f({
         "r-accordion": !0,
@@ -7352,7 +7352,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
           u("div", a2, y(i.title), 1)
         ]),
         u("div", Z2, [
-          $(F, { name: "mdiChevronUp" })
+          q(F, { name: "mdiChevronUp" })
         ])
       ], 8, r2),
       u("div", u2, [
@@ -7380,12 +7380,12 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
   },
   emits: ["close"],
   setup(H, { emit: V }) {
-    const C = H, L = g(() => ({
+    const C = H, L = k(() => ({
       " r-alert": !0,
       [`r-alert--${C.variant}`]: !0,
       "r-alert--block": C.block,
       [`r-alert--${C.variant}--${C.type}`]: !0
-    })), A = g(() => ({
+    })), A = k(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -7398,7 +7398,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
     }, [
       u("div", S2, [
         b(i.$slots, "alert-icon", {}, () => [
-          $(F, {
+          q(F, {
             name: p(A),
             size: 24
           }, null, 8, ["name"])
@@ -7407,19 +7407,19 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
       u("div", c2, [
         b(i.$slots, "content", {}, () => [
           u("p", s2, y(C.title), 1),
-          C.description ? (t(), a("p", O2, y(C.description), 1)) : k("", !0)
+          C.description ? (t(), a("p", O2, y(C.description), 1)) : g("", !0)
         ])
       ]),
       C.closable ? (t(), a("div", p2, [
         b(i.$slots, "custom-close", {}, () => [
-          $(F, {
+          q(F, {
             class: "r-alert__close__button",
             name: "mdiClose",
             size: 16,
             onClick: M
           })
         ])
-      ])) : k("", !0)
+      ])) : g("", !0)
     ], 2));
   }
 }), B1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", h2 = { class: "avatar__wrapper" }, f2 = ["alt", "src"], n3 = /* @__PURE__ */ v({
@@ -7433,10 +7433,10 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
     text: { default: "" }
   },
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       avatar: !0,
       [`avatar--${V.size}`]: !0
-    })), L = g(() => V.type === "image" && !V.src), A = g(() => L.value ? B1 : V.src), M = (i) => {
+    })), L = k(() => V.type === "image" && !V.src), A = k(() => L.value ? B1 : V.src), M = (i) => {
       const e = i.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
     };
@@ -7461,7 +7461,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
       V.online ? (t(), a("span", {
         key: 0,
         class: f({ avatar__online: !0, [`avatar__online--${V.size}`]: !0 })
-      }, null, 2)) : k("", !0)
+      }, null, 2)) : g("", !0)
     ]));
   }
 }), g2 = { class: "badge-wrapper group" }, r3 = /* @__PURE__ */ v({
@@ -7476,7 +7476,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       badge: !0,
       badge__content: V.content,
       [`badge--overlap-${V.placement}`]: V.overlap,
@@ -7511,18 +7511,18 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       button: !0,
       [`button--${V.variant}`]: !0,
       "button--loading": V.loading,
       [`button--${V.size || "medium"}`]: !0,
       "button--only-icon": V.onlyIcon,
       "button--block": V.block
-    })), L = g(() => ({
+    })), L = k(() => ({
       small: 20,
       medium: 24,
       large: 32
-    })[V.size || "medium"]), A = g(() => {
+    })[V.size || "medium"]), A = k(() => {
       const { backgroundColor: M, height: i, color: e } = V;
       return {
         backgroundColor: M,
@@ -7545,14 +7545,14 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
         }),
         name: V.prependIcon,
         size: p(L)
-      }, null, 8, ["class", "name", "size"])) : k("", !0),
-      V.onlyIcon ? k("", !0) : b(M.$slots, "default", { key: 1 }),
+      }, null, 8, ["class", "name", "size"])) : g("", !0),
+      V.onlyIcon ? g("", !0) : b(M.$slots, "default", { key: 1 }),
       !M.$slots["custom-icon"] && !V.onlyIcon && V.appendIcon ? (t(), R(F, {
         key: 2,
         class: "button__append-icon",
         name: V.appendIcon,
         size: p(L)
-      }, null, 8, ["name", "size"])) : k("", !0)
+      }, null, 8, ["name", "size"])) : g("", !0)
     ], 16, k2));
   }
 }), B2 = { class: "checkbox-wrapper" }, b2 = { class: "checkbox-container" }, y2 = ["id", "checked", "disabled", "indeterminate"], w2 = ["data-disabled"], P2 = { class: "checkbox-texts" }, T2 = ["data-disabled", "for"], v2 = {
@@ -7581,7 +7581,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
       checked: "mdiCheck",
       unchecked: "",
       indeterminate: "mdiMinus"
-    }, M = g(() => L.indeterminate ? A.indeterminate : L.checked ? A.checked : A.unchecked), i = g(() => ({
+    }, M = k(() => L.indeterminate ? A.indeterminate : L.checked ? A.checked : A.unchecked), i = k(() => ({
       checkbox: !0,
       "checkbox--checked": L.checked,
       "checkbox--disabled": C.disabled,
@@ -7625,7 +7625,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
           class: f(p(i)),
           "data-disabled": C.disabled
         }, [
-          $(F, {
+          q(F, {
             name: p(M),
             size: 24
           }, null, 8, ["name"])
@@ -7654,7 +7654,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
   },
   emits: ["click:chip", "click:close"],
   setup(H, { emit: V }) {
-    const C = H, L = g(() => ({
+    const C = H, L = k(() => ({
       chip: !0,
       "chip--disabled": C.disabled,
       [`chip__${C.variant}`]: C.variant,
@@ -7678,7 +7678,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
             "aria-disabled": C.disabled,
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : k("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : g("", !0)
         ]),
         u("span", R2, y(C.label), 1)
       ]),
@@ -7690,7 +7690,7 @@ const n2 = ["data-state"], r2 = ["onClick"], a2 = { class: "r-accordion__title"
           name: C.appendIcon,
           size: 12,
           onClick: e[1] || (e[1] = (d) => M(d))
-        }, null, 8, ["aria-disabled", "name"])) : k("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : g("", !0)
       ])
     ], 2));
   }
@@ -7839,7 +7839,7 @@ const Q2 = {
       if (Z === "")
         return;
       C.options.find((E) => E.label === Z) || (A.push({ value: Z, label: Z }), i.value = "", (w = d.value) == null || w.focus());
-    }, s = (c) => C.multiple ? A.find((Z) => Z.value === c.value) : L.value === c.value, P = g(() => C.searchable ? C.options.filter((Z) => Z.label.toLowerCase().includes(i.value.toLowerCase())) : C.options);
+    }, s = (c) => C.multiple ? A.find((Z) => Z.value === c.value) : L.value === c.value, P = k(() => C.searchable ? C.options.filter((Z) => Z.label.toLowerCase().includes(i.value.toLowerCase())) : C.options);
     return L2(() => {
       C.modelValue && (C.multiple ? A.push(C.modelValue) : (L.value = C.modelValue.value, i.value = C.modelValue.label));
     }), W(A, (c) => {
@@ -7870,11 +7870,11 @@ const Q2 = {
             C.prependIcon ? (t(), R(F, {
               key: 0,
               name: C.prependIcon
-            }, null, 8, ["name"])) : k("", !0)
+            }, null, 8, ["name"])) : g("", !0)
           ])
-        ], 2)) : k("", !0),
+        ], 2)) : g("", !0),
         C.taggable ? (t(), a("div", Q2, [
-          (t(!0), a(j, null, Y(A, (O, w) => (t(), R(x2, {
+          (t(!0), a(K, null, Y(A, (O, w) => (t(), R(x2, {
             key: w,
             label: O.label,
             appendIcon: "close",
@@ -7882,10 +7882,10 @@ const Q2 = {
             variant: "primary",
             "onClick:close": (E) => S(E, O)
           }, null, 8, ["label", "onClick:close"]))), 128))
-        ])) : k("", !0),
+        ])) : g("", !0),
         C.multiple ? (t(), a("div", G2, [
-          (t(!0), a(j, null, Y(A, (O, w) => (t(), a("p", { key: w }, y(O.label + ","), 1))), 128))
-        ])) : k("", !0),
+          (t(!0), a(K, null, Y(A, (O, w) => (t(), a("p", { key: w }, y(O.label + ","), 1))), 128))
+        ])) : g("", !0),
         E1(u("input", {
           id: C.id,
           ref_key: "input",
@@ -7917,14 +7917,14 @@ const Q2 = {
             C.appendIcon ? (t(), R(F, {
               key: 0,
               name: C.appendIcon
-            }, null, 8, ["name"])) : k("", !0)
+            }, null, 8, ["name"])) : g("", !0)
           ])
-        ], 2)) : k("", !0)
+        ], 2)) : g("", !0)
       ], 2),
       u("ul", {
         class: f({ "dropdown-options": !0, "dropdown-options--active": M.value })
       }, [
-        (t(!0), a(j, null, Y(p(P), (O) => (t(), a("li", {
+        (t(!0), a(K, null, Y(p(P), (O) => (t(), a("li", {
           key: O.value,
           class: f({
             "dropdown-options__option": !0,
@@ -7956,7 +7956,7 @@ const Q2 = {
               "dropdown-options__option__append-icon--active": s(O)
             }),
             name: "mdiCheck"
-          }, null, 8, ["class"])) : k("", !0)
+          }, null, 8, ["class"])) : g("", !0)
         ], 10, U2))), 128))
       ], 2)
     ], 512));
@@ -7998,10 +7998,10 @@ const Q2 = {
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, L = g(() => ({
+    const C = H, L = k(() => ({
       dialog: !0,
       "dialog--block": C.block
-    })), A = g(() => ({
+    })), A = k(() => ({
       width: C.width,
       height: C.height
     })), M = (i) => {
@@ -8021,12 +8021,12 @@ const Q2 = {
         u("div", Y2, [
           b(i.$slots, "header"),
           C.icon ? (t(), a("div", X2, [
-            $(F, {
+            q(F, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : k("", !0),
-          C.title ? (t(), a("div", J2, y(C.title), 1)) : k("", !0),
-          C.description ? (t(), a("div", C5, y(C.description), 1)) : k("", !0)
+          ])) : g("", !0),
+          C.title ? (t(), a("div", J2, y(C.title), 1)) : g("", !0),
+          C.description ? (t(), a("div", C5, y(C.description), 1)) : g("", !0)
         ]),
         u("div", H5, [
           b(i.$slots, "default")
@@ -8045,7 +8045,7 @@ const Q2 = {
     modelValue: { type: Boolean, default: !1 }
   },
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       sidebar: !0,
       "sidebar--open": V.modelValue
     }));
@@ -8088,7 +8088,7 @@ const Q2 = {
         immediate: !0
       }
     );
-    const L = g(() => ({
+    const L = k(() => ({
       "r-snackbar": !0,
       [`r-snackbar--${C.variant}`]: !0,
       [C.left ? "r-snackbar__left" : "r-snackbar__right"]: !0,
@@ -8108,19 +8108,19 @@ const Q2 = {
           key: 0,
           class: "r-snackbar__icon",
           name: p(A)
-        }, null, 8, ["name"])) : k("", !0)
+        }, null, 8, ["name"])) : g("", !0)
       ]),
       u("div", A5, y(C.text), 1),
       b(M.$slots, "action"),
       C.closable ? (t(), a("div", i5, [
         b(M.$slots, "close", {}, () => [
-          $(F, {
+          q(F, {
             name: "mdiClose",
             size: 16,
             onClick: i[0] || (i[0] = N((e) => M.$emit("update:modelValue", !1), ["stop"]))
           })
         ])
-      ])) : k("", !0)
+      ])) : g("", !0)
     ], 2));
   }
 }), e5 = { class: "switch-container" }, d5 = ["id", "checked"], t5 = /* @__PURE__ */ u("span", { class: "slider round" }, null, -1), m5 = ["id", "for"], l5 = {
@@ -8144,7 +8144,7 @@ const Q2 = {
   setup(H, { emit: V }) {
     const C = H, L = J({
       checked: !1
-    }), A = g(() => ({
+    }), A = k(() => ({
       switch: !0,
       "switch--disabled": C.disabled,
       [`switch--${C.size}`]: C.size,
@@ -8211,12 +8211,12 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
   },
   emits: ["update:modelValue", "click:icon"],
   setup(H, { emit: V }) {
-    const C = H, L = g(() => ({
+    const C = H, L = k(() => ({
       "tab-item": !0,
       [`tab-item--${C.variant}`]: !0,
       "tab-item--tile": C.tile,
       "tab-item--block": C.block
-    })), A = g(() => ({
+    })), A = k(() => ({
       color: C.color
     }));
     function M(e) {
@@ -8239,9 +8239,9 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
           class: "tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : k("", !0)
+        }, null, 8, ["name"])) : g("", !0)
       ]),
-      C.variant !== p(V1).ICON ? (t(), a("span", r5, y(C.label), 1)) : k("", !0),
+      C.variant !== p(V1).ICON ? (t(), a("span", r5, y(C.label), 1)) : g("", !0),
       b(e.$slots, "append", {}, () => [
         C.variant !== p(V1).TEXT && C.appendIcon ? (t(), R(F, {
           key: 0,
@@ -8249,7 +8249,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
           name: C.appendIcon,
           size: 16,
           onClick: N(i, ["stop"])
-        }, null, 8, ["name", "onClick"])) : k("", !0)
+        }, null, 8, ["name", "onClick"])) : g("", !0)
       ])
     ], 14, n5));
   }
@@ -8263,7 +8263,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
   },
   emits: ["update:modelValue", "click:icon"],
   setup(H, { emit: V }) {
-    const C = H, L = x(C.modelValue || C.tabs[0].id), A = g(() => ({
+    const C = H, L = x(C.modelValue || C.tabs[0].id), A = k(() => ({
       tabs: !0,
       "tabs--block": C.block,
       "tabs--tile": C.tile
@@ -8281,7 +8281,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
       class: f(p(A))
     }, [
       b(i.$slots, "default", {}, () => [
-        (t(!0), a(j, null, Y(C.tabs, (d, m) => (t(), R(a5, {
+        (t(!0), a(K, null, Y(C.tabs, (d, m) => (t(), R(a5, {
           id: d.id,
           key: m,
           modelValue: L.value,
@@ -8339,7 +8339,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
         class: "textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["text"])) : k("", !0),
+      }, null, 8, ["text"])) : g("", !0),
       u("textarea", {
         id: C.id,
         class: f(["textarea", {
@@ -8358,7 +8358,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
   class: /* @__PURE__ */ f({
     textfield__wrapper: !0
   })
-}, O5 = { class: "input-wrapper" }, p5 = ["id", "disabled", "placeholder", "type", "value", "min", "max"], h5 = {
+}, O5 = { class: "input-wrapper" }, p5 = ["id", "disabled", "max", "min", "placeholder", "type", "value"], h5 = {
   key: 0,
   class: "textfield__error"
 }, f5 = {
@@ -8400,7 +8400,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, e = x(!1), d = g(() => !!A.value), m = g(() => {
+    }, e = x(!1), d = k(() => !!A.value), m = k(() => {
       const { disabled: h, loading: T, clearable: D, errorMsg: _ } = C;
       return {
         textfield: !0,
@@ -8411,21 +8411,21 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
         "textfield--focus": e.value,
         "textfield--filled": d.value
       };
-    }), o = g(() => ({
+    }), o = k(() => ({
       "textfield__prepend-icon": !0,
       "textfield__prepend-icon--loading": C.loading,
       "textfield__prepend-icon--error": n.value && d.value
-    })), l = g(() => ({
+    })), l = k(() => ({
       "textfield__append-icon": !0,
       "textfield__append-icon--clear": S.value,
       "textfield__append-icon--error": n.value
-    })), r = g(() => A.value.length > 0), n = g(() => {
+    })), r = k(() => A.value.length > 0), n = k(() => {
       var h;
       return (h = C.errorMsg) == null ? void 0 : h.length;
-    }), S = g(() => C.clearable && r.value), B = g(() => {
+    }), S = k(() => C.clearable && r.value), B = k(() => {
       const { prependIcon: h, type: T } = C;
       return h === "none" ? "" : h || i[T];
-    }), s = g(() => {
+    }), s = k(() => {
       const { appendIcon: h, type: T } = C;
       return h === "none" ? "" : n.value ? "mdiAlertCircleOutline" : S.value && ["text", "email"].includes(T) ? "mdiClose" : T === "password" && M.value === "password" ? "mdiEyeOutline" : T === "password" && M.value === "text" ? "mdiEyeOffOutline" : h;
     }), P = (h) => {
@@ -8469,7 +8469,8 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
       }
     ), (h, T) => (t(), a("fieldset", null, [
       u("div", s5, [
-        $(Q1, {
+        C.label ? (t(), R(Q1, {
+          key: 0,
           id: C.id,
           class: f({
             textfield__label: !0
@@ -8477,7 +8478,7 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
           for: C.id,
           text: C.label,
           onClick: E
-        }, null, 8, ["id", "for", "text"]),
+        }, null, 8, ["id", "for", "text"])) : g("", !0),
         u("div", O5, [
           u("div", {
             class: f(p(m))
@@ -8488,17 +8489,17 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
               class: f(p(o)),
               name: p(B),
               size: 20
-            }, null, 8, ["class", "name"])) : k("", !0),
+            }, null, 8, ["class", "name"])) : g("", !0),
             u("input", {
+              id: C.id,
               ref_key: "inputRef",
               ref: L,
-              id: C.id,
               disabled: C.disabled,
+              max: C.max,
+              min: C.min,
               placeholder: C.placeholder,
               type: M.value,
               value: A.value,
-              min: C.min,
-              max: C.max,
               onBlur: c,
               onFocus: P,
               onInput: Z
@@ -8510,10 +8511,10 @@ const n5 = ["aria-disabled", "aria-selected", "disabled"], r5 = {
               name: `${p(s)}`,
               size: 20,
               onClick: O
-            }, null, 8, ["class", "name"])) : k("", !0)
+            }, null, 8, ["class", "name"])) : g("", !0)
           ], 2),
-          C.errorMsg ? (t(), a("div", h5, y(C.errorMsg), 1)) : k("", !0),
-          !C.errorMsg && C.hint ? (t(), a("div", f5, y(C.hint), 1)) : k("", !0)
+          C.errorMsg ? (t(), a("div", h5, y(C.errorMsg), 1)) : g("", !0),
+          !C.errorMsg && C.hint ? (t(), a("div", f5, y(C.hint), 1)) : g("", !0)
         ])
       ])
     ]));
@@ -8716,7 +8717,7 @@ function G(H) {
 function I(H) {
   return G(H).getComputedStyle(H);
 }
-function K(H) {
+function $(H) {
   return U1(H) ? "" : H ? (H.nodeName || "").toLowerCase() : "";
 }
 function $1() {
@@ -8737,7 +8738,7 @@ function n1(H) {
   return /auto|scroll|overlay|hidden/.test(V + L + C) && !["inline", "contents"].includes(A);
 }
 function D5(H) {
-  return ["table", "td", "th"].includes(K(H));
+  return ["table", "td", "th"].includes($(H));
 }
 function O1(H) {
   const V = /firefox/i.test($1()), C = I(H), L = C.backdropFilter || C.WebkitBackdropFilter;
@@ -8750,10 +8751,10 @@ function K1() {
   return !/^((?!chrome|android).)*safari/i.test($1());
 }
 function f1(H) {
-  return ["html", "body", "#document"].includes(K(H));
+  return ["html", "body", "#document"].includes($(H));
 }
 const F1 = Math.min, L1 = Math.max, l1 = Math.round;
-function q(H, V, C) {
+function j(H, V, C) {
   var L, A, M, i;
   V === void 0 && (V = !1), C === void 0 && (C = !1);
   const e = H.getBoundingClientRect();
@@ -8770,25 +8771,25 @@ function r1(H) {
   return X(H) ? { scrollLeft: H.scrollLeft, scrollTop: H.scrollTop } : { scrollLeft: H.pageXOffset, scrollTop: H.pageYOffset };
 }
 function j1(H) {
-  return q(U(H)).left + r1(H).scrollLeft;
+  return j(U(H)).left + r1(H).scrollLeft;
 }
 function E5(H, V, C) {
-  const L = Q(V), A = U(V), M = q(H, L && function(d) {
-    const m = q(d);
+  const L = Q(V), A = U(V), M = j(H, L && function(d) {
+    const m = j(d);
     return l1(m.width) !== d.offsetWidth || l1(m.height) !== d.offsetHeight;
   }(V), C === "fixed");
   let i = { scrollLeft: 0, scrollTop: 0 };
   const e = { x: 0, y: 0 };
   if (L || !L && C !== "fixed")
-    if ((K(V) !== "body" || n1(A)) && (i = r1(V)), Q(V)) {
-      const d = q(V, !0);
+    if (($(V) !== "body" || n1(A)) && (i = r1(V)), Q(V)) {
+      const d = j(V, !0);
       e.x = d.x + V.clientLeft, e.y = d.y + V.clientTop;
     } else
       A && (e.x = j1(A));
   return { x: M.left + i.scrollLeft - e.x, y: M.top + i.scrollTop - e.y, width: M.width, height: M.height };
 }
 function M1(H) {
-  if (K(H) === "html")
+  if ($(H) === "html")
     return H;
   const V = H.assignedSlot || H.parentNode || (v1(H) ? H.host : null) || U(H);
   return v1(V) ? V.host : V;
@@ -8801,7 +8802,7 @@ function x1(H) {
   let C = R1(H);
   for (; C && D5(C) && I(C).position === "static"; )
     C = R1(C);
-  return C && (K(C) === "html" || K(C) === "body" && I(C).position === "static" && !O1(C)) ? V : C || function(L) {
+  return C && ($(C) === "html" || $(C) === "body" && I(C).position === "static" && !O1(C)) ? V : C || function(L) {
     let A = M1(L);
     for (; Q(A) && !f1(A); ) {
       if (O1(A))
@@ -8832,7 +8833,7 @@ function D1(H, V, C) {
     }
     return { width: d, height: m, x: o, y: l };
   }(H, C)) : X(V) ? function(L, A) {
-    const M = q(L, !1, A === "fixed"), i = M.top + L.clientTop, e = M.left + L.clientLeft;
+    const M = j(L, !1, A === "fixed"), i = M.top + L.clientTop, e = M.left + L.clientLeft;
     return { top: i, left: e, x: e, y: i, right: e + L.clientWidth, bottom: i + L.clientHeight, width: L.clientWidth, height: L.clientHeight };
   }(V, C) : d1(function(L) {
     var A;
@@ -8845,7 +8846,7 @@ function D1(H, V, C) {
 const _5 = { getClippingRect: function(H) {
   let { element: V, boundary: C, rootBoundary: L, strategy: A } = H;
   const M = C === "clippingAncestors" ? function(m) {
-    let o = Y1(m).filter((S) => X(S) && K(S) !== "body"), l = null;
+    let o = Y1(m).filter((S) => X(S) && $(S) !== "body"), l = null;
     const r = I(m).position === "fixed";
     let n = r ? M1(m) : m;
     for (; X(n) && !f1(n); ) {
@@ -8865,15 +8866,15 @@ const _5 = { getClippingRect: function(H) {
     return V;
   let i = { scrollLeft: 0, scrollTop: 0 };
   const e = { x: 0, y: 0 };
-  if ((A || !A && L !== "fixed") && ((K(C) !== "body" || n1(M)) && (i = r1(C)), Q(C))) {
-    const d = q(C, !0);
+  if ((A || !A && L !== "fixed") && (($(C) !== "body" || n1(M)) && (i = r1(C)), Q(C))) {
+    const d = j(C, !0);
     e.x = d.x + C.clientLeft, e.y = d.y + C.clientTop;
   }
   return { ...V, x: V.x - i.scrollLeft + e.x, y: V.y - i.scrollTop + e.y };
 }, isElement: X, getDimensions: function(H) {
   if (Q(H))
     return { width: H.offsetWidth, height: H.offsetHeight };
-  const V = q(H);
+  const V = j(H);
   return { width: V.width, height: V.height };
 }, getOffsetParent: x1, getDocumentElement: U, async getElementRects(H) {
   let { reference: V, floating: C, strategy: L } = H;
@@ -8966,7 +8967,7 @@ const N5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     }, n = () => {
       const { placement: s, offset: P, padding: c, disabled: Z } = C;
       Z || C.triggers === z.Hover && S1(L, A, M, s, P, c);
-    }, S = g(() => ({
+    }, S = k(() => ({
       tooltip: !0,
       "tooltip--dark": C.dark,
       "tooltip--light": C.light
@@ -8981,8 +8982,8 @@ const N5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
     );
-    const B = g(() => `${C.showDelay}ms`);
-    return (s, P) => (t(), a(j, null, [
+    const B = k(() => `${C.showDelay}ms`);
+    return (s, P) => (t(), a(K, null, [
       u("div", {
         ref_key: "trigger",
         ref: L,
@@ -8994,7 +8995,7 @@ const N5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         onMousemove: N(n, ["stop"])
       }, [
         b(s.$slots, "trigger", {}, void 0, !0),
-        s.$slots.trigger ? k("", !0) : (t(), a("div", {
+        s.$slots.trigger ? g("", !0) : (t(), a("div", {
           key: 0,
           innerHTML: C.triggerContent
         }, null, 8, I5))
@@ -9007,7 +9008,7 @@ const N5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         role: "tooltip"
       }, [
         b(s.$slots, "content", {}, void 0, !0),
-        s.$slots.content ? k("", !0) : (t(), a("div", {
+        s.$slots.content ? g("", !0) : (t(), a("div", {
           key: 0,
           class: f({
             tooltip__content: !0,
@@ -9015,7 +9016,7 @@ const N5 = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
             "tooltip__content--light": C.light
           })
         }, y(C.text), 3)),
-        s.$slots.content ? k("", !0) : (t(), a("div", {
+        s.$slots.content ? g("", !0) : (t(), a("div", {
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
@@ -9049,11 +9050,11 @@ const G5 = (H, V) => {
     return (C, L) => {
       const A = d2("router-link");
       return t(), a("div", z5, [
-        (t(!0), a(j, null, Y(V.items, (M, i) => (t(), a("div", {
+        (t(!0), a(K, null, Y(V.items, (M, i) => (t(), a("div", {
           class: "r-breadcrumb__item",
           key: i
         }, [
-          $(A, {
+          q(A, {
             to: M.to,
             class: "r-breadcrumb__link"
           }, {
@@ -9062,9 +9063,9 @@ const G5 = (H, V) => {
                 M.icon ? (t(), R(F, {
                   key: 0,
                   name: M.icon
-                }, null, 8, ["name"])) : k("", !0)
+                }, null, 8, ["name"])) : g("", !0)
               ]),
-              M.onlyIcon ? k("", !0) : (t(), a("span", U5, y(M.title), 1))
+              M.onlyIcon ? g("", !0) : (t(), a("span", U5, y(M.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9073,7 +9074,7 @@ const G5 = (H, V) => {
               key: 0,
               name: V.seperator,
               class: "r-breadcrumb__separator"
-            }, null, 8, ["name"])) : k("", !0)
+            }, null, 8, ["name"])) : g("", !0)
           ])
         ]))), 128))
       ]);
@@ -9105,12 +9106,12 @@ const G5 = (H, V) => {
   },
   emits: ["update:page"],
   setup(H, { emit: V }) {
-    const C = H, L = g(() => Math.ceil(C.totalItems / C.perPage)), A = (M) => {
+    const C = H, L = k(() => Math.ceil(C.totalItems / C.perPage)), A = (M) => {
       M < 1 || M > L.value || V("update:page", M);
     };
     return (M, i) => (t(), a("div", $5, [
       u("div", K5, [
-        H.slash ? k("", !0) : (t(), a("span", j5, y(C.pageText), 1)),
+        H.slash ? g("", !0) : (t(), a("span", j5, y(C.pageText), 1)),
         u("span", q5, y(C.page), 1),
         u("span", null, y(H.slash ? "/" : C.ofText), 1),
         u("span", Y5, y(p(L)), 1)
@@ -9201,7 +9202,7 @@ const G5 = (H, V) => {
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, L = "rocket-ui:r-item-group", A = x(C.as ?? "div"), M = x(C.modelValue ?? []), i = g(() => C.selectedClass);
+    const C = H, L = "rocket-ui:r-item-group", A = x(C.as ?? "div"), M = x(C.modelValue ?? []), i = k(() => C.selectedClass);
     a1(`${L}:selectedClass`, i.value);
     const e = (m) => M.value.includes(m);
     a1(`${L}:isSelected`, e);
@@ -9227,7 +9228,7 @@ const G5 = (H, V) => {
     selectedClass: { default: "" }
   },
   setup(H) {
-    const V = H, C = "rocket-ui:r-item-group", L = Z1(`${C}:isSelected`), A = Z1(`${C}:selectedClass`, ""), M = g(() => L(V.value) && [A, V.selectedClass]), i = Z1(`${C}:select`), e = () => {
+    const V = H, C = "rocket-ui:r-item-group", L = Z1(`${C}:isSelected`), A = Z1(`${C}:selectedClass`, ""), M = k(() => L(V.value) && [A, V.selectedClass]), i = Z1(`${C}:select`), e = () => {
       V.disabled || i(V.value, !L(V.value));
     }, d = () => {
       V.disabled || i(V.value, !0);