@rocketui/vue 0.0.91 → 0.0.93

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, openBlock as t, createElementBlock as a, createElementVNode as S, unref as c, reactive as X, Fragment as G, renderList as q, normalizeClass as g, renderSlot as b, toDisplayString as y, createVNode as U, computed as B, createCommentVNode as p, mergeProps as L2, createBlock as R, watch as E, getCurrentScope as M2, onScopeDispose as A2, ref as D, watchEffect as i2, onMounted as E1, Teleport as e2, withCtx as d1, withDirectives as W1, withKeys as B1, vModelText as d2, withModifiers as L1, createTextVNode as N1, normalizeStyle as h1, vShow as t2, resolveComponent as m2, provide as Z1, resolveDynamicComponent as l2, inject as u1 } from "vue";
+import { defineComponent as v, openBlock as t, createElementBlock as a, createElementVNode as S, unref as c, reactive as X, Fragment as $, renderList as q, normalizeClass as g, renderSlot as b, toDisplayString as y, createVNode as z, computed as B, createCommentVNode as p, mergeProps as L2, createBlock as R, watch as E, getCurrentScope as M2, onScopeDispose as A2, ref as D, watchEffect as i2, onMounted as E1, Teleport as e2, withCtx as d1, withDirectives as W1, withKeys as B1, vModelText as d2, withModifiers as L1, createTextVNode as N1, normalizeStyle as h1, vShow as t2, resolveComponent as m2, provide as Z1, resolveDynamicComponent as l2, inject as u1 } from "vue";
 const o2 = {
   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",
@@ -7317,7 +7317,7 @@ const o2 = {
     ], 8, r2));
   }
 });
-const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title" }, S2 = { class: "r-accordion__icon" }, s2 = { class: "r-accordion__content" }, O3 = /* @__PURE__ */ v({
+const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title" }, S2 = { class: "r-accordion__icon" }, s2 = { class: "r-accordion__content" }, c3 = /* @__PURE__ */ v({
   __name: "RAccordion",
   props: {
     accordions: null
@@ -7336,7 +7336,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
         C[i].open = i === M ? !C[i].open : !1;
       });
     }
