@rocketui/vue 0.2.42 → 0.2.44-alpha

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as t1, renderList as r1, normalizeClass as p, renderSlot as f, toDisplayString as v, createVNode as q, computed as g, createCommentVNode as O, mergeProps as C2, createBlock as E, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as p2, onMounted as H2, Teleport as O2, withCtx as k1, withDirectives as V2, withModifiers as A1, withKeys as $1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, normalizeStyle as W1, vShow as g2, resolveComponent as k2, provide as O1, resolveDynamicComponent as B2, inject as f1 } from "vue";
+import { defineComponent as x, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as t1, renderList as r1, normalizeClass as p, renderSlot as f, toDisplayString as v, createVNode as q, computed as g, createCommentVNode as O, mergeProps as H2, createBlock as E, watch as G, getCurrentScope as c2, onScopeDispose as p2, ref as N, watchEffect as O2, onMounted as V2, onUnmounted as L2, Teleport as f2, withCtx as k1, withDirectives as M2, withModifiers as A1, withKeys as U1, vModelText as h2, createTextVNode as S1, normalizeStyle as N1, vShow as g2, resolveComponent as k2, provide as O1, resolveDynamicComponent as B2, inject as f1 } from "vue";
 const b2 = {
   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",
@@ -7428,11 +7428,11 @@ const b2 = {
       ])) : O("", !0)
     ], 2));
   }
