@rocketui/vue 0.0.77 → 0.0.80

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as s, reactive as X, Fragment as z, renderList as q, normalizeClass as f, renderSlot as b, toDisplayString as y, createVNode as $, computed as k, createCommentVNode as B, mergeProps as L2, createBlock as R, watch as _, getCurrentScope as M2, onScopeDispose as A2, ref as E, watchEffect as i2, onMounted as _1, Teleport as e2, withCtx as d1, withDirectives as W1, withKeys as B1, vModelText as d2, withModifiers as L1, createTextVNode as N1, normalizeStyle as h1, vShow as t2, resolveComponent as m2, provide as Z1, resolveDynamicComponent as l2, inject as u1 } from "vue";
+import { defineComponent as v, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as c, reactive as X, Fragment as z, renderList as q, normalizeClass as f, renderSlot as b, toDisplayString as y, createVNode as $, computed as k, createCommentVNode as B, mergeProps as L2, createBlock as R, watch as _, getCurrentScope as M2, onScopeDispose as A2, ref as E, watchEffect as i2, onMounted as _1, Teleport as e2, withCtx as d1, withDirectives as W1, withKeys as B1, vModelText as d2, withModifiers as L1, createTextVNode as N1, normalizeStyle as h1, vShow as t2, resolveComponent as m2, provide as Z1, resolveDynamicComponent as l2, inject as u1 } from "vue";
 const o2 = {
   mdiAbTesting: "M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z",
   mdiAbacus: "M5 5H7V11H5V5M10 5H8V11H10V5M5 19H7V13H5V19M10 13H8V19H10V17H15V15H10V13M2 21H4V3H2V21M20 3V7H13V5H11V11H13V9H20V15H18V13H16V19H18V17H20V21H22V3H20Z",
@@ -7312,12 +7312,12 @@ const o2 = {
       width: V.size
     }, [
       S("path", {
-        d: s(o2)[V.name]
+        d: c(o2)[V.name]
       }, null, 8, r2)
     ], 8, n2));
   }
 });
-const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title" }, S2 = { class: "r-accordion__icon" }, c2 = { class: "r-accordion__content" }, Z3 = /* @__PURE__ */ v({
+const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title" }, S2 = { class: "r-accordion__icon" }, s2 = { class: "r-accordion__content" }, Z3 = /* @__PURE__ */ v({
   __name: "RAccordion",
   props: {
     accordions: null
@@ -7355,14 +7355,14 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
           $(x, { name: "mdiChevronUp" })
         ])
       ], 8, Z2),
-      S("div", c2, [
+      S("div", s2, [
         b(M.$slots, "content", {}, () => [
           S("span", null, y(i.content), 1)
         ])
       ])
     ], 10, a2))), 128));
   }