-    return (M, A) => (t(!0), a(G, null, q(C, (i, e) => (t(), a("div", {
+    return (M, A) => (t(!0), a($, null, q(C, (i, e) => (t(), a("div", {
       key: e,
       class: g({
         "r-accordion": !0,
@@ -7352,7 +7352,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
           S("div", u2, y(i.title), 1)
         ]),
         S("div", S2, [
-          U(x, { name: "mdiChevronUp" })
+          z(x, { name: "mdiChevronUp" })
         ])
       ], 8, Z2),
       S("div", s2, [
@@ -7368,7 +7368,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
 }, f2 = {
   key: 0,
   class: "r-alert__close"
-}, p3 = /* @__PURE__ */ v({
+}, O3 = /* @__PURE__ */ v({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -7398,7 +7398,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
     }, [
       S("div", c2, [
         b(i.$slots, "alert-icon", {}, () => [
-          U(x, {
+          z(x, {
             name: c(M),
             size: 24
           }, null, 8, ["name"])
@@ -7412,7 +7412,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       ]),
       C.closable ? (t(), a("div", f2, [
         b(i.$slots, "custom-close", {}, () => [
-          U(x, {
+          z(x, {
             class: "r-alert__close__button",
             name: "mdiClose",
             size: 16,
@@ -7422,7 +7422,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       ])) : p("", !0)
     ], 2));
   }
-}), b1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", g2 = { class: "r-avatar__wrapper" }, k2 = ["alt", "src"], h3 = /* @__PURE__ */ v({
+}), b1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", g2 = { class: "r-avatar__wrapper" }, k2 = ["alt", "src"], p3 = /* @__PURE__ */ v({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
@@ -7467,7 +7467,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       }, null, 2)) : p("", !0)
     ]));
   }
-}), B2 = { class: "r-badge-wrapper group" }, f3 = /* @__PURE__ */ v({
+}), B2 = { class: "r-badge-wrapper group" }, h3 = /* @__PURE__ */ v({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -7500,7 +7500,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       b(L.$slots, "default")
     ]));
   }
-}), b2 = ["disabled"], g3 = /* @__PURE__ */ v({
+}), b2 = ["disabled"], f3 = /* @__PURE__ */ v({
   __name: "RButton",
   props: {
     variant: { default: "default" },
@@ -7564,7 +7564,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
 }, D2 = {
   key: 1,
   class: "r-checkbox-texts__hint"
-}, k3 = /* @__PURE__ */ v({
+}, g3 = /* @__PURE__ */ v({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -7630,7 +7630,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
           class: g(c(i)),
           "data-disabled": C.disabled
         }, [
-          U(x, {
+          z(x, {
             name: c(A),
             size: 24
           }, null, 8, ["name"])
@@ -7979,7 +7979,7 @@ function Q(H) {
 function N(H) {
   return Q(H).getComputedStyle(H);
 }
-function $(H) {
+function U(H) {
   return $1(H) ? "" : H ? (H.nodeName || "").toLowerCase() : "";
 }
 function K1() {
@@ -8000,7 +8000,7 @@ function n1(H) {
   return /auto|scroll|overlay|hidden/.test(V + L + C) && !["inline", "contents"].includes(M);
 }
 function M5(H) {
-  return ["table", "td", "th"].includes($(H));
+  return ["table", "td", "th"].includes(U(H));
 }
 function p1(H) {
   const V = /firefox/i.test(K1()), C = N(H), L = C.backdropFilter || C.WebkitBackdropFilter;
@@ -8013,7 +8013,7 @@ function j1() {
   return !/^((?!chrome|android).)*safari/i.test(K1());
 }
 function g1(H) {
-  return ["html", "body", "#document"].includes($(H));
+  return ["html", "body", "#document"].includes(U(H));
 }
 const R1 = Math.min, V1 = Math.max, o1 = Math.round;
 function K(H, V, C) {
@@ -8025,7 +8025,7 @@ function K(H, V, C) {
   const r = Y(H) ? Q(H) : window, m = !j1() && C, Z = (e.left + (m && (L = (M = r.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, n = (e.top + (m && (A = (i = r.visualViewport) == null ? void 0 : i.offsetTop) != null ? A : 0)) / l, u = e.width / d, h = e.height / l;
   return { width: u, height: h, top: n, right: Z + u, bottom: n + h, left: Z, x: Z, y: n };
 }
-function z(H) {
+function G(H) {
   return (V = H, (V instanceof Q(V).Node ? H.ownerDocument : H.document) || window.document).documentElement;
   var V;
 }
@@ -8033,17 +8033,17 @@ function a1(H) {
   return Y(H) ? { scrollLeft: H.scrollLeft, scrollTop: H.scrollTop } : { scrollLeft: H.pageXOffset, scrollTop: H.pageYOffset };
 }
 function q1(H) {
-  return K(z(H)).left + a1(H).scrollLeft;
+  return K(G(H)).left + a1(H).scrollLeft;
 }
 function A5(H, V, C) {
-  const L = I(V), M = z(V), A = K(H, L && function(d) {
+  const L = I(V), M = G(V), A = K(H, L && function(d) {
     const l = K(d);
     return o1(l.width) !== d.offsetWidth || o1(l.height) !== d.offsetHeight;
   }(V), C === "fixed");
   let i = { scrollLeft: 0, scrollTop: 0 };
   const e = { x: 0, y: 0 };
   if (L || !L && C !== "fixed")
-    if (($(V) !== "body" || n1(M)) && (i = a1(V)), I(V)) {
+    if ((U(V) !== "body" || n1(M)) && (i = a1(V)), I(V)) {
       const d = K(V, !0);
       e.x = d.x + V.clientLeft, e.y = d.y + V.clientTop;
     } else
@@ -8051,9 +8051,9 @@ function A5(H, V, C) {
   return { x: A.left + i.scrollLeft - e.x, y: A.top + i.scrollTop - e.y, width: A.width, height: A.height };
 }
 function M1(H) {
-  if ($(H) === "html")
+  if (U(H) === "html")
     return H;
-  const V = H.assignedSlot || H.parentNode || (F1(H) ? H.host : null) || z(H);
+  const V = H.assignedSlot || H.parentNode || (F1(H) ? H.host : null) || G(H);
   return F1(V) ? V.host : V;
 }
 function x1(H) {
@@ -8064,7 +8064,7 @@ function D1(H) {
   let C = x1(H);
   for (; C && M5(C) && N(C).position === "static"; )
     C = x1(C);
-  return C && ($(C) === "html" || $(C) === "body" && N(C).position === "static" && !p1(C)) ? V : C || function(L) {
+  return C && (U(C) === "html" || U(C) === "body" && N(C).position === "static" && !p1(C)) ? V : C || function(L) {
     let M = M1(L);
     for (; I(M) && !g1(M); ) {
       if (p1(M))
@@ -8086,7 +8086,7 @@ function X1(H, V) {
 }
 function _1(H, V, C) {
   return V === "viewport" ? t1(function(L, M) {
-    const A = Q(L), i = z(L), e = A.visualViewport;
+    const A = Q(L), i = G(L), e = A.visualViewport;
     let d = i.clientWidth, l = i.clientHeight, r = 0, m = 0;
     if (e) {
       d = e.width, l = e.height;
@@ -8099,16 +8099,16 @@ function _1(H, V, C) {
     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) : t1(function(L) {
     var M;
-    const A = z(L), i = a1(L), e = (M = L.ownerDocument) == null ? void 0 : M.body, d = V1(A.scrollWidth, A.clientWidth, e ? e.scrollWidth : 0, e ? e.clientWidth : 0), l = V1(A.scrollHeight, A.clientHeight, e ? e.scrollHeight : 0, e ? e.clientHeight : 0);
+    const A = G(L), i = a1(L), e = (M = L.ownerDocument) == null ? void 0 : M.body, d = V1(A.scrollWidth, A.clientWidth, e ? e.scrollWidth : 0, e ? e.clientWidth : 0), l = V1(A.scrollHeight, A.clientHeight, e ? e.scrollHeight : 0, e ? e.clientHeight : 0);
     let r = -i.scrollLeft + q1(L);
     const m = -i.scrollTop;
     return N(e || A).direction === "rtl" && (r += V1(A.clientWidth, e ? e.clientWidth : 0) - d), { width: d, height: l, x: r, y: m };
-  }(z(H)));
+  }(G(H)));
 }
 const i5 = { getClippingRect: function(H) {
   let { element: V, boundary: C, rootBoundary: L, strategy: M } = H;
   const A = C === "clippingAncestors" ? function(l) {
-    let r = X1(l).filter((u) => Y(u) && $(u) !== "body"), m = null;
+    let r = X1(l).filter((u) => Y(u) && U(u) !== "body"), m = null;
     const Z = N(l).position === "fixed";
     let n = Z ? M1(l) : l;
     for (; Y(n) && !g1(n); ) {
@@ -8123,12 +8123,12 @@ const i5 = { getClippingRect: function(H) {
   return { width: d.right - d.left, height: d.bottom - d.top, x: d.left, y: d.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(H) {
   let { rect: V, offsetParent: C, strategy: L } = H;
-  const M = I(C), A = z(C);
+  const M = I(C), A = G(C);
   if (C === A)
     return V;
   let i = { scrollLeft: 0, scrollTop: 0 };
   const e = { x: 0, y: 0 };
-  if ((M || !M && L !== "fixed") && (($(C) !== "body" || n1(A)) && (i = a1(C)), I(C))) {
+  if ((M || !M && L !== "fixed") && ((U(C) !== "body" || n1(A)) && (i = a1(C)), I(C))) {
     const d = K(C, !0);
     e.x = d.x + C.clientLeft, e.y = d.y + C.clientTop;
   }
@@ -8138,7 +8138,7 @@ const i5 = { getClippingRect: function(H) {
     return { width: H.offsetWidth, height: H.offsetHeight };
   const V = K(H);
   return { width: V.width, height: V.height };
-}, getOffsetParent: D1, getDocumentElement: z, async getElementRects(H) {
+}, getOffsetParent: D1, getDocumentElement: G, async getElementRects(H) {
   let { reference: V, floating: C, strategy: L } = H;
   const M = this.getOffsetParent || D1, A = this.getDimensions;
   return { reference: A5(V, await M(C), L), floating: { x: 0, y: 0, ...await A(C) } };
@@ -8257,7 +8257,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
           ignore: [M.value]
         }
       );
-    }), (u, h) => (t(), a(G, null, [
+    }), (u, h) => (t(), a($, null, [
       S("div", {
         ref_key: "trigger",
         ref: L,
@@ -8324,7 +8324,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
 }, S5 = {
   key: 0,
   class: "r-dropdown-error"
-}, B3 = /* @__PURE__ */ v({
+}, k3 = /* @__PURE__ */ v({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
@@ -8413,7 +8413,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
       ref: l,
       class: "r-dropdown-wrapper"
     }, [
-      U(m5, {
+      z(m5, {
         "auto-hide": !1,
         offset: 0,
         "outside-click": "",
@@ -8452,7 +8452,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
               ])
             ], 2)) : p("", !0),
             C.taggable ? (t(), a("div", o5, [
-              (t(!0), a(G, null, q(M, (o, k) => (t(), R(E2, {
+              (t(!0), a($, null, q(M, (o, k) => (t(), R(E2, {
                 key: k,
                 "append-icon": "close",
                 class: "r-dropdown__tags__chip",
@@ -8462,7 +8462,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
               }, null, 8, ["label", "onClick:close"]))), 128))
             ])) : p("", !0),
             C.multiple ? (t(), a("div", r5, [
-              (t(!0), a(G, null, q(M, (o, k) => (t(), a("p", { key: k }, y(`${o.label},`), 1))), 128))
+              (t(!0), a($, null, q(M, (o, k) => (t(), a("p", { key: k }, y(`${o.label},`), 1))), 128))
             ])) : p("", !0),
             W1(S("input", {
               id: C.id,
@@ -8506,7 +8506,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (t(!0), a(G, null, q(c(P), (o) => (t(), a("li", {
+            (t(!0), a($, null, q(c(P), (o) => (t(), a("li", {
               key: o.value,
               "aria-disabled": o.disabled,
               class: g(["r-dropdown-options__option", {
@@ -8574,7 +8574,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
 }, g5 = {
   key: 2,
   class: "description"
-}, k5 = { class: "r-dialog__body" }, B5 = { class: "r-dialog__actions" }, b3 = /* @__PURE__ */ v({
+}, k5 = { class: "r-dialog__body" }, B5 = { class: "r-dialog__actions" }, B3 = /* @__PURE__ */ v({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -8616,7 +8616,7 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
         S("div", p5, [
           b(i.$slots, "header"),
           C.icon ? (t(), a("div", h5, [
-            U(x, {
+            z(x, {
               name: C.icon
             }, null, 8, ["name"])
           ])) : p("", !0),
@@ -8634,31 +8634,30 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
       [t2, H.modelValue]
     ]);
   }
-}), b5 = ["data-open"], y5 = { class: "r-sidebar__nav" }, w5 = { class: "r-sidebar__actions" }, P5 = ["data-open"], T5 = /* @__PURE__ */ N1(" > "), y3 = /* @__PURE__ */ v({
+}), b5 = ["data-open"], y5 = ["data-open"], w5 = ["data-open"], P5 = /* @__PURE__ */ N1(" > "), b3 = /* @__PURE__ */ v({
   __name: "RSidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
     showTrigger: { type: Boolean, default: !0 },
     class: null,
-    triggerClass: null
+    triggerClass: null,
+    wrapperClass: null
   },
   emits: ["update:modelValue"],
   setup(H) {
     const V = H, C = B(() => ({
       "r-sidebar": !0
     }));
-    return (L, M) => (t(), a(G, null, [
+    return (L, M) => (t(), a("div", {
+      class: g(["r-sidebar__wrapper", [L.$props.wrapperClass]]),
+      "data-open": V.modelValue
+    }, [
       S("aside", {
         class: g([c(C), V.class]),
         "data-open": V.modelValue
       }, [
-        S("nav", y5, [
-          b(L.$slots, "default")
-        ]),
-        S("div", w5, [
-          b(L.$slots, "actions")
-        ])
-      ], 10, b5),
+        b(L.$slots, "default")
+      ], 10, y5),
       V.showTrigger ? (t(), a("div", {
         key: 0,
         class: g(["r-sidebar__trigger", [V.triggerClass]]),
@@ -8666,15 +8665,15 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
         onClick: M[0] || (M[0] = (A) => L.$emit("update:modelValue", !V.modelValue))
       }, [
         b(L.$slots, "trigger", {}, () => [
-          T5
+          P5
         ])
-      ], 10, P5)) : p("", !0)
-    ], 64));
+      ], 10, w5)) : p("", !0)
+    ], 10, b5));
   }
-}), v5 = { class: "r-snackbar__text" }, F5 = {
+}), T5 = { class: "r-snackbar__text" }, v5 = {
   key: 0,
   class: "r-snackbar__close"
-}, w3 = /* @__PURE__ */ v({
+}, y3 = /* @__PURE__ */ v({
   __name: "RSnackbar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -8721,11 +8720,11 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
           name: c(M)
         }, null, 8, ["name"])) : p("", !0)
       ]),
-      S("div", v5, y(C.text), 1),
+      S("div", T5, y(C.text), 1),
       b(A.$slots, "action"),
-      C.closable ? (t(), a("div", F5, [
+      C.closable ? (t(), a("div", v5, [
         b(A.$slots, "close", {}, () => [
-          U(x, {
+          z(x, {
             name: "mdiClose",
             size: 16,
             onClick: i[0] || (i[0] = L1((e) => A.$emit("update:modelValue", !1), ["stop"]))
@@ -8734,16 +8733,16 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
       ])) : p("", !0)
     ], 2));
   }
-}), R5 = ["id", "checked", "disabled"], x5 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), D5 = ["id", "for"], _5 = {
+}), F5 = ["id", "checked", "disabled"], R5 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), x5 = ["id", "for"], D5 = {
   key: 0,
   class: "r-switch-texts__details"
-}, E5 = {
+}, _5 = {
   key: 0,
   class: "r-switch-texts__error"
-}, W5 = {
+}, E5 = {
   key: 1,
   class: "r-switch-texts__hint"
-}, P3 = /* @__PURE__ */ v({
+}, w3 = /* @__PURE__ */ v({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -8795,8 +8794,8 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
           disabled: C.disabled,
           type: "checkbox",
           onChange: A
-        }, null, 40, R5),
-        x5
+        }, null, 40, F5),
+        R5
       ], 2),
       S("div", {
         class: g(["r-switch-texts", {
@@ -8807,19 +8806,19 @@ const d5 = ["aria-disabled"], t5 = ["innerHTML"], m5 = /* @__PURE__ */ v({
           id: C.id,
           class: "r-switch-texts__label",
           for: C.id
-        }, y(C.label), 9, D5),
-        C.hideDetails ? p("", !0) : (t(), a("div", _5, [
-          C.errorMsg ? (t(), a("p", E5, y(C.errorMsg), 1)) : (t(), a("p", W5, y(C.hint), 1))
+        }, y(C.label), 9, x5),
+        C.hideDetails ? p("", !0) : (t(), a("div", D5, [
+          C.errorMsg ? (t(), a("p", _5, y(C.errorMsg), 1)) : (t(), a("p", E5, y(C.hint), 1))
         ]))
       ], 2)
     ], 2));
   }
 });
 var H1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(H1 || {});
-const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
+const W5 = ["aria-disabled", "aria-selected", "disabled"], N5 = {
   key: 0,
   class: "r-tab-item__label"
-}, Q5 = /* @__PURE__ */ v({
+}, I5 = /* @__PURE__ */ v({
   __name: "RTabItem",
   props: {
     id: null,
@@ -8865,7 +8864,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
           size: 16
         }, null, 8, ["name"])) : p("", !0)
       ]),
-      C.variant !== c(H1).ICON ? (t(), a("span", I5, y(C.label), 1)) : p("", !0),
+      C.variant !== c(H1).ICON ? (t(), a("span", N5, y(C.label), 1)) : p("", !0),
       b(e.$slots, "append", {}, () => [
         C.variant !== c(H1).TEXT && C.appendIcon ? (t(), R(x, {
           key: 0,
@@ -8875,9 +8874,9 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
           onClick: L1(i, ["stop"])
         }, null, 8, ["name", "onClick"])) : p("", !0)
       ])
-    ], 14, N5));
+    ], 14, W5));
   }
-}), T3 = /* @__PURE__ */ v({
+}), P3 = /* @__PURE__ */ v({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -8907,7 +8906,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
       class: g(c(M))
     }, [
       b(i.$slots, "default", {}, () => [
-        (t(!0), a(G, null, q(C.tabs, (d, l) => (t(), R(Q5, {
+        (t(!0), a($, null, q(C.tabs, (d, l) => (t(), R(I5, {
           id: d.id,
           key: l,
           modelValue: L.value,
@@ -8925,16 +8924,16 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
       ])
     ], 2));
   }
-}), G5 = { class: "r-textarea-wrapper" }, z5 = ["id", "disabled", "placeholder", "value"], U5 = {
+}), Q5 = { class: "r-textarea-wrapper" }, G5 = ["id", "disabled", "placeholder", "value"], z5 = {
   key: 1,
   class: "r-textarea__details"
-}, $5 = {
+}, U5 = {
   key: 0,
   class: "r-textarea__error"
-}, K5 = {
+}, $5 = {
   key: 1,
   class: "r-textarea__hint"
-}, v3 = /* @__PURE__ */ v({
+}, T3 = /* @__PURE__ */ v({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -8962,7 +8961,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
       {
         immediate: !0
       }
-    ), (A, i) => (t(), a("div", G5, [
+    ), (A, i) => (t(), a("div", Q5, [
       C.label ? (t(), R(H2, {
         key: 0,
         id: "textarea",
@@ -8980,22 +8979,22 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
         placeholder: C.placeholder,
         value: L.value,
         onInput: M
-      }, null, 42, z5),
-      C.hideDetails ? p("", !0) : (t(), a("div", U5, [
-        C.errorMsg ? (t(), a("p", $5, y(C.errorMsg), 1)) : (t(), a("p", K5, y(C.hint), 1))
+      }, null, 42, G5),
+      C.hideDetails ? p("", !0) : (t(), a("div", z5, [
+        C.errorMsg ? (t(), a("p", U5, y(C.errorMsg), 1)) : (t(), a("p", $5, y(C.hint), 1))
       ]))
     ]));
   }
-}), j5 = { class: "r-textfield__wrapper" }, q5 = { class: "input-wrapper" }, Y5 = ["id", "disabled", "max", "min", "placeholder", "type", "value"], X5 = {
+}), K5 = { class: "r-textfield__wrapper" }, j5 = { class: "input-wrapper" }, q5 = ["id", "disabled", "max", "min", "placeholder", "type", "value"], Y5 = {
   key: 0,
   class: "r-textfield__details"
-}, J5 = {
+}, X5 = {
   key: 0,
   class: "r-textfield__error"
-}, C3 = {
+}, J5 = {
   key: 1,
   class: "r-textfield__hint"
-}, F3 = /* @__PURE__ */ v({
+}, v3 = /* @__PURE__ */ v({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -9105,7 +9104,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
           A.value === "number" ? +o : o
         );
       }
-    ), (o, k) => (t(), a("div", j5, [
+    ), (o, k) => (t(), a("div", K5, [
       C.label ? (t(), R(H2, {
         key: 0,
         id: C.id,
@@ -9114,7 +9113,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
         text: C.label,
         onClick: F
       }, null, 8, ["id", "for", "text"])) : p("", !0),
-      S("div", q5, [
+      S("div", j5, [
         S("div", {
           class: g(c(Z))
         }, [
@@ -9138,7 +9137,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
             onBlur: T,
             onFocus: P,
             onInput: w
-          }, null, 40, Y5),
+          }, null, 40, q5),
           c(r) ? p("", !0) : b(o.$slots, "append", { key: 1 }),
           c(f) && !o.$slots.append || c(r) ? (t(), R(x, {
             key: 2,
@@ -9148,17 +9147,17 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
             onClick: O
           }, null, 8, ["class", "name"])) : p("", !0)
         ], 2),
-        C.hideDetails ? p("", !0) : (t(), a("div", X5, [
-          C.errorMsg ? (t(), a("p", J5, y(C.errorMsg), 1)) : p("", !0),
-          !C.errorMsg && C.hint ? (t(), a("p", C3, y(C.hint), 1)) : p("", !0)
+        C.hideDetails ? p("", !0) : (t(), a("div", Y5, [
+          C.errorMsg ? (t(), a("p", X5, y(C.errorMsg), 1)) : p("", !0),
+          !C.errorMsg && C.hint ? (t(), a("p", J5, y(C.hint), 1)) : p("", !0)
         ]))
       ])
     ]));
   }
-}), H3 = { class: "r-breadcrumb" }, V3 = {
+}), C3 = { class: "r-breadcrumb" }, H3 = {
   key: 0,
   class: "r-breadcrumb__title"
-}, R3 = /* @__PURE__ */ v({
+}, F3 = /* @__PURE__ */ v({
   __name: "RBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -9168,12 +9167,12 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
     const V = H;
     return (C, L) => {
       const M = m2("router-link");
-      return t(), a("div", H3, [
-        (t(!0), a(G, null, q(V.items, (A, i) => (t(), a("div", {
+      return t(), a("div", C3, [
+        (t(!0), a($, null, q(V.items, (A, i) => (t(), a("div", {
           key: i,
           class: "r-breadcrumb__item"
         }, [
-          U(M, {
+          z(M, {
             class: "r-breadcrumb__link",
             to: A.to
           }, {
@@ -9184,7 +9183,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
                   name: A.icon
                 }, null, 8, ["name"])) : p("", !0)
               ]),
-              A.onlyIcon ? p("", !0) : (t(), a("span", V3, y(A.title), 1))
+              A.onlyIcon ? p("", !0) : (t(), a("span", H3, y(A.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9199,21 +9198,21 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
       ]);
     };
   }
-}), L3 = { class: "r-pagination" }, M3 = { class: "r-pagination__page-info" }, A3 = { key: 0 }, i3 = { class: "r-pagination__page-info__current-page" }, e3 = { class: "r-pagination__page-info__total-pages" }, d3 = { class: "r-pagination__paginator" }, t3 = ["disabled"], m3 = /* @__PURE__ */ S("path", {
+}), V3 = { class: "r-pagination" }, L3 = { class: "r-pagination__page-info" }, M3 = { key: 0 }, A3 = { class: "r-pagination__page-info__current-page" }, i3 = { class: "r-pagination__page-info__total-pages" }, e3 = { class: "r-pagination__paginator" }, d3 = ["disabled"], t3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), l3 = /* @__PURE__ */ S("path", { d: "M15 6l-6 6l6 6" }, null, -1), o3 = [
-  m3,
-  l3
-], r3 = ["max", "value"], n3 = ["disabled"], a3 = /* @__PURE__ */ S("path", {
+}, null, -1), m3 = /* @__PURE__ */ S("path", { d: "M15 6l-6 6l6 6" }, null, -1), l3 = [
+  t3,
+  m3
+], o3 = ["max", "value"], r3 = ["disabled"], n3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), Z3 = /* @__PURE__ */ S("path", { d: "M9 6l6 6l-6 6" }, null, -1), u3 = [
-  a3,
-  Z3
-], S3 = { class: "r-pagination__paginator__total" }, x3 = /* @__PURE__ */ v({
+}, null, -1), a3 = /* @__PURE__ */ S("path", { d: "M9 6l6 6l-6 6" }, null, -1), Z3 = [
+  n3,
+  a3
+], u3 = { class: "r-pagination__paginator__total" }, R3 = /* @__PURE__ */ v({
   __name: "RPagination",
   props: {
     page: { default: 1 },
@@ -9228,14 +9227,14 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
     const C = H, L = B(() => Math.ceil(C.totalItems / C.perPage)), M = (A) => {
       A < 1 || A > L.value || V("update:page", A);
     };
-    return (A, i) => (t(), a("div", L3, [
-      S("div", M3, [
-        H.slash ? p("", !0) : (t(), a("span", A3, y(C.pageText), 1)),
-        S("span", i3, y(C.page), 1),
+    return (A, i) => (t(), a("div", V3, [
+      S("div", L3, [
+        H.slash ? p("", !0) : (t(), a("span", M3, y(C.pageText), 1)),
+        S("span", A3, y(C.page), 1),
         S("span", null, y(H.slash ? "/" : C.ofText), 1),
-        S("span", e3, y(c(L)), 1)
+        S("span", i3, y(c(L)), 1)
       ]),
-      S("div", d3, [
+      S("div", e3, [
         S("button", {
           class: "r-pagination__paginator__prev",
           disabled: C.page === 1,
@@ -9253,9 +9252,9 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
               viewBox: "0 0 24 24",
               width: "16",
               xmlns: "http://www.w3.org/2000/svg"
-            }, o3, 2))
+            }, l3, 2))
           ])
-        ], 8, t3),
+        ], 8, d3),
         S("input", {
           class: "r-pagination__paginator__input",
           max: c(L),
@@ -9266,7 +9265,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
             var d;
             return M(+((d = e == null ? void 0 : e.target) == null ? void 0 : d.value));
           })
-        }, null, 40, r3),
+        }, null, 40, o3),
         S("button", {
           class: "r-pagination__paginator__next",
           disabled: C.page === c(L),
@@ -9284,14 +9283,14 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
               viewBox: "0 0 24 24",
               width: "16",
               xmlns: "http://www.w3.org/2000/svg"
-            }, u3, 2))
+            }, Z3, 2))
           ])
-        ], 8, n3),
-        S("div", S3, "/ " + y(c(L)), 1)
+        ], 8, r3),
+        S("div", u3, "/ " + y(c(L)), 1)
       ])
     ]));
   }
-}), s3 = ["value"], D3 = /* @__PURE__ */ v({
+}), S3 = ["value"], x3 = /* @__PURE__ */ v({
   __name: "RProgressbar",
   props: {
     value: { default: 0 },
@@ -9306,9 +9305,9 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
       role: "progressbar",
       style: h1({ height: V.height + "px" }),
       value: V.value
-    }, null, 12, s3));
+    }, null, 12, S3));
   }
-}), _3 = /* @__PURE__ */ v({
+}), D3 = /* @__PURE__ */ v({
   __name: "RItemGroup",
   props: {
     modelValue: { default: () => [] },
@@ -9341,7 +9340,7 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
       _: 3
     }));
   }
-}), E3 = /* @__PURE__ */ v({
+}), _3 = /* @__PURE__ */ v({
   __name: "RItem",
   props: {
     value: { default: null },
@@ -9367,28 +9366,28 @@ const N5 = ["aria-disabled", "aria-selected", "disabled"], I5 = {
   }
 });
 export {
-  O3 as RAccordion,
-  p3 as RAlert,
-  h3 as RAvatar,
-  f3 as RBadge,
-  R3 as RBreadcrumb,
-  g3 as RButton,
-  k3 as RCheckbox,
+  c3 as RAccordion,
+  O3 as RAlert,
+  p3 as RAvatar,
+  h3 as RBadge,
+  F3 as RBreadcrumb,
+  f3 as RButton,
+  g3 as RCheckbox,
   E2 as RChip,
-  B3 as RDropdown,
+  k3 as RDropdown,
   x as RIcon,
-  E3 as RItem,
-  _3 as RItemGroup,
+  _3 as RItem,
+  D3 as RItemGroup,
   H2 as RLabel,
-  b3 as RModal,
-  x3 as RPagination,
-  D3 as RProgressbar,
-  y3 as RSidebar,
-  w3 as RSnackbar,
-  P3 as RSwitch,
-  Q5 as RTabItem,
-  T3 as RTabs,
-  v3 as RTextArea,
-  F3 as RTextfield,
+  B3 as RModal,
+  R3 as RPagination,
+  x3 as RProgressbar,
+  b3 as RSidebar,
+  y3 as RSnackbar,
+  w3 as RSwitch,
+  I5 as RTabItem,
+  P3 as RTabs,
+  T3 as RTextArea,
+  v3 as RTextfield,
   m5 as RTooltip
 };