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

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, 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 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__ */ F({
+}, 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__ */ F({
+}), 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: {}
@@ -7366,7 +7366,7 @@ const k2 = {
 }, _2 = {
   key: 0,
   class: "r-alert__close"
-}, A0 = /* @__PURE__ */ F({
+}, A0 = /* @__PURE__ */ R({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -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__ */ F({
+}), 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" },
@@ -7465,7 +7465,7 @@ const k2 = {
       }, null, 2)) : p("", !0)
     ]));
   }
-}), N2 = ["innerHTML"], e0 = /* @__PURE__ */ F({
+}), 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__ */ F({
+}), 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__ */ F({
+}, 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;
@@ -7655,7 +7655,7 @@ const k2 = {
       ])
     ]));
   }
-}), Y2 = /* @__PURE__ */ F({
+}), Y2 = /* @__PURE__ */ R({
   __name: "RChip",
   props: {
     variant: { default: "primary" },
@@ -7743,14 +7743,14 @@ 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, r, a) => (l.addEventListener(o, r, a), () => l.removeEventListener(o, r, 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)
         return;
-      const r = H5(o) ? { ...o } : o;
+      const n = H5(o) ? { ...o } : o;
       L.push(
-        ...C.flatMap((a) => M.map((u) => e(l, a, u, r)))
+        ...C.flatMap((a) => M.map((u) => e(l, a, u, n)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -7764,39 +7764,39 @@ function M5(H, V, C = {}) {
   const { window: M = H2, ignore: A = [], capture: L = !0, detectIframe: i = !1 } = C;
   if (!M)
     return;
-  V5 && !Q1 && (Q1 = !0, Array.from(M.document.body.children).forEach((r) => r.addEventListener("click", P1)), M.document.documentElement.addEventListener("click", P1));
+  V5 && !Q1 && (Q1 = !0, Array.from(M.document.body.children).forEach((n) => n.addEventListener("click", P1)), M.document.documentElement.addEventListener("click", P1));
   let e = !0;
-  const d = (r) => A.some((a) => {
+  const d = (n) => A.some((a) => {
     if (typeof a == "string")
-      return Array.from(M.document.querySelectorAll(a)).some((u) => u === r.target || r.composedPath().includes(u));
+      return Array.from(M.document.querySelectorAll(a)).some((u) => u === n.target || n.composedPath().includes(u));
     {
       const u = m1(a);
-      return u && (r.target === u || r.composedPath().includes(u));
+      return u && (n.target === u || n.composedPath().includes(u));
     }
   }), l = [
-    y1(M, "click", (r) => {
+    y1(M, "click", (n) => {
       const a = m1(H);
-      if (!(!a || a === r.target || r.composedPath().includes(a))) {
-        if (r.detail === 0 && (e = !d(r)), !e) {
+      if (!(!a || a === n.target || n.composedPath().includes(a))) {
+        if (n.detail === 0 && (e = !d(n)), !e) {
           e = !0;
           return;
         }
-        V(r);
+        V(n);
       }
     }, { passive: !0, capture: L }),
-    y1(M, "pointerdown", (r) => {
+    y1(M, "pointerdown", (n) => {
       const a = m1(H);
-      e = !d(r) && !!(a && !r.composedPath().includes(a));
+      e = !d(n) && !!(a && !n.composedPath().includes(a));
     }, { passive: !0 }),
-    i && y1(M, "blur", (r) => {
+    i && y1(M, "blur", (n) => {
       setTimeout(() => {
         var a;
         const u = m1(H);
-        ((a = M.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(u != null && u.contains(M.document.activeElement)) && V(r);
+        ((a = M.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(u != null && u.contains(M.document.activeElement)) && V(n);
       }, 0);
     })
   ].filter(Boolean);
-  return () => l.forEach((r) => r());
+  return () => l.forEach((n) => n());
 }
 const A5 = ["top", "right", "bottom", "left"], r1 = Math.min, M1 = Math.max, f1 = Math.round, J = (H) => ({
   x: H,
@@ -7899,7 +7899,7 @@ function G1(H, V, C) {
     reference: M,
     floating: A
   } = H;
-  const L = B1(V), i = _1(V), e = D1(i), d = L1(V), t = L === "y", l = M.x + M.width / 2 - A.width / 2, o = M.y + M.height / 2 - A.height / 2, r = M[e] / 2 - A[e] / 2;
+  const L = B1(V), i = _1(V), e = D1(i), d = L1(V), t = L === "y", l = M.x + M.width / 2 - A.width / 2, o = M.y + M.height / 2 - A.height / 2, n = M[e] / 2 - A[e] / 2;
   let a;
   switch (d) {
     case "top":
@@ -7934,10 +7934,10 @@ function G1(H, V, C) {
   }
   switch (u1(V)) {
     case "start":
-      a[i] -= r * (C && t ? -1 : 1);
+      a[i] -= n * (C && t ? -1 : 1);
       break;
     case "end":
-      a[i] += r * (C && t ? -1 : 1);
+      a[i] += n * (C && t ? -1 : 1);
       break;
   }
   return a;
@@ -7956,21 +7956,21 @@ const n5 = async (H, V, C) => {
   }), {
     x: l,
     y: o
-  } = G1(t, M, d), r = M, a = {}, u = 0;
-  for (let B = 0; B < e.length; B++) {
+  } = G1(t, M, d), n = M, a = {}, u = 0;
+  for (let b = 0; b < e.length; b++) {
     const {
       name: k,
       fn: w
-    } = e[B], {
+    } = e[b], {
       x: P,
       y: v,
-      data: T,
-      reset: R
+      data: F,
+      reset: T
     } = await w({
       x: l,
       y: o,
       initialPlacement: M,
-      placement: r,
+      placement: n,
       strategy: A,
       middlewareData: a,
       rects: t,
@@ -7984,24 +7984,24 @@ const n5 = async (H, V, C) => {
       ...a,
       [k]: {
         ...a[k],
-        ...T
+        ...F
       }
-    }, R && u <= 50) {
-      u++, typeof R == "object" && (R.placement && (r = 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, r, d)), B = -1;
+      } = G1(t, n, d)), b = -1;
       continue;
     }
   }
   return {
     x: l,
     y: o,
-    placement: r,
+    placement: n,
     strategy: A,
     middlewareData: a
   };
@@ -8020,9 +8020,9 @@ async function k1(H, V) {
     boundary: t = "clippingAncestors",
     rootBoundary: l = "viewport",
     elementContext: o = "floating",
-    altBoundary: r = !1,
+    altBoundary: n = !1,
     padding: a = 0
-  } = t1(V, H), u = L2(a), k = e[r ? o === "floating" ? "reference" : "floating" : o], w = 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,
@@ -8031,22 +8031,22 @@ async function k1(H, V) {
     ...i.floating,
     x: M,
     y: A
-  } : i.reference, v = await (L.getOffsetParent == null ? void 0 : L.getOffsetParent(e.floating)), T = await (L.isElement == null ? void 0 : L.isElement(v)) ? await (L.getScale == null ? void 0 : L.getScale(v)) || {
+  } : i.reference, v = await (L.getOffsetParent == null ? void 0 : L.getOffsetParent(e.floating)), F = await (L.isElement == null ? void 0 : L.isElement(v)) ? await (L.getScale == null ? void 0 : L.getScale(v)) || {
     x: 1,
     y: 1
   } : {
     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: (w.top - R.top + u.top) / T.y,
-    bottom: (R.bottom - w.bottom + u.bottom) / T.y,
-    left: (w.left - R.left + u.left) / T.x,
-    right: (R.right - w.right + u.right) / T.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) => ({
@@ -8067,23 +8067,23 @@ const r5 = (H) => ({
     } = t1(H, V) || {};
     if (t == null)
       return {};
-    const o = L2(l), r = {
+    const o = L2(l), n = {
       x: C,
       y: M
-    }, 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", T = L.reference[u] + L.reference[a] - r[a] - L.floating[u], R = r[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 = T / 2 - R / 2, N = I / 2 - B[u] / 2 - 1, n = r1(o[w], N), h = r1(o[P], N), b = n, 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 ? n : 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]: r[a] + j,
+      [a]: n[a] + j,
       data: {
         [a]: E,
         centerOffset: s - E - j,
-        ...$ && {
+        ...U && {
           alignmentOffset: j
         }
       },
-      reset: $
+      reset: U
     };
   }
 }), a5 = function(H) {
@@ -8102,44 +8102,44 @@ const r5 = (H) => ({
       } = V, {
         mainAxis: l = !0,
         crossAxis: o = !0,
-        fallbackPlacements: r,
+        fallbackPlacements: n,
         fallbackStrategy: a = "bestFit",
         fallbackAxisSideDirection: u = "none",
-        flipAlignment: B = !0,
+        flipAlignment: b = !0,
         ...k
       } = t1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
-      const w = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), T = r || (P || !B ? [h1(e)] : t5(e));
-      !r && u !== "none" && T.push(...l5(e, B, u, v));
-      const R = [e, ...T], z = await k1(V, k), I = [];
+      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 T = [e, ...F], I = await k1(V, k), Q = [];
       let O = ((M = L.flip) == null ? void 0 : M.overflows) || [];
-      if (l && I.push(z[w]), o) {
-        const b = d5(A, i, v);
-        I.push(z[b[0]], z[b[1]]);
+      if (l && Q.push(I[w]), o) {
+        const B = d5(A, i, v);
+        Q.push(I[B[0]], I[B[1]]);
       }
       if (O = [...O, {
         placement: A,
-        overflows: I
-      }], !I.every((b) => b <= 0)) {
-        var N, n;
-        const b = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, D = R[b];
+        overflows: Q
+      }], !Q.every((B) => B <= 0)) {
+        var N, r;
+        const B = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, D = T[B];
         if (D)
           return {
             data: {
-              index: b,
+              index: B,
               overflows: O
             },
             reset: {
               placement: D
             }
           };
-        let s = (n = O.filter((E) => E.overflows[0] <= 0).sort((E, $) => E.overflows[1] - $.overflows[1])[0]) == null ? void 0 : n.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;
             }
@@ -8218,7 +8218,7 @@ async function u5(H, V) {
     elements: A
   } = H, L = await (M.isRTL == null ? void 0 : M.isRTL(A.floating)), i = L1(C), e = u1(C), d = B1(C) === "y", t = ["left", "top"].includes(i) ? -1 : 1, l = L && d ? -1 : 1, o = t1(V, H);
   let {
-    mainAxis: r,
+    mainAxis: n,
     crossAxis: a,
     alignmentAxis: u
   } = typeof o == "number" ? {
@@ -8233,9 +8233,9 @@ async function u5(H, V) {
   };
   return e && typeof u == "number" && (a = e === "end" ? u * -1 : u), d ? {
     x: a * l,
-    y: r * t
+    y: n * t
   } : {
-    x: r * t,
+    x: n * t,
     y: a * l
   };
 }
@@ -8283,26 +8283,26 @@ const S5 = function(H) {
       } = t1(H, V), t = {
         x: C,
         y: M
-      }, l = await k1(V, d), o = B1(L1(A)), r = V2(o);
-      let a = t[r], u = t[o];
+      }, l = await k1(V, d), o = B1(L1(A)), n = V2(o);
+      let a = t[n], u = t[o];
       if (L) {
-        const k = r === "y" ? "top" : "left", w = r === "y" ? "bottom" : "right", P = a + l[k], v = a - l[w];
+        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", w = o === "y" ? "bottom" : "right", P = u + l[k], v = u - l[w];
         u = v1(P, u, v);
       }
-      const B = e.fn({
+      const b = e.fn({
         ...V,
-        [r]: a,
+        [n]: a,
         [o]: u
       });
       return {
-        ...B,
+        ...b,
         data: {
-          x: B.x - C,
-          y: B.y - M
+          x: b.x - C,
+          y: b.y - M
         }
       };
     }
@@ -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 r = Q(L), a = M && Y(M) ? Q(M) : M;
-    let u = r.frameElement;
-    for (; u && M && a !== r; ) {
-      const B = A1(u), k = u.getBoundingClientRect(), w = U(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 = Q(u).frameElement;
+    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(), 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,37 +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 B, k, w;
+  }).then(({ x: t, y: l, placement: o, middlewareData: n }) => {
+    var w, P, v;
     if (!V)
       return;
-    o.flip && V.setAttribute("data-placement", l);
-    const r = (B = H.offsetParent) == null ? void 0 : B.getBoundingClientRect().left, a = (k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().bottom, u = (w = H.offsetParent) == null ? void 0 : w.getBoundingClientRect().width;
+    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" ? `${u}px` : "auto",
-      left: e === "dropdown" ? `${r}px` : `${d}px`,
-      top: e === "dropdown" ? `${a}px` : `${t}px`,
+      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: P, y: v } = o.arrow, T = {
+    }), 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 ? `${P}px` : "",
-        top: t != null ? `${v}px` : "",
+        left: t != null ? `${F}px` : "",
+        top: l != null ? `${T}px` : "",
         right: "",
         bottom: "",
-        [`${T}`]: "-4px"
+        [`${I}`]: "-4px"
       });
     }
   });
 }
-const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
+const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ R({
   __name: "RTooltip",
   props: {
     placement: { default: o2.Top },
@@ -8737,17 +8737,17 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
     function o() {
       C.disabled || C.triggers.includes(X.Hover) && e();
     }
-    function r() {
+    function n() {
       C.disabled || (L.value.style.display === "" && C.triggers.includes(X.Hover) ? e() : L.value.style.display !== "" && C.triggers.includes(X.Hover) && d());
     }
     function a() {
       C.triggers.includes(X.Hover) && u();
     }
-    function u() {
-      const { placement: k, offset: w, padding: P, disabled: v, showDelay: T, type: R } = C;
-      v || D5(A, L, i, k, w, P, T, R);
+    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(() => ({
+    const b = g(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
@@ -8780,14 +8780,14 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
         class: c(["r-tooltip-trigger", k.triggerClass]),
         onClick: l,
         onMouseenter: o,
-        onMouseleave: r,
+        onMouseleave: n,
         onMousemove: a
       }, [
         f(k.$slots, "default", {
           activators: {
             click: l,
             mouseenter: o,
-            mouseleave: r,
+            mouseleave: n,
             mousemove: a
           },
           updatePosition: u
@@ -8802,7 +8802,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
           id: "tooltip",
           ref_key: "tooltip",
           ref: L,
-          class: c([B.value, k.tooltipClass]),
+          class: c([b.value, k.tooltipClass]),
           role: "tooltip"
         }, [
           f(k.$slots, "content", {
@@ -8843,7 +8843,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
 }, X5 = {
   key: 1,
   class: "r-dropdown-hint"
-}, Y5 = /* @__PURE__ */ F({
+}, Y5 = /* @__PURE__ */ R({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
@@ -8872,98 +8872,98 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V, A = W({}), L = W([]), i = W(!1), e = W("");
-    function d(n) {
-      if (!n || typeof n == "object" || typeof n == "function" || typeof n == "symbol" || typeof n > "u" || Array.isArray(n))
+    function d(r) {
+      if (!r || typeof r == "object" || typeof r == "function" || typeof r == "symbol" || typeof r > "u" || Array.isArray(r))
         return !0;
-      const [h] = Object == null ? void 0 : Object.keys(n);
+      const [h] = Object == null ? void 0 : Object.keys(r);
       return ["label", "value"].includes(h);
     }
     const t = g(() => {
-      const n = C.options;
-      return d(n[0]) ? n : n.map((h) => ({
+      const r = C.options;
+      return d(r[0]) ? r : r.map((h) => ({
         value: h,
         label: String(h)
       }));
     }), l = g(() => {
-      const n = C.modelValue;
-      return d(n) ? n : {
-        value: n,
-        label: String(n)
+      const r = C.modelValue;
+      return d(r) ? r : {
+        value: r,
+        label: String(r)
       };
-    }), o = W(), r = W(), a = W();
-    function u(n, h) {
-      var b, D, s;
-      if (n.stopPropagation(), !C.disabled) {
+    }), o = W(), n = W(), a = W();
+    function u(r, h) {
+      var B, D, s;
+      if (r.stopPropagation(), !C.disabled) {
         if (i.value = !0, h && h(), i.value) {
-          (b = o.value) == null || b.classList.add("r-dropdown--active"), (D = o.value) == null || D.focus(), (s = r.value) == null || s.focus();
+          (B = o.value) == null || B.classList.add("r-dropdown--active"), (D = o.value) == null || D.focus(), (s = n.value) == null || s.focus();
           return;
         }
-        B();
+        b();
       }
     }
-    function B() {
-      var n, h, b;
-      i.value = !1, (n = o.value) == null || n.classList.remove("r-dropdown--active"), (h = o.value) == null || h.blur(), (b = r.value) == null || b.blur();
+    function b() {
+      var r, h, B;
+      i.value = !1, (r = o.value) == null || r.classList.remove("r-dropdown--active"), (h = o.value) == null || h.blur(), (B = n.value) == null || B.blur();
     }
-    function k(n, h, b, D) {
+    function k(r, h, B, D) {
       var s;
-      if (n.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 = r.value) == null || s.focus());
+          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;
         }
-        w(n, h), C.closeOnSelect && (b(), B());
+        w(r, h), C.closeOnSelect && (B(), b());
       }
     }
-    function w(n, h) {
+    function w(r, h) {
       if (A.value.value === h.value) {
         A.value = {}, e.value = "", M("update:modelValue", "");
         return;
       }
-      e.value = h.label, A.value = h, u(n), M("update:modelValue", h);
+      e.value = h.label, A.value = h, u(r), M("update:modelValue", h);
     }
-    function P(n, h, b) {
-      if (n instanceof KeyboardEvent && n.key !== "Backspace" || e.value !== "")
+    function P(r, h, B) {
+      if (r instanceof KeyboardEvent && r.key !== "Backspace" || e.value !== "")
         return;
-      n.stopPropagation(), b();
+      r.stopPropagation(), B({ hideDetails: C.hideDetails });
       const D = L.value.findIndex((s) => s.value === h.value);
       L.value.splice(D, 1);
     }
-    function v(n, h) {
+    function v(r, h) {
       var s;
       if (!C.multiple)
         return;
-      n.stopPropagation(), h();
-      const b = e.value;
-      if (b === "")
+      r.stopPropagation(), h({ hideDetails: C.hideDetails });
+      const B = e.value;
+      if (B === "")
         return;
-      t.value.find((E) => E.label === b) || (L.value.push({ value: b, label: b }), e.value = "", (s = r.value) == null || s.focus());
+      t.value.find((E) => E.label === B) || (L.value.push({ value: B, label: B }), e.value = "", (s = n.value) == null || s.focus());
     }
-    function T(n) {
+    function F(r) {
       var h;
-      return !n || (n == null ? void 0 : n.value) === void 0 || (n == null ? void 0 : n.value) === null ? !1 : C.multiple ? L.value.find((b) => (b == null ? void 0 : b.value) === (n == null ? void 0 : n.value)) : ((h = A.value) == null ? void 0 : h.value) === (n == null ? void 0 : n.value);
+      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(n) {
-      C.searchable && n(), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
+    function O(r) {
+      C.searchable && r({ hideDetails: C.hideDetails }), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
     }
-    function N(n, h) {
-      if (n.stopPropagation(), h(), C.multiple) {
+    function N(r, h) {
+      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, (n) => {
-      M("update:modelValue", n);
-    }), G(() => l.value, (n) => {
-      I();
-    }), (n, h) => (m(), Z("div", {
+      Q();
+    }), $(L, (r) => {
+      M("update:modelValue", r);
+    }), $(() => l.value, (r) => {
+      Q();
+    }), (r, h) => (m(), Z("div", {
       ref_key: "wrapper",
       ref: a,
       class: "r-dropdown-wrapper"
@@ -8978,9 +8978,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
         "trigger-class": "w-full",
         triggers: ["click"],
         type: "dropdown",
-        onHide: B
+        onHide: b
       }, {
-        default: n1(({ activators: b, updatePosition: D }) => [
+        default: n1(({ activators: B, updatePosition: D }) => [
           S("div", {
             ref_key: "dropdown",
             ref: o,
@@ -8992,16 +8992,16 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
               group: e.value !== "" || L.value.length
             }]),
             role: "select",
-            onClick: (s) => u(s, b.click)
+            onClick: (s) => u(s, B.click)
           }, [
-            C.prependIcon || n.$slots.prepend ? (m(), Z("div", {
+            C.prependIcon || r.$slots.prepend ? (m(), Z("div", {
               key: 0,
               class: c(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": i.value,
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
             }, [
-              f(n.$slots, "prepend", {}, () => [
+              f(r.$slots, "prepend", {}, () => [
                 C.prependIcon ? (m(), _(x, {
                   key: 0,
                   name: C.prependIcon
@@ -9009,7 +9009,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
               ])
             ], 2)) : p("", !0),
             S("div", I5, [
-              (m(!0), Z(i1, null, o1(L.value, (s, E) => f(n.$slots, "selection", {
+              (m(!0), Z(i1, null, o1(L.value, (s, E) => f(r.$slots, "selection", {
                 key: E,
                 index: E,
                 option: s,
@@ -9021,13 +9021,13 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
                   label: s.label,
                   "no-wrap": "",
                   variant: "info",
-                  "onClick:close": ($) => P($, s, D)
+                  "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,
                 ref_key: "input",
-                ref: r,
+                ref: n,
                 "onUpdate:modelValue": h[0] || (h[0] = (s) => e.value = s),
                 autocomplete: C.autocomplete,
                 class: c(["r-dropdown__input", {
@@ -9035,7 +9035,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
                 }]),
                 disabled: C.disabled,
                 placeholder: C.placeholder,
-                readonly: z.value,
+                readonly: I.value,
                 role: "presentation",
                 type: "text",
                 onInput: e1((s) => O(D), ["prevent"]),
@@ -9058,14 +9058,14 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
                 size: "18"
               })
             ], 8, $5)) : p("", !0),
-            C.appendIcon || n.$slots.append ? (m(), Z("div", {
+            C.appendIcon || r.$slots.append ? (m(), Z("div", {
               key: 2,
               class: c(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": i.value,
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
             }, [
-              f(n.$slots, "append", {}, () => [
+              f(r.$slots, "append", {}, () => [
                 C.appendIcon ? (m(), _(x, {
                   key: 0,
                   name: C.appendIcon
@@ -9074,54 +9074,54 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
             ], 2)) : p("", !0)
           ], 10, N5)
         ]),
-        content: n1(({ hide: b, updatePosition: D }) => [
+        content: n1(({ hide: B, updatePosition: D }) => [
           S("ul", {
             class: c(["r-dropdown-options", {
               "r-dropdown-options--active": i.value,
               [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", {
-                "r-dropdown-options__option--active": T(s),
+                "r-dropdown-options__option--active": F(s),
                 "r-dropdown-options__option--disabled": s.disabled
               }]),
-              onClick: e1((E) => k(E, s, b, D), ["prevent"])
+              onClick: e1((E) => k(E, s, B, D), ["prevent"])
             }, [
-              f(n.$slots, "option", {
-                isSelected: T(s)
+              f(r.$slots, "option", {
+                isSelected: F(s)
               }, () => [
                 S("div", z5, [
-                  f(n.$slots, "option-prepend", {}, () => [
+                  f(r.$slots, "option-prepend", {}, () => [
                     s.prependIcon ? (m(), _(x, {
                       key: 0,
                       class: c(["r-dropdown-options__option__prepend-icon", {
-                        "r-dropdown-options__option__prepend-icon--active": T(s)
+                        "r-dropdown-options__option__prepend-icon--active": F(s)
                       }]),
                       name: s.prependIcon
                     }, null, 8, ["class", "name"])) : p("", !0)
                   ]),
                   S("p", {
                     class: c(["r-dropdown-options__option__label", {
-                      "r-dropdown-options__option__label--active": T(s)
+                      "r-dropdown-options__option__label--active": F(s)
                     }])
                   }, y(s.label), 3)
                 ]),
-                f(n.$slots, "option-append", {}, () => [
-                  T(s) && !C.hideOptionCheckIcon ? (m(), _(x, {
+                f(r.$slots, "option-append", {}, () => [
+                  F(s) && !C.hideOptionCheckIcon ? (m(), _(x, {
                     key: 0,
                     class: c(["r-dropdown-options__option__append-icon", {
-                      "r-dropdown-options__option__append-icon--active": T(s)
+                      "r-dropdown-options__option__append-icon--active": F(s)
                     }]),
                     name: "mdiCheck"
                   }, null, 8, ["class"])) : p("", !0)
                 ])
               ])
             ], 10, U5))), 128)),
-            R.value.length === 0 ? (m(), Z("li", K5, [
-              f(n.$slots, "not-options", {}, () => [
+            T.value.length === 0 ? (m(), Z("li", K5, [
+              f(r.$slots, "not-options", {}, () => [
                 R1(y(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
               ])
             ])) : p("", !0)
@@ -9129,13 +9129,13 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
         ]),
         _: 3
       }),
-      n.$props.hideDetails ? p("", !0) : (m(), Z("div", q5, [
+      r.$props.hideDetails ? p("", !0) : (m(), Z("div", q5, [
         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__ */ F({
+}), J5 = ["id", "for"], r2 = /* @__PURE__ */ R({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -9163,7 +9163,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
 }, A3 = {
   key: 2,
   class: "description"
-}, i3 = { class: "r-dialog__body" }, e3 = { class: "r-dialog__actions" }, m0 = /* @__PURE__ */ F({
+}, i3 = { class: "r-dialog__body" }, e3 = { class: "r-dialog__actions" }, m0 = /* @__PURE__ */ R({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9228,7 +9228,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
       [p2, e.modelValue]
     ]);
   }
-}), d3 = ["data-open"], t3 = ["data-open"], m3 = ["data-open"], l0 = /* @__PURE__ */ F({
+}), d3 = ["data-open"], t3 = ["data-open"], m3 = ["data-open"], l0 = /* @__PURE__ */ R({
   __name: "RSidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9265,7 +9265,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
 }), l3 = { class: "r-snackbar__text" }, o3 = {
   key: 0,
   class: "r-snackbar__close"
-}, o0 = /* @__PURE__ */ F({
+}, o0 = /* @__PURE__ */ R({
   __name: "RSnackbar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9279,7 +9279,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
   emits: ["action", "update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    G(
+    $(
       () => C.modelValue,
       () => {
         C.timeout > 0 && C.modelValue && setTimeout(() => {
@@ -9335,7 +9335,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
 }, S3 = {
   key: 1,
   class: "r-switch-texts__hint"
-}, n0 = /* @__PURE__ */ F({
+}, n0 = /* @__PURE__ */ R({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -9361,7 +9361,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ F({
     function i(e) {
       C.disabled || (A.checked = e.target.checked, M("update:modelValue", A.checked));
     }
-    return G(
+    return $(
       () => C.modelValue,
       (e) => {
         A.checked = e;
@@ -9411,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__ */ F({
+}, O3 = /* @__PURE__ */ R({
   __name: "RTabItem",
   props: {
     id: {},
@@ -9477,7 +9477,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       ])
     ], 14, s3));
   }
-}), r0 = /* @__PURE__ */ F({
+}), r0 = /* @__PURE__ */ R({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -9494,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);
@@ -9534,7 +9534,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
 }, k3 = {
   key: 1,
   class: "r-textarea__hint"
-}, a0 = /* @__PURE__ */ F({
+}, a0 = /* @__PURE__ */ R({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -9554,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;
@@ -9595,7 +9595,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
 }, v3 = {
   key: 1,
   class: "r-textfield__hint"
-}, Z0 = /* @__PURE__ */ F({
+}, Z0 = /* @__PURE__ */ R({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -9637,14 +9637,14 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     }, d = W(!1), t = g(() => !!L.value), l = g(() => L.value.length > 0), o = g(() => {
       var O;
       return (O = C.errorMsg) == null ? void 0 : O.length;
-    }), r = g(() => C.clearable && l.value), a = g(() => {
+    }), n = g(() => C.clearable && l.value), a = g(() => {
       const { disabled: O, loading: N } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": o.value,
         "r-textfield--loading": N,
         "r-textfield--disabled": O,
-        "r-textfield--clearable": r.value,
+        "r-textfield--clearable": n.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": t.value
       };
@@ -9652,16 +9652,16 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": o.value && t.value
-    })), B = g(() => ({
+    })), b = g(() => ({
       "r-textfield__append-icon": !0,
-      "r-textfield__append-icon--clear": r.value,
+      "r-textfield__append-icon--clear": n.value,
       "r-textfield__append-icon--error": o.value
     })), k = g(() => {
       const { prependIcon: O, type: N } = C;
       return O === "none" ? "" : O || e[N];
     }), w = g(() => {
       const { appendIcon: O, type: N } = C;
-      return O === "none" ? "" : o.value ? "mdiAlertCircleOutline" : r.value && ["text", "email"].includes(N) ? "mdiClose" : N === "password" && i.value === "password" ? "mdiEyeOutline" : N === "password" && i.value === "text" ? "mdiEyeOffOutline" : O;
+      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;
     });
     function P(O) {
       d.value = !0, M("focus", O);
@@ -9669,12 +9669,12 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     function v(O) {
       d.value = !1, M("blur", O);
     }
-    function T(O) {
+    function F(O) {
       L.value = O.target.value, M("input", O);
     }
-    function R() {
+    function T() {
       var O;
-      if (r.value) {
+      if (n.value) {
         L.value = "", (O = A.value) == null || O.focus(), M("click:clear", {
           value: i.value === "number" ? +L.value : L.value
         });
@@ -9682,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;
@@ -9699,7 +9699,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       {
         immediate: !0
       }
-    ), G(
+    ), $(
       () => L.value,
       (O) => {
         M(
@@ -9714,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", {
@@ -9741,15 +9741,15 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
             value: L.value,
             onBlur: v,
             onFocus: P,
-            onInput: T
+            onInput: F
           }, null, 40, w3),
           o.value ? p("", !0) : f(O.$slots, "append", { key: 1 }),
           w.value && !O.$slots.append || o.value ? (m(), _(x, {
             key: 2,
-            class: c(B.value),
+            class: c(b.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, [
@@ -9762,7 +9762,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
 }), T3 = { class: "r-breadcrumb" }, F3 = {
   key: 0,
   class: "r-breadcrumb__title"
-}, u0 = /* @__PURE__ */ F({
+}, u0 = /* @__PURE__ */ R({
   __name: "RBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -9833,7 +9833,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
   Y3,
   J3,
   C0
-], S0 = /* @__PURE__ */ F({
+], S0 = /* @__PURE__ */ R({
   __name: "RPagination",
   props: {
     page: { default: 1 },
@@ -9850,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) {
@@ -9961,7 +9961,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       ])
     ], 2));
   }
-}), V0 = ["value"], s0 = /* @__PURE__ */ F({
+}), V0 = ["value"], s0 = /* @__PURE__ */ R({
   __name: "RProgressbar",
   props: {
     value: { default: 0 },
@@ -9978,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__ */ F({
+}), O1 = "rocket-ui:r-item-group", c0 = /* @__PURE__ */ R({
   __name: "RItemGroup",
   props: {
     modelValue: { default: () => [] },
@@ -9998,13 +9998,13 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     }
     s1(`${O1}:isSelected`, e);
     function d(l, o) {
-      C.disabled || C.mandatory && L.value.length === 1 && !o || C.max && L.value.length === C.max && o || (C.multiple ? o ? L.value.push(l) : L.value = L.value.filter((r) => r !== l) : L.value = l ? [l] : [], M("update:modelValue", L.value));
+      C.disabled || C.mandatory && L.value.length === 1 && !o || C.max && L.value.length === C.max && o || (C.multiple ? o ? L.value.push(l) : L.value = L.value.filter((n) => n !== l) : L.value = l ? [l] : [], M("update:modelValue", L.value));
     }
     s1(`${O1}:select`, d);
     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(() => [
@@ -10017,7 +10017,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       _: 3
     }));
   }
-}), p1 = "rocket-ui:r-item-group", O0 = /* @__PURE__ */ F({
+}), p1 = "rocket-ui:r-item-group", O0 = /* @__PURE__ */ R({
   __name: "RItem",
   props: {
     value: { default: null },