@rocketui/vue 0.2.55 → 0.2.57

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 O, renderSlot as f, toDisplayString as v, createVNode as q, computed as g, createCommentVNode as p, mergeProps as H2, createBlock as E, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as O2, onMounted as V2, Teleport as p2, withCtx as k1, withDirectives as L2, withModifiers as A1, withKeys as U1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, normalizeStyle as N1, vShow as g2, resolveComponent as k2, provide as p1, resolveDynamicComponent as B2, inject as f1 } from "vue";
+import { defineComponent as D, 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 y, createVNode as q, computed as g, createCommentVNode as O, mergeProps as H2, createBlock as _, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as p2, onMounted as V2, Teleport as O2, withCtx as k1, withDirectives as L2, withModifiers as A1, withKeys as U1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, 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",
@@ -7296,7 +7296,7 @@ const b2 = {
   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"
-}, w2 = ["height", "viewBox", "width"], v2 = ["d"], D = /* @__PURE__ */ x({
+}, w2 = ["height", "viewBox", "width"], v2 = ["d"], x = /* @__PURE__ */ D({
   __name: "RIcon",
   props: {
     name: { default: "" },
@@ -7316,7 +7316,7 @@ const b2 = {
       }, null, 8, v2)
     ], 8, w2));
   }
-}), y2 = ["data-state"], P2 = ["onClick"], T2 = { class: "r-accordion__title" }, F2 = { class: "r-accordion__icon" }, R2 = { class: "r-accordion__content" }, l0 = /* @__PURE__ */ x({
+}), y2 = ["data-state"], P2 = ["onClick"], T2 = { class: "r-accordion__title" }, F2 = { class: "r-accordion__icon" }, R2 = { class: "r-accordion__content" }, l0 = /* @__PURE__ */ D({
   __name: "RAccordion",
   props: {
     accordions: {}
@@ -7337,7 +7337,7 @@ const b2 = {
     }
     return (i, L) => (m(!0), Z(t1, null, r1(C, (A, e) => (m(), Z("div", {
       key: e,
-      class: O(["r-accordion", {
+      class: p(["r-accordion", {
         "r-accordion--disabled": A.disabled
       }]),
       "data-state": A.open ? "opened" : "closed"
@@ -7347,19 +7347,19 @@ const b2 = {
         onClick: (d) => M(e)
       }, [
         f(i.$slots, "title", { accordion: A }, () => [
-          S("div", T2, v(A.title), 1)
+          S("div", T2, y(A.title), 1)
         ]),
         S("div", F2, [
           f(i.$slots, "icon", {
             open: A.open
           }, () => [
-            q(D, { name: "mdiChevronUp" })
+            q(x, { name: "mdiChevronUp" })
           ])
         ])
       ], 8, P2),
       S("div", R2, [
         f(i.$slots, "content", {}, () => [
-          S("span", null, v(A.content), 1)
+          S("span", null, y(A.content), 1)
         ])
       ])
     ], 10, y2))), 128));
@@ -7370,7 +7370,7 @@ const b2 = {
 }, W2 = {
   key: 0,
   class: "r-alert__close"
-}, o0 = /* @__PURE__ */ x({
+}, o0 = /* @__PURE__ */ D({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -7397,11 +7397,11 @@ const b2 = {
       M("close");
     }
     return (e, d) => (m(), Z("div", {
-      class: O(i.value)
+      class: p(i.value)
     }, [
       S("div", x2, [
         f(e.$slots, "alert-icon", {}, () => [
-          q(D, {
+          q(x, {
             name: L.value,
             size: 24
           }, null, 8, ["name"])
@@ -7409,8 +7409,8 @@ const b2 = {
       ]),
       S("div", D2, [
         f(e.$slots, "content", {}, () => [
-          S("p", _2, v(C.title), 1),
-          C.description ? (m(), Z("p", E2, v(C.description), 1)) : p("", !0)
+          S("p", _2, y(C.title), 1),
+          C.description ? (m(), Z("p", E2, y(C.description), 1)) : O("", !0)
         ])
       ]),
       C.closable ? (m(), Z("div", W2, [
@@ -7418,17 +7418,17 @@ const b2 = {
           close: A,
           slotClass: "r-alert__close__button"
         }, () => [
-          q(D, {
+          q(x, {
             class: "r-alert__close__button",
             name: "mdiClose",
             size: 16,
             onClick: A
           })
         ])
-      ])) : p("", !0)
+      ])) : O("", !0)
     ], 2));
   }
-}), 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({
+}), 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__ */ D({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
@@ -7449,15 +7449,15 @@ const b2 = {
     }
     return (A, e) => (m(), Z("div", N2, [
       S("div", {
-        class: O(C.value)
+        class: p(C.value)
       }, [
         V.type === "text" ? (m(), Z("p", {
           key: 0,
-          class: O(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
-        }, v(L(V.text)), 3)) : (m(), Z("img", {
+          class: p(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
+        }, y(L(V.text)), 3)) : (m(), Z("img", {
           key: 1,
           alt: V.alt,
-          class: O(["r-avatar__image", {
+          class: p(["r-avatar__image", {
             [`r-avatar__image--${V.size}`]: !0,
             "r-avatar__image--anonymous": M.value
           }]),
@@ -7466,13 +7466,13 @@ const b2 = {
       ], 2),
       V.online ? (m(), Z("span", {
         key: 0,
-        class: O(["r-avatar__online", {
+        class: p(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 2)) : p("", !0)
+      }, null, 2)) : O("", !0)
     ]));
   }
-}), Q2 = ["innerHTML"], r0 = /* @__PURE__ */ x({
+}), Q2 = ["innerHTML"], r0 = /* @__PURE__ */ D({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -7499,19 +7499,19 @@ const b2 = {
       [V.class]: V.class
     }));
     return (M, i) => (m(), Z("div", {
-      class: O(["r-badge-wrapper group", [V.wrapperClass]])
+      class: p(["r-badge-wrapper group", [V.wrapperClass]])
     }, [
       S("span", {
-        class: O([{ "animate-ping-2": V.animation }, C.value])
+        class: p([{ "animate-ping-2": V.animation }, C.value])
       }, null, 2),
       S("span", {
-        class: O(C.value),
+        class: p(C.value),
         innerHTML: V.content
       }, null, 10, Q2),
       f(M.$slots, "default")
     ], 2));
   }
-}), G2 = ["disabled"], a0 = /* @__PURE__ */ x({
+}), G2 = ["disabled"], a0 = /* @__PURE__ */ D({
   __name: "RButton",
   props: {
     variant: { default: "default" },
@@ -7551,25 +7551,25 @@ const b2 = {
       f(L.$slots, "prepend", {
         onlyIcon: V.icon
       }, () => [
-        V.prependIcon ? (m(), E(D, {
+        V.prependIcon ? (m(), _(x, {
           key: 0,
-          class: O(["r-button__prepend-icon", {
+          class: p(["r-button__prepend-icon", {
             "r-button__prepend-icon--only": V.icon
           }]),
           name: V.prependIcon,
           size: M.value
-        }, null, 8, ["class", "name", "size"])) : p("", !0)
+        }, null, 8, ["class", "name", "size"])) : O("", !0)
       ]),
       f(L.$slots, "default", { disabled: L.disabled }),
       f(L.$slots, "append", {
         onlyIcon: V.icon
       }, () => [
-        !V.icon && V.appendIcon ? (m(), E(D, {
+        !V.icon && V.appendIcon ? (m(), _(x, {
           key: 0,
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: M.value
-        }, null, 8, ["name", "size"])) : p("", !0)
+        }, null, 8, ["name", "size"])) : O("", !0)
       ])
     ], 16, G2));
   }
@@ -7582,7 +7582,7 @@ const b2 = {
 }, J2 = {
   key: 1,
   class: "r-checkbox-texts__hint"
-}, Z0 = /* @__PURE__ */ x({
+}, Z0 = /* @__PURE__ */ D({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -7645,10 +7645,10 @@ const b2 = {
           onChange: d
         }, null, 40, z2),
         S("div", {
-          class: O(e.value),
+          class: p(e.value),
           "data-disabled": C.disabled
         }, [
-          q(D, {
+          q(x, {
             name: A.value,
             size: 24
           }, null, 8, ["name"])
@@ -7659,14 +7659,14 @@ const b2 = {
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
-        }, v(C.label), 9, j2),
-        C.hideDetails ? p("", !0) : (m(), Z("div", X2, [
-          C.errorMsg ? (m(), Z("p", Y2, v(C.errorMsg), 1)) : (m(), Z("p", J2, v(C.hint), 1))
+        }, y(C.label), 9, j2),
+        C.hideDetails ? O("", !0) : (m(), Z("div", X2, [
+          C.errorMsg ? (m(), Z("p", Y2, y(C.errorMsg), 1)) : (m(), Z("p", J2, y(C.hint), 1))
         ]))
       ])
     ]));
   }
-}), C5 = /* @__PURE__ */ x({
+}), C5 = /* @__PURE__ */ D({
   __name: "RChip",
   props: {
     variant: { default: "primary" },
@@ -7695,7 +7695,7 @@ const b2 = {
     }
     const e = g(() => C.clearable ? "mdiClose" : C.appendIcon);
     return (d, t) => (m(), Z("div", {
-      class: O(i.value)
+      class: p(i.value)
     }, [
       S("div", {
         class: "r-chip__content",
@@ -7704,29 +7704,29 @@ const b2 = {
         f(d.$slots, "prepend", {
           disabled: C.disabled
         }, () => [
-          C.prependIcon ? (m(), E(D, {
+          C.prependIcon ? (m(), _(x, {
             key: 0,
             "aria-disabled": C.disabled,
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : p("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : O("", !0)
         ]),
         S("span", {
-          class: O(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
-        }, v(C.label), 3)
+          class: p(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
+        }, y(C.label), 3)
       ]),
       f(d.$slots, "append", {
         disabled: C.disabled
       }, () => [
-        e.value ? (m(), E(D, {
+        e.value ? (m(), _(x, {
           key: 0,
           "aria-disabled": C.disabled,
           class: "r-chip__content__append-icon",
           name: e.value,
           size: 12,
           onClick: t[1] || (t[1] = (n) => A(n))
-        }, null, 8, ["aria-disabled", "name"])) : p("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : O("", !0)
       ])
     ], 2));
   }
@@ -7986,7 +7986,7 @@ const Z5 = async (H, V, C) => {
       x: b,
       y: F,
       data: R,
-      reset: y
+      reset: v
     } = await k({
       x: n,
       y: r,
@@ -8007,12 +8007,12 @@ const Z5 = async (H, V, C) => {
         ...l[w],
         ...R
       }
-    }, y && u <= 50) {
-      u++, typeof y == "object" && (y.placement && (o = y.placement), y.rects && (t = y.rects === !0 ? await A.getElementRects({
+    }, v && u <= 50) {
+      u++, typeof v == "object" && (v.placement && (o = v.placement), v.rects && (t = v.rects === !0 ? await A.getElementRects({
         reference: H,
         floating: V,
         strategy: i
-      }) : y.rects), {
+      }) : v.rects), {
         x: n,
         y: r
       } = q1(t, o, d)), B = -1;
@@ -8058,16 +8058,16 @@ async function v1(H, V) {
   } : {
     x: 1,
     y: 1
-  }, y = w1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, v = w1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: b,
     offsetParent: F,
     strategy: d
   }) : b);
   return {
-    top: (k.top - y.top + u.top) / R.y,
-    bottom: (y.bottom - k.bottom + u.bottom) / R.y,
-    left: (k.left - y.left + u.left) / R.x,
-    right: (y.right - k.right + u.right) / R.x
+    top: (k.top - v.top + u.top) / R.y,
+    bottom: (v.bottom - k.bottom + u.bottom) / R.y,
+    left: (k.left - v.left + u.left) / R.x,
+    right: (v.right - k.right + u.right) / R.x
   };
 }
 const u5 = (H) => ({
@@ -8091,20 +8091,20 @@ const u5 = (H) => ({
     const r = d2(n), o = {
       x: C,
       y: M
-    }, l = Q1(i), u = I1(l), B = await A.getDimensions(t), w = l === "y", k = 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));
+    }, l = Q1(i), u = I1(l), B = await A.getDimensions(t), w = l === "y", k = w ? "top" : "left", b = w ? "bottom" : "right", F = w ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[l] - o[l] - L.floating[u], v = 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 - y / 2, I = W / 2 - B[u] / 2 - 1, M1 = a1(r[k], I), a = a1(r[b], I), s = M1, P = W - B[u] - a, T = W / 2 - B[u] / 2 + h, c = D1(s, T, P), _ = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - B[u] / 2 < 0, $ = _ ? T < s ? T - s : T - P : 0;
+    const h = R / 2 - v / 2, I = W / 2 - B[u] / 2 - 1, M1 = a1(r[k], I), a = a1(r[b], I), s = M1, P = W - B[u] - a, T = W / 2 - B[u] / 2 + h, c = D1(s, T, P), E = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - B[u] / 2 < 0, $ = E ? T < s ? T - s : T - P : 0;
     return {
       [l]: o[l] + $,
       data: {
         [l]: c,
         centerOffset: T - c - $,
-        ..._ && {
+        ...E && {
           alignmentOffset: $
         }
       },
-      reset: _
+      reset: E
     };
   }
 }), S5 = function(H) {
@@ -8133,7 +8133,7 @@ const u5 = (H) => ({
         return {};
       const k = i1(i), b = i1(e) === e, F = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = o || (b || !B ? [b1(e)] : o5(e));
       !o && u !== "none" && R.push(...r5(e, B, u, F));
-      const y = [e, ...R], U = await v1(V, w), W = [];
+      const v = [e, ...R], U = await v1(V, w), W = [];
       let h = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (n && W.push(U[k]), r) {
         const s = l5(i, A, F);
@@ -8144,7 +8144,7 @@ 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, P = y[s];
+        const s = (((I = L.flip) == null ? void 0 : I.index) || 0) + 1, P = v[s];
         if (P)
           return {
             data: {
@@ -8155,12 +8155,12 @@ const u5 = (H) => ({
               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;
+        let T = (M1 = h.filter((c) => c.overflows[0] <= 0).sort((c, E) => c.overflows[1] - E.overflows[1])[0]) == null ? void 0 : M1.placement;
         if (!T)
           switch (l) {
             case "bestFit": {
               var a;
-              const c = (a = h.map((_) => [_.placement, _.overflows.filter(($) => $ > 0).reduce(($, Q) => $ + Q, 0)]).sort((_, $) => _[1] - $[1])[0]) == null ? void 0 : a[0];
+              const c = (a = h.map((E) => [E.placement, E.overflows.filter(($) => $ > 0).reduce(($, Q) => $ + Q, 0)]).sort((E, $) => E[1] - $[1])[0]) == null ? void 0 : a[0];
               c && (T = c);
               break;
             }
@@ -8260,7 +8260,7 @@ async function c5(H, V) {
     y: l * n
   };
 }
-const O5 = function(H) {
+const p5 = function(H) {
   return H === void 0 && (H = 0), {
     name: "offset",
     options: H,
@@ -8276,7 +8276,7 @@ const O5 = function(H) {
       };
     }
   };
-}, p5 = function(H) {
+}, O5 = function(H) {
   return H === void 0 && (H = {}), {
     name: "shift",
     options: H,
@@ -8680,8 +8680,8 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
   !H || !V || E5(H, V, {
     placement: M,
     middleware: [
-      O5(i),
-      p5({ padding: L }),
+      p5(i),
+      O5({ padding: L }),
       u5({ element: C }),
       S5(),
       s5()
@@ -8716,7 +8716,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({
+const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__ */ D({
   __name: "RTooltip",
   props: {
     placement: { default: u2.Top },
@@ -8770,8 +8770,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       C.triggers.includes(Y.Hover) && B();
     }
     function B(k) {
-      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 { placement: b, offset: F, padding: R, disabled: v, showDelay: U, type: W } = C;
+      v || W5(i, L, A, b, F, R, U, W);
     }
     const w = g(() => ({
       "r-tooltip": !0,
@@ -8780,7 +8780,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     }));
     return window.onresize = () => {
       C.resizable && B();
-    }, O2(
+    }, p2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(Y.Manual) ? d() : !C.shown && C.triggers.includes(Y.Manual) && t());
       },
@@ -8798,7 +8798,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         ref_key: "trigger",
         ref: i,
         "aria-disabled": C.disabled,
-        class: O(["r-tooltip-trigger", k.triggerClass]),
+        class: p(["r-tooltip-trigger", k.triggerClass]),
         onClick: r,
         onMouseenter: o,
         onMouseleave: l,
@@ -8819,12 +8819,12 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, null, 8, I5)
         ])
       ], 42, N5),
-      (m(), E(p2, { to: "body" }, [
+      (m(), _(O2, { to: "body" }, [
         S("div", {
           id: J(e),
           ref_key: "tooltip",
           ref: L,
-          class: O([w.value, k.tooltipClass]),
+          class: p([w.value, k.tooltipClass]),
           "data-show": "false",
           role: "tooltip"
         }, [
@@ -8834,21 +8834,21 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, () => [
             C.text ? (m(), Z("div", {
               key: 0,
-              class: O(["r-tooltip__content", {
+              class: p(["r-tooltip__content", {
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, v(C.text), 3)) : p("", !0),
+            }, y(C.text), 3)) : O("", !0),
             C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
               ref_key: "arrowElement",
               ref: A,
-              class: O(["r-tooltip__arrow", {
+              class: p(["r-tooltip__arrow", {
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 2)) : p("", !0)
+            }, null, 2)) : O("", !0)
           ])
         ], 10, Q5)
       ]))
@@ -8869,7 +8869,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
 }, i3 = {
   key: 1,
   class: "r-dropdown-hint"
-}, A3 = /* @__PURE__ */ x({
+}, A3 = /* @__PURE__ */ D({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
@@ -8921,20 +8921,20 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       };
     }), r = N(), o = N(), l = N();
     function u(a) {
-      var T, c, _, $;
+      var T, c, E, $;
       if (C.disabled)
         return;
       const s = document.getElementById(a);
       document.querySelectorAll(".r-dropdown--active").forEach((Q) => {
-        var O1;
-        Q.id !== ((O1 = r.value) == null ? void 0 : O1.id) && Q.classList.contains("r-dropdown--active") && (Q.childNodes.forEach((X) => {
+        var p1;
+        Q.id !== ((p1 = r.value) == null ? void 0 : p1.id) && Q.classList.contains("r-dropdown--active") && (Q.childNodes.forEach((X) => {
           X != null && X.classList && (Object == null || Object.values(X == null ? void 0 : X.classList).filter((F1) => F1.includes("--active")).forEach((F1) => {
             X == null || X.classList.remove(F1);
           }));
         }), Q.classList.remove("r-dropdown--active"));
-      }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), A.value = !1, (T = r.value) == null || T.blur(), (c = o.value) == null || c.blur()) : (s == null || s.classList.add("r-dropdown--active"), A.value = !0, (_ = r.value) == null || _.focus(), ($ = o.value) == null || $.focus(), s == null || s.childNodes.forEach((Q) => {
-        Q != null && Q.classList && (Object == null || Object.values(Q == null ? void 0 : Q.classList).forEach((O1) => {
-          Q == null || Q.classList.add(`${O1}--active`);
+      }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), A.value = !1, (T = r.value) == null || T.blur(), (c = o.value) == null || c.blur()) : (s == null || s.classList.add("r-dropdown--active"), A.value = !0, (E = r.value) == null || E.focus(), ($ = o.value) == null || $.focus(), s == null || s.childNodes.forEach((Q) => {
+        Q != null && Q.classList && (Object == null || Object.values(Q == null ? void 0 : Q.classList).forEach((p1) => {
+          Q == null || Q.classList.add(`${p1}--active`);
         }));
       }));
     }
@@ -8950,7 +8950,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           return;
         }
         if (C.multiple) {
-          L.value.find((_) => _.value === s.value) ? (L.value.splice(L.value.indexOf(s), 1), M("removeOption", s)) : L.value.push(s), e.value = "", C.searchable && ((c = o.value) == null || c.focus());
+          L.value.find((E) => E.value === s.value) ? (L.value.splice(L.value.indexOf(s), 1), M("removeOption", s)) : L.value.push(s), e.value = "", C.searchable && ((c = o.value) == null || c.focus());
           return;
         }
         k(a, s), C.closeOnSelect && P();
@@ -8978,13 +8978,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       const P = e.value;
       if (P === "")
         return;
-      t.value.find((_) => _.label === P) || (L.value.push({ value: P, label: P }), e.value = "", (c = o.value) == null || c.focus());
+      t.value.find((E) => E.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((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 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);
+    const v = 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));
     }
@@ -8999,11 +8999,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       i.value = {}, e.value = "", M("update:modelValue", ""), M("clear", i.value);
     }
     function M1() {
-      if (L.value.length === y.value.length) {
+      if (L.value.length === v.value.length) {
         L.value.splice(0, L.value.length);
         return;
       }
-      L.value = y.value;
+      L.value = v.value;
     }
     return V2(() => {
       W(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
@@ -9040,7 +9040,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             id: T,
             ref_key: "dropdown",
             ref: r,
-            class: O(["r-dropdown", {
+            class: p(["r-dropdown", {
               "r-dropdown--disabled": C.disabled,
               "r-dropdown--loading": C.loading,
               [C.dropdownClass]: C.dropdownClass,
@@ -9052,7 +9052,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, [
             C.prependIcon || a.$slots.prepend ? (m(), Z("div", {
               key: 0,
-              class: O(["r-dropdown__prepend-icon", {
+              class: p(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": A.value,
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
@@ -9063,20 +9063,20 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 error: C.errorMsg.length,
                 loading: C.loading
               }, () => [
-                C.prependIcon ? (m(), E(D, {
+                C.prependIcon ? (m(), _(x, {
                   key: 0,
                   name: C.prependIcon
-                }, null, 8, ["name"])) : p("", !0)
+                }, null, 8, ["name"])) : O("", !0)
               ])
-            ], 2)) : p("", !0),
+            ], 2)) : O("", !0),
             S("div", U5, [
-              (m(!0), Z(t1, null, r1(L.value, (c, _) => f(a.$slots, "selection", {
-                key: _,
-                index: _,
+              (m(!0), Z(t1, null, r1(L.value, (c, E) => f(a.$slots, "selection", {
+                key: E,
+                index: E,
                 option: c,
                 removeOption: b
               }, () => [
-                C.chips ? (m(), E(C5, {
+                C.chips ? (m(), _(C5, {
                   key: 1,
                   clearable: !C.hideChipClear,
                   ghost: "",
@@ -9084,7 +9084,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                   "no-wrap": "",
                   variant: "primary",
                   "onClick:close": ($) => b($, c, P)
-                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", z5, v(`${c.label}, `), 1))
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", z5, y(`${c.label}, `), 1))
               ])), 128)),
               L2(S("input", {
                 id: C.id,
@@ -9092,7 +9092,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 ref: o,
                 "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value = c),
                 autocomplete: C.autocomplete,
-                class: O(["r-dropdown__input", {
+                class: p(["r-dropdown__input", {
                   "r-dropdown__input--loading": C.loading
                 }]),
                 disabled: C.disabled,
@@ -9116,15 +9116,15 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
               onClick: (c) => I(c, P)
             }, [
               f(a.$slots, "clearable", {}, () => [
-                q(D, {
+                q(x, {
                   name: "mdiCloseCircle",
                   size: "18"
                 })
               ])
-            ], 8, q5)) : p("", !0),
+            ], 8, q5)) : O("", !0),
             C.appendIcon || a.$slots.append ? (m(), Z("div", {
               key: 2,
-              class: O(["r-dropdown__append-icon", {
+              class: p(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": A.value,
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
@@ -9135,49 +9135,49 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 error: C.errorMsg.length,
                 loading: C.loading
               }, () => [
-                C.appendIcon ? (m(), E(D, {
+                C.appendIcon ? (m(), _(x, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : p("", !0)
+                }, null, 8, ["name"])) : O("", !0)
               ])
-            ], 2)) : p("", !0)
+            ], 2)) : O("", !0)
           ], 10, $5)
         ]),
         content: k1(({ hide: P, updatePosition: T }) => [
           S("ul", {
-            class: O(["r-dropdown-options", {
+            class: p(["r-dropdown-options", {
               "r-dropdown-options--active": A.value,
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            C.showSelectAll && C.multiple && y.value.length > 0 ? (m(), Z("li", {
+            C.showSelectAll && C.multiple && v.value.length > 0 ? (m(), Z("li", {
               key: 0,
-              class: O(["r-dropdown-options__option", {
-                "r-dropdown-options__option--active": L.value.length === y.value.length,
+              class: p(["r-dropdown-options__option", {
+                "r-dropdown-options__option--active": L.value.length === v.value.length,
                 "r-dropdown-options__option--disabled": !1
               }]),
               onClick: A1((c) => w(c, { label: C.selectAllText, value: "select-all" }, P, T), ["prevent"])
             }, [
               S("div", X5, [
-                S("p", Y5, v(C.selectAllText), 1)
+                S("p", Y5, y(C.selectAllText), 1)
               ]),
-              L.value.length === y.value.length && !C.hideOptionCheckIcon ? (m(), E(D, {
+              L.value.length === v.value.length && !C.hideOptionCheckIcon ? (m(), _(x, {
                 key: 0,
-                class: O(["r-dropdown-options__option__append-icon", {
-                  "r-dropdown-options__option__append-icon--active": L.value.length === y.value.length
+                class: p(["r-dropdown-options__option__append-icon", {
+                  "r-dropdown-options__option__append-icon--active": L.value.length === v.value.length
                 }]),
                 name: "mdiCheck"
-              }, null, 8, ["class"])) : p("", !0)
-            ], 10, j5)) : p("", !0),
-            C.showSelectAll && y.value.length > 0 ? (m(), Z("hr", J5)) : p("", !0),
-            (m(!0), Z(t1, null, r1(y.value, (c) => (m(), Z("li", {
+              }, null, 8, ["class"])) : O("", !0)
+            ], 10, j5)) : O("", !0),
+            C.showSelectAll && v.value.length > 0 ? (m(), Z("hr", J5)) : O("", !0),
+            (m(!0), Z(t1, null, r1(v.value, (c) => (m(), Z("li", {
               key: c.value,
               "aria-disabled": c.disabled,
-              class: O(["r-dropdown-options__option", {
+              class: p(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": R(c),
                 "r-dropdown-options__option--disabled": c.disabled
               }]),
-              onClick: A1((_) => w(_, c, P, T), ["prevent"])
+              onClick: A1((E) => w(E, c, P, T), ["prevent"])
             }, [
               f(a.$slots, "option", {
                 disabled: c.disabled,
@@ -9189,50 +9189,50 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                     disabled: c.disabled,
                     isSelected: R(c)
                   }, () => [
-                    c.prependIcon ? (m(), E(D, {
+                    c.prependIcon ? (m(), _(x, {
                       key: 0,
-                      class: O(["r-dropdown-options__option__prepend-icon", {
+                      class: p(["r-dropdown-options__option__prepend-icon", {
                         "r-dropdown-options__option__prepend-icon--active": R(c)
                       }]),
                       name: c.prependIcon
-                    }, null, 8, ["class", "name"])) : p("", !0)
+                    }, null, 8, ["class", "name"])) : O("", !0)
                   ]),
                   S("p", {
-                    class: O(["r-dropdown-options__option__label", {
+                    class: p(["r-dropdown-options__option__label", {
                       "r-dropdown-options__option__label--active": R(c)
                     }])
-                  }, v(c.label), 3)
+                  }, y(c.label), 3)
                 ]),
                 f(a.$slots, "option-append", {
                   disabled: c.disabled,
                   isSelected: R(c)
                 }, () => [
-                  R(c) && !C.hideOptionCheckIcon ? (m(), E(D, {
+                  R(c) && !C.hideOptionCheckIcon ? (m(), _(x, {
                     key: 0,
-                    class: O(["r-dropdown-options__option__append-icon", {
+                    class: p(["r-dropdown-options__option__append-icon", {
                       "r-dropdown-options__option__append-icon--active": R(c)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : p("", !0)
+                  }, null, 8, ["class"])) : O("", !0)
                 ])
               ])
             ], 10, C3))), 128)),
-            y.value.length === 0 ? (m(), Z("li", V3, [
+            v.value.length === 0 ? (m(), Z("li", V3, [
               f(a.$slots, "not-options", {}, () => [
-                S1(v(C.noOptionsText), 1)
+                S1(y(C.noOptionsText), 1)
               ])
-            ])) : p("", !0)
+            ])) : O("", !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["tooltip-class"]),
-      a.$props.hideDetails ? p("", !0) : (m(), Z("div", L3, [
-        C.errorMsg ? (m(), Z("div", M3, v(C.errorMsg), 1)) : p("", !0),
-        C.hint ? (m(), Z("div", i3, v(C.hint), 1)) : p("", !0)
+      a.$props.hideDetails ? O("", !0) : (m(), Z("div", L3, [
+        C.errorMsg ? (m(), Z("div", M3, y(C.errorMsg), 1)) : O("", !0),
+        C.hint ? (m(), Z("div", i3, y(C.hint), 1)) : O("", !0)
       ]))
     ], 512));
   }
-}), e3 = ["id", "for"], S2 = /* @__PURE__ */ x({
+}), e3 = ["id", "for"], S2 = /* @__PURE__ */ D({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -9247,7 +9247,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       for: V.for
     }, [
       f(C.$slots, "default", {}, () => [
-        S1(v(V.text), 1)
+        S1(y(V.text), 1)
       ])
     ], 8, e3));
   }
@@ -9260,7 +9260,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
 }, n3 = {
   key: 2,
   class: "description"
-}, r3 = { class: "r-dialog__body" }, a3 = { class: "r-dialog__actions" }, u0 = /* @__PURE__ */ x({
+}, r3 = { class: "r-dialog__body" }, a3 = { class: "r-dialog__actions" }, u0 = /* @__PURE__ */ D({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9294,12 +9294,12 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     }), window.addEventListener("keydown", (e) => {
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
     }), (e, d) => L2((m(), Z("div", {
-      class: O(["r-modal-overlay", e.overlayClass]),
+      class: p(["r-modal-overlay", e.overlayClass]),
       onClick: A1(A, ["stop"])
     }, [
       S("div", {
         "aria-modal": "true",
-        class: O(i.value),
+        class: p(i.value),
         open: C.modelValue,
         role: "dialog",
         style: N1(L.value)
@@ -9307,12 +9307,12 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         S("div", m3, [
           f(e.$slots, "header"),
           C.icon ? (m(), Z("div", l3, [
-            q(D, {
+            q(x, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : p("", !0),
-          C.title ? (m(), Z("div", o3, v(C.title), 1)) : p("", !0),
-          C.description ? (m(), Z("div", n3, v(C.description), 1)) : p("", !0)
+          ])) : O("", !0),
+          C.title ? (m(), Z("div", o3, y(C.title), 1)) : O("", !0),
+          C.description ? (m(), Z("div", n3, y(C.description), 1)) : O("", !0)
         ]),
         S("div", r3, [
           f(e.$slots, "default")
@@ -9325,7 +9325,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       [g2, e.modelValue]
     ]);
   }
-}), Z3 = ["data-open"], u3 = ["data-open"], S3 = ["data-open"], S0 = /* @__PURE__ */ x({
+}), Z3 = ["data-open"], u3 = ["data-open"], S3 = ["data-open"], S0 = /* @__PURE__ */ D({
   __name: "RSidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9338,11 +9338,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
   setup(H, { emit: V }) {
     const C = H, M = V;
     return (i, L) => (m(), Z("div", {
-      class: O(["r-sidebar__wrapper", [i.$props.wrapperClass]]),
+      class: p(["r-sidebar__wrapper", [i.$props.wrapperClass]]),
       "data-open": C.modelValue
     }, [
       S("aside", {
-        class: O(["r-sidebar", [C.class]]),
+        class: p(["r-sidebar", [C.class]]),
         "data-open": C.modelValue
       }, [
         f(i.$slots, "default", {
@@ -9351,7 +9351,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       ], 10, u3),
       C.showTrigger ? (m(), Z("div", {
         key: 0,
-        class: O(["r-sidebar__trigger", [C.triggerClass]]),
+        class: p(["r-sidebar__trigger", [C.triggerClass]]),
         "data-open": C.modelValue,
         onClick: L[0] || (L[0] = (A) => M("update:modelValue", !C.modelValue))
       }, [
@@ -9360,10 +9360,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         }, () => [
           S1(" > ")
         ])
-      ], 10, S3)) : p("", !0)
+      ], 10, S3)) : O("", !0)
     ], 10, Z3));
   }
-}), s3 = { class: "r-snackbar__text" }, s0 = /* @__PURE__ */ x({
+}), s3 = { class: "r-snackbar__text" }, s0 = /* @__PURE__ */ D({
   __name: "RSnackbar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9402,18 +9402,18 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       info: "mdiInformation"
     })[C.variant || "info"]);
     return (A, e) => (m(), Z("div", {
-      class: O(i.value)
+      class: p(i.value)
     }, [
       f(A.$slots, "icon", {}, () => [
-        C.variant ? (m(), E(D, {
+        C.variant ? (m(), _(x, {
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : p("", !0)
+        }, null, 8, ["name"])) : O("", !0)
       ]),
       S("div", s3, [
         f(A.$slots, "default", {}, () => [
-          S1(v(C.text), 1)
+          S1(y(C.text), 1)
         ])
       ]),
       C.closable ? (m(), Z("div", {
@@ -9422,15 +9422,15 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         onClick: e[0] || (e[0] = A1((d) => A.$emit("update:modelValue", !1), ["stop"]))
       }, [
         f(A.$slots, "close", {}, () => [
-          q(D, {
+          q(x, {
             name: "mdiClose",
             size: 16
           })
         ])
-      ])) : p("", !0)
+      ])) : O("", !0)
     ], 2));
   }
-}), c3 = ["id", "checked", "disabled"], O3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), p3 = ["id", "for"], f3 = {
+}), c3 = ["id", "checked", "disabled"], p3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), O3 = ["id", "for"], f3 = {
   key: 0,
   class: "r-switch-texts__details"
 }, h3 = {
@@ -9439,7 +9439,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
 }, g3 = {
   key: 1,
   class: "r-switch-texts__hint"
-}, c0 = /* @__PURE__ */ x({
+}, c0 = /* @__PURE__ */ D({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -9476,13 +9476,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         immediate: !0
       }
     ), (e, d) => (m(), Z("div", {
-      class: O(["r-switch-container", {
+      class: p(["r-switch-container", {
         "r-switch-container--reverse": C.reverse,
         "r-switch-container--hide-details": C.hideDetails
       }])
     }, [
       S("div", {
-        class: O(L.value)
+        class: p(L.value)
       }, [
         S("input", {
           id: C.id,
@@ -9492,10 +9492,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           type: "checkbox",
           onChange: A
         }, null, 40, c3),
-        O3
+        p3
       ], 2),
       S("div", {
-        class: O(["r-switch-texts", {
+        class: p(["r-switch-texts", {
           [`r-switch-texts--${C.size}`]: !0
         }])
       }, [
@@ -9503,16 +9503,16 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           id: `${C.id}-label`,
           class: "r-switch-texts__label",
           for: C.id
-        }, v(C.label), 9, p3),
-        C.hideDetails ? p("", !0) : (m(), Z("div", f3, [
-          C.errorMsg ? (m(), Z("p", h3, v(C.errorMsg), 1)) : (m(), Z("p", g3, v(C.hint), 1))
+        }, y(C.label), 9, O3),
+        C.hideDetails ? O("", !0) : (m(), Z("div", f3, [
+          C.errorMsg ? (m(), Z("p", h3, y(C.errorMsg), 1)) : (m(), Z("p", g3, y(C.hint), 1))
         ]))
       ], 2)
     ], 2));
   }
 });
 var n1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(n1 || {});
-const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 = /* @__PURE__ */ x({
+const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 = /* @__PURE__ */ D({
   __name: "RTabItem",
   props: {
     id: {},
@@ -9542,7 +9542,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
     return (d, t) => (m(), Z("button", {
       "aria-disabled": C.disabled,
       "aria-selected": A.value,
-      class: O(i.value),
+      class: p(i.value),
       disabled: C.disabled,
       style: N1(L.value),
       onClick: t[0] || (t[0] = A1((n) => e(C.id), ["stop"]))
@@ -9551,34 +9551,34 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         active: A.value,
         disabled: C.disabled
       }, () => [
-        C.variant !== J(n1).TEXT && C.prependIcon ? (m(), E(D, {
+        C.variant !== J(n1).TEXT && C.prependIcon ? (m(), _(x, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : p("", !0)
+        }, null, 8, ["name"])) : O("", !0)
       ]),
       C.variant !== J(n1).ICON ? (m(), Z("span", B3, [
         f(d.$slots, "default", {
           label: C.label
         }, () => [
-          S1(v(C.label), 1)
+          S1(y(C.label), 1)
         ])
-      ])) : p("", !0),
+      ])) : O("", !0),
       f(d.$slots, "append", {
         active: A.value,
         disabled: C.disabled
       }, () => [
-        C.variant !== J(n1).TEXT && C.appendIcon ? (m(), E(D, {
+        C.variant !== J(n1).TEXT && C.appendIcon ? (m(), _(x, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16
-        }, null, 8, ["name"])) : p("", !0)
+        }, null, 8, ["name"])) : O("", !0)
       ])
     ], 14, k3));
   }
-}), O0 = /* @__PURE__ */ x({
+}), p0 = /* @__PURE__ */ D({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -9607,17 +9607,17 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         immediate: !0
       }
     ), (A, e) => (m(), Z("div", {
-      class: O(L.value)
+      class: p(L.value)
     }, [
       S("div", {
-        class: O(["flex", [{
+        class: p(["flex", [{
           "w-full": C.block,
           "overflow-x-auto": C.scrollable,
           "gap-0.5": C.tile
         }]])
       }, [
         f(A.$slots, "default", { activeTab: i.value }, () => [
-          (m(!0), Z(t1, null, r1(C.tabs, (d, t) => (m(), E(b3, {
+          (m(!0), Z(t1, null, r1(C.tabs, (d, t) => (m(), _(b3, {
             id: d.id,
             key: t,
             modelValue: i.value,
@@ -9644,7 +9644,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
 }, T3 = {
   key: 1,
   class: "r-textarea__hint"
-}, p0 = /* @__PURE__ */ x({
+}, O0 = /* @__PURE__ */ D({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -9673,13 +9673,13 @@ 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(), _(S2, {
         key: 0,
         id: `${C.id}-label`,
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : p("", !0),
+      }, null, 8, ["id", "text"])) : O("", !0),
       S("textarea", H2(A.$attrs, {
         id: C.id,
         class: ["r-textarea", {
@@ -9691,8 +9691,8 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         value: i.value,
         onInput: L
       }), null, 16, v3),
-      C.hideDetails ? p("", !0) : (m(), Z("div", y3, [
-        C.errorMsg ? (m(), Z("p", P3, v(C.errorMsg), 1)) : (m(), Z("p", T3, v(C.hint), 1))
+      C.hideDetails ? O("", !0) : (m(), Z("div", y3, [
+        C.errorMsg ? (m(), Z("p", P3, y(C.errorMsg), 1)) : (m(), Z("p", T3, y(C.hint), 1))
       ]))
     ]));
   }
@@ -9705,7 +9705,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
 }, E3 = {
   key: 1,
   class: "r-textfield__hint"
-}, f0 = /* @__PURE__ */ x({
+}, f0 = /* @__PURE__ */ D({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -9782,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 y() {
+    function v() {
       var h;
       if (o.value) {
         L.value = "", (h = i.value) == null || h.focus(), M("click:clear", {
@@ -9818,29 +9818,29 @@ 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(), _(S2, {
         key: 0,
         id: `${C.id}-label`,
         class: "r-textfield__label",
         for: C.id,
         text: C.label,
         onClick: W
-      }, null, 8, ["id", "for", "text"])) : p("", !0),
+      }, null, 8, ["id", "for", "text"])) : O("", !0),
       S("div", R3, [
         S("div", {
-          class: O(l.value)
+          class: p(l.value)
         }, [
           f(h.$slots, "prepend", {
             disabled: C.disabled,
             error: r.value,
             loading: C.loading
           }, () => [
-            w.value ? (m(), E(D, {
+            w.value ? (m(), _(x, {
               key: 0,
-              class: O(u.value),
+              class: p(u.value),
               name: w.value,
               size: 20
-            }, null, 8, ["class", "name"])) : p("", !0)
+            }, null, 8, ["class", "name"])) : O("", !0)
           ]),
           S("input", {
             id: C.id,
@@ -9863,18 +9863,24 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
             error: r.value,
             loading: C.loading
           }, () => [
-            k.value && !h.$slots.append || r.value ? (m(), E(D, {
+            h.$props.type === "password" && r.value ? (m(), _(x, {
               key: 0,
-              class: O(B.value),
+              name: A.value === "password" ? "mdiEyeOutline" : "mdiEyeOffOutline",
+              size: 20,
+              onClick: v
+            }, null, 8, ["name"])) : O("", !0),
+            k.value && !h.$slots.append || r.value ? (m(), _(x, {
+              key: 1,
+              class: p(B.value),
               name: `${k.value}`,
               size: 20,
-              onClick: y
-            }, null, 8, ["class", "name"])) : p("", !0)
+              onClick: v
+            }, null, 8, ["class", "name"])) : O("", !0)
           ])
         ], 2),
-        C.hideDetails ? p("", !0) : (m(), Z("div", D3, [
-          C.errorMsg ? (m(), Z("p", _3, v(C.errorMsg), 1)) : p("", !0),
-          !C.errorMsg && C.hint ? (m(), Z("p", E3, v(C.hint), 1)) : p("", !0)
+        C.hideDetails ? O("", !0) : (m(), Z("div", D3, [
+          C.errorMsg ? (m(), Z("p", _3, y(C.errorMsg), 1)) : O("", !0),
+          !C.errorMsg && C.hint ? (m(), Z("p", E3, y(C.hint), 1)) : O("", !0)
         ]))
       ])
     ]));
@@ -9882,7 +9888,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
 }), W3 = { class: "r-breadcrumb" }, N3 = {
   key: 0,
   class: "r-breadcrumb__title"
-}, h0 = /* @__PURE__ */ x({
+}, h0 = /* @__PURE__ */ D({
   __name: "RBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -9903,21 +9909,21 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
           }, {
             default: k1(() => [
               f(C.$slots, "item-icon", {}, () => [
-                L.icon ? (m(), E(D, {
+                L.icon ? (m(), _(x, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : p("", !0)
+                }, null, 8, ["name"])) : O("", !0)
               ]),
-              L.onlyIcon ? p("", !0) : (m(), Z("span", N3, v(L.title), 1))
+              L.onlyIcon ? O("", !0) : (m(), Z("span", N3, y(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
           f(C.$slots, "custom-seperator", {}, () => [
-            A !== C.items.length - 1 && V.seperator ? (m(), E(D, {
+            A !== C.items.length - 1 && V.seperator ? (m(), _(x, {
               key: 0,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["name"])) : p("", !0)
+            }, null, 8, ["name"])) : O("", !0)
           ])
         ]))), 128))
       ]);
@@ -9953,7 +9959,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   i0,
   A0,
   e0
-], g0 = /* @__PURE__ */ x({
+], g0 = /* @__PURE__ */ D({
   __name: "RPagination",
   props: {
     page: { default: 1 },
@@ -9987,11 +9993,11 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       M("update:perPage", 10);
     }
     return (o, l) => (m(), Z("div", {
-      class: O(["r-pagination", [`r-pagination--${C.position}`]])
+      class: p(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
       S("div", I3, [
         S("div", Q3, [
-          S("span", null, v(C.itemsPerPageText), 1),
+          S("span", null, y(C.itemsPerPageText), 1),
           q(A3, {
             modelValue: i.value,
             "onUpdate:modelValue": [
@@ -10004,7 +10010,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
             options: C.perPageOptions
           }, null, 8, ["modelValue", "options"])
         ]),
-        S("span", G3, v(e.value), 1),
+        S("span", G3, y(e.value), 1),
         S("button", {
           class: "r-pagination__paginator__first",
           disabled: t.value,
@@ -10012,7 +10018,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "first", {}, () => [
             (m(), Z("svg", {
-              class: O(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": t.value }]),
+              class: p(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10032,7 +10038,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "prev", {}, () => [
             (m(), Z("svg", {
-              class: O(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": t.value }]),
+              class: p(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10052,7 +10058,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "next", {}, () => [
             (m(), Z("svg", {
-              class: O(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
+              class: p(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10072,7 +10078,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "last", {}, () => [
             (m(), Z("svg", {
-              class: O(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
+              class: p(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10088,7 +10094,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       ])
     ], 2));
   }
-}), t0 = ["value"], k0 = /* @__PURE__ */ x({
+}), t0 = ["value"], k0 = /* @__PURE__ */ D({
   __name: "RProgressbar",
   props: {
     value: { default: 0 },
@@ -10105,7 +10111,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       value: V.value
     }, null, 12, t0));
   }
-}), h1 = "rocket-ui:r-item-group", B0 = /* @__PURE__ */ x({
+}), h1 = "rocket-ui:r-item-group", B0 = /* @__PURE__ */ D({
   __name: "RItemGroup",
   props: {
     modelValue: { default: () => [] },
@@ -10119,21 +10125,21 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V, i = N(C.as ?? "div"), L = N(C.modelValue), A = g(() => C.selectedClass);
-    p1(`${h1}:selectedClass`, A.value);
+    O1(`${h1}:selectedClass`, A.value);
     function e(n) {
       return L.value.includes(n);
     }
-    p1(`${h1}:isSelected`, e);
+    O1(`${h1}:isSelected`, e);
     function d(n, r) {
       C.disabled || C.mandatory && L.value.length === 1 && !r || C.max && L.value.length === C.max && r || (C.multiple ? r ? L.value.push(n) : L.value = L.value.filter((o) => o !== n) : L.value = n ? [n] : [], M("update:modelValue", L.value));
     }
-    p1(`${h1}:select`, d);
+    O1(`${h1}:select`, d);
     function t() {
       return C.disabled;
     }
-    return p1(`${h1}:isDisabled`, t), G(() => C.modelValue, () => {
+    return O1(`${h1}:isDisabled`, t), G(() => C.modelValue, () => {
       L.value = C.modelValue;
-    }), (n, r) => (m(), E(B2(i.value), null, {
+    }), (n, r) => (m(), _(B2(i.value), null, {
       default: k1(() => [
         f(n.$slots, "default", {
           isSelected: e,
@@ -10144,7 +10150,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       _: 3
     }));
   }
-}), g1 = "rocket-ui:r-item-group", b0 = /* @__PURE__ */ x({
+}), g1 = "rocket-ui:r-item-group", b0 = /* @__PURE__ */ D({
   __name: "RItem",
   props: {
     value: { default: null },
@@ -10177,7 +10183,7 @@ export {
   Z0 as RCheckbox,
   C5 as RChip,
   A3 as RDropdown,
-  D as RIcon,
+  x as RIcon,
   b0 as RItem,
   B0 as RItemGroup,
   S2 as RLabel,
@@ -10188,8 +10194,8 @@ export {
   s0 as RSnackbar,
   c0 as RSwitch,
   b3 as RTabItem,
-  O0 as RTabs,
-  p0 as RTextArea,
+  p0 as RTabs,
+  O0 as RTextArea,
   f0 as RTextfield,
   G5 as RTooltip
 };