@rocketui/vue 0.2.2-2.alpha.0 → 0.2.2-2.alpha.2

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as Z1, Fragment as i1, renderList as o1, normalizeClass as c, renderSlot as f, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as p, mergeProps as j1, createBlock as _, watch as G, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as n1, withDirectives as Y1, withModifiers as e1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as s1, resolveDynamicComponent as g2, inject as c1 } from "vue";
+import { defineComponent as R, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as Z1, Fragment as i1, renderList as o1, normalizeClass as c, renderSlot as f, toDisplayString as y, createVNode as K, computed as g, createCommentVNode as p, mergeProps as j1, createBlock as _, watch as $, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as n1, withDirectives as Y1, withModifiers as e1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as s1, resolveDynamicComponent as g2, inject as c1 } from "vue";
 const k2 = {
   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",
@@ -7296,7 +7296,7 @@ const k2 = {
   mdiZodiacScorpio: "M17.71,15.29L16.29,16.71L17.59,18H16A2,2 0 0,1 14,16V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V16A4,4 0 0,0 16,20H17.59L16.29,21.29L17.71,22.71L21.41,19L17.71,15.29Z",
   mdiZodiacTaurus: "M15.59,9C17.7,7.74 19,5.46 19,3H17A5,5 0 0,1 12,8A5,5 0 0,1 7,3H5C5,5.46 6.3,7.74 8.41,9C5.09,11 4,15.28 6,18.6C7.97,21.92 12.27,23 15.59,21C18.91,19.04 20,14.74 18,11.42C17.42,10.43 16.58,9.59 15.59,9M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20Z",
   mdiZodiacVirgo: "M18.5,19.13C20,17.77 20,15.18 20,14A4,4 0 0,0 16,10C15.3,10 14.6,10.2 14,10.56V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V14C12,15.18 12,17.77 13.5,19.13C12.72,19.54 11.88,19.84 11,20V22C12.29,22 14.84,20.74 16,20.13C17.16,20.74 19.71,22 21,22V20C20.12,19.84 19.28,19.54 18.5,19.13M16,12A2,2 0 0,1 18,14C18,16.92 17.46,18 16,18C14.54,18 14,16.92 14,14A2,2 0 0,1 16,12Z"
-}, B2 = ["height", "viewBox", "width"], b2 = ["d"], x = /* @__PURE__ */ T({
+}, B2 = ["height", "viewBox", "width"], b2 = ["d"], x = /* @__PURE__ */ R({
   __name: "RIcon",
   props: {
     name: { default: "" },
@@ -7316,7 +7316,7 @@ const k2 = {
       }, null, 8, b2)
     ], 8, B2));
   }
-}), w2 = ["data-state"], y2 = ["onClick"], P2 = { class: "r-accordion__title" }, v2 = { class: "r-accordion__icon" }, T2 = { class: "r-accordion__content" }, M0 = /* @__PURE__ */ T({
+}), w2 = ["data-state"], y2 = ["onClick"], P2 = { class: "r-accordion__title" }, v2 = { class: "r-accordion__icon" }, T2 = { class: "r-accordion__content" }, M0 = /* @__PURE__ */ R({
   __name: "RAccordion",
   props: {
     accordions: {}
@@ -7347,7 +7347,7 @@ const k2 = {
         onClick: (d) => M(e)
       }, [
         f(A.$slots, "title", {}, () => [
-          S("div", P2, w(i.title), 1)
+          S("div", P2, y(i.title), 1)
         ]),
         S("div", v2, [
           K(x, { name: "mdiChevronUp" })
@@ -7355,7 +7355,7 @@ const k2 = {
       ], 8, y2),
       S("div", T2, [
         f(A.$slots, "content", {}, () => [
-          S("span", null, w(i.content), 1)
+          S("span", null, y(i.content), 1)
         ])
       ])
     ], 10, w2))), 128));
@@ -7366,7 +7366,7 @@ const k2 = {
 }, _2 = {
   key: 0,
   class: "r-alert__close"
-}, A0 = /* @__PURE__ */ T({
+}, A0 = /* @__PURE__ */ R({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -7405,8 +7405,8 @@ const k2 = {
       ]),
       S("div", R2, [
         f(e.$slots, "content", {}, () => [
-          S("p", x2, w(C.title), 1),
-          C.description ? (m(), Z("p", D2, w(C.description), 1)) : p("", !0)
+          S("p", x2, y(C.title), 1),
+          C.description ? (m(), Z("p", D2, y(C.description), 1)) : p("", !0)
         ])
       ]),
       C.closable ? (m(), Z("div", _2, [
@@ -7421,7 +7421,7 @@ const k2 = {
       ])) : p("", !0)
     ], 2));
   }