-}), s2 = { class: "r-alert__icon" }, O2 = { class: "r-alert__content" }, p2 = { class: "r-alert__content__title" }, h2 = {
+}), c2 = { class: "r-alert__icon" }, O2 = { class: "r-alert__content" }, p2 = { class: "r-alert__content__title" }, h2 = {
   key: 0,
   class: "r-alert__content__description"
 }, f2 = {
@@ -7394,12 +7394,12 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       V("close");
     };
     return (i, e) => (m(), Z("div", {
-      class: f(s(L))
+      class: f(c(L))
     }, [
-      S("div", s2, [
+      S("div", c2, [
         b(i.$slots, "alert-icon", {}, () => [
           $(x, {
-            name: s(M),
+            name: c(M),
             size: 24
           }, null, 8, ["name"])
         ])
@@ -7442,7 +7442,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
     };
     return (i, e) => (m(), Z("div", g2, [
       S("div", {
-        class: f(s(C))
+        class: f(c(C))
       }, [
         V.type === "text" ? (m(), Z("p", {
           key: 0,
@@ -7453,9 +7453,9 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
           class: f({
             "r-avatar__image": !0,
             [`r-avatar__image--${V.size}`]: !0,
-            "r-avatar__image--anonymous": s(L)
+            "r-avatar__image--anonymous": c(L)
           }),
-          src: s(M)
+          src: c(M)
         }, null, 10, k2))
       ], 2),
       V.online ? (m(), Z("span", {
@@ -7467,7 +7467,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       }, null, 2)) : B("", !0)
     ]));
   }
-}), B2 = { class: "r-badge-wrapper group" }, c3 = /* @__PURE__ */ v({
+}), B2 = { class: "r-badge-wrapper group" }, s3 = /* @__PURE__ */ v({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -7475,7 +7475,8 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
     overlap: { type: Boolean, default: !1 },
     hover: { type: Boolean, default: !1 },
     outside: { type: Boolean, default: !1 },
-    animation: { type: Boolean, default: !1 }
+    animation: { type: Boolean, default: !1 },
+    class: { default: "" }
   },
   emits: ["click"],
   setup(H) {
@@ -7486,75 +7487,72 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       [`r-badge--${V.placement}`]: V.placement,
       [`r-badge--outside-${V.placement}`]: V.outside,
       "r-badge--hover": V.hover,
-      [`r-badge--${V.variant}`]: V.variant
+      [`r-badge--${V.variant}`]: V.variant,
+      [V.class]: V.class
     }));
     return (L, M) => (m(), Z("div", B2, [
       S("span", {
-        class: f([{ "animate-ping": V.animation }, s(C)])
+        class: f([{ "animate-ping-2": V.animation }, c(C)])
       }, null, 2),
       S("span", {
-        class: f(s(C))
+        class: f(c(C))
       }, null, 2),
       b(L.$slots, "default")
     ]));
   }
-}), b2 = ["disabled"], s3 = /* @__PURE__ */ v({
+}), b2 = ["disabled"], c3 = /* @__PURE__ */ v({
   __name: "RButton",
   props: {
-    variant: { default: "primary" },
+    variant: { default: "default" },
+    color: null,
     loading: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     prependIcon: { default: "" },
     appendIcon: { default: "" },
-    onlyIcon: { type: Boolean, default: !1 },
+    icon: { type: Boolean, default: !1 },
     size: { default: "medium" },
     height: { default: "" },
     block: { type: Boolean, default: !1 },
-    backgroundColor: { default: "" },
-    color: null
+    to: null
   },
   emits: ["click"],
   setup(H) {
     const V = H, C = k(() => ({
       "r-button": !0,
-      [`r-button--${V.variant}`]: !0,
+      [`r-button__${V.variant}`]: !0,
+      [`r-button__${V.variant}--${V.variant === "default" && V.color === void 0 ? "primary" : V.color}`]: !0,
       "r-button--loading": V.loading,
       [`r-button--${V.size || "medium"}`]: !0,
-      "r-button--only-icon": V.onlyIcon,
+      "r-button--only-icon": V.icon,
       "r-button--block": V.block
     })), L = k(() => ({
       small: 20,
       medium: 24,
       large: 32
-    })[V.size || "medium"]), M = k(() => {
-      const { backgroundColor: A, height: i, color: e } = V;
-      return {
-        backgroundColor: A,
-        height: i ? `${i}px` : "",
-        color: e
-      };
-    });
+    })[V.size || "medium"]), M = k(() => ({
+      height: V.height ? `${V.height}px` : ""
+    }));
     return (A, i) => (m(), Z("button", L2(A.$attrs, {
-      class: s(C),
-      disabled: H.disabled || H.loading,
-      style: s(M),
+      class: c(C),
+      disabled: H.disabled,
+      style: c(M),
       onClick: i[0] || (i[0] = (e) => A.$emit("click"))
     }), [
       b(A.$slots, "custom-icon"),
       !A.$slots["custom-icon"] && V.prependIcon ? (m(), R(x, {
         key: 0,
         class: f(["r-button__prepend-icon", {
-          "r-button__prepend-icon--only": V.onlyIcon
+          "r-button__prepend-icon--only": V.icon
         }]),
         name: V.prependIcon,
-        size: s(L)
+        size: c(L)
       }, null, 8, ["class", "name", "size"])) : B("", !0),
-      V.onlyIcon ? B("", !0) : b(A.$slots, "default", { key: 1 }),
-      !A.$slots["custom-icon"] && !V.onlyIcon && V.appendIcon ? (m(), R(x, {
+      V.icon ? B("", !0) : b(A.$slots, "default", { key: 1 }),
+      !A.$slots["custom-icon"] && !V.icon && V.appendIcon ? (m(), R(x, {
         key: 2,
         class: "r-button__append-icon",
         name: V.appendIcon,
-        size: s(L)
+        size: c(L)
       }, null, 8, ["name", "size"])) : B("", !0)
     ], 16, b2));
   }
@@ -7625,11 +7623,11 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
           onChange: e
         }, null, 40, P2),
         S("div", {
-          class: f(s(i)),
+          class: f(c(i)),
           "data-disabled": C.disabled
         }, [
           $(x, {
-            name: s(A),
+            name: c(A),
             size: 24
           }, null, 8, ["name"])
         ], 10, T2)
@@ -7668,7 +7666,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       C.disabled || !C.closable || (i.stopPropagation(), V("click:close", i));
     };
     return (i, e) => (m(), Z("div", {
-      class: f(s(L))
+      class: f(c(L))
     }, [
       S("div", {
         class: "r-chip__content",
@@ -7702,9 +7700,9 @@ function _2(H) {
   return M2() ? (A2(H), !0) : !1;
 }
 function I1(H) {
-  return typeof H == "function" ? H() : s(H);
+  return typeof H == "function" ? H() : c(H);
 }
-const Q1 = typeof window < "u" && typeof document < "u", W2 = Object.prototype.toString, N2 = (H) => W2.call(H) === "[object Object]", s1 = () => {
+const Q1 = typeof window < "u" && typeof document < "u", W2 = Object.prototype.toString, N2 = (H) => W2.call(H) === "[object Object]", c1 = () => {
 }, I2 = /* @__PURE__ */ Q2();
 function Q2() {
   var H;
@@ -7719,7 +7717,7 @@ const G1 = Q1 ? window : void 0;
 function S1(...H) {
   let V, C, L, M;
   if (typeof H[0] == "string" || Array.isArray(H[0]) ? ([C, L, M] = H, V = G1) : [V, C, L, M] = H, !V)
-    return s1;
+    return c1;
   Array.isArray(C) || (C = [C]), Array.isArray(L) || (L = [L]);
   const A = [], i = () => {
     A.forEach((n) => n()), A.length = 0;
@@ -7744,7 +7742,7 @@ function G2(H, V, C = {}) {
   const { window: L = G1, ignore: M = [], capture: A = !0, detectIframe: i = !1 } = C;
   if (!L)
     return;
-  I2 && !y1 && (y1 = !0, Array.from(L.document.body.children).forEach((a) => a.addEventListener("click", s1)), L.document.documentElement.addEventListener("click", s1));
+  I2 && !y1 && (y1 = !0, Array.from(L.document.body.children).forEach((a) => a.addEventListener("click", c1)), L.document.documentElement.addEventListener("click", c1));
   let e = !0;
   const d = (a) => M.some((r) => {
     if (typeof r == "string")
@@ -7823,8 +7821,8 @@ const z2 = async (H, V, C) => {
   const { placement: L = "bottom", strategy: M = "absolute", middleware: A = [], platform: i } = C, e = A.filter(Boolean), d = await (i.isRTL == null ? void 0 : i.isRTL(V));
   let l = await i.getElementRects({ reference: H, floating: V, strategy: M }), { x: n, y: t } = w1(l, L, d), a = L, r = {}, u = 0;
   for (let p = 0; p < e.length; p++) {
-    const { name: h, fn: P } = e[p], { x: T, y: w, data: O, reset: c } = await P({ x: n, y: t, initialPlacement: L, placement: a, strategy: M, middlewareData: r, rects: l, platform: i, elements: { reference: H, floating: V } });
-    n = T ?? n, t = w ?? t, r = { ...r, [h]: { ...r[h], ...O } }, c && u <= 50 && (u++, typeof c == "object" && (c.placement && (a = c.placement), c.rects && (l = c.rects === !0 ? await i.getElementRects({ reference: H, floating: V, strategy: M }) : c.rects), { x: n, y: t } = w1(l, a, d)), p = -1);
+    const { name: h, fn: P } = e[p], { x: T, y: w, data: O, reset: s } = await P({ x: n, y: t, initialPlacement: L, placement: a, strategy: M, middlewareData: r, rects: l, platform: i, elements: { reference: H, floating: V } });
+    n = T ?? n, t = w ?? t, r = { ...r, [h]: { ...r[h], ...O } }, s && u <= 50 && (u++, typeof s == "object" && (s.placement && (a = s.placement), s.rects && (l = s.rects === !0 ? await i.getElementRects({ reference: H, floating: V, strategy: M }) : s.rects), { x: n, y: t } = w1(l, a, d)), p = -1);
   }
   return { x: n, y: t, placement: a, strategy: M, middlewareData: r };
 };
@@ -7853,7 +7851,7 @@ const K2 = (H) => ({ name: "arrow", options: H, async fn(V) {
   const l = z1(L), n = { x: M, y: A }, t = i1(i), a = n1(i), r = f1(t), u = await d.getDimensions(C), p = t === "y" ? "top" : "left", h = t === "y" ? "bottom" : "right", P = e.reference[r] + e.reference[t] - n[t] - e.floating[r], T = n[t] - e.reference[t], w = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
   let O = w ? t === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0;
   O === 0 && (O = e.floating[r]);
-  const c = P / 2 - T / 2, F = l[p], o = O - u[r] - l[h], g = O / 2 - u[r] / 2 + c, D = O1(F, g, o), W = (a === "start" ? l[p] : l[h]) > 0 && g !== D && e.reference[r] <= e.floating[r];
+  const s = P / 2 - T / 2, F = l[p], o = O - u[r] - l[h], g = O / 2 - u[r] / 2 + s, D = O1(F, g, o), W = (a === "start" ? l[p] : l[h]) > 0 && g !== D && e.reference[r] <= e.floating[r];
   return { [t]: n[t] - (W ? g < F ? F - g : o - g : 0), data: { [t]: D, centerOffset: g - D } };
 } }), j2 = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function l1(H) {
@@ -7884,8 +7882,8 @@ const X2 = function(H) {
       w.push(T[g], T[D]);
     }
     if (O = [...O, { placement: L, overflows: w }], !w.every((g) => g <= 0)) {
-      var c, F;
-      const g = ((c = (F = M.flip) == null ? void 0 : F.index) != null ? c : 0) + 1, D = P[g];
+      var s, F;
+      const g = ((s = (F = M.flip) == null ? void 0 : F.index) != null ? s : 0) + 1, D = P[g];
       if (D)
         return { data: { index: g, overflows: O }, reset: { placement: D } };
       let W = "bottom";
@@ -8140,7 +8138,7 @@ const A5 = { getClippingRect: function(H) {
   return { reference: M5(V, await M(C), L), floating: { x: 0, y: 0, ...await A(C) } };
 }, getClientRects: (H) => Array.from(H.getClientRects()), isRTL: (H) => I(H).direction === "rtl" }, i5 = (H, V, C) => z2(H, V, { platform: A5, ...C });
 var J1 = /* @__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))(J1 || {}), N = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(N || {}), C2 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(C2 || {});
-async function c1({ value: H }, { value: V }, { value: C }, L, M, A, i = 300, e) {
+async function s1({ value: H }, { value: V }, { value: C }, L, M, A, i = 300, e) {
   !H || !V || i5(H, V, {
     placement: L,
     middleware: [
@@ -8206,7 +8204,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
     const C = H, L = E(null), M = E(null), A = E(null);
     async function i() {
       const { placement: u, offset: p, padding: h, disabled: P, showDelay: T, type: w } = C;
-      P || (M.value.style.display = "block", V("show"), c1(L, M, A, u, p, h, T, w), d());
+      P || (M.value.style.display = "block", V("show"), s1(L, M, A, u, p, h, T, w), d());
     }
     function e() {
       C.disabled || !M.value || (M.value.style.display = "", V("hide"));
@@ -8227,7 +8225,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
     }
     function a() {
       const { placement: u, offset: p, padding: h, disabled: P, showDelay: T, type: w } = C;
-      P || C.triggers.includes(N.Hover) && c1(L, M, A, u, p, h, T, w);
+      P || C.triggers.includes(N.Hover) && s1(L, M, A, u, p, h, T, w);
     }
     const r = k(() => ({
       tooltip: !0,
@@ -8236,7 +8234,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
     }));
     return window.onresize = () => {
       const { placement: u, offset: p, padding: h, disabled: P, showDelay: T, type: w } = C;
-      P || C.resizable && c1(L, M, A, u, p, h, T, w);
+      P || C.resizable && s1(L, M, A, u, p, h, T, w);
     }, i2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(N.Manual) ? i() : !C.shown && C.triggers.includes(N.Manual) && e());
@@ -8282,7 +8280,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
           id: "tooltip",
           ref_key: "tooltip",
           ref: M,
-          class: f([s(r), H.tooltipClass]),
+          class: f([c(r), H.tooltipClass]),
           role: "tooltip"
         }, [
           b(u.$slots, "content", { hide: e }, () => [
@@ -8335,10 +8333,10 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, L = E({ value: "", label: "" }), M = X([]), A = E(!1), i = E(""), e = E(), d = E(), l = E();
-    function n(O, c) {
+    function n(O, s) {
       var F, o, g;
       if (O.stopPropagation(), !C.disabled) {
-        if (A.value = !A.value, c && c(), A.value) {
+        if (A.value = !A.value, s && s(), A.value) {
           (F = e.value) == null || F.classList.add("r-dropdown--active"), (o = e.value) == null || o.focus(), C.searchable && ((g = d.value) == null || g.focus());
           return;
         }
@@ -8346,31 +8344,31 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
       }
     }
     function t() {
-      var O, c, F;
-      A.value = !1, (O = e.value) == null || O.classList.remove("r-dropdown--active"), (c = e.value) == null || c.blur(), (F = d.value) == null || F.blur();
+      var O, s, F;
+      A.value = !1, (O = e.value) == null || O.classList.remove("r-dropdown--active"), (s = e.value) == null || s.blur(), (F = d.value) == null || F.blur();
     }
-    function a(O, c, F) {
+    function a(O, s, F) {
       var o;
-      if (O.stopPropagation(), !c.disabled) {
+      if (O.stopPropagation(), !s.disabled) {
         if (C.multiple || C.taggable) {
-          M.find((g) => g.value === c.value) ? M.splice(M.indexOf(c), 1) : M.push(c), i.value = "", C.searchable && ((o = d.value) == null || o.focus());
+          M.find((g) => g.value === s.value) ? M.splice(M.indexOf(s), 1) : M.push(s), i.value = "", C.searchable && ((o = d.value) == null || o.focus());
           return;
         }
-        r(O, c), C.closeOnSelect && (F(), t());
+        r(O, s), C.closeOnSelect && (F(), t());
       }
     }
-    function r(O, c) {
-      if (L.value.value === c.value) {
+    function r(O, s) {
+      if (L.value.value === s.value) {
         L.value = {}, i.value = "";
         return;
       }
-      i.value = c.label, L.value = c, n(O), V("update:modelValue", c);
+      i.value = s.label, L.value = s, n(O), V("update:modelValue", s);
     }
-    function u(O, c) {
+    function u(O, s) {
       if (O instanceof KeyboardEvent && O.key !== "Backspace" || i.value !== "")
         return;
       O.stopPropagation();
-      const F = M.findIndex((o) => o.value === c.value);
+      const F = M.findIndex((o) => o.value === s.value);
       M.splice(F, 1);
     }
     function p(O) {
@@ -8378,15 +8376,15 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
       if (!C.taggable)
         return;
       O.stopPropagation();
-      const c = i.value;
-      if (c === "")
+      const s = i.value;
+      if (s === "")
         return;
-      C.options.find((g) => g.label === c) || (M.push({ value: c, label: c }), i.value = "", (o = d.value) == null || o.focus());
+      C.options.find((g) => g.label === s) || (M.push({ value: s, label: s }), i.value = "", (o = d.value) == null || o.focus());
     }
     function h(O) {
-      return C.multiple ? M.find((c) => c.value === O.value) : L.value.value === O.value;
+      return C.multiple ? M.find((s) => s.value === O.value) : L.value.value === O.value;
     }
-    const P = k(() => !C.searchable || L.value.label === i.value ? C.options : C.options.filter((c) => c.label.toLowerCase().includes(i.value.toLowerCase()))), T = k(() => C.multiple || C.taggable || !C.searchable);
+    const P = k(() => !C.searchable || L.value.label === i.value ? C.options : C.options.filter((s) => s.label.toLowerCase().includes(i.value.toLowerCase()))), T = k(() => C.multiple || C.taggable || !C.searchable);
     function w() {
       C.modelValue ? C.multiple ? M.push(C.modelValue) : (L.value = C.modelValue, i.value = C.modelValue.label) : (L.value = {}, M.splice(0, M.length));
     }
@@ -8396,7 +8394,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
       V("update:modelValue", O);
     }), _(() => C.modelValue, (O) => {
       w();
-    }), (O, c) => (m(), Z("div", {
+    }), (O, s) => (m(), Z("div", {
       ref_key: "wrapper",
       ref: l,
       class: "r-dropdown-wrapper"
@@ -8454,17 +8452,17 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
               id: C.id,
               ref_key: "input",
               ref: d,
-              "onUpdate:modelValue": c[0] || (c[0] = (o) => i.value = o),
+              "onUpdate:modelValue": s[0] || (s[0] = (o) => i.value = o),
               class: f(["r-dropdown__input", {
                 "r-dropdown__input--loading": C.loading
               }]),
               disabled: C.disabled,
               placeholder: C.placeholder,
-              readonly: s(T),
+              readonly: c(T),
               type: "text",
               onKeydown: [
-                c[1] || (c[1] = B1((o) => u(o, M[M.length - 1]), ["backspace"])),
-                c[2] || (c[2] = B1((o) => p(o), ["enter"]))
+                s[1] || (s[1] = B1((o) => u(o, M[M.length - 1]), ["backspace"])),
+                s[2] || (s[2] = B1((o) => p(o), ["enter"]))
               ]
             }, null, 42, n5), [
               [d2, i.value]
@@ -8491,7 +8489,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (m(!0), Z(z, null, q(s(P), (o) => (m(), Z("li", {
+            (m(!0), Z(z, null, q(c(P), (o) => (m(), Z("li", {
               key: o.value,
               "aria-disabled": o.disabled,
               class: f(["r-dropdown-options__option", {
@@ -8547,7 +8545,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
       ])
     ], 8, Z5));
   }
-}), u5 = ["onClick"], S5 = ["open"], c5 = { class: "r-dialog__header" }, s5 = {
+}), u5 = ["onClick"], S5 = ["open"], s5 = { class: "r-dialog__header" }, c5 = {
   key: 0,
   class: "icon"
 }, O5 = {
@@ -8589,14 +8587,14 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
     }, [
       S("div", {
         "aria-modal": "true",
-        class: f(s(L)),
+        class: f(c(L)),
         open: C.modelValue,
         role: "dialog",
-        style: h1(s(M))
+        style: h1(c(M))
       }, [
-        S("div", c5, [
+        S("div", s5, [
           b(i.$slots, "header"),
-          C.icon ? (m(), Z("div", s5, [
+          C.icon ? (m(), Z("div", c5, [
             $(x, {
               name: C.icon
             }, null, 8, ["name"])
@@ -8630,7 +8628,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
     }));
     return (L, M) => (m(), Z(z, null, [
       S("aside", {
-        class: f([s(C), V.class]),
+        class: f([c(C), V.class]),
         "data-open": V.modelValue
       }, [
         S("nav", k5, [
@@ -8693,13 +8691,13 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
       info: "mdiInformation"
     })[C.variant || "info"]);
     return (A, i) => (m(), Z("div", {
-      class: f(s(L))
+      class: f(c(L))
     }, [
       b(A.$slots, "default", {}, () => [
         C.variant ? (m(), R(x, {
           key: 0,
           class: "r-snackbar__icon",
-          name: s(M)
+          name: c(M)
         }, null, 8, ["name"])) : B("", !0)
       ]),
       S("div", w5, y(C.text), 1),
@@ -8756,7 +8754,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
       }
     ), (i, e) => (m(), Z("div", T5, [
       S("div", {
-        class: f(s(M))
+        class: f(c(M))
       }, [
         S("input", {
           id: C.id,
@@ -8820,22 +8818,22 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     return (e, d) => (m(), Z("button", {
       "aria-disabled": C.disabled,
       "aria-selected": C.modelValue === C.id,
-      class: f(s(L)),
+      class: f(c(L)),
       disabled: C.disabled,
-      style: h1(s(M)),
+      style: h1(c(M)),
       onClick: d[0] || (d[0] = L1((l) => A(C.id), ["stop"]))
     }, [
       b(e.$slots, "prepend", {}, () => [
-        C.variant !== s(H1).TEXT && C.prependIcon ? (m(), R(x, {
+        C.variant !== c(H1).TEXT && C.prependIcon ? (m(), R(x, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
         }, null, 8, ["name"])) : B("", !0)
       ]),
-      C.variant !== s(H1).ICON ? (m(), Z("span", _5, y(C.label), 1)) : B("", !0),
+      C.variant !== c(H1).ICON ? (m(), Z("span", _5, y(C.label), 1)) : B("", !0),
       b(e.$slots, "append", {}, () => [
-        C.variant !== s(H1).TEXT && C.appendIcon ? (m(), R(x, {
+        C.variant !== c(H1).TEXT && C.appendIcon ? (m(), R(x, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
@@ -8872,7 +8870,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       V("click:icon");
     }
     return (i, e) => (m(), Z("div", {
-      class: f(s(M))
+      class: f(c(M))
     }, [
       b(i.$slots, "default", {}, () => [
         (m(!0), Z(z, null, q(C.tabs, (d, l) => (m(), R(W5, {
@@ -9038,9 +9036,9 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       }
       V("click:icon", {
         value: A.value === "number" ? +M.value : M.value
-      }), A.value === "password" && c();
+      }), A.value === "password" && s();
     }
-    function c() {
+    function s() {
       A.value = A.value === "password" ? "text" : "password";
     }
     function F() {
@@ -9075,13 +9073,13 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
         }, null, 8, ["id", "for", "text"])) : B("", !0),
         S("div", U5, [
           S("div", {
-            class: f(s(a))
+            class: f(c(a))
           }, [
             b(o.$slots, "prepend"),
-            s(p) && !o.$slots.prepend ? (m(), R(x, {
+            c(p) && !o.$slots.prepend ? (m(), R(x, {
               key: 0,
-              class: f(s(r)),
-              name: s(p),
+              class: f(c(r)),
+              name: c(p),
               size: 20
             }, null, 8, ["class", "name"])) : B("", !0),
             S("input", {
@@ -9099,10 +9097,10 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
               onInput: w
             }, null, 40, $5),
             b(o.$slots, "append"),
-            s(h) && !o.$slots.append ? (m(), R(x, {
+            c(h) && !o.$slots.append ? (m(), R(x, {
               key: 1,
-              class: f(s(u)),
-              name: `${s(h)}`,
+              class: f(c(u)),
+              name: `${c(h)}`,
               size: 20,
               onClick: O
             }, null, 8, ["class", "name"])) : B("", !0)
@@ -9191,7 +9189,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
         H.slash ? B("", !0) : (m(), Z("span", C3, y(C.pageText), 1)),
         S("span", H3, y(C.page), 1),
         S("span", null, y(H.slash ? "/" : C.ofText), 1),
-        S("span", V3, y(s(L)), 1)
+        S("span", V3, y(c(L)), 1)
       ]),
       S("div", L3, [
         S("button", {
@@ -9216,7 +9214,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
         ], 8, M3),
         S("input", {
           class: "r-pagination__paginator__input",
-          max: s(L),
+          max: c(L),
           min: "1",
           type: "number",
           value: C.page,
@@ -9227,12 +9225,12 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
         }, null, 40, d3),
         S("button", {
           class: "r-pagination__paginator__next",
-          disabled: C.page === s(L),
+          disabled: C.page === c(L),
           onClick: i[2] || (i[2] = (e) => M(+C.page + 1))
         }, [
           b(A.$slots, "next", {}, () => [
             (m(), Z("svg", {
-              class: f({ "stroke-gray-400": C.page === s(L) }),
+              class: f({ "stroke-gray-400": C.page === c(L) }),
               fill: "none",
               height: "16",
               stroke: "#323232",
@@ -9245,7 +9243,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
             }, o3, 2))
           ])
         ], 8, t3),
-        S("div", n3, "/ " + y(s(L)), 1)
+        S("div", n3, "/ " + y(c(L)), 1)
       ])
     ]));
   }
@@ -9316,9 +9314,9 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     }
     return (l, n) => b(l.$slots, "default", {
       disabled: V.disabled,
-      isSelected: s(L)(V.value),
+      isSelected: c(L)(V.value),
       select: d,
-      selectedClass: s(A),
+      selectedClass: c(A),
       toggle: e,
       value: V.value
     });
@@ -9328,9 +9326,9 @@ export {
   Z3 as RAccordion,
   u3 as RAlert,
   S3 as RAvatar,
-  c3 as RBadge,
+  s3 as RBadge,
   w3 as RBreadcrumb,
-  s3 as RButton,
+  c3 as RButton,
   O3 as RCheckbox,
   E2 as RChip,
   p3 as RDropdown,