-}), U1 = "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", N2 = { class: "r-avatar__wrapper" }, I2 = ["alt", "src"], n0 = /* @__PURE__ */ x({
+}), z1 = "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", N2 = { class: "r-avatar__wrapper" }, I2 = ["alt", "src"], n0 = /* @__PURE__ */ x({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
-    src: { default: U1 },
+    src: { default: z1 },
     alt: { default: "Avatar" },
     size: { default: "2xl" },
     online: { type: Boolean, default: !1 },
@@ -7442,7 +7442,7 @@ const b2 = {
     const V = H, C = g(() => ({
       "r-avatar": !0,
       [`r-avatar--${V.size}`]: !0
-    })), M = g(() => V.type === "image" && !V.src), i = g(() => M.value ? U1 : V.src);
+    })), M = g(() => V.type === "image" && !V.src), i = g(() => M.value ? z1 : V.src);
     function L(A) {
       const e = A.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
@@ -7542,7 +7542,7 @@ const b2 = {
     })[V.size || "medium"]), i = g(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
-    return (L, A) => (m(), Z("button", C2(L.$attrs, {
+    return (L, A) => (m(), Z("button", H2(L.$attrs, {
       class: C.value,
       disabled: L.disabled,
       style: i.value,
@@ -7732,34 +7732,34 @@ const b2 = {
   }
 });
 function H5(H) {
-  return s2() ? (c2(H), !0) : !1;
+  return c2() ? (p2(H), !0) : !1;
 }
-function L2(H) {
+function i2(H) {
   return typeof H == "function" ? H() : J(H);
 }
-const M2 = typeof window < "u" && typeof document < "u";
+const A2 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const V5 = Object.prototype.toString, L5 = (H) => V5.call(H) === "[object Object]", x1 = () => {
 }, M5 = /* @__PURE__ */ i5();
 function i5() {
   var H;
-  return M2 && ((H = window == null ? void 0 : window.navigator) == null ? void 0 : H.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  return A2 && ((H = window == null ? void 0 : window.navigator) == null ? void 0 : H.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
 function o1(H) {
   var V;
-  const C = L2(H);
+  const C = i2(H);
   return (V = C == null ? void 0 : C.$el) != null ? V : C;
 }
-const i2 = M2 ? window : void 0;
+const e2 = A2 ? window : void 0;
 function R1(...H) {
   let V, C, M, i;
-  if (typeof H[0] == "string" || Array.isArray(H[0]) ? ([C, M, i] = H, V = i2) : [V, C, M, i] = H, !V)
+  if (typeof H[0] == "string" || Array.isArray(H[0]) ? ([C, M, i] = H, V = e2) : [V, C, M, i] = H, !V)
     return x1;
   Array.isArray(C) || (C = [C]), Array.isArray(M) || (M = [M]);
   const L = [], A = () => {
     L.forEach((n) => n()), L.length = 0;
   }, e = (n, r, o, l) => (n.addEventListener(r, o, l), () => n.removeEventListener(r, o, l)), d = G(
-    () => [o1(V), L2(i)],
+    () => [o1(V), i2(i)],
     ([n, r]) => {
       if (A(), !n)
         return;
@@ -7774,12 +7774,12 @@ function R1(...H) {
   };
   return H5(t), t;
 }
-let z1 = !1;
+let K1 = !1;
 function A5(H, V, C = {}) {
-  const { window: M = i2, ignore: i = [], capture: L = !0, detectIframe: A = !1 } = C;
+  const { window: M = e2, ignore: i = [], capture: L = !0, detectIframe: A = !1 } = C;
   if (!M)
     return;
-  M5 && !z1 && (z1 = !0, Array.from(M.document.body.children).forEach((o) => o.addEventListener("click", x1)), M.document.documentElement.addEventListener("click", x1));
+  M5 && !K1 && (K1 = !0, Array.from(M.document.body.children).forEach((o) => o.addEventListener("click", x1)), M.document.documentElement.addEventListener("click", x1));
   let e = !0;
   const d = (o) => i.some((l) => {
     if (typeof l == "string")
@@ -7843,21 +7843,21 @@ function i1(H) {
 function s1(H) {
   return H.split("-")[1];
 }
-function A2(H) {
+function d2(H) {
   return H === "x" ? "y" : "x";
 }
-function N1(H) {
+function I1(H) {
   return H === "y" ? "height" : "width";
 }
 function y1(H) {
   return ["top", "bottom"].includes(i1(H)) ? "y" : "x";
 }
-function I1(H) {
-  return A2(y1(H));
+function Q1(H) {
+  return d2(y1(H));
 }
 function l5(H, V, C) {
   C === void 0 && (C = !1);
-  const M = s1(H), i = I1(H), L = N1(i);
+  const M = s1(H), i = Q1(H), L = I1(i);
   let A = i === "x" ? M === (C ? "end" : "start") ? "right" : "left" : M === "start" ? "bottom" : "top";
   return V.reference[L] > V.floating[L] && (A = b1(A)), [A, b1(A)];
 }
@@ -7898,7 +7898,7 @@ function a5(H) {
     ...H
   };
 }
-function e2(H) {
+function t2(H) {
   return typeof H != "number" ? a5(H) : {
     top: H,
     right: H,
@@ -7915,12 +7915,12 @@ function w1(H) {
     bottom: H.y + H.height
   };
 }
-function K1(H, V, C) {
+function q1(H, V, C) {
   let {
     reference: M,
     floating: i
   } = H;
-  const L = y1(V), A = I1(V), e = N1(A), d = i1(V), t = L === "y", n = M.x + M.width / 2 - i.width / 2, r = M.y + M.height / 2 - i.height / 2, o = M[e] / 2 - i[e] / 2;
+  const L = y1(V), A = Q1(V), e = I1(A), d = i1(V), t = L === "y", n = M.x + M.width / 2 - i.width / 2, r = M.y + M.height / 2 - i.height / 2, o = M[e] / 2 - i[e] / 2;
   let l;
   switch (d) {
     case "top":
@@ -7977,7 +7977,7 @@ const Z5 = async (H, V, C) => {
   }), {
     x: n,
     y: r
-  } = K1(t, M, d), o = M, l = {}, u = 0;
+  } = q1(t, M, d), o = M, l = {}, u = 0;
   for (let k = 0; k < e.length; k++) {
     const {
       name: w,
@@ -7986,7 +7986,7 @@ const Z5 = async (H, V, C) => {
       x: b,
       y: F,
       data: R,
-      reset: P
+      reset: y
     } = await B({
       x: n,
       y: r,
@@ -8007,15 +8007,15 @@ const Z5 = async (H, V, C) => {
         ...l[w],
         ...R
       }
-    }, P && u <= 50) {
-      u++, typeof P == "object" && (P.placement && (o = P.placement), P.rects && (t = P.rects === !0 ? await A.getElementRects({
+    }, y && u <= 50) {
+      u++, typeof y == "object" && (y.placement && (o = y.placement), y.rects && (t = y.rects === !0 ? await A.getElementRects({
         reference: H,
         floating: V,
         strategy: i
-      }) : P.rects), {
+      }) : y.rects), {
         x: n,
         y: r
-      } = K1(t, o, d)), k = -1;
+      } = q1(t, o, d)), k = -1;
       continue;
     }
   }
@@ -8043,7 +8043,7 @@ async function v1(H, V) {
     elementContext: r = "floating",
     altBoundary: o = !1,
     padding: l = 0
-  } = l1(V, H), u = e2(l), w = e[o ? r === "floating" ? "reference" : "floating" : r], B = w1(await L.getClippingRect({
+  } = l1(V, H), u = t2(l), w = e[o ? r === "floating" ? "reference" : "floating" : r], B = w1(await L.getClippingRect({
     element: (C = await (L.isElement == null ? void 0 : L.isElement(w))) == null || C ? w : w.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
     rootBoundary: n,
@@ -8058,16 +8058,16 @@ async function v1(H, V) {
   } : {
     x: 1,
     y: 1
-  }, P = w1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = w1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: b,
     offsetParent: F,
     strategy: d
   }) : b);
   return {
-    top: (B.top - P.top + u.top) / R.y,
-    bottom: (P.bottom - B.bottom + u.bottom) / R.y,
-    left: (B.left - P.left + u.left) / R.x,
-    right: (P.right - B.right + u.right) / R.x
+    top: (B.top - y.top + u.top) / R.y,
+    bottom: (y.bottom - B.bottom + u.bottom) / R.y,
+    left: (B.left - y.left + u.left) / R.x,
+    right: (y.right - B.right + u.right) / R.x
   };
 }
 const u5 = (H) => ({
@@ -8088,13 +8088,13 @@ const u5 = (H) => ({
     } = l1(H, V) || {};
     if (t == null)
       return {};
-    const r = e2(n), o = {
+    const r = t2(n), o = {
       x: C,
       y: M
-    }, l = I1(i), u = N1(l), k = await A.getDimensions(t), w = l === "y", B = w ? "top" : "left", b = w ? "bottom" : "right", F = w ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[l] - o[l] - L.floating[u], P = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
+    }, l = Q1(i), u = I1(l), k = await A.getDimensions(t), w = l === "y", B = w ? "top" : "left", b = w ? "bottom" : "right", F = w ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[l] - o[l] - L.floating[u], y = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
     let W = U ? U[F] : 0;
     (!W || !await (A.isElement == null ? void 0 : A.isElement(U))) && (W = e.floating[F] || L.floating[u]);
-    const h = R / 2 - P / 2, I = W / 2 - k[u] / 2 - 1, M1 = a1(r[B], I), a = a1(r[b], I), s = M1, y = W - k[u] - a, T = W / 2 - k[u] / 2 + h, c = D1(s, T, y), _ = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - k[u] / 2 < 0, $ = _ ? T < s ? T - s : T - y : 0;
+    const h = R / 2 - y / 2, I = W / 2 - k[u] / 2 - 1, M1 = a1(r[B], I), a = a1(r[b], I), s = M1, P = W - k[u] - a, T = W / 2 - k[u] / 2 + h, c = D1(s, T, P), _ = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - k[u] / 2 < 0, $ = _ ? T < s ? T - s : T - P : 0;
     return {
       [l]: o[l] + $,
       data: {
@@ -8133,7 +8133,7 @@ const u5 = (H) => ({
         return {};
       const B = i1(i), b = i1(e) === e, F = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = o || (b || !k ? [b1(e)] : o5(e));
       !o && u !== "none" && R.push(...r5(e, k, u, F));
-      const P = [e, ...R], U = await v1(V, w), W = [];
+      const y = [e, ...R], U = await v1(V, w), W = [];
       let h = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (n && W.push(U[B]), r) {
         const s = l5(i, A, F);
@@ -8144,15 +8144,15 @@ const u5 = (H) => ({
         overflows: W
       }], !W.every((s) => s <= 0)) {
         var I, M1;
-        const s = (((I = L.flip) == null ? void 0 : I.index) || 0) + 1, y = P[s];
-        if (y)
+        const s = (((I = L.flip) == null ? void 0 : I.index) || 0) + 1, P = y[s];
+        if (P)
           return {
             data: {
               index: s,
               overflows: h
             },
             reset: {
-              placement: y
+              placement: P
             }
           };
         let T = (M1 = h.filter((c) => c.overflows[0] <= 0).sort((c, _) => c.overflows[1] - _.overflows[1])[0]) == null ? void 0 : M1.placement;
@@ -8179,7 +8179,7 @@ const u5 = (H) => ({
     }
   };
 };
-function q1(H, V) {
+function j1(H, V) {
   return {
     top: H.top - V.height,
     right: H.right - V.width,
@@ -8187,7 +8187,7 @@ function q1(H, V) {
     left: H.left - V.width
   };
 }
-function j1(H) {
+function X1(H) {
   return d5.some((V) => H[V] >= 0);
 }
 const s5 = function(H) {
@@ -8206,11 +8206,11 @@ const s5 = function(H) {
           const L = await v1(V, {
             ...i,
             elementContext: "reference"
-          }), A = q1(L, C.reference);
+          }), A = j1(L, C.reference);
           return {
             data: {
               referenceHiddenOffsets: A,
-              referenceHidden: j1(A)
+              referenceHidden: X1(A)
             }
           };
         }
@@ -8218,11 +8218,11 @@ const s5 = function(H) {
           const L = await v1(V, {
             ...i,
             altBoundary: !0
-          }), A = q1(L, C.floating);
+          }), A = j1(L, C.floating);
           return {
             data: {
               escapedOffsets: A,
-              escaped: j1(A)
+              escaped: X1(A)
             }
           };
         }
@@ -8304,7 +8304,7 @@ const p5 = function(H) {
       } = l1(H, V), t = {
         x: C,
         y: M
-      }, n = await v1(V, d), r = y1(i1(i)), o = A2(r);
+      }, n = await v1(V, d), r = y1(i1(i)), o = d2(r);
       let l = t[o], u = t[r];
       if (L) {
         const w = o === "y" ? "top" : "left", B = o === "y" ? "bottom" : "right", b = l + n[w], F = l - n[B];
@@ -8330,7 +8330,7 @@ const p5 = function(H) {
   };
 };
 function V1(H) {
-  return d2(H) ? (H.nodeName || "").toLowerCase() : "#document";
+  return m2(H) ? (H.nodeName || "").toLowerCase() : "#document";
 }
 function z(H) {
   var V;
@@ -8338,9 +8338,9 @@ function z(H) {
 }
 function L1(H) {
   var V;
-  return (V = (d2(H) ? H.ownerDocument : H.document) || window.document) == null ? void 0 : V.documentElement;
+  return (V = (m2(H) ? H.ownerDocument : H.document) || window.document) == null ? void 0 : V.documentElement;
 }
-function d2(H) {
+function m2(H) {
   return H instanceof Node || H instanceof z(H).Node;
 }
 function C1(H) {
@@ -8349,7 +8349,7 @@ function C1(H) {
 function j(H) {
   return H instanceof HTMLElement || H instanceof z(H).HTMLElement;
 }
-function X1(H) {
+function Y1(H) {
   return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof z(H).ShadowRoot;
 }
 function c1(H) {
@@ -8364,20 +8364,20 @@ function c1(H) {
 function f5(H) {
   return ["table", "td", "th"].includes(V1(H));
 }
-function Q1(H) {
-  const V = G1(), C = K(H);
+function G1(H) {
+  const V = $1(), C = K(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 h5(H) {
   let V = m1(H);
   for (; j(V) && !P1(V); ) {
-    if (Q1(V))
+    if (G1(V))
       return V;
     V = m1(V);
   }
   return null;
 }
-function G1() {
+function $1() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function P1(H) {
@@ -8402,22 +8402,22 @@ function m1(H) {
     // Step into the shadow DOM of the parent of a slotted node.
     H.assignedSlot || // DOM Element detected.
     H.parentNode || // ShadowRoot detected.
-    X1(H) && H.host || // Fallback.
+    Y1(H) && H.host || // Fallback.
     L1(H)
   );
-  return X1(V) ? V.host : V;
+  return Y1(V) ? V.host : V;
 }
-function t2(H) {
+function l2(H) {
   const V = m1(H);
-  return P1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : j(V) && c1(V) ? V : t2(V);
+  return P1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : j(V) && c1(V) ? V : l2(V);
 }
 function E1(H, V, C) {
   var M;
   V === void 0 && (V = []), C === void 0 && (C = !0);
-  const i = t2(H), L = i === ((M = H.ownerDocument) == null ? void 0 : M.body), A = z(i);
+  const i = l2(H), L = i === ((M = H.ownerDocument) == null ? void 0 : M.body), A = z(i);
   return L ? V.concat(A, A.visualViewport || [], c1(i) ? i : [], A.frameElement && C ? E1(A.frameElement) : []) : V.concat(i, E1(i, [], C));
 }
-function m2(H) {
+function o2(H) {
   const V = K(H);
   let C = parseFloat(V.width) || 0, M = parseFloat(V.height) || 0;
   const i = j(H), L = i ? H.offsetWidth : C, A = i ? H.offsetHeight : M, e = B1(C) !== L || B1(M) !== A;
@@ -8427,18 +8427,18 @@ function m2(H) {
     $: e
   };
 }
-function l2(H) {
+function n2(H) {
   return C1(H) ? H : H.contextElement;
 }
 function d1(H) {
-  const V = l2(H);
+  const V = n2(H);
   if (!j(V))
     return H1(1);
   const C = V.getBoundingClientRect(), {
     width: M,
     height: i,
     $: L
-  } = m2(V);
+  } = o2(V);
   let A = (L ? B1(C.width) : C.width) / M, e = (L ? B1(C.height) : C.height) / i;
   return (!A || !Number.isFinite(A)) && (A = 1), (!e || !Number.isFinite(e)) && (e = 1), {
     x: A,
@@ -8446,9 +8446,9 @@ function d1(H) {
   };
 }
 const g5 = /* @__PURE__ */ H1(0);
-function o2(H) {
+function r2(H) {
   const V = z(H);
-  return !G1() || !V.visualViewport ? g5 : {
+  return !$1() || !V.visualViewport ? g5 : {
     x: V.visualViewport.offsetLeft,
     y: V.visualViewport.offsetTop
   };
@@ -8458,10 +8458,10 @@ function k5(H, V, C) {
 }
 function Z1(H, V, C, M) {
   V === void 0 && (V = !1), C === void 0 && (C = !1);
-  const i = H.getBoundingClientRect(), L = l2(H);
+  const i = H.getBoundingClientRect(), L = n2(H);
   let A = H1(1);
   V && (M ? C1(M) && (A = d1(M)) : A = d1(H));
-  const e = k5(L, C, M) ? o2(L) : H1(0);
+  const e = k5(L, C, M) ? r2(L) : H1(0);
   let d = (i.left + e.x) / A.x, t = (i.top + e.y) / A.y, n = i.width / A.x, r = i.height / A.y;
   if (L) {
     const o = z(L), l = M && C1(M) ? z(M) : M;
@@ -8506,12 +8506,12 @@ function B5(H) {
 function b5(H) {
   return Array.from(H.getClientRects());
 }
-function n2(H) {
+function a2(H) {
   return Z1(L1(H)).left + T1(H).scrollLeft;
 }
 function w5(H) {
   const V = L1(H), C = T1(H), M = H.ownerDocument.body, i = e1(V.scrollWidth, V.clientWidth, M.scrollWidth, M.clientWidth), L = e1(V.scrollHeight, V.clientHeight, M.scrollHeight, M.clientHeight);
-  let A = -C.scrollLeft + n2(H);
+  let A = -C.scrollLeft + a2(H);
   const e = -C.scrollTop;
   return K(M).direction === "rtl" && (A += e1(V.clientWidth, M.clientWidth) - i), {
     width: i,
@@ -8525,7 +8525,7 @@ function v5(H, V) {
   let L = M.clientWidth, A = M.clientHeight, e = 0, d = 0;
   if (i) {
     L = i.width, A = i.height;
-    const t = G1();
+    const t = $1();
     (!t || t && V === "fixed") && (e = i.offsetLeft, d = i.offsetTop);
   }
   return {
@@ -8544,7 +8544,7 @@ function y5(H, V) {
     y: t
   };
 }
-function Y1(H, V, C) {
+function J1(H, V, C) {
   let M;
   if (V === "viewport")
     M = v5(H, C);
@@ -8553,7 +8553,7 @@ function Y1(H, V, C) {
   else if (C1(V))
     M = y5(V, C);
   else {
-    const i = o2(H);
+    const i = r2(H);
     M = {
       ...V,
       x: V.x - i.x,
@@ -8562,9 +8562,9 @@ function Y1(H, V, C) {
   }
   return w1(M);
 }
-function r2(H, V) {
+function Z2(H, V) {
   const C = m1(H);
-  return C === V || !C1(C) || P1(C) ? !1 : K(C).position === "fixed" || r2(C, V);
+  return C === V || !C1(C) || P1(C) ? !1 : K(C).position === "fixed" || Z2(C, V);
 }
 function P5(H, V) {
   const C = V.get(H);
@@ -8574,8 +8574,8 @@ function P5(H, V) {
   const L = K(H).position === "fixed";
   let A = L ? m1(H) : H;
   for (; C1(A) && !P1(A); ) {
-    const e = K(A), d = Q1(A);
-    !d && e.position === "fixed" && (i = null), (L ? !d && !i : !d && e.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || c1(A) && !d && r2(H, A)) ? M = M.filter((n) => n !== A) : i = e, A = m1(A);
+    const e = K(A), d = G1(A);
+    !d && e.position === "fixed" && (i = null), (L ? !d && !i : !d && e.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || c1(A) && !d && Z2(H, A)) ? M = M.filter((n) => n !== A) : i = e, A = m1(A);
   }
   return V.set(H, M), M;
 }
@@ -8587,9 +8587,9 @@ function T5(H) {
     strategy: i
   } = H;
   const A = [...C === "clippingAncestors" ? P5(V, this._c) : [].concat(C), M], e = A[0], d = A.reduce((t, n) => {
-    const r = Y1(V, n, i);
+    const r = J1(V, n, i);
     return t.top = e1(r.top, t.top), t.right = a1(r.right, t.right), t.bottom = a1(r.bottom, t.bottom), t.left = e1(r.left, t.left), t;
-  }, Y1(V, e, i));
+  }, J1(V, e, i));
   return {
     width: d.right - d.left,
     height: d.bottom - d.top,
@@ -8598,7 +8598,7 @@ function T5(H) {
   };
 }
 function F5(H) {
-  return m2(H);
+  return o2(H);
 }
 function R5(H, V, C) {
   const M = j(V), i = L1(V), L = C === "fixed", A = Z1(H, !0, L, V);
@@ -8612,7 +8612,7 @@ function R5(H, V, C) {
       const t = Z1(V, !0, L, V);
       d.x = t.x + V.clientLeft, d.y = t.y + V.clientTop;
     } else
-      i && (d.x = n2(i));
+      i && (d.x = a2(i));
   return {
     x: A.left + e.scrollLeft - d.x,
     y: A.top + e.scrollTop - d.y,
@@ -8620,17 +8620,17 @@ function R5(H, V, C) {
     height: A.height
   };
 }
-function J1(H, V) {
+function C2(H, V) {
   return !j(H) || K(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
 }
-function a2(H, V) {
+function u2(H, V) {
   const C = z(H);
   if (!j(H))
     return C;
-  let M = J1(H, V);
+  let M = C2(H, V);
   for (; M && f5(M) && K(M).position === "static"; )
-    M = J1(M, V);
-  return M && (V1(M) === "html" || V1(M) === "body" && K(M).position === "static" && !Q1(M)) ? C : M || h5(H) || C;
+    M = C2(M, V);
+  return M && (V1(M) === "html" || V1(M) === "body" && K(M).position === "static" && !G1(M)) ? C : M || h5(H) || C;
 }
 const x5 = async function(H) {
   let {
@@ -8638,7 +8638,7 @@ const x5 = async function(H) {
     floating: C,
     strategy: M
   } = H;
-  const i = this.getOffsetParent || a2, L = this.getDimensions;
+  const i = this.getOffsetParent || u2, L = this.getDimensions;
   return {
     reference: R5(V, await i(C), M),
     floating: {
@@ -8655,7 +8655,7 @@ const _5 = {
   convertOffsetParentRelativeRectToViewportRelativeRect: B5,
   getDocumentElement: L1,
   getClippingRect: T5,
-  getOffsetParent: a2,
+  getOffsetParent: u2,
   getElementRects: x5,
   getClientRects: b5,
   getDimensions: F5,
@@ -8675,7 +8675,7 @@ const _5 = {
     platform: L
   });
 };
-var Z2 = /* @__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))(Z2 || {}), Y = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(Y || {}), u2 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(u2 || {});
+var S2 = /* @__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))(S2 || {}), Y = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(Y || {}), W1 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(W1 || {});
 async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e) {
   !H || !V || E5(H, V, {
     placement: M,
@@ -8719,7 +8719,7 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
 const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__ */ x({
   __name: "RTooltip",
   props: {
-    placement: { default: Z2.Top },
+    placement: { default: S2.Top },
     text: { default: "" },
     dark: { type: Boolean, default: !0 },
     light: { type: Boolean, default: !1 },
@@ -8736,7 +8736,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     resizable: { type: Boolean, default: !0 },
     triggerClass: { default: "" },
     tooltipClass: { default: "" },
-    type: { default: u2.Tooltip }
+    type: { default: W1.Tooltip }
   },
   emits: ["show", "hide"],
   setup(H, { emit: V }) {
@@ -8770,8 +8770,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       C.triggers.includes(Y.Hover) && k();
     }
     function k(B) {
-      const { placement: b, offset: F, padding: R, disabled: P, showDelay: U, type: W } = C;
-      P || W5(i, L, A, b, F, R, U, W);
+      const { placement: b, offset: F, padding: R, disabled: y, showDelay: U, type: W } = C;
+      y || W5(i, L, A, b, F, R, U, W);
     }
     const w = g(() => ({
       "r-tooltip": !0,
@@ -8780,18 +8780,20 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     }));
     return window.onresize = () => {
       C.resizable && k();
-    }, document.addEventListener("scroll", () => {
-      k();
-    }), p2(
+    }, O2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(Y.Manual) ? d() : !C.shown && C.triggers.includes(Y.Manual) && t());
       },
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
-    ), H2(() => {
+    ), V2(() => {
       C.resizable && i.value.parentElement.parentElement.addEventListener("scroll", k()), A5(i, (B) => {
         L.value.classList.contains("r-tooltip--active") && t(B);
-      }, { ignore: [L] });
+      }, { ignore: [L] }), C.type === W1.Dropdown && document.addEventListener("scroll", () => {
+        k();
+      });
+    }), L2(() => {
+      C.resizable && i.value.parentElement.parentElement.removeEventListener("scroll", k()), document.body.removeChild(L.value);
     }), (B, b) => (m(), Z(t1, null, [
       S("div", {
         ref_key: "trigger",
@@ -8818,7 +8820,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, null, 8, I5)
         ])
       ], 42, N5),
-      (m(), E(O2, { to: "body" }, [
+      (m(), E(f2, { to: "body" }, [
         S("div", {
           id: J(e),
           ref_key: "tooltip",
@@ -8941,7 +8943,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       const s = document.getElementById(a);
       s == null || s.classList.remove("r-dropdown--active"), A.value = !1;
     }
-    function w(a, s, y, T) {
+    function w(a, s, P, T) {
       var c;
       if (T(), !s.disabled) {
         if (s.value === "select-all") {
@@ -8952,7 +8954,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           L.value.find((_) => _.value === s.value) ? L.value.splice(L.value.indexOf(s), 1) : L.value.push(s), e.value = "", C.searchable && ((c = o.value) == null || c.focus());
           return;
         }
-        B(a, s), C.closeOnSelect && y();
+        B(a, s), C.closeOnSelect && P();
       }
     }
     function B(a, s) {
@@ -8962,10 +8964,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       }
       e.value = s.label, i.value = s, M("update:modelValue", s);
     }
-    function b(a, s, y) {
+    function b(a, s, P) {
       if (a instanceof KeyboardEvent && a.key !== "Backspace" || e.value !== "")
         return;
-      a.stopPropagation(), y();
+      a.stopPropagation(), P();
       const T = L.value.findIndex((c) => c.value === s.value);
       L.value.splice(T, 1);
     }
@@ -8974,16 +8976,16 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       if (!C.multiple)
         return;
       a.stopPropagation(), s();
-      const y = e.value;
-      if (y === "")
+      const P = e.value;
+      if (P === "")
         return;
-      t.value.find((_) => _.label === y) || (L.value.push({ value: y, label: y }), e.value = "", (c = o.value) == null || c.focus());
+      t.value.find((_) => _.label === P) || (L.value.push({ value: P, label: P }), e.value = "", (c = o.value) == null || c.focus());
     }
     function R(a) {
       var s;
-      return !a || (a == null ? void 0 : a.value) === void 0 || (a == null ? void 0 : a.value) === null ? !1 : C.multiple ? L.value.find((y) => (y == null ? void 0 : y.value) === (a == null ? void 0 : a.value)) : ((s = i.value) == null ? void 0 : s.value) === (a == null ? void 0 : a.value);
+      return !a || (a == null ? void 0 : a.value) === void 0 || (a == null ? void 0 : a.value) === null ? !1 : C.multiple ? L.value.find((P) => (P == null ? void 0 : P.value) === (a == null ? void 0 : a.value)) : ((s = i.value) == null ? void 0 : s.value) === (a == null ? void 0 : a.value);
     }
-    const P = g(() => !C.searchable || i.value.label === e.value ? t.value : t.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), U = g(() => !C.searchable);
+    const y = g(() => !C.searchable || i.value.label === e.value ? t.value : t.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), U = g(() => !C.searchable);
     function W() {
       n.value ? C.multiple ? L.value = n.value : (i.value = n.value, e.value = n.value.label) : (i.value = {}, L.value.splice(0, L.value.length));
     }
@@ -8998,13 +9000,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       i.value = {}, e.value = "", M("update:modelValue", "");
     }
     function M1() {
-      if (L.value.length === P.value.length) {
+      if (L.value.length === y.value.length) {
         L.value.splice(0, L.value.length);
         return;
       }
-      L.value = P.value;
+      L.value = y.value;
     }
-    return H2(() => {
+    return V2(() => {
       W(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
     }), G(
       L,
@@ -9030,11 +9032,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         "trigger-class": "w-full",
         triggers: ["click"],
         type: "dropdown",
-        onHide: s[1] || (s[1] = (y) => {
-          k(y);
+        onHide: s[1] || (s[1] = (P) => {
+          k(P);
         })
       }, {
-        default: k1(({ updatePosition: y, tooltipId: T }) => [
+        default: k1(({ updatePosition: P, tooltipId: T }) => [
           S("div", {
             id: T,
             ref_key: "dropdown",
@@ -9082,10 +9084,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                   label: c.label,
                   "no-wrap": "",
                   variant: "primary",
-                  "onClick:close": ($) => b($, c, y)
+                  "onClick:close": ($) => b($, c, P)
                 }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", z5, v(`${c.label}, `), 1))
               ])), 128)),
-              V2(S("input", {
+              M2(S("input", {
                 id: C.id,
                 ref_key: "input",
                 ref: o,
@@ -9099,20 +9101,20 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 readonly: U.value,
                 role: "presentation",
                 type: "text",
-                onInput: A1((c) => h(y), ["prevent"]),
+                onInput: A1((c) => h(P), ["prevent"]),
                 onKeydown: [
-                  $1((c) => b(c, L.value[L.value.length - 1], y), ["backspace"]),
-                  $1((c) => F(c, y), ["enter"])
+                  U1((c) => b(c, L.value[L.value.length - 1], P), ["backspace"]),
+                  U1((c) => F(c, P), ["enter"])
                 ]
               }, null, 42, K5), [
-                [f2, e.value]
+                [h2, e.value]
               ])
             ]),
             C.clearable ? (m(), Z("div", {
               key: 1,
               class: "r-dropdown__clearable",
               "data-has-value": (e.value !== "" || L.value.length) && A.value,
-              onClick: (c) => I(c, y)
+              onClick: (c) => I(c, P)
             }, [
               f(a.$slots, "clearable", {}, () => [
                 q(D, {
@@ -9142,41 +9144,41 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             ], 2)) : O("", !0)
           ], 10, $5)
         ]),
-        content: k1(({ hide: y, updatePosition: T }) => [
+        content: k1(({ hide: P, updatePosition: T }) => [
           S("ul", {
             class: p(["r-dropdown-options", {
               "r-dropdown-options--active": A.value,
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            C.showSelectAll && C.multiple ? (m(), Z("li", {
+            C.showSelectAll && C.multiple && y.value.length > 0 ? (m(), Z("li", {
               key: 0,
               class: p(["r-dropdown-options__option", {
-                "r-dropdown-options__option--active": L.value.length === P.value.length,
+                "r-dropdown-options__option--active": L.value.length === y.value.length,
                 "r-dropdown-options__option--disabled": !1
               }]),
-              onClick: A1((c) => w(c, { label: C.selectAllText, value: "select-all" }, y, T), ["prevent"])
+              onClick: A1((c) => w(c, { label: C.selectAllText, value: "select-all" }, P, T), ["prevent"])
             }, [
               S("div", X5, [
                 S("p", Y5, v(C.selectAllText), 1)
               ]),
-              L.value.length === P.value.length && !C.hideOptionCheckIcon ? (m(), E(D, {
+              L.value.length === y.value.length && !C.hideOptionCheckIcon ? (m(), E(D, {
                 key: 0,
                 class: p(["r-dropdown-options__option__append-icon", {
-                  "r-dropdown-options__option__append-icon--active": L.value.length === P.value.length
+                  "r-dropdown-options__option__append-icon--active": L.value.length === y.value.length
                 }]),
                 name: "mdiCheck"
               }, null, 8, ["class"])) : O("", !0)
             ], 10, j5)) : O("", !0),
-            C.showSelectAll ? (m(), Z("hr", J5)) : O("", !0),
-            (m(!0), Z(t1, null, r1(P.value, (c) => (m(), Z("li", {
+            C.showSelectAll && y.value.length > 0 ? (m(), Z("hr", J5)) : O("", !0),
+            (m(!0), Z(t1, null, r1(y.value, (c) => (m(), Z("li", {
               key: c.value,
               "aria-disabled": c.disabled,
               class: p(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": R(c),
                 "r-dropdown-options__option--disabled": c.disabled
               }]),
-              onClick: A1((_) => w(_, c, y, T), ["prevent"])
+              onClick: A1((_) => w(_, c, P, T), ["prevent"])
             }, [
               f(a.$slots, "option", {
                 disabled: c.disabled,
@@ -9215,9 +9217,9 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 ])
               ])
             ], 10, C3))), 128)),
-            P.value.length === 0 ? (m(), Z("li", V3, [
+            y.value.length === 0 ? (m(), Z("li", V3, [
               f(a.$slots, "not-options", {}, () => [
-                S1(v(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
+                S1(v(C.noOptionsText), 1)
               ])
             ])) : O("", !0)
           ], 2)
@@ -9230,7 +9232,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       ]))
     ], 512));
   }
-}), e3 = ["id", "for"], S2 = /* @__PURE__ */ x({
+}), e3 = ["id", "for"], s2 = /* @__PURE__ */ x({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -9287,11 +9289,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     function A(e) {
       C.outsideClick && e.target === e.currentTarget && M("update:modelValue", !1);
     }
-    return h2(() => {
+    return L2(() => {
       !C.modelValue && C.allowBodyScroll && (document.body.style.overflow = "auto");
     }), window.addEventListener("keydown", (e) => {
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
-    }), (e, d) => V2((m(), Z("div", {
+    }), (e, d) => M2((m(), Z("div", {
       class: p(["r-modal-overlay", e.overlayClass]),
       onClick: A1(A, ["stop"])
     }, [
@@ -9300,7 +9302,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         class: p(i.value),
         open: C.modelValue,
         role: "dialog",
-        style: W1(L.value)
+        style: N1(L.value)
       }, [
         S("div", m3, [
           f(e.$slots, "header"),
@@ -9542,7 +9544,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       "aria-selected": A.value,
       class: p(i.value),
       disabled: C.disabled,
-      style: W1(L.value),
+      style: N1(L.value),
       onClick: t[0] || (t[0] = A1((n) => e(C.id), ["stop"]))
     }, [
       f(d.$slots, "prepend", {
@@ -9671,14 +9673,14 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         immediate: !0
       }
     ), (A, e) => (m(), Z("div", w3, [
-      C.label ? (m(), E(S2, {
+      C.label ? (m(), E(s2, {
         key: 0,
         id: `${C.id}-label`,
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
       }, null, 8, ["id", "text"])) : O("", !0),
-      S("textarea", C2(A.$attrs, {
+      S("textarea", H2(A.$attrs, {
         id: C.id,
         class: ["r-textarea", {
           "r-textarea--error": C.errorMsg,
@@ -9780,7 +9782,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
     function R(h) {
       L.value = h.target.value, M("input", h);
     }
-    function P() {
+    function y() {
       var h;
       if (o.value) {
         L.value = "", (h = i.value) == null || h.focus(), M("click:clear", {
@@ -9816,7 +9818,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         );
       }
     ), (h, I) => (m(), Z("div", F3, [
-      C.label ? (m(), E(S2, {
+      C.label ? (m(), E(s2, {
         key: 0,
         id: `${C.id}-label`,
         class: "r-textfield__label",
@@ -9866,7 +9868,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
               class: p(k.value),
               name: `${B.value}`,
               size: 20,
-              onClick: P
+              onClick: y
             }, null, 8, ["class", "name"])) : O("", !0)
           ])
         ], 2),
@@ -10099,7 +10101,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       class: "r-progressbar",
       max: 100,
       role: "progressbar",
-      style: W1({ height: `${V.height}px` }),
+      style: N1({ height: `${V.height}px` }),
       value: V.value
     }, null, 12, t0));
   }
@@ -10178,7 +10180,7 @@ export {
   D as RIcon,
   b0 as RItem,
   B0 as RItemGroup,
-  S2 as RLabel,
+  s2 as RLabel,
   u0 as RModal,
   g0 as RPagination,
   k0 as RProgressbar,