-}), I1 = "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", E2 = { class: "r-avatar__wrapper" }, W2 = ["alt", "src"], i0 = /* @__PURE__ */ T({
+}), I1 = "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", E2 = { class: "r-avatar__wrapper" }, W2 = ["alt", "src"], i0 = /* @__PURE__ */ R({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
@@ -7447,7 +7447,7 @@ const k2 = {
         V.type === "text" ? (m(), Z("p", {
           key: 0,
           class: c(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
-        }, w(L(V.text)), 3)) : (m(), Z("img", {
+        }, y(L(V.text)), 3)) : (m(), Z("img", {
           key: 1,
           alt: V.alt,
           class: c(["r-avatar__image", {
@@ -7465,7 +7465,7 @@ const k2 = {
       }, null, 2)) : p("", !0)
     ]));
   }
-}), N2 = ["innerHTML"], e0 = /* @__PURE__ */ T({
+}), N2 = ["innerHTML"], e0 = /* @__PURE__ */ R({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -7504,7 +7504,7 @@ const k2 = {
       f(M.$slots, "default")
     ], 2));
   }
-}), I2 = ["disabled"], d0 = /* @__PURE__ */ T({
+}), I2 = ["disabled"], d0 = /* @__PURE__ */ R({
   __name: "RButton",
   props: {
     variant: { default: "default" },
@@ -7571,7 +7571,7 @@ const k2 = {
 }, X2 = {
   key: 1,
   class: "r-checkbox-texts__hint"
-}, t0 = /* @__PURE__ */ T({
+}, t0 = /* @__PURE__ */ R({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -7602,7 +7602,7 @@ const k2 = {
     function d(t) {
       C.disabled || (A.checked = t.target.checked, A.indeterminate = !1, M("update:modelValue", A.checked));
     }
-    return G(
+    return $(
       () => C.indeterminate,
       (t) => {
         A.indeterminate = t, t === !0 && (A.checked = !1, M("update:modelValue", A.checked));
@@ -7612,7 +7612,7 @@ const k2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), G(
+    ), $(
       () => C.modelValue,
       (t) => {
         A.checked = t;
@@ -7648,14 +7648,14 @@ const k2 = {
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
-        }, w(C.label), 9, K2),
+        }, y(C.label), 9, K2),
         C.hideDetails ? p("", !0) : (m(), Z("div", q2, [
-          C.errorMsg ? (m(), Z("p", j2, w(C.errorMsg), 1)) : (m(), Z("p", X2, w(C.hint), 1))
+          C.errorMsg ? (m(), Z("p", j2, y(C.errorMsg), 1)) : (m(), Z("p", X2, y(C.hint), 1))
         ]))
       ])
     ]));
   }
-}), Y2 = /* @__PURE__ */ T({
+}), Y2 = /* @__PURE__ */ R({
   __name: "RChip",
   props: {
     variant: { default: "primary" },
@@ -7701,7 +7701,7 @@ const k2 = {
         ]),
         S("span", {
           class: c(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
-        }, w(C.label), 3)
+        }, y(C.label), 3)
       ]),
       f(d.$slots, "append", {}, () => [
         e.value ? (m(), _(x, {
@@ -7743,7 +7743,7 @@ function y1(...H) {
   Array.isArray(C) || (C = [C]), Array.isArray(M) || (M = [M]);
   const L = [], i = () => {
     L.forEach((l) => l()), L.length = 0;
-  }, e = (l, o, n, a) => (l.addEventListener(o, n, a), () => l.removeEventListener(o, n, a)), d = G(
+  }, e = (l, o, n, a) => (l.addEventListener(o, n, a), () => l.removeEventListener(o, n, a)), d = $(
     () => [m1(V), J1(A)],
     ([l, o]) => {
       if (i(), !l)
@@ -7960,13 +7960,13 @@ const n5 = async (H, V, C) => {
   for (let b = 0; b < e.length; b++) {
     const {
       name: k,
-      fn: y
+      fn: w
     } = e[b], {
       x: P,
       y: v,
       data: F,
-      reset: R
-    } = await y({
+      reset: T
+    } = await w({
       x: l,
       y: o,
       initialPlacement: M,
@@ -7986,12 +7986,12 @@ const n5 = async (H, V, C) => {
         ...a[k],
         ...F
       }
-    }, R && u <= 50) {
-      u++, typeof R == "object" && (R.placement && (n = R.placement), R.rects && (t = R.rects === !0 ? await i.getElementRects({
+    }, T && u <= 50) {
+      u++, typeof T == "object" && (T.placement && (n = T.placement), T.rects && (t = T.rects === !0 ? await i.getElementRects({
         reference: H,
         floating: V,
         strategy: A
-      }) : R.rects), {
+      }) : T.rects), {
         x: l,
         y: o
       } = G1(t, n, d)), b = -1;
@@ -8022,7 +8022,7 @@ async function k1(H, V) {
     elementContext: o = "floating",
     altBoundary: n = !1,
     padding: a = 0
-  } = t1(V, H), u = L2(a), k = e[n ? o === "floating" ? "reference" : "floating" : o], y = g1(await L.getClippingRect({
+  } = t1(V, H), u = L2(a), k = e[n ? o === "floating" ? "reference" : "floating" : o], w = g1(await L.getClippingRect({
     element: (C = await (L.isElement == null ? void 0 : L.isElement(k))) == null || C ? k : k.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
     rootBoundary: l,
@@ -8037,16 +8037,16 @@ async function k1(H, V) {
   } : {
     x: 1,
     y: 1
-  }, R = g1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = g1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: P,
     offsetParent: v,
     strategy: d
   }) : P);
   return {
-    top: (y.top - R.top + u.top) / F.y,
-    bottom: (R.bottom - y.bottom + u.bottom) / F.y,
-    left: (y.left - R.left + u.left) / F.x,
-    right: (R.right - y.right + u.right) / F.x
+    top: (w.top - T.top + u.top) / F.y,
+    bottom: (T.bottom - w.bottom + u.bottom) / F.y,
+    left: (w.left - T.left + u.left) / F.x,
+    right: (T.right - w.right + u.right) / F.x
   };
 }
 const r5 = (H) => ({
@@ -8070,20 +8070,20 @@ const r5 = (H) => ({
     const o = L2(l), n = {
       x: C,
       y: M
-    }, a = _1(A), u = D1(a), b = await i.getDimensions(t), k = a === "y", y = k ? "top" : "left", P = k ? "bottom" : "right", v = k ? "clientHeight" : "clientWidth", F = L.reference[u] + L.reference[a] - n[a] - L.floating[u], R = n[a] - L.reference[a], z = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
-    let I = z ? z[v] : 0;
-    (!I || !await (i.isElement == null ? void 0 : i.isElement(z))) && (I = e.floating[v] || L.floating[u]);
-    const O = F / 2 - R / 2, N = I / 2 - b[u] / 2 - 1, r = r1(o[y], N), h = r1(o[P], N), B = r, D = I - b[u] - h, s = I / 2 - b[u] / 2 + O, E = v1(B, s, D), $ = !d.arrow && u1(A) != null && s != E && L.reference[u] / 2 - (s < B ? r : h) - b[u] / 2 < 0, j = $ ? s < B ? s - B : s - D : 0;
+    }, a = _1(A), u = D1(a), b = await i.getDimensions(t), k = a === "y", w = k ? "top" : "left", P = k ? "bottom" : "right", v = k ? "clientHeight" : "clientWidth", F = L.reference[u] + L.reference[a] - n[a] - L.floating[u], T = n[a] - L.reference[a], I = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
+    let Q = I ? I[v] : 0;
+    (!Q || !await (i.isElement == null ? void 0 : i.isElement(I))) && (Q = e.floating[v] || L.floating[u]);
+    const O = F / 2 - T / 2, N = Q / 2 - b[u] / 2 - 1, r = r1(o[w], N), h = r1(o[P], N), B = r, D = Q - b[u] - h, s = Q / 2 - b[u] / 2 + O, E = v1(B, s, D), U = !d.arrow && u1(A) != null && s != E && L.reference[u] / 2 - (s < B ? r : h) - b[u] / 2 < 0, j = U ? s < B ? s - B : s - D : 0;
     return {
       [a]: n[a] + j,
       data: {
         [a]: E,
         centerOffset: s - E - j,
-        ...$ && {
+        ...U && {
           alignmentOffset: j
         }
       },
-      reset: $
+      reset: U
     };
   }
 }), a5 = function(H) {
@@ -8110,20 +8110,20 @@ const r5 = (H) => ({
       } = t1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
-      const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), F = n || (P || !b ? [h1(e)] : t5(e));
+      const w = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), F = n || (P || !b ? [h1(e)] : t5(e));
       !n && u !== "none" && F.push(...l5(e, b, u, v));
-      const R = [e, ...F], z = await k1(V, k), I = [];
+      const T = [e, ...F], I = await k1(V, k), Q = [];
       let O = ((M = L.flip) == null ? void 0 : M.overflows) || [];
-      if (l && I.push(z[y]), o) {
+      if (l && Q.push(I[w]), o) {
         const B = d5(A, i, v);
-        I.push(z[B[0]], z[B[1]]);
+        Q.push(I[B[0]], I[B[1]]);
       }
       if (O = [...O, {
         placement: A,
-        overflows: I
-      }], !I.every((B) => B <= 0)) {
+        overflows: Q
+      }], !Q.every((B) => B <= 0)) {
         var N, r;
-        const B = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, D = R[B];
+        const B = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, D = T[B];
         if (D)
           return {
             data: {
@@ -8134,12 +8134,12 @@ const r5 = (H) => ({
               placement: D
             }
           };
-        let s = (r = O.filter((E) => E.overflows[0] <= 0).sort((E, $) => E.overflows[1] - $.overflows[1])[0]) == null ? void 0 : r.placement;
+        let s = (r = O.filter((E) => E.overflows[0] <= 0).sort((E, U) => E.overflows[1] - U.overflows[1])[0]) == null ? void 0 : r.placement;
         if (!s)
           switch (a) {
             case "bestFit": {
               var h;
-              const E = (h = O.map(($) => [$.placement, $.overflows.filter((j) => j > 0).reduce((j, a2) => j + a2, 0)]).sort(($, j) => $[1] - j[1])[0]) == null ? void 0 : h[0];
+              const E = (h = O.map((U) => [U.placement, U.overflows.filter((j) => j > 0).reduce((j, a2) => j + a2, 0)]).sort((U, j) => U[1] - j[1])[0]) == null ? void 0 : h[0];
               E && (s = E);
               break;
             }
@@ -8270,11 +8270,11 @@ const S5 = function(H) {
         limiter: e = {
           fn: (k) => {
             let {
-              x: y,
+              x: w,
               y: P
             } = k;
             return {
-              x: y,
+              x: w,
               y: P
             };
           }
@@ -8286,11 +8286,11 @@ const S5 = function(H) {
       }, l = await k1(V, d), o = B1(L1(A)), n = V2(o);
       let a = t[n], u = t[o];
       if (L) {
-        const k = n === "y" ? "top" : "left", y = n === "y" ? "bottom" : "right", P = a + l[k], v = a - l[y];
+        const k = n === "y" ? "top" : "left", w = n === "y" ? "bottom" : "right", P = a + l[k], v = a - l[w];
         a = v1(P, a, v);
       }
       if (i) {
-        const k = o === "y" ? "top" : "left", y = o === "y" ? "bottom" : "right", P = u + l[k], v = u - l[y];
+        const k = o === "y" ? "top" : "left", w = o === "y" ? "bottom" : "right", P = u + l[k], v = u - l[w];
         u = v1(P, u, v);
       }
       const b = e.fn({
@@ -8311,7 +8311,7 @@ const S5 = function(H) {
 function C1(H) {
   return M2(H) ? (H.nodeName || "").toLowerCase() : "#document";
 }
-function Q(H) {
+function G(H) {
   var V;
   return (H == null || (V = H.ownerDocument) == null ? void 0 : V.defaultView) || window;
 }
@@ -8320,16 +8320,16 @@ function H1(H) {
   return (V = (M2(H) ? H.ownerDocument : H.document) || window.document) == null ? void 0 : V.documentElement;
 }
 function M2(H) {
-  return H instanceof Node || H instanceof Q(H).Node;
+  return H instanceof Node || H instanceof G(H).Node;
 }
 function Y(H) {
-  return H instanceof Element || H instanceof Q(H).Element;
+  return H instanceof Element || H instanceof G(H).Element;
 }
 function q(H) {
-  return H instanceof HTMLElement || H instanceof Q(H).HTMLElement;
+  return H instanceof HTMLElement || H instanceof G(H).HTMLElement;
 }
 function z1(H) {
-  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof Q(H).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof G(H).ShadowRoot;
 }
 function S1(H) {
   const {
@@ -8337,14 +8337,14 @@ function S1(H) {
     overflowX: C,
     overflowY: M,
     display: A
-  } = U(H);
+  } = z(H);
   return /auto|scroll|overlay|hidden|clip/.test(V + M + C) && !["inline", "contents"].includes(A);
 }
 function c5(H) {
   return ["table", "td", "th"].includes(C1(H));
 }
 function E1(H) {
-  const V = W1(), C = U(H);
+  const V = W1(), C = z(H);
   return C.transform !== "none" || C.perspective !== "none" || (C.containerType ? C.containerType !== "normal" : !1) || !V && (C.backdropFilter ? C.backdropFilter !== "none" : !1) || !V && (C.filter ? C.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((M) => (C.willChange || "").includes(M)) || ["paint", "layout", "strict", "content"].some((M) => (C.contain || "").includes(M));
 }
 function O5(H) {
@@ -8362,8 +8362,8 @@ function W1() {
 function b1(H) {
   return ["html", "body", "#document"].includes(C1(H));
 }
-function U(H) {
-  return Q(H).getComputedStyle(H);
+function z(H) {
+  return G(H).getComputedStyle(H);
 }
 function w1(H) {
   return Y(H) ? {
@@ -8393,11 +8393,11 @@ function A2(H) {
 function F1(H, V, C) {
   var M;
   V === void 0 && (V = []), C === void 0 && (C = !0);
-  const A = A2(H), L = A === ((M = H.ownerDocument) == null ? void 0 : M.body), i = Q(A);
+  const A = A2(H), L = A === ((M = H.ownerDocument) == null ? void 0 : M.body), i = G(A);
   return L ? V.concat(i, i.visualViewport || [], S1(A) ? A : [], i.frameElement && C ? F1(i.frameElement) : []) : V.concat(A, F1(A, [], C));
 }
 function i2(H) {
-  const V = U(H);
+  const V = z(H);
   let C = parseFloat(V.width) || 0, M = parseFloat(V.height) || 0;
   const A = q(H), L = A ? H.offsetWidth : C, i = A ? H.offsetHeight : M, e = f1(C) !== L || f1(M) !== i;
   return e && (C = L, M = i), {
@@ -8426,14 +8426,14 @@ function A1(H) {
 }
 const p5 = /* @__PURE__ */ J(0);
 function d2(H) {
-  const V = Q(H);
+  const V = G(H);
   return !W1() || !V.visualViewport ? p5 : {
     x: V.visualViewport.offsetLeft,
     y: V.visualViewport.offsetTop
   };
 }
 function f5(H, V, C) {
-  return V === void 0 && (V = !1), !C || V && C !== Q(H) ? !1 : V;
+  return V === void 0 && (V = !1), !C || V && C !== G(H) ? !1 : V;
 }
 function a1(H, V, C, M) {
   V === void 0 && (V = !1), C === void 0 && (C = !1);
@@ -8443,11 +8443,11 @@ function a1(H, V, C, M) {
   const e = f5(L, C, M) ? d2(L) : J(0);
   let d = (A.left + e.x) / i.x, t = (A.top + e.y) / i.y, l = A.width / i.x, o = A.height / i.y;
   if (L) {
-    const n = Q(L), a = M && Y(M) ? Q(M) : M;
+    const n = G(L), a = M && Y(M) ? G(M) : M;
     let u = n.frameElement;
     for (; u && M && a !== n; ) {
-      const b = A1(u), k = u.getBoundingClientRect(), y = U(u), P = k.left + (u.clientLeft + parseFloat(y.paddingLeft)) * b.x, v = k.top + (u.clientTop + parseFloat(y.paddingTop)) * b.y;
-      d *= b.x, t *= b.y, l *= b.x, o *= b.y, d += P, t += v, u = Q(u).frameElement;
+      const b = A1(u), k = u.getBoundingClientRect(), w = z(u), P = k.left + (u.clientLeft + parseFloat(w.paddingLeft)) * b.x, v = k.top + (u.clientTop + parseFloat(w.paddingTop)) * b.y;
+      d *= b.x, t *= b.y, l *= b.x, o *= b.y, d += P, t += v, u = G(u).frameElement;
     }
   }
   return g1({
@@ -8492,7 +8492,7 @@ function k5(H) {
   const V = H1(H), C = w1(H), M = H.ownerDocument.body, A = M1(V.scrollWidth, V.clientWidth, M.scrollWidth, M.clientWidth), L = M1(V.scrollHeight, V.clientHeight, M.scrollHeight, M.clientHeight);
   let i = -C.scrollLeft + t2(H);
   const e = -C.scrollTop;
-  return U(M).direction === "rtl" && (i += M1(V.clientWidth, M.clientWidth) - A), {
+  return z(M).direction === "rtl" && (i += M1(V.clientWidth, M.clientWidth) - A), {
     width: A,
     height: L,
     x: i,
@@ -8500,7 +8500,7 @@ function k5(H) {
   };
 }
 function B5(H, V) {
-  const C = Q(H), M = H1(H), A = C.visualViewport;
+  const C = G(H), M = H1(H), A = C.visualViewport;
   let L = M.clientWidth, i = M.clientHeight, e = 0, d = 0;
   if (A) {
     L = A.width, i = A.height;
@@ -8543,17 +8543,17 @@ function K1(H, V, C) {
 }
 function m2(H, V) {
   const C = d1(H);
-  return C === V || !Y(C) || b1(C) ? !1 : U(C).position === "fixed" || m2(C, V);
+  return C === V || !Y(C) || b1(C) ? !1 : z(C).position === "fixed" || m2(C, V);
 }
 function w5(H, V) {
   const C = V.get(H);
   if (C)
     return C;
   let M = F1(H, [], !1).filter((e) => Y(e) && C1(e) !== "body"), A = null;
-  const L = U(H).position === "fixed";
+  const L = z(H).position === "fixed";
   let i = L ? d1(H) : H;
   for (; Y(i) && !b1(i); ) {
-    const e = U(i), d = E1(i);
+    const e = z(i), d = E1(i);
     !d && e.position === "fixed" && (A = null), (L ? !d && !A : !d && e.position === "static" && !!A && ["absolute", "fixed"].includes(A.position) || S1(i) && !d && m2(H, i)) ? M = M.filter((l) => l !== i) : A = e, i = d1(i);
   }
   return V.set(H, M), M;
@@ -8600,16 +8600,16 @@ function v5(H, V, C) {
   };
 }
 function q1(H, V) {
-  return !q(H) || U(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
+  return !q(H) || z(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
 }
 function l2(H, V) {
-  const C = Q(H);
+  const C = G(H);
   if (!q(H))
     return C;
   let M = q1(H, V);
-  for (; M && c5(M) && U(M).position === "static"; )
+  for (; M && c5(M) && z(M).position === "static"; )
     M = q1(M, V);
-  return M && (C1(M) === "html" || C1(M) === "body" && U(M).position === "static" && !E1(M)) ? C : M || O5(H) || C;
+  return M && (C1(M) === "html" || C1(M) === "body" && z(M).position === "static" && !E1(M)) ? C : M || O5(H) || C;
 }
 const T5 = async function(H) {
   let {
@@ -8628,7 +8628,7 @@ const T5 = async function(H) {
   };
 };
 function F5(H) {
-  return U(H).direction === "rtl";
+  return z(H).direction === "rtl";
 }
 const R5 = {
   convertOffsetParentRelativeRectToViewportRelativeRect: h5,
@@ -8655,7 +8655,7 @@ const R5 = {
   });
 };
 var o2 = /* @__PURE__ */ ((H) => (H.Top = "top", H.Bottom = "bottom", H.Left = "left", H.Right = "right", H.TopStart = "top-start", H.TopEnd = "top-end", H.RightStart = "right-start", H.RightEnd = "right-end", H.BottomStart = "bottom-start", H.BottomEnd = "bottom-end", H.LeftStart = "left-start", H.LeftEnd = "left-end", H))(o2 || {}), X = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(X || {}), n2 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(n2 || {});
-async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e) {
+async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e, d) {
   !H || !V || x5(H, V, {
     placement: M,
     middleware: [
@@ -8665,32 +8665,37 @@ async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
       a5(),
       Z5()
     ]
-  }).then(({ x: d, y: t, placement: l, middlewareData: o }) => {
-    var n, a, u;
-    if (V && (o.flip && V.setAttribute("data-placement", l), (n = H.offsetParent) == null || n.getBoundingClientRect().left, (a = H.offsetParent) == null || a.getBoundingClientRect().bottom, (u = H.offsetParent) == null || u.getBoundingClientRect().width, Object.assign(V.style, {
-      left: `${d}px`,
-      top: `${t}px`,
+  }).then(({ x: t, y: l, placement: o, middlewareData: n }) => {
+    var w, P, v;
+    if (!V)
+      return;
+    n.flip && V.setAttribute("data-placement", o);
+    const a = (w = H.offsetParent) == null ? void 0 : w.getBoundingClientRect().left, u = (P = H.offsetParent) == null ? void 0 : P.getBoundingClientRect().bottom, b = (v = H.offsetParent) == null ? void 0 : v.getBoundingClientRect().width, k = d != null && d.hideDetails ? Number(u) - 16 : u;
+    if (Object.assign(V.style, {
+      maxWidth: e === "dropdown" ? `${b}px` : "auto",
+      left: e === "dropdown" ? `${a}px` : `${t}px`,
+      top: e === "dropdown" ? `${k}px` : `${l}px`,
       animation: `r-tooltip-show ${i}ms ease-in-out forwards`,
       transformOrigin: "start"
-    }), C && o.arrow)) {
-      const { x: b, y: k } = o.arrow, y = {
+    }), C && n.arrow) {
+      const { x: F, y: T } = n.arrow, I = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
         /* Right */
-      }[l.split("-")[0]];
+      }[o.split("-")[0]];
       Object.assign(C.style, {
-        left: d != null ? `${b}px` : "",
-        top: t != null ? `${k}px` : "",
+        left: t != null ? `${F}px` : "",
+        top: l != null ? `${T}px` : "",
         right: "",
         bottom: "",
-        [`${y}`]: "-4px"
+        [`${I}`]: "-4px"
       });
     }
   });
 }
-const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
+const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ R({
   __name: "RTooltip",
   props: {
     placement: { default: o2.Top },
@@ -8738,9 +8743,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     function a() {
       C.triggers.includes(X.Hover) && u();
     }
-    function u() {
-      const { placement: k, offset: y, padding: P, disabled: v, showDelay: F, type: R } = C;
-      v || D5(A, L, i, k, y, P, F);
+    function u(k) {
+      const { placement: w, offset: P, padding: v, disabled: F, showDelay: T, type: I } = C;
+      F || D5(A, L, i, w, P, v, T, I, k);
     }
     const b = g(() => ({
       "r-tooltip": !0,
@@ -8767,7 +8772,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           ignore: [L.value]
         }
       );
-    }), (k, y) => (m(), Z(i1, null, [
+    }), (k, w) => (m(), Z(i1, null, [
       S("div", {
         ref_key: "trigger",
         ref: A,
@@ -8810,7 +8815,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, w(C.text), 3)) : p("", !0),
+            }, y(C.text), 3)) : p("", !0),
             C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
@@ -8838,7 +8843,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
 }, X5 = {
   key: 1,
   class: "r-dropdown-hint"
-}, Y5 = /* @__PURE__ */ T({
+}, Y5 = /* @__PURE__ */ R({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
@@ -8902,15 +8907,15 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     }
     function k(r, h, B, D) {
       var s;
-      if (r.stopPropagation(), D(), !h.disabled) {
+      if (r.stopPropagation(), D({ hideDetails: C.hideDetails }), !h.disabled) {
         if (C.multiple) {
           L.value.find((E) => E.value === h.value) ? L.value.splice(L.value.indexOf(h), 1) : L.value.push(h), e.value = "", C.searchable && ((s = n.value) == null || s.focus());
           return;
         }
-        y(r, h), C.closeOnSelect && (B(), b());
+        w(r, h), C.closeOnSelect && (B(), b());
       }
     }
-    function y(r, h) {
+    function w(r, h) {
       if (A.value.value === h.value) {
         A.value = {}, e.value = "", M("update:modelValue", "");
         return;
@@ -8920,7 +8925,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     function P(r, h, B) {
       if (r instanceof KeyboardEvent && r.key !== "Backspace" || e.value !== "")
         return;
-      r.stopPropagation(), B();
+      r.stopPropagation(), B({ hideDetails: C.hideDetails });
       const D = L.value.findIndex((s) => s.value === h.value);
       L.value.splice(D, 1);
     }
@@ -8928,7 +8933,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       var s;
       if (!C.multiple)
         return;
-      r.stopPropagation(), h();
+      r.stopPropagation(), h({ hideDetails: C.hideDetails });
       const B = e.value;
       if (B === "")
         return;
@@ -8938,26 +8943,26 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       var h;
       return !r || (r == null ? void 0 : r.value) === void 0 || (r == null ? void 0 : r.value) === null ? !1 : C.multiple ? L.value.find((B) => (B == null ? void 0 : B.value) === (r == null ? void 0 : r.value)) : ((h = A.value) == null ? void 0 : h.value) === (r == null ? void 0 : r.value);
     }
-    const R = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), z = g(() => !C.searchable);
-    function I() {
+    const T = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), I = g(() => !C.searchable);
+    function Q() {
       l.value ? C.multiple ? L.value = l.value : (A.value = l.value, e.value = l.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
     function O(r) {
-      C.searchable && r(), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
+      C.searchable && r({ hideDetails: C.hideDetails }), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
     }
     function N(r, h) {
-      if (r.stopPropagation(), h(), C.multiple) {
+      if (r.stopPropagation(), h({ hideDetails: C.hideDetails }), C.multiple) {
         L.value.splice(0, L.value.length);
         return;
       }
       A.value = {}, e.value = "", M("update:modelValue", "");
     }
     return X1(() => {
-      I();
-    }), G(L, (r) => {
+      Q();
+    }), $(L, (r) => {
       M("update:modelValue", r);
-    }), G(() => l.value, (r) => {
-      I();
+    }), $(() => l.value, (r) => {
+      Q();
     }), (r, h) => (m(), Z("div", {
       ref_key: "wrapper",
       ref: a,
@@ -9016,8 +9021,8 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                   label: s.label,
                   "no-wrap": "",
                   variant: "info",
-                  "onClick:close": ($) => P($, s, D)
-                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", Q5, w(`${s.label}, `), 1))
+                  "onClick:close": (U) => P(U, s, D)
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", Q5, y(`${s.label}, `), 1))
               ])), 128)),
               Y1(S("input", {
                 id: C.id,
@@ -9030,7 +9035,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 }]),
                 disabled: C.disabled,
                 placeholder: C.placeholder,
-                readonly: z.value,
+                readonly: I.value,
                 role: "presentation",
                 type: "text",
                 onInput: e1((s) => O(D), ["prevent"]),
@@ -9076,7 +9081,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (m(!0), Z(i1, null, o1(R.value, (s) => (m(), Z("li", {
+            (m(!0), Z(i1, null, o1(T.value, (s) => (m(), Z("li", {
               key: s.value,
               "aria-disabled": s.disabled,
               class: c(["r-dropdown-options__option", {
@@ -9102,7 +9107,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                     class: c(["r-dropdown-options__option__label", {
                       "r-dropdown-options__option__label--active": F(s)
                     }])
-                  }, w(s.label), 3)
+                  }, y(s.label), 3)
                 ]),
                 f(r.$slots, "option-append", {}, () => [
                   F(s) && !C.hideOptionCheckIcon ? (m(), _(x, {
@@ -9115,9 +9120,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 ])
               ])
             ], 10, U5))), 128)),
-            R.value.length === 0 ? (m(), Z("li", K5, [
+            T.value.length === 0 ? (m(), Z("li", K5, [
               f(r.$slots, "not-options", {}, () => [
-                R1(w(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
+                R1(y(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
               ])
             ])) : p("", !0)
           ], 2)
@@ -9125,12 +9130,12 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         _: 3
       }),
       r.$props.hideDetails ? p("", !0) : (m(), Z("div", q5, [
-        C.errorMsg ? (m(), Z("div", j5, w(C.errorMsg), 1)) : p("", !0),
-        C.hint ? (m(), Z("div", X5, w(C.hint), 1)) : p("", !0)
+        C.errorMsg ? (m(), Z("div", j5, y(C.errorMsg), 1)) : p("", !0),
+        C.hint ? (m(), Z("div", X5, y(C.hint), 1)) : p("", !0)
       ]))
     ], 512));
   }
-}), J5 = ["id", "for"], r2 = /* @__PURE__ */ T({
+}), J5 = ["id", "for"], r2 = /* @__PURE__ */ R({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -9145,7 +9150,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       for: V.for
     }, [
       f(C.$slots, "default", {}, () => [
-        R1(w(V.text), 1)
+        R1(y(V.text), 1)
       ])
     ], 8, J5));
   }
@@ -9158,7 +9163,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
 }, A3 = {
   key: 2,
   class: "description"
-}, i3 = { class: "r-dialog__body" }, e3 = { class: "r-dialog__actions" }, m0 = /* @__PURE__ */ T({
+}, i3 = { class: "r-dialog__body" }, e3 = { class: "r-dialog__actions" }, m0 = /* @__PURE__ */ R({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9209,8 +9214,8 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
               name: C.icon
             }, null, 8, ["name"])
           ])) : p("", !0),
-          C.title ? (m(), Z("div", M3, w(C.title), 1)) : p("", !0),
-          C.description ? (m(), Z("div", A3, w(C.description), 1)) : p("", !0)
+          C.title ? (m(), Z("div", M3, y(C.title), 1)) : p("", !0),
+          C.description ? (m(), Z("div", A3, y(C.description), 1)) : p("", !0)
         ]),
         S("div", i3, [
           f(e.$slots, "default")
@@ -9223,7 +9228,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       [p2, e.modelValue]
     ]);
   }
-}), d3 = ["data-open"], t3 = ["data-open"], m3 = ["data-open"], l0 = /* @__PURE__ */ T({
+}), d3 = ["data-open"], t3 = ["data-open"], m3 = ["data-open"], l0 = /* @__PURE__ */ R({
   __name: "RSidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9260,7 +9265,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
 }), l3 = { class: "r-snackbar__text" }, o3 = {
   key: 0,
   class: "r-snackbar__close"
-}, o0 = /* @__PURE__ */ T({
+}, o0 = /* @__PURE__ */ R({
   __name: "RSnackbar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9274,7 +9279,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
   emits: ["action", "update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    G(
+    $(
       () => C.modelValue,
       () => {
         C.timeout > 0 && C.modelValue && setTimeout(() => {
@@ -9308,7 +9313,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           name: L.value
         }, null, 8, ["name"])) : p("", !0)
       ]),
-      S("div", l3, w(C.text), 1),
+      S("div", l3, y(C.text), 1),
       f(i.$slots, "action"),
       C.closable ? (m(), Z("div", o3, [
         f(i.$slots, "close", {}, () => [
@@ -9330,7 +9335,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
 }, S3 = {
   key: 1,
   class: "r-switch-texts__hint"
-}, n0 = /* @__PURE__ */ T({
+}, n0 = /* @__PURE__ */ R({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -9356,7 +9361,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     function i(e) {
       C.disabled || (A.checked = e.target.checked, M("update:modelValue", A.checked));
     }
-    return G(
+    return $(
       () => C.modelValue,
       (e) => {
         A.checked = e;
@@ -9394,9 +9399,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           id: `${C.id}-label`,
           class: "r-switch-texts__label",
           for: C.id
-        }, w(C.label), 9, a3),
+        }, y(C.label), 9, a3),
         C.hideDetails ? p("", !0) : (m(), Z("div", Z3, [
-          C.errorMsg ? (m(), Z("p", u3, w(C.errorMsg), 1)) : (m(), Z("p", S3, w(C.hint), 1))
+          C.errorMsg ? (m(), Z("p", u3, y(C.errorMsg), 1)) : (m(), Z("p", S3, y(C.hint), 1))
         ]))
       ], 2)
     ], 2));
@@ -9406,7 +9411,7 @@ var l1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON
 const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
   key: 0,
   class: "r-tab-item__label"
-}, O3 = /* @__PURE__ */ T({
+}, O3 = /* @__PURE__ */ R({
   __name: "RTabItem",
   props: {
     id: {},
@@ -9457,7 +9462,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
         name: "fade"
       }, {
         default: n1(() => [
-          C.variant !== V1(l1).ICON ? (m(), Z("span", c3, w(C.label), 1)) : p("", !0)
+          C.variant !== V1(l1).ICON ? (m(), Z("span", c3, y(C.label), 1)) : p("", !0)
         ]),
         _: 1
       }),
@@ -9472,7 +9477,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       ])
     ], 14, s3));
   }
-}), r0 = /* @__PURE__ */ T({
+}), r0 = /* @__PURE__ */ R({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -9489,7 +9494,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       "r-tabs--tile": C.tile,
       "r-tabs--scrollable": C.scrollable
     }));
-    G(
+    $(
       () => A.value,
       () => {
         M("update:modelValue", A.value);
@@ -9529,7 +9534,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
 }, k3 = {
   key: 1,
   class: "r-textarea__hint"
-}, a0 = /* @__PURE__ */ T({
+}, a0 = /* @__PURE__ */ R({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -9549,7 +9554,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     function L(i) {
       M("update:modelValue", i.target.value);
     }
-    return G(
+    return $(
       () => C.modelValue,
       (i) => {
         A.value = i;
@@ -9577,7 +9582,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
         onInput: L
       }), null, 16, f3),
       C.hideDetails ? p("", !0) : (m(), Z("div", h3, [
-        C.errorMsg ? (m(), Z("p", g3, w(C.errorMsg), 1)) : (m(), Z("p", k3, w(C.hint), 1))
+        C.errorMsg ? (m(), Z("p", g3, y(C.errorMsg), 1)) : (m(), Z("p", k3, y(C.hint), 1))
       ]))
     ]));
   }
@@ -9590,7 +9595,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
 }, v3 = {
   key: 1,
   class: "r-textfield__hint"
-}, Z0 = /* @__PURE__ */ T({
+}, Z0 = /* @__PURE__ */ R({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -9654,7 +9659,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     })), k = g(() => {
       const { prependIcon: O, type: N } = C;
       return O === "none" ? "" : O || e[N];
-    }), y = g(() => {
+    }), w = g(() => {
       const { appendIcon: O, type: N } = C;
       return O === "none" ? "" : o.value ? "mdiAlertCircleOutline" : n.value && ["text", "email"].includes(N) ? "mdiClose" : N === "password" && i.value === "password" ? "mdiEyeOutline" : N === "password" && i.value === "text" ? "mdiEyeOffOutline" : O;
     });
@@ -9667,7 +9672,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     function F(O) {
       L.value = O.target.value, M("input", O);
     }
-    function R() {
+    function T() {
       var O;
       if (n.value) {
         L.value = "", (O = A.value) == null || O.focus(), M("click:clear", {
@@ -9677,16 +9682,16 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       }
       M("click:icon", {
         value: i.value === "number" ? +L.value : L.value
-      }), C.type === "password" && z();
+      }), C.type === "password" && I();
     }
-    function z() {
+    function I() {
       i.value = i.value === "password" ? "text" : "password";
     }
-    function I() {
+    function Q() {
       var O;
       (O = A.value) == null || O.focus();
     }
-    return G(
+    return $(
       () => C.modelValue,
       (O) => {
         L.value = O;
@@ -9694,7 +9699,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       {
         immediate: !0
       }
-    ), G(
+    ), $(
       () => L.value,
       (O) => {
         M(
@@ -9709,7 +9714,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
         class: "r-textfield__label",
         for: C.id,
         text: C.label,
-        onClick: I
+        onClick: Q
       }, null, 8, ["id", "for", "text"])) : p("", !0),
       S("div", b3, [
         S("div", {
@@ -9739,17 +9744,17 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
             onInput: F
           }, null, 40, w3),
           o.value ? p("", !0) : f(O.$slots, "append", { key: 1 }),
-          y.value && !O.$slots.append || o.value ? (m(), _(x, {
+          w.value && !O.$slots.append || o.value ? (m(), _(x, {
             key: 2,
             class: c(b.value),
-            name: `${y.value}`,
+            name: `${w.value}`,
             size: 20,
-            onClick: R
+            onClick: T
           }, null, 8, ["class", "name"])) : p("", !0)
         ], 2),
         C.hideDetails ? p("", !0) : (m(), Z("div", y3, [
-          C.errorMsg ? (m(), Z("p", P3, w(C.errorMsg), 1)) : p("", !0),
-          !C.errorMsg && C.hint ? (m(), Z("p", v3, w(C.hint), 1)) : p("", !0)
+          C.errorMsg ? (m(), Z("p", P3, y(C.errorMsg), 1)) : p("", !0),
+          !C.errorMsg && C.hint ? (m(), Z("p", v3, y(C.hint), 1)) : p("", !0)
         ]))
       ])
     ]));
@@ -9757,7 +9762,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
 }), T3 = { class: "r-breadcrumb" }, F3 = {
   key: 0,
   class: "r-breadcrumb__title"
-}, u0 = /* @__PURE__ */ T({
+}, u0 = /* @__PURE__ */ R({
   __name: "RBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -9783,7 +9788,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
                   name: L.icon
                 }, null, 8, ["name"])) : p("", !0)
               ]),
-              L.onlyIcon ? p("", !0) : (m(), Z("span", F3, w(L.title), 1))
+              L.onlyIcon ? p("", !0) : (m(), Z("span", F3, y(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9828,7 +9833,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
   Y3,
   J3,
   C0
-], S0 = /* @__PURE__ */ T({
+], S0 = /* @__PURE__ */ R({
   __name: "RPagination",
   props: {
     page: { default: 1 },
@@ -9845,7 +9850,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
     }));
-    G(() => i.value, () => {
+    $(() => i.value, () => {
       M("update:info", i.value);
     });
     function e(t) {
@@ -9859,7 +9864,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     }, [
       S("div", R3, [
         S("div", x3, [
-          S("span", null, w(C.itemsPerPageText), 1),
+          S("span", null, y(C.itemsPerPageText), 1),
           K(Y5, {
             modelValue: A.value,
             "onUpdate:modelValue": [
@@ -9872,7 +9877,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
             options: C.perPageOptions
           }, null, 8, ["modelValue", "options"])
         ]),
-        S("span", D3, w(C.infoText), 1),
+        S("span", D3, y(C.infoText), 1),
         S("button", {
           class: "r-pagination__paginator__first",
           disabled: C.page === 1,
@@ -9956,7 +9961,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       ])
     ], 2));
   }
-}), V0 = ["value"], s0 = /* @__PURE__ */ T({
+}), V0 = ["value"], s0 = /* @__PURE__ */ R({
   __name: "RProgressbar",
   props: {
     value: { default: 0 },
@@ -9973,7 +9978,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       value: V.value
     }, null, 12, V0));
   }
-}), O1 = "rocket-ui:r-item-group", c0 = /* @__PURE__ */ T({
+}), O1 = "rocket-ui:r-item-group", c0 = /* @__PURE__ */ R({
   __name: "RItemGroup",
   props: {
     modelValue: { default: () => [] },
@@ -9999,7 +10004,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     function t() {
       return C.disabled;
     }
-    return s1(`${O1}:isDisabled`, t), G(() => C.modelValue, () => {
+    return s1(`${O1}:isDisabled`, t), $(() => C.modelValue, () => {
       L.value = C.modelValue;
     }), (l, o) => (m(), _(g2(A.value), null, {
       default: n1(() => [
@@ -10012,7 +10017,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       _: 3
     }));
   }
-}), p1 = "rocket-ui:r-item-group", O0 = /* @__PURE__ */ T({
+}), p1 = "rocket-ui:r-item-group", O0 = /* @__PURE__ */ R({
   __name: "RItem",
   props: {
     value: { default: null },