@rocketui/vue 0.2.40 → 0.2.41

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, openBlock as m, createElementBlock as u, createElementVNode as S, unref as J, reactive as u1, Fragment as d1, renderList as n1, normalizeClass as O, renderSlot as p, toDisplayString as v, createVNode as q, computed as h, createCommentVNode as g, mergeProps as J1, createBlock as _, watch as $, getCurrentScope as S2, onScopeDispose as s2, ref as Q, watchEffect as c2, onMounted as C2, Teleport as O2, withCtx as g1, withDirectives as H2, withModifiers as r1, withKeys as G1, vModelText as p2, createTextVNode as S1, onUnmounted as f2, normalizeStyle as _1, vShow as h2, resolveComponent as g2, provide as O1, resolveDynamicComponent as k2, inject as p1 } from "vue";
+import { defineComponent as R, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as d1, renderList as n1, normalizeClass as O, renderSlot as p, toDisplayString as v, createVNode as q, computed as h, createCommentVNode as g, mergeProps as J1, createBlock as _, watch as $, getCurrentScope as S2, onScopeDispose as s2, ref as I, watchEffect as c2, onMounted as C2, Teleport as O2, withCtx as g1, withDirectives as H2, withModifiers as r1, withKeys as G1, vModelText as p2, createTextVNode as S1, onUnmounted as f2, normalizeStyle as _1, vShow as h2, resolveComponent as g2, provide as O1, resolveDynamicComponent as k2, inject as p1 } 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",
@@ -7305,7 +7305,7 @@ const B2 = {
   },
   setup(H) {
     const V = H;
-    return (C, M) => (m(), u("svg", {
+    return (C, M) => (m(), Z("svg", {
       class: "r-icon",
       height: V.size,
       viewBox: V.viewBox,
@@ -7335,7 +7335,7 @@ const B2 = {
         C[A].open = A === i ? !C[A].open : !1;
       });
     }
-    return (i, L) => (m(!0), u(d1, null, n1(C, (A, e) => (m(), u("div", {
+    return (i, L) => (m(!0), Z(d1, null, n1(C, (A, e) => (m(), Z("div", {
       key: e,
       class: O(["r-accordion", {
         "r-accordion--disabled": A.disabled
@@ -7396,7 +7396,7 @@ const B2 = {
     function A() {
       M("close");
     }
-    return (e, d) => (m(), u("div", {
+    return (e, d) => (m(), Z("div", {
       class: O(i.value)
     }, [
       S("div", R2, [
@@ -7410,10 +7410,10 @@ const B2 = {
       S("div", x2, [
         p(e.$slots, "content", {}, () => [
           S("p", D2, v(C.title), 1),
-          C.description ? (m(), u("p", E2, v(C.description), 1)) : g("", !0)
+          C.description ? (m(), Z("p", E2, v(C.description), 1)) : g("", !0)
         ])
       ]),
-      C.closable ? (m(), u("div", _2, [
+      C.closable ? (m(), Z("div", _2, [
         p(e.$slots, "custom-close", {
           close: A,
           slotClass: "r-alert__close__button"
@@ -7447,14 +7447,14 @@ const B2 = {
       const e = A.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
     }
-    return (A, e) => (m(), u("div", W2, [
+    return (A, e) => (m(), Z("div", W2, [
       S("div", {
         class: O(C.value)
       }, [
-        V.type === "text" ? (m(), u("p", {
+        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(), u("img", {
+        }, v(L(V.text)), 3)) : (m(), Z("img", {
           key: 1,
           alt: V.alt,
           class: O(["r-avatar__image", {
@@ -7464,7 +7464,7 @@ const B2 = {
           src: i.value
         }, null, 10, N2))
       ], 2),
-      V.online ? (m(), u("span", {
+      V.online ? (m(), Z("span", {
         key: 0,
         class: O(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
@@ -7498,7 +7498,7 @@ const B2 = {
       [`r-badge--${V.variant}`]: V.variant,
       [V.class]: V.class
     }));
-    return (M, i) => (m(), u("div", {
+    return (M, i) => (m(), Z("div", {
       class: O(["r-badge-wrapper group", [V.wrapperClass]])
     }, [
       S("span", {
@@ -7542,7 +7542,7 @@ const B2 = {
     })[V.size || "medium"]), i = h(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
-    return (L, A) => (m(), u("button", J1(L.$attrs, {
+    return (L, A) => (m(), Z("button", J1(L.$attrs, {
       class: C.value,
       disabled: L.disabled,
       style: i.value,
@@ -7633,7 +7633,7 @@ const B2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (t, n) => (m(), u("div", G2, [
+    ), (t, n) => (m(), Z("div", G2, [
       S("div", $2, [
         S("input", {
           id: C.id,
@@ -7660,8 +7660,8 @@ const B2 = {
           "data-disabled": C.disabled,
           for: C.id
         }, v(C.label), 9, q2),
-        C.hideDetails ? g("", !0) : (m(), u("div", j2, [
-          C.errorMsg ? (m(), u("p", X2, v(C.errorMsg), 1)) : (m(), u("p", Y2, v(C.hint), 1))
+        C.hideDetails ? g("", !0) : (m(), Z("div", j2, [
+          C.errorMsg ? (m(), Z("p", X2, v(C.errorMsg), 1)) : (m(), Z("p", Y2, v(C.hint), 1))
         ]))
       ])
     ]));
@@ -7694,7 +7694,7 @@ const B2 = {
       C.disabled || !C.clearable || (d.stopPropagation(), M("click:close", d));
     }
     const e = h(() => C.clearable ? "mdiClose" : C.appendIcon);
-    return (d, t) => (m(), u("div", {
+    return (d, t) => (m(), Z("div", {
       class: O(i.value)
     }, [
       S("div", {
@@ -7765,7 +7765,7 @@ function F1(...H) {
         return;
       const o = V5(r) ? { ...r } : r;
       L.push(
-        ...C.flatMap((l) => M.map((Z) => e(n, l, Z, o)))
+        ...C.flatMap((l) => M.map((u) => e(n, l, u, o)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -7783,10 +7783,10 @@ function i5(H, V, C = {}) {
   let e = !0;
   const d = (o) => i.some((l) => {
     if (typeof l == "string")
-      return Array.from(M.document.querySelectorAll(l)).some((Z) => Z === o.target || o.composedPath().includes(Z));
+      return Array.from(M.document.querySelectorAll(l)).some((u) => u === o.target || o.composedPath().includes(u));
     {
-      const Z = l1(l);
-      return Z && (o.target === Z || o.composedPath().includes(Z));
+      const u = l1(l);
+      return u && (o.target === u || o.composedPath().includes(u));
     }
   }), n = [
     F1(M, "click", (o) => {
@@ -7806,8 +7806,8 @@ function i5(H, V, C = {}) {
     A && F1(M, "blur", (o) => {
       setTimeout(() => {
         var l;
-        const Z = l1(H);
-        ((l = M.document.activeElement) == null ? void 0 : l.tagName) === "IFRAME" && !(Z != null && Z.contains(M.document.activeElement)) && V(o);
+        const u = l1(H);
+        ((l = M.document.activeElement) == null ? void 0 : l.tagName) === "IFRAME" && !(u != null && u.contains(M.document.activeElement)) && V(o);
       }, 0);
     })
   ].filter(Boolean);
@@ -7977,7 +7977,7 @@ const a5 = async (H, V, C) => {
   }), {
     x: n,
     y: r
-  } = z1(t, M, d), o = M, l = {}, Z = 0;
+  } = z1(t, M, d), o = M, l = {}, u = 0;
   for (let k = 0; k < e.length; k++) {
     const {
       name: y,
@@ -8007,8 +8007,8 @@ const a5 = async (H, V, C) => {
         ...l[y],
         ...T
       }
-    }, x && Z <= 50) {
-      Z++, typeof x == "object" && (x.placement && (o = x.placement), x.rects && (t = x.rects === !0 ? await A.getElementRects({
+    }, x && u <= 50) {
+      u++, typeof x == "object" && (x.placement && (o = x.placement), x.rects && (t = x.rects === !0 ? await A.getElementRects({
         reference: H,
         floating: V,
         strategy: i
@@ -8043,7 +8043,7 @@ async function w1(H, V) {
     elementContext: r = "floating",
     altBoundary: o = !1,
     padding: l = 0
-  } = m1(V, H), Z = A2(l), y = e[o ? r === "floating" ? "reference" : "floating" : r], B = b1(await L.getClippingRect({
+  } = m1(V, H), u = A2(l), y = e[o ? r === "floating" ? "reference" : "floating" : r], B = b1(await L.getClippingRect({
     element: (C = await (L.isElement == null ? void 0 : L.isElement(y))) == null || C ? y : y.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
     rootBoundary: n,
@@ -8064,10 +8064,10 @@ async function w1(H, V) {
     strategy: d
   }) : w);
   return {
-    top: (B.top - x.top + Z.top) / T.y,
-    bottom: (x.bottom - B.bottom + Z.bottom) / T.y,
-    left: (B.left - x.left + Z.left) / T.x,
-    right: (x.right - B.right + Z.right) / T.x
+    top: (B.top - x.top + u.top) / T.y,
+    bottom: (x.bottom - B.bottom + u.bottom) / T.y,
+    left: (B.left - x.left + u.left) / T.x,
+    right: (x.right - B.right + u.right) / T.x
   };
 }
 const Z5 = (H) => ({
@@ -8091,20 +8091,20 @@ const Z5 = (H) => ({
     const r = A2(n), o = {
       x: C,
       y: M
-    }, l = N1(i), Z = W1(l), k = await A.getDimensions(t), y = l === "y", B = y ? "top" : "left", w = y ? "bottom" : "right", P = y ? "clientHeight" : "clientWidth", T = L.reference[Z] + L.reference[l] - o[l] - L.floating[Z], x = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
+    }, l = N1(i), u = W1(l), k = await A.getDimensions(t), y = l === "y", B = y ? "top" : "left", w = y ? "bottom" : "right", P = y ? "clientHeight" : "clientWidth", T = L.reference[u] + L.reference[l] - o[l] - L.floating[u], x = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
     let N = U ? U[P] : 0;
-    (!N || !await (A.isElement == null ? void 0 : A.isElement(U))) && (N = e.floating[P] || L.floating[Z]);
-    const f = T / 2 - x / 2, G = N / 2 - k[Z] / 2 - 1, a = a1(r[B], G), c = a1(r[w], G), b = a, W = N - k[Z] - c, s = N / 2 - k[Z] / 2 + f, D = x1(b, s, W), I = !d.arrow && s1(i) != null && s != D && L.reference[Z] / 2 - (s < b ? a : c) - k[Z] / 2 < 0, F = I ? s < b ? s - b : s - W : 0;
+    (!N || !await (A.isElement == null ? void 0 : A.isElement(U))) && (N = e.floating[P] || L.floating[u]);
+    const f = T / 2 - x / 2, Q = N / 2 - k[u] / 2 - 1, a = a1(r[B], Q), c = a1(r[w], Q), b = a, W = N - k[u] - c, s = N / 2 - k[u] / 2 + f, D = x1(b, s, W), G = !d.arrow && s1(i) != null && s != D && L.reference[u] / 2 - (s < b ? a : c) - k[u] / 2 < 0, F = G ? s < b ? s - b : s - W : 0;
     return {
       [l]: o[l] + F,
       data: {
         [l]: D,
         centerOffset: s - D - F,
-        ...I && {
+        ...G && {
           alignmentOffset: F
         }
       },
-      reset: I
+      reset: G
     };
   }
 }), u5 = function(H) {
@@ -8125,14 +8125,14 @@ const Z5 = (H) => ({
         crossAxis: r = !0,
         fallbackPlacements: o,
         fallbackStrategy: l = "bestFit",
-        fallbackAxisSideDirection: Z = "none",
+        fallbackAxisSideDirection: u = "none",
         flipAlignment: k = !0,
         ...y
       } = m1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
       const B = M1(i), w = M1(e) === e, P = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), T = o || (w || !k ? [B1(e)] : l5(e));
-      !o && Z !== "none" && T.push(...n5(e, k, Z, P));
+      !o && u !== "none" && T.push(...n5(e, k, u, P));
       const x = [e, ...T], U = await w1(V, y), N = [];
       let f = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (n && N.push(U[B]), r) {
@@ -8143,8 +8143,8 @@ const Z5 = (H) => ({
         placement: i,
         overflows: N
       }], !N.every((b) => b <= 0)) {
-        var G, a;
-        const b = (((G = L.flip) == null ? void 0 : G.index) || 0) + 1, W = x[b];
+        var Q, a;
+        const b = (((Q = L.flip) == null ? void 0 : Q.index) || 0) + 1, W = x[b];
         if (W)
           return {
             data: {
@@ -8155,12 +8155,12 @@ const Z5 = (H) => ({
               placement: W
             }
           };
-        let s = (a = f.filter((D) => D.overflows[0] <= 0).sort((D, I) => D.overflows[1] - I.overflows[1])[0]) == null ? void 0 : a.placement;
+        let s = (a = f.filter((D) => D.overflows[0] <= 0).sort((D, G) => D.overflows[1] - G.overflows[1])[0]) == null ? void 0 : a.placement;
         if (!s)
           switch (l) {
             case "bestFit": {
               var c;
-              const D = (c = f.map((I) => [I.placement, I.overflows.filter((F) => F > 0).reduce((F, i1) => F + i1, 0)]).sort((I, F) => I[1] - F[1])[0]) == null ? void 0 : c[0];
+              const D = (c = f.map((G) => [G.placement, G.overflows.filter((F) => F > 0).reduce((F, i1) => F + i1, 0)]).sort((G, F) => G[1] - F[1])[0]) == null ? void 0 : c[0];
               D && (s = D);
               break;
             }
@@ -8241,7 +8241,7 @@ async function s5(H, V) {
   let {
     mainAxis: o,
     crossAxis: l,
-    alignmentAxis: Z
+    alignmentAxis: u
   } = typeof r == "number" ? {
     mainAxis: r,
     crossAxis: 0,
@@ -8252,7 +8252,7 @@ async function s5(H, V) {
     alignmentAxis: null,
     ...r
   };
-  return e && typeof Z == "number" && (l = e === "end" ? Z * -1 : Z), d ? {
+  return e && typeof u == "number" && (l = e === "end" ? u * -1 : u), d ? {
     x: l * n,
     y: o * t
   } : {
@@ -8305,19 +8305,19 @@ const c5 = function(H) {
         x: C,
         y: M
       }, n = await w1(V, d), r = y1(M1(i)), o = i2(r);
-      let l = t[o], Z = t[r];
+      let l = t[o], u = t[r];
       if (L) {
         const y = o === "y" ? "top" : "left", B = o === "y" ? "bottom" : "right", w = l + n[y], P = l - n[B];
         l = x1(w, l, P);
       }
       if (A) {
-        const y = r === "y" ? "top" : "left", B = r === "y" ? "bottom" : "right", w = Z + n[y], P = Z - n[B];
-        Z = x1(w, Z, P);
+        const y = r === "y" ? "top" : "left", B = r === "y" ? "bottom" : "right", w = u + n[y], P = u - n[B];
+        u = x1(w, u, P);
       }
       const k = e.fn({
         ...V,
         [o]: l,
-        [r]: Z
+        [r]: u
       });
       return {
         ...k,
@@ -8465,10 +8465,10 @@ function Z1(H, V, C, M) {
   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;
-    let Z = o.frameElement;
-    for (; Z && M && l !== o; ) {
-      const k = e1(Z), y = Z.getBoundingClientRect(), B = K(Z), w = y.left + (Z.clientLeft + parseFloat(B.paddingLeft)) * k.x, P = y.top + (Z.clientTop + parseFloat(B.paddingTop)) * k.y;
-      d *= k.x, t *= k.y, n *= k.x, r *= k.y, d += w, t += P, Z = z(Z).frameElement;
+    let u = o.frameElement;
+    for (; u && M && l !== o; ) {
+      const k = e1(u), y = u.getBoundingClientRect(), B = K(u), w = y.left + (u.clientLeft + parseFloat(B.paddingLeft)) * k.x, P = y.top + (u.clientTop + parseFloat(B.paddingTop)) * k.y;
+      d *= k.x, t *= k.y, n *= k.x, r *= k.y, d += w, t += P, u = z(u).frameElement;
     }
   }
   return b1({
@@ -8687,11 +8687,11 @@ async function _5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
       S5()
     ]
   }).then(({ x: d, y: t, placement: n, middlewareData: r }) => {
-    var Z, k;
+    var u, k;
     if (!V)
       return;
     r.flip && V.setAttribute("data-placement", n);
-    const o = (Z = H.offsetParent) == null ? void 0 : Z.getBoundingClientRect().left, l = (k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().width;
+    const o = (u = H.offsetParent) == null ? void 0 : u.getBoundingClientRect().left, l = (k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().width;
     if (Object.assign(V.style, {
       maxWidth: e === "dropdown" ? `${l}px` : "auto",
       left: e === "dropdown" ? `${o}px` : `${d}px`,
@@ -8740,7 +8740,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
   },
   emits: ["show", "hide"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = Q(), L = Q(), A = Q(), e = A5();
+    const C = H, M = V, i = I(), L = I(), A = I(), e = A5();
     async function d() {
       if (C.disabled || !L.value)
         return;
@@ -8766,7 +8766,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
     function l() {
       C.disabled || (L.value.style.display === "" && C.triggers.includes(Y.Hover) ? d() : L.value.style.display !== "" && C.triggers.includes(Y.Hover) && t());
     }
-    function Z() {
+    function u() {
       C.triggers.includes(Y.Hover) && k();
     }
     function k(B) {
@@ -8792,7 +8792,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
       C.resizable && i.value.parentElement.parentElement.addEventListener("scroll", k()), i5(i, (B) => {
         L.value.classList.contains("r-tooltip--active") && t(B);
       }, { ignore: [L] });
-    }), (B, w) => (m(), u(d1, null, [
+    }), (B, w) => (m(), Z(d1, null, [
       S("div", {
         ref_key: "trigger",
         ref: i,
@@ -8801,14 +8801,14 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
         onClick: r,
         onMouseenter: o,
         onMouseleave: l,
-        onMousemove: Z
+        onMousemove: u
       }, [
         p(B.$slots, "default", {
           activators: {
             click: r,
             mouseenter: o,
             mouseleave: l,
-            mousemove: Z
+            mousemove: u
           },
           tooltipId: J(e),
           updatePosition: k
@@ -8831,14 +8831,14 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
             hide: t,
             updatePosition: k
           }, () => [
-            C.text ? (m(), u("div", {
+            C.text ? (m(), Z("div", {
               key: 0,
               class: O(["r-tooltip__content", {
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
             }, v(C.text), 3)) : g("", !0),
-            C.text ? (m(), u("div", {
+            C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
               ref_key: "arrowElement",
@@ -8894,7 +8894,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = Q({}), L = Q([]), A = Q(!1), e = Q("");
+    const C = H, M = V, i = I({}), L = I([]), A = I(!1), e = I("");
     function d(a) {
       if (!a || typeof a == "object" || typeof a == "function" || typeof a == "symbol" || typeof a > "u" || Array.isArray(a))
         return !0;
@@ -8913,9 +8913,9 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
         value: a,
         label: String(a)
       };
-    }), r = Q(), o = Q(), l = Q();
-    function Z(a) {
-      var W, s, D, I;
+    }), r = I(), o = I(), l = I();
+    function u(a) {
+      var W, s, D, G;
       if (C.disabled)
         return;
       const c = document.getElementById(a);
@@ -8926,7 +8926,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
             X == null || X.classList.remove(T1);
           }));
         }), F.classList.remove("r-dropdown--active"));
-      }), c != null && c.classList.contains("r-dropdown--active") ? (c.classList.remove("r-dropdown--active"), A.value = !1, (W = r.value) == null || W.blur(), (s = o.value) == null || s.blur()) : (c == null || c.classList.add("r-dropdown--active"), A.value = !0, (D = r.value) == null || D.focus(), (I = o.value) == null || I.focus(), c == null || c.childNodes.forEach((F) => {
+      }), c != null && c.classList.contains("r-dropdown--active") ? (c.classList.remove("r-dropdown--active"), A.value = !1, (W = r.value) == null || W.blur(), (s = o.value) == null || s.blur()) : (c == null || c.classList.add("r-dropdown--active"), A.value = !0, (D = r.value) == null || D.focus(), (G = o.value) == null || G.focus(), c == null || c.childNodes.forEach((F) => {
         F != null && F.classList && (Object == null || Object.values(F == null ? void 0 : F.classList).forEach((i1) => {
           F == null || F.classList.add(`${i1}--active`);
         }));
@@ -8934,16 +8934,16 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
     }
     function k(a) {
       const c = document.getElementById(a);
-      c != null && c.classList.contains("r-dropdown--active") && (c.classList.remove("r-dropdown--active"), A.value = !1);
+      c == null || c.classList.remove("r-dropdown--active"), A.value = !1;
     }
     function y(a, c, b, W) {
-      var s, D;
+      var s;
       if (W(), !c.disabled) {
         if (C.multiple) {
-          L.value.find((I) => I.value === c.value) ? L.value.splice(L.value.indexOf(c), 1) : L.value.push(c), e.value = "", C.searchable && ((s = o.value) == null || s.focus());
+          L.value.find((D) => D.value === c.value) ? L.value.splice(L.value.indexOf(c), 1) : L.value.push(c), e.value = "", C.searchable && ((s = o.value) == null || s.focus());
           return;
         }
-        B(a, c), C.closeOnSelect && (b(), Z((D = r.value) == null ? void 0 : D.id));
+        B(a, c), C.closeOnSelect && b();
       }
     }
     function B(a, c) {
@@ -8981,7 +8981,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
     function f(a) {
       C.searchable && a(), !C.multiple && e.value === "" && (i.value = {}, M("update:modelValue", ""));
     }
-    function G(a, c) {
+    function Q(a, c) {
       if (a.stopPropagation(), c(), C.multiple) {
         L.value.splice(0, L.value.length);
         return;
@@ -8994,7 +8994,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
       M("update:modelValue", a);
     }), $(() => n.value, (a) => {
       N();
-    }), (a, c) => (m(), u("div", {
+    }), (a, c) => (m(), Z("div", {
       ref_key: "wrapper",
       ref: l,
       class: "r-dropdown-wrapper"
@@ -9025,9 +9025,9 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
               group: e.value !== "" || L.value.length
             }]),
             role: "select",
-            onClick: (s) => Z(W)
+            onClick: (s) => u(W)
           }, [
-            C.prependIcon || a.$slots.prepend ? (m(), u("div", {
+            C.prependIcon || a.$slots.prepend ? (m(), Z("div", {
               key: 0,
               class: O(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": A.value,
@@ -9047,7 +9047,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
               ])
             ], 2)) : g("", !0),
             S("div", $5, [
-              (m(!0), u(d1, null, n1(L.value, (s, D) => p(a.$slots, "selection", {
+              (m(!0), Z(d1, null, n1(L.value, (s, D) => p(a.$slots, "selection", {
                 key: D,
                 index: D,
                 option: s,
@@ -9060,8 +9060,8 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
                   label: s.label,
                   "no-wrap": "",
                   variant: "primary",
-                  "onClick:close": (I) => w(I, s, b)
-                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), u("p", U5, v(`${s.label}, `), 1))
+                  "onClick:close": (G) => w(G, s, b)
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", U5, v(`${s.label}, `), 1))
               ])), 128)),
               H2(S("input", {
                 id: C.id,
@@ -9086,11 +9086,11 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
                 [p2, e.value]
               ])
             ]),
-            C.clearable ? (m(), u("div", {
+            C.clearable ? (m(), Z("div", {
               key: 1,
               class: "r-dropdown__clearable",
               "data-has-value": (e.value !== "" || L.value.length) && A.value,
-              onClick: (s) => G(s, b)
+              onClick: (s) => Q(s, b)
             }, [
               p(a.$slots, "clearable", {}, () => [
                 q(E, {
@@ -9099,7 +9099,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
                 })
               ])
             ], 8, K5)) : g("", !0),
-            C.appendIcon || a.$slots.append ? (m(), u("div", {
+            C.appendIcon || a.$slots.append ? (m(), Z("div", {
               key: 2,
               class: O(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": A.value,
@@ -9127,7 +9127,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (m(!0), u(d1, null, n1(x.value, (s) => (m(), u("li", {
+            (m(!0), Z(d1, null, n1(x.value, (s) => (m(), Z("li", {
               key: s.value,
               "aria-disabled": s.disabled,
               class: O(["r-dropdown-options__option", {
@@ -9173,7 +9173,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
                 ])
               ])
             ], 10, q5))), 128)),
-            x.value.length === 0 ? (m(), u("li", X5, [
+            x.value.length === 0 ? (m(), Z("li", X5, [
               p(a.$slots, "not-options", {}, () => [
                 S1(v(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
               ])
@@ -9182,9 +9182,9 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
         ]),
         _: 3
       }, 8, ["tooltip-class"]),
-      a.$props.hideDetails ? g("", !0) : (m(), u("div", Y5, [
-        C.errorMsg ? (m(), u("div", J5, v(C.errorMsg), 1)) : g("", !0),
-        C.hint ? (m(), u("div", C3, v(C.hint), 1)) : g("", !0)
+      a.$props.hideDetails ? g("", !0) : (m(), Z("div", Y5, [
+        C.errorMsg ? (m(), Z("div", J5, v(C.errorMsg), 1)) : g("", !0),
+        C.hint ? (m(), Z("div", C3, v(C.hint), 1)) : g("", !0)
       ]))
     ], 512));
   }
@@ -9197,7 +9197,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
   },
   setup(H) {
     const V = H;
-    return (C, M) => (m(), u("label", {
+    return (C, M) => (m(), Z("label", {
       id: V.id,
       class: "r-label",
       for: V.for
@@ -9249,7 +9249,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
       !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) => H2((m(), u("div", {
+    }), (e, d) => H2((m(), Z("div", {
       class: O(["r-modal-overlay", e.overlayClass]),
       onClick: r1(A, ["stop"])
     }, [
@@ -9262,13 +9262,13 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
       }, [
         S("div", i3, [
           p(e.$slots, "header"),
-          C.icon ? (m(), u("div", A3, [
+          C.icon ? (m(), Z("div", A3, [
             q(E, {
               name: C.icon
             }, null, 8, ["name"])
           ])) : g("", !0),
-          C.title ? (m(), u("div", e3, v(C.title), 1)) : g("", !0),
-          C.description ? (m(), u("div", d3, v(C.description), 1)) : g("", !0)
+          C.title ? (m(), Z("div", e3, v(C.title), 1)) : g("", !0),
+          C.description ? (m(), Z("div", d3, v(C.description), 1)) : g("", !0)
         ]),
         S("div", t3, [
           p(e.$slots, "default")
@@ -9293,7 +9293,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    return (i, L) => (m(), u("div", {
+    return (i, L) => (m(), Z("div", {
       class: O(["r-sidebar__wrapper", [i.$props.wrapperClass]]),
       "data-open": C.modelValue
     }, [
@@ -9305,7 +9305,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
           open: C.modelValue
         })
       ], 10, o3),
-      C.showTrigger ? (m(), u("div", {
+      C.showTrigger ? (m(), Z("div", {
         key: 0,
         class: O(["r-sidebar__trigger", [C.triggerClass]]),
         "data-open": C.modelValue,
@@ -9357,7 +9357,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
       warning: "mdiAlert",
       info: "mdiInformation"
     })[C.variant || "info"]);
-    return (A, e) => (m(), u("div", {
+    return (A, e) => (m(), Z("div", {
       class: O(i.value)
     }, [
       p(A.$slots, "icon", {}, () => [
@@ -9372,7 +9372,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
           S1(v(C.text), 1)
         ])
       ]),
-      C.closable ? (m(), u("div", {
+      C.closable ? (m(), Z("div", {
         key: 0,
         class: "r-snackbar__close",
         onClick: e[0] || (e[0] = r1((d) => A.$emit("update:modelValue", !1), ["stop"]))
@@ -9431,7 +9431,7 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (e, d) => (m(), u("div", {
+    ), (e, d) => (m(), Z("div", {
       class: O(["r-switch-container", {
         "r-switch-container--reverse": C.reverse,
         "r-switch-container--hide-details": C.hideDetails
@@ -9460,8 +9460,8 @@ const W5 = ["aria-disabled"], N5 = ["innerHTML"], I5 = ["id"], Q5 = /* @__PURE__
           class: "r-switch-texts__label",
           for: C.id
         }, v(C.label), 9, u3),
-        C.hideDetails ? g("", !0) : (m(), u("div", S3, [
-          C.errorMsg ? (m(), u("p", s3, v(C.errorMsg), 1)) : (m(), u("p", c3, v(C.hint), 1))
+        C.hideDetails ? g("", !0) : (m(), Z("div", S3, [
+          C.errorMsg ? (m(), Z("p", s3, v(C.errorMsg), 1)) : (m(), Z("p", c3, v(C.hint), 1))
         ]))
       ], 2)
     ], 2));
@@ -9495,7 +9495,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
     function e(d) {
       M("update:modelValue", d);
     }
-    return (d, t) => (m(), u("button", {
+    return (d, t) => (m(), Z("button", {
       "aria-disabled": C.disabled,
       "aria-selected": A.value,
       class: O(i.value),
@@ -9514,7 +9514,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
           size: 16
         }, null, 8, ["name"])) : g("", !0)
       ]),
-      C.variant !== J(o1).ICON ? (m(), u("span", p3, [
+      C.variant !== J(o1).ICON ? (m(), Z("span", p3, [
         p(d.$slots, "default", {
           label: C.label
         }, () => [
@@ -9545,7 +9545,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = Q(C.modelValue || C.tabs[0].id), L = h(() => ({
+    const C = H, M = V, i = I(C.modelValue || C.tabs[0].id), L = h(() => ({
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
@@ -9562,7 +9562,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
       {
         immediate: !0
       }
-    ), (A, e) => (m(), u("div", {
+    ), (A, e) => (m(), Z("div", {
       class: O(L.value)
     }, [
       S("div", {
@@ -9573,7 +9573,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
         }]])
       }, [
         p(A.$slots, "default", { activeTab: i.value }, () => [
-          (m(!0), u(d1, null, n1(C.tabs, (d, t) => (m(), _(f3, {
+          (m(!0), Z(d1, null, n1(C.tabs, (d, t) => (m(), _(f3, {
             id: d.id,
             key: t,
             modelValue: i.value,
@@ -9628,7 +9628,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
       {
         immediate: !0
       }
-    ), (A, e) => (m(), u("div", h3, [
+    ), (A, e) => (m(), Z("div", h3, [
       C.label ? (m(), _(u2, {
         key: 0,
         id: `${C.id}-label`,
@@ -9647,8 +9647,8 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
         value: i.value,
         onInput: L
       }), null, 16, g3),
-      C.hideDetails ? g("", !0) : (m(), u("div", k3, [
-        C.errorMsg ? (m(), u("p", B3, v(C.errorMsg), 1)) : (m(), u("p", b3, v(C.hint), 1))
+      C.hideDetails ? g("", !0) : (m(), Z("div", k3, [
+        C.errorMsg ? (m(), Z("p", B3, v(C.errorMsg), 1)) : (m(), Z("p", b3, v(C.hint), 1))
       ]))
     ]));
   }
@@ -9691,30 +9691,30 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
     "click:clear"
   ],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = Q(), L = u1({
+    const C = H, M = V, i = I(), L = u1({
       value: ""
-    }), A = Q(C.type), e = {
+    }), A = I(C.type), e = {
       password: "mdiLock",
       email: "mdiEmailOutline",
       tel: "mdiPhone",
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, d = Q(!1), t = h(() => !!L.value), n = h(() => L.value.length > 0), r = h(() => {
+    }, d = I(!1), t = h(() => !!L.value), n = h(() => L.value.length > 0), r = h(() => {
       var f;
       return (f = C.errorMsg) == null ? void 0 : f.length;
     }), o = h(() => C.clearable && n.value), l = h(() => {
-      const { disabled: f, loading: G } = C;
+      const { disabled: f, loading: Q } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": r.value,
-        "r-textfield--loading": G,
+        "r-textfield--loading": Q,
         "r-textfield--disabled": f,
         "r-textfield--clearable": o.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": t.value
       };
-    }), Z = h(() => ({
+    }), u = h(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": r.value && t.value
@@ -9723,11 +9723,11 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
       "r-textfield__append-icon--clear": o.value,
       "r-textfield__append-icon--error": r.value
     })), y = h(() => {
-      const { prependIcon: f, type: G } = C;
-      return f === "none" ? "" : f || e[G];
+      const { prependIcon: f, type: Q } = C;
+      return f === "none" ? "" : f || e[Q];
     }), B = h(() => {
-      const { appendIcon: f, type: G } = C;
-      return f === "none" ? "" : r.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(G) ? "mdiClose" : G === "password" && A.value === "password" ? "mdiEyeOutline" : G === "password" && A.value === "text" ? "mdiEyeOffOutline" : f;
+      const { appendIcon: f, type: Q } = C;
+      return f === "none" ? "" : r.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(Q) ? "mdiClose" : Q === "password" && A.value === "password" ? "mdiEyeOutline" : Q === "password" && A.value === "text" ? "mdiEyeOffOutline" : f;
     });
     function w(f) {
       d.value = !0, M("focus", f);
@@ -9773,7 +9773,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
           A.value === "number" ? +f : f
         );
       }
-    ), (f, G) => (m(), u("div", w3, [
+    ), (f, Q) => (m(), Z("div", w3, [
       C.label ? (m(), _(u2, {
         key: 0,
         id: `${C.id}-label`,
@@ -9793,7 +9793,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
           }, () => [
             y.value ? (m(), _(E, {
               key: 0,
-              class: O(Z.value),
+              class: O(u.value),
               name: y.value,
               size: 20
             }, null, 8, ["class", "name"])) : g("", !0)
@@ -9828,9 +9828,9 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
             }, null, 8, ["class", "name"])) : g("", !0)
           ])
         ], 2),
-        C.hideDetails ? g("", !0) : (m(), u("div", P3, [
-          C.errorMsg ? (m(), u("p", T3, v(C.errorMsg), 1)) : g("", !0),
-          !C.errorMsg && C.hint ? (m(), u("p", F3, v(C.hint), 1)) : g("", !0)
+        C.hideDetails ? g("", !0) : (m(), Z("div", P3, [
+          C.errorMsg ? (m(), Z("p", T3, v(C.errorMsg), 1)) : g("", !0),
+          !C.errorMsg && C.hint ? (m(), Z("p", F3, v(C.hint), 1)) : g("", !0)
         ]))
       ])
     ]));
@@ -9848,8 +9848,8 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
     const V = H;
     return (C, M) => {
       const i = g2("router-link");
-      return m(), u("div", R3, [
-        (m(!0), u(d1, null, n1(V.items, (L, A) => (m(), u("div", {
+      return m(), Z("div", R3, [
+        (m(!0), Z(d1, null, n1(V.items, (L, A) => (m(), Z("div", {
           key: A,
           class: "r-breadcrumb__item"
         }, [
@@ -9864,7 +9864,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
                   name: L.icon
                 }, null, 8, ["name"])) : g("", !0)
               ]),
-              L.onlyIcon ? g("", !0) : (m(), u("span", x3, v(L.title), 1))
+              L.onlyIcon ? g("", !0) : (m(), Z("span", x3, v(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9922,7 +9922,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
   },
   emits: ["update:page", "update:perPage", "update:info"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = Q(C.perPage || 10), L = h(() => Math.ceil(C.totalItems / C.perPage)), A = h(() => ({
+    const C = H, M = V, i = I(C.perPage || 10), L = h(() => Math.ceil(C.totalItems / C.perPage)), A = h(() => ({
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
     })), e = h(() => C.infoText || `${A.value.start + 1}-${A.value.end} of ${C.totalItems}`), d = h(() => +C.page == +L.value), t = h(() => +C.page == 1);
@@ -9936,9 +9936,13 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
       l < 1 || l > L.value || M("update:page", l);
     }
     function r({ value: o }) {
-      M("update:perPage", o);
+      if (o) {
+        M("update:perPage", o);
+        return;
+      }
+      M("update:perPage", 10);
     }
-    return (o, l) => (m(), u("div", {
+    return (o, l) => (m(), Z("div", {
       class: O(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
       S("div", D3, [
@@ -9947,7 +9951,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
           q(H3, {
             modelValue: i.value,
             "onUpdate:modelValue": [
-              l[0] || (l[0] = (Z) => i.value = Z),
+              l[0] || (l[0] = (u) => i.value = u),
               r
             ],
             class: "w-24",
@@ -9960,10 +9964,10 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
         S("button", {
           class: "r-pagination__paginator__first",
           disabled: t.value,
-          onClick: l[1] || (l[1] = (Z) => n(1))
+          onClick: l[1] || (l[1] = (u) => n(1))
         }, [
           p(o.$slots, "first", {}, () => [
-            (m(), u("svg", {
+            (m(), Z("svg", {
               class: O(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
@@ -9980,10 +9984,10 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
         S("button", {
           class: "r-pagination__paginator__prev",
           disabled: t.value,
-          onClick: l[2] || (l[2] = (Z) => n(+C.page - 1))
+          onClick: l[2] || (l[2] = (u) => n(+C.page - 1))
         }, [
           p(o.$slots, "prev", {}, () => [
-            (m(), u("svg", {
+            (m(), Z("svg", {
               class: O(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
@@ -10000,10 +10004,10 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
         S("button", {
           class: "r-pagination__paginator__next",
           disabled: d.value,
-          onClick: l[3] || (l[3] = (Z) => n(+C.page + 1))
+          onClick: l[3] || (l[3] = (u) => n(+C.page + 1))
         }, [
           p(o.$slots, "next", {}, () => [
-            (m(), u("svg", {
+            (m(), Z("svg", {
               class: O(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
@@ -10020,10 +10024,10 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
         S("button", {
           class: "r-pagination__paginator__last",
           disabled: C.page === L.value,
-          onClick: l[4] || (l[4] = (Z) => n(L.value))
+          onClick: l[4] || (l[4] = (u) => n(L.value))
         }, [
           p(o.$slots, "last", {}, () => [
-            (m(), u("svg", {
+            (m(), Z("svg", {
               class: O(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
@@ -10048,7 +10052,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
   },
   setup(H) {
     const V = H;
-    return (C, M) => (m(), u("progress", {
+    return (C, M) => (m(), Z("progress", {
       "aria-valuemax": 100,
       class: "r-progressbar",
       max: 100,
@@ -10070,7 +10074,7 @@ const O3 = ["aria-disabled", "aria-selected", "disabled"], p3 = { key: 0 }, f3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = Q(C.as ?? "div"), L = Q(C.modelValue), A = h(() => C.selectedClass);
+    const C = H, M = V, i = I(C.as ?? "div"), L = I(C.modelValue), A = h(() => C.selectedClass);
     O1(`${f1}:selectedClass`, A.value);
     function e(n) {
       return L.value.includes(n);