@rocketui/vue 0.2.88 → 0.2.89

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, openBlock as m, createElementBlock as a, createElementVNode as Z, unref as z, reactive as D1, Fragment as A1, renderList as n1, normalizeClass as O, renderSlot as k, toDisplayString as v, createVNode as H1, computed as g, createCommentVNode as h, mergeProps as E1, createBlock as D, watch as W, getCurrentScope as v2, onScopeDispose as w2, ref as E, watchEffect as V2, onMounted as o2, onUnmounted as q1, Teleport as y2, withCtx as P1, withDirectives as n2, withModifiers as r1, withKeys as L2, vModelText as P2, createTextVNode as f1, normalizeStyle as j1, vShow as T2, resolveComponent as F2, provide as b1, resolveDynamicComponent as R2, inject as v1 } from "vue";
+import { defineComponent as T, openBlock as m, createElementBlock as a, createElementVNode as Z, unref as A1, reactive as D1, Fragment as i1, renderList as n1, normalizeClass as O, renderSlot as k, toDisplayString as v, createVNode as C1, computed as f, createCommentVNode as g, mergeProps as E1, createBlock as D, watch as W, getCurrentScope as v2, onScopeDispose as w2, ref as E, watchEffect as V2, onMounted as o2, onUnmounted as q1, Teleport as y2, withCtx as P1, withDirectives as n2, withModifiers as r1, withKeys as L2, vModelText as P2, createTextVNode as f1, normalizeStyle as j1, vShow as T2, resolveComponent as F2, provide as b1, resolveDynamicComponent as R2, inject as v1 } from "vue";
 const x2 = {
   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",
@@ -7314,7 +7314,7 @@ const x2 = {
     }, [
       Z("path", {
         id: `${C.id}-path`,
-        d: z(x2)[V.name]
+        d: A1(x2)[V.name]
       }, null, 8, E2)
     ], 8, D2));
   }
@@ -7345,7 +7345,7 @@ const x2 = {
         });
       }
     }
-    return (A, L) => (m(!0), a(A1, null, n1(C, (M, e) => (m(), a("div", {
+    return (A, L) => (m(!0), a(i1, null, n1(C, (M, e) => (m(), a("div", {
       id: `${A.id}-${e}`,
       key: e,
       class: O(["r-accordion", {
@@ -7371,7 +7371,7 @@ const x2 = {
             item: M,
             open: M.open
           }, () => [
-            H1(R, {
+            C1(R, {
               id: `${A.id}-icon-${e}`,
               name: "mdiChevronDown"
             }, null, 8, ["id"])
@@ -7409,12 +7409,12 @@ const x2 = {
   },
   emits: ["close"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = g(() => ({
+    const C = H, i = V, A = f(() => ({
       " r-alert": !0,
       [`r-alert--${C.variant}`]: !0,
       "r-alert--block": C.block,
       [`r-alert--${C.variant}--${C.type}`]: !0
-    })), L = g(() => ({
+    })), L = f(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -7432,7 +7432,7 @@ const x2 = {
         class: "r-alert__icon"
       }, [
         k(e.$slots, "alert-icon", {}, () => [
-          H1(R, {
+          C1(R, {
             name: L.value,
             size: 24
           }, null, 8, ["name"])
@@ -7444,7 +7444,7 @@ const x2 = {
       }, [
         k(e.$slots, "content", {}, () => [
           Z("p", K2, v(C.title), 1),
-          C.description ? (m(), a("p", q2, v(C.description), 1)) : h("", !0)
+          C.description ? (m(), a("p", q2, v(C.description), 1)) : g("", !0)
         ])
       ], 8, z2),
       C.closable ? (m(), a("div", {
@@ -7456,7 +7456,7 @@ const x2 = {
           close: M,
           slotClass: "r-alert__close__button"
         }, () => [
-          H1(R, {
+          C1(R, {
             id: `${e.id}-close-button`,
             class: "r-alert__close__button",
             name: "mdiClose",
@@ -7464,7 +7464,7 @@ const x2 = {
             onClick: M
           }, null, 8, ["id"])
         ])
-      ], 8, j2)) : h("", !0)
+      ], 8, j2)) : g("", !0)
     ], 10, G2));
   }
 }), M2 = "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", X2 = ["id"], Y2 = ["id"], J2 = ["id"], C5 = ["id", "alt", "src"], H5 = ["id"], J0 = /* @__PURE__ */ T({
@@ -7479,10 +7479,10 @@ const x2 = {
     id: { default: "r-avatar" }
   },
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = f(() => ({
       "r-avatar": !0,
       [`r-avatar--${V.size}`]: !0
-    })), i = g(() => V.type === "image" && !V.src), A = g(() => i.value ? M2 : V.src);
+    })), i = f(() => V.type === "image" && !V.src), A = f(() => i.value ? M2 : V.src);
     function L(M) {
       const e = M.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
@@ -7516,7 +7516,7 @@ const x2 = {
         class: O(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 10, H5)) : h("", !0)
+      }, null, 10, H5)) : g("", !0)
     ], 8, X2));
   }
 }), V5 = ["id"], L5 = ["id"], M5 = ["id", "innerHTML"], C7 = /* @__PURE__ */ T({
@@ -7536,7 +7536,7 @@ const x2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = f(() => ({
       "r-badge": !0,
       [`r-badge--content ${V.contentClass}`]: V.content,
       [`r-badge--overlap-${V.placement}`]: V.overlap,
@@ -7581,7 +7581,7 @@ const x2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = f(() => ({
       "r-button": !0,
       [`r-button__${V.variant}`]: !0,
       [`r-button__${V.variant}--${V.variant === "default" && V.color === void 0 ? "primary" : V.color}`]: !0,
@@ -7589,11 +7589,11 @@ const x2 = {
       [`r-button--${V.size || "medium"}`]: !0,
       "r-button--only-icon": V.icon,
       "r-button--block": V.block
-    })), i = g(() => ({
+    })), i = f(() => ({
       small: 16,
       medium: 16,
       large: 20
-    })[V.size || "medium"]), A = g(() => ({
+    })[V.size || "medium"]), A = f(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
     return (L, M) => (m(), a("button", E1(L.$attrs, {
@@ -7614,7 +7614,7 @@ const x2 = {
           }]),
           name: V.prependIcon,
           size: i.value
-        }, null, 8, ["id", "class", "name", "size"])) : h("", !0)
+        }, null, 8, ["id", "class", "name", "size"])) : g("", !0)
       ]),
       k(L.$slots, "default", {
         id: `${L.id}-slot`,
@@ -7629,7 +7629,7 @@ const x2 = {
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: i.value
-        }, null, 8, ["id", "name", "size"])) : h("", !0)
+        }, null, 8, ["id", "name", "size"])) : g("", !0)
       ])
     ], 16, i5));
   }
@@ -7654,7 +7654,7 @@ const x2 = {
       checked: "mdiCheck",
       unchecked: "",
       indeterminate: "mdiMinus"
-    }, M = g(() => A.indeterminate ? L.indeterminate : A.checked ? L.checked : L.unchecked), e = g(() => ({
+    }, M = f(() => A.indeterminate ? L.indeterminate : A.checked ? L.checked : L.unchecked), e = f(() => ({
       "r-checkbox": !0,
       "r-checkbox--checked": A.checked,
       "r-checkbox--disabled": C.disabled,
@@ -7685,7 +7685,7 @@ const x2 = {
         immediate: !0
       }
     );
-    const l = g(() => C.id || "r-checkbox");
+    const l = f(() => C.id || "r-checkbox");
     return (n, u) => (m(), a("div", {
       id: l.value,
       class: "r-checkbox-wrapper"
@@ -7708,7 +7708,7 @@ const x2 = {
           class: O(e.value),
           "data-disabled": C.disabled
         }, [
-          H1(R, {
+          C1(R, {
             name: M.value,
             size: 24
           }, null, 8, ["name"])
@@ -7719,12 +7719,12 @@ const x2 = {
         class: "r-checkbox-texts"
       }, [
         Z("label", {
-          id: `${l.value}-label`,
+          id: `${l.value}`,
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
         }, v(C.label), 9, l5),
-        C.hideDetails ? h("", !0) : (m(), a("div", {
+        C.hideDetails ? g("", !0) : (m(), a("div", {
           key: 0,
           id: `${l.value}-details`,
           class: "r-checkbox-texts__details"
@@ -7757,7 +7757,7 @@ const x2 = {
   },
   emits: ["click:chip", "click:close"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = g(() => ({
+    const C = H, i = V, A = f(() => ({
       "r-chip": !0,
       "r-chip--disabled": C.disabled,
       [`r-chip__${C.variant}`]: C.variant,
@@ -7770,7 +7770,7 @@ const x2 = {
     function M(d) {
       C.disabled || !C.clearable || (d.stopPropagation(), i("click:close", d));
     }
-    const e = g(() => C.clearable ? "mdiClose" : C.appendIcon);
+    const e = f(() => C.clearable ? "mdiClose" : C.appendIcon);
     return (d, l) => (m(), a("div", {
       id: d.id,
       class: O(A.value)
@@ -7790,10 +7790,10 @@ const x2 = {
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["id", "aria-disabled", "name"])) : h("", !0)
+          }, null, 8, ["id", "aria-disabled", "name"])) : g("", !0)
         ]),
         Z("span", {
-          id: `${d.id}-label`,
+          id: `${d.id}`,
           class: O(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
         }, v(C.label), 11, u5)
       ], 8, Z5),
@@ -7808,7 +7808,7 @@ const x2 = {
           name: e.value,
           size: 12,
           onClick: l[1] || (l[1] = (n) => M(n))
-        }, null, 8, ["id", "aria-disabled", "name"])) : h("", !0)
+        }, null, 8, ["id", "aria-disabled", "name"])) : g("", !0)
       ])
     ], 10, a5));
   }
@@ -7817,7 +7817,7 @@ function s5(H) {
   return v2() ? (w2(H), !0) : !1;
 }
 function r2(H) {
-  return typeof H == "function" ? H() : z(H);
+  return typeof H == "function" ? H() : A1(H);
 }
 const a2 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -8176,17 +8176,17 @@ const R5 = (H) => ({
     }, r = Y1(A), S = X1(r), b = await M.getDimensions(l), B = r === "y", y = B ? "top" : "left", c = B ? "bottom" : "right", w = B ? "clientHeight" : "clientWidth", _ = L.reference[S] + L.reference[r] - o[r] - L.floating[S], x = o[r] - L.reference[r], U = await (M.getOffsetParent == null ? void 0 : M.getOffsetParent(l));
     let $ = U ? U[w] : 0;
     (!$ || !await (M.isElement == null ? void 0 : M.isElement(U))) && ($ = e.floating[w] || L.floating[S]);
-    const C1 = _ / 2 - x / 2, f = $ / 2 - b[S] / 2 - 1, F = p1(u[y], f), m1 = p1(u[c], f), N = F, l1 = $ - b[S] - m1, I = $ / 2 - b[S] / 2 + C1, j = G1(N, I, l1), X = !d.arrow && h1(A) != null && I != j && L.reference[S] / 2 - (I < N ? F : m1) - b[S] / 2 < 0, K = X ? I < N ? I - N : I - l1 : 0;
+    const J = _ / 2 - x / 2, h = $ / 2 - b[S] / 2 - 1, F = p1(u[y], h), m1 = p1(u[c], h), N = F, l1 = $ - b[S] - m1, I = $ / 2 - b[S] / 2 + J, q = G1(N, I, l1), j = !d.arrow && h1(A) != null && I != q && L.reference[S] / 2 - (I < N ? F : m1) - b[S] / 2 < 0, z = j ? I < N ? I - N : I - l1 : 0;
     return {
-      [r]: o[r] + K,
+      [r]: o[r] + z,
       data: {
-        [r]: j,
-        centerOffset: I - j - K,
-        ...X && {
-          alignmentOffset: K
+        [r]: q,
+        centerOffset: I - q - z,
+        ...j && {
+          alignmentOffset: z
         }
       },
-      reset: X
+      reset: j
     };
   }
 }), x5 = function(H) {
@@ -8216,34 +8216,34 @@ const R5 = (H) => ({
       const y = o1(A), c = o1(e) === e, w = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), _ = o || (c || !b ? [F1(e)] : w5(e));
       !o && S !== "none" && _.push(...P5(e, b, S, w));
       const x = [e, ..._], U = await x1(V, B), $ = [];
-      let C1 = ((i = L.flip) == null ? void 0 : i.overflows) || [];
+      let J = ((i = L.flip) == null ? void 0 : i.overflows) || [];
       if (n && $.push(U[y]), u) {
         const N = v5(A, M, w);
         $.push(U[N[0]], U[N[1]]);
       }
-      if (C1 = [...C1, {
+      if (J = [...J, {
         placement: A,
         overflows: $
       }], !$.every((N) => N <= 0)) {
-        var f, F;
-        const N = (((f = L.flip) == null ? void 0 : f.index) || 0) + 1, l1 = x[N];
+        var h, F;
+        const N = (((h = L.flip) == null ? void 0 : h.index) || 0) + 1, l1 = x[N];
         if (l1)
           return {
             data: {
               index: N,
-              overflows: C1
+              overflows: J
             },
             reset: {
               placement: l1
             }
           };
-        let I = (F = C1.filter((j) => j.overflows[0] <= 0).sort((j, X) => j.overflows[1] - X.overflows[1])[0]) == null ? void 0 : F.placement;
+        let I = (F = J.filter((q) => q.overflows[0] <= 0).sort((q, j) => q.overflows[1] - j.overflows[1])[0]) == null ? void 0 : F.placement;
         if (!I)
           switch (r) {
             case "bestFit": {
               var m1;
-              const j = (m1 = C1.map((X) => [X.placement, X.overflows.filter((K) => K > 0).reduce((K, t) => K + t, 0)]).sort((X, K) => X[1] - K[1])[0]) == null ? void 0 : m1[0];
-              j && (I = j);
+              const q = (m1 = J.map((j) => [j.placement, j.overflows.filter((z) => z > 0).reduce((z, t) => z + t, 0)]).sort((j, z) => j[1] - z[1])[0]) == null ? void 0 : m1[0];
+              q && (I = q);
               break;
             }
             case "initialPlacement":
@@ -8414,7 +8414,7 @@ const _5 = function(H) {
 function d1(H) {
   return s2(H) ? (H.nodeName || "").toLowerCase() : "#document";
 }
-function q(H) {
+function K(H) {
   var V;
   return (H == null || (V = H.ownerDocument) == null ? void 0 : V.defaultView) || window;
 }
@@ -8423,16 +8423,16 @@ function t1(H) {
   return (V = (s2(H) ? H.ownerDocument : H.document) || window.document) == null ? void 0 : V.documentElement;
 }
 function s2(H) {
-  return H instanceof Node || H instanceof q(H).Node;
+  return H instanceof Node || H instanceof K(H).Node;
 }
-function i1(H) {
-  return H instanceof Element || H instanceof q(H).Element;
+function M1(H) {
+  return H instanceof Element || H instanceof K(H).Element;
 }
-function V1(H) {
-  return H instanceof HTMLElement || H instanceof q(H).HTMLElement;
+function H1(H) {
+  return H instanceof HTMLElement || H instanceof K(H).HTMLElement;
 }
 function t2(H) {
-  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof q(H).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof K(H).ShadowRoot;
 }
 function g1(H) {
   const {
@@ -8440,19 +8440,19 @@ function g1(H) {
     overflowX: C,
     overflowY: i,
     display: A
-  } = J(H);
+  } = Y(H);
   return /auto|scroll|overlay|hidden|clip/.test(V + i + C) && !["inline", "contents"].includes(A);
 }
 function W5(H) {
   return ["table", "td", "th"].includes(d1(H));
 }
 function J1(H) {
-  const V = C2(), C = J(H);
+  const V = C2(), C = Y(H);
   return C.transform !== "none" || C.perspective !== "none" || (C.containerType ? C.containerType !== "normal" : !1) || !V && (C.backdropFilter ? C.backdropFilter !== "none" : !1) || !V && (C.filter ? C.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (C.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (C.contain || "").includes(i));
 }
 function N5(H) {
   let V = u1(H);
-  for (; V1(V) && !$1(V); ) {
+  for (; H1(V) && !$1(V); ) {
     if (J1(V))
       return V;
     V = u1(V);
@@ -8465,11 +8465,11 @@ function C2() {
 function $1(H) {
   return ["html", "body", "#document"].includes(d1(H));
 }
-function J(H) {
-  return q(H).getComputedStyle(H);
+function Y(H) {
+  return K(H).getComputedStyle(H);
 }
 function W1(H) {
-  return i1(H) ? {
+  return M1(H) ? {
     scrollLeft: H.scrollLeft,
     scrollTop: H.scrollTop
   } : {
@@ -8491,18 +8491,18 @@ function u1(H) {
 }
 function c2(H) {
   const V = u1(H);
-  return $1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : V1(V) && g1(V) ? V : c2(V);
+  return $1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : H1(V) && g1(V) ? V : c2(V);
 }
 function z1(H, V, C) {
   var i;
   V === void 0 && (V = []), C === void 0 && (C = !0);
-  const A = c2(H), L = A === ((i = H.ownerDocument) == null ? void 0 : i.body), M = q(A);
+  const A = c2(H), L = A === ((i = H.ownerDocument) == null ? void 0 : i.body), M = K(A);
   return L ? V.concat(M, M.visualViewport || [], g1(A) ? A : [], M.frameElement && C ? z1(M.frameElement) : []) : V.concat(A, z1(A, [], C));
 }
 function p2(H) {
-  const V = J(H);
+  const V = Y(H);
   let C = parseFloat(V.width) || 0, i = parseFloat(V.height) || 0;
-  const A = V1(H), L = A ? H.offsetWidth : C, M = A ? H.offsetHeight : i, e = T1(C) !== L || T1(i) !== M;
+  const A = H1(H), L = A ? H.offsetWidth : C, M = A ? H.offsetHeight : i, e = T1(C) !== L || T1(i) !== M;
   return e && (C = L, i = M), {
     width: C,
     height: i,
@@ -8510,11 +8510,11 @@ function p2(H) {
   };
 }
 function O2(H) {
-  return i1(H) ? H : H.contextElement;
+  return M1(H) ? H : H.contextElement;
 }
 function Z1(H) {
   const V = O2(H);
-  if (!V1(V))
+  if (!H1(V))
     return e1(1);
   const C = V.getBoundingClientRect(), {
     width: i,
@@ -8529,28 +8529,28 @@ function Z1(H) {
 }
 const I5 = /* @__PURE__ */ e1(0);
 function f2(H) {
-  const V = q(H);
+  const V = K(H);
   return !C2() || !V.visualViewport ? I5 : {
     x: V.visualViewport.offsetLeft,
     y: V.visualViewport.offsetTop
   };
 }
 function Q5(H, V, C) {
-  return V === void 0 && (V = !1), !C || V && C !== q(H) ? !1 : V;
+  return V === void 0 && (V = !1), !C || V && C !== K(H) ? !1 : V;
 }
 function O1(H, V, C, i) {
   V === void 0 && (V = !1), C === void 0 && (C = !1);
   const A = H.getBoundingClientRect(), L = O2(H);
   let M = e1(1);
-  V && (i ? i1(i) && (M = Z1(i)) : M = Z1(H));
+  V && (i ? M1(i) && (M = Z1(i)) : M = Z1(H));
   const e = Q5(L, C, i) ? f2(L) : e1(0);
   let d = (A.left + e.x) / M.x, l = (A.top + e.y) / M.y, n = A.width / M.x, u = A.height / M.y;
   if (L) {
-    const o = q(L), r = i && i1(i) ? q(i) : i;
+    const o = K(L), r = i && M1(i) ? K(i) : i;
     let S = o.frameElement;
     for (; S && i && r !== o; ) {
-      const b = Z1(S), B = S.getBoundingClientRect(), y = J(S), c = B.left + (S.clientLeft + parseFloat(y.paddingLeft)) * b.x, w = B.top + (S.clientTop + parseFloat(y.paddingTop)) * b.y;
-      d *= b.x, l *= b.y, n *= b.x, u *= b.y, d += c, l += w, S = q(S).frameElement;
+      const b = Z1(S), B = S.getBoundingClientRect(), y = Y(S), c = B.left + (S.clientLeft + parseFloat(y.paddingLeft)) * b.x, w = B.top + (S.clientTop + parseFloat(y.paddingTop)) * b.y;
+      d *= b.x, l *= b.y, n *= b.x, u *= b.y, d += c, l += w, S = K(S).frameElement;
     }
   }
   return R1({
@@ -8566,7 +8566,7 @@ function G5(H) {
     offsetParent: C,
     strategy: i
   } = H;
-  const A = V1(C), L = t1(C);
+  const A = H1(C), L = t1(C);
   if (C === L)
     return V;
   let M = {
@@ -8574,7 +8574,7 @@ function G5(H) {
     scrollTop: 0
   }, e = e1(1);
   const d = e1(0);
-  if ((A || !A && i !== "fixed") && ((d1(C) !== "body" || g1(L)) && (M = W1(C)), V1(C))) {
+  if ((A || !A && i !== "fixed") && ((d1(C) !== "body" || g1(L)) && (M = W1(C)), H1(C))) {
     const l = O1(C);
     e = Z1(C), d.x = l.x + C.clientLeft, d.y = l.y + C.clientTop;
   }
@@ -8595,7 +8595,7 @@ function z5(H) {
   const V = t1(H), C = W1(H), i = H.ownerDocument.body, A = a1(V.scrollWidth, V.clientWidth, i.scrollWidth, i.clientWidth), L = a1(V.scrollHeight, V.clientHeight, i.scrollHeight, i.clientHeight);
   let M = -C.scrollLeft + h2(H);
   const e = -C.scrollTop;
-  return J(i).direction === "rtl" && (M += a1(V.clientWidth, i.clientWidth) - A), {
+  return Y(i).direction === "rtl" && (M += a1(V.clientWidth, i.clientWidth) - A), {
     width: A,
     height: L,
     x: M,
@@ -8603,7 +8603,7 @@ function z5(H) {
   };
 }
 function K5(H, V) {
-  const C = q(H), i = t1(H), A = C.visualViewport;
+  const C = K(H), i = t1(H), A = C.visualViewport;
   let L = i.clientWidth, M = i.clientHeight, e = 0, d = 0;
   if (A) {
     L = A.width, M = A.height;
@@ -8618,7 +8618,7 @@ function K5(H, V) {
   };
 }
 function q5(H, V) {
-  const C = O1(H, !0, V === "fixed"), i = C.top + H.clientTop, A = C.left + H.clientLeft, L = V1(H) ? Z1(H) : e1(1), M = H.clientWidth * L.x, e = H.clientHeight * L.y, d = A * L.x, l = i * L.y;
+  const C = O1(H, !0, V === "fixed"), i = C.top + H.clientTop, A = C.left + H.clientLeft, L = H1(H) ? Z1(H) : e1(1), M = H.clientWidth * L.x, e = H.clientHeight * L.y, d = A * L.x, l = i * L.y;
   return {
     width: M,
     height: e,
@@ -8632,7 +8632,7 @@ function m2(H, V, C) {
     i = K5(H, C);
   else if (V === "document")
     i = z5(t1(H));
-  else if (i1(V))
+  else if (M1(V))
     i = q5(V, C);
   else {
     const A = f2(H);
@@ -8646,17 +8646,17 @@ function m2(H, V, C) {
 }
 function g2(H, V) {
   const C = u1(H);
-  return C === V || !i1(C) || $1(C) ? !1 : J(C).position === "fixed" || g2(C, V);
+  return C === V || !M1(C) || $1(C) ? !1 : Y(C).position === "fixed" || g2(C, V);
 }
 function j5(H, V) {
   const C = V.get(H);
   if (C)
     return C;
-  let i = z1(H, [], !1).filter((e) => i1(e) && d1(e) !== "body"), A = null;
-  const L = J(H).position === "fixed";
+  let i = z1(H, [], !1).filter((e) => M1(e) && d1(e) !== "body"), A = null;
+  const L = Y(H).position === "fixed";
   let M = L ? u1(H) : H;
-  for (; i1(M) && !$1(M); ) {
-    const e = J(M), d = J1(M);
+  for (; M1(M) && !$1(M); ) {
+    const e = Y(M), d = J1(M);
     !d && e.position === "fixed" && (A = null), (L ? !d && !A : !d && e.position === "static" && !!A && ["absolute", "fixed"].includes(A.position) || g1(M) && !d && g2(H, M)) ? i = i.filter((n) => n !== M) : A = e, M = u1(M);
   }
   return V.set(H, i), i;
@@ -8683,7 +8683,7 @@ function Y5(H) {
   return p2(H);
 }
 function J5(H, V, C) {
-  const i = V1(V), A = t1(V), L = C === "fixed", M = O1(H, !0, L, V);
+  const i = H1(V), A = t1(V), L = C === "fixed", M = O1(H, !0, L, V);
   let e = {
     scrollLeft: 0,
     scrollTop: 0
@@ -8703,16 +8703,16 @@ function J5(H, V, C) {
   };
 }
 function l2(H, V) {
-  return !V1(H) || J(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
+  return !H1(H) || Y(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
 }
 function k2(H, V) {
-  const C = q(H);
-  if (!V1(H))
+  const C = K(H);
+  if (!H1(H))
     return C;
   let i = l2(H, V);
-  for (; i && W5(i) && J(i).position === "static"; )
+  for (; i && W5(i) && Y(i).position === "static"; )
     i = l2(i, V);
-  return i && (d1(i) === "html" || d1(i) === "body" && J(i).position === "static" && !J1(i)) ? C : i || N5(H) || C;
+  return i && (d1(i) === "html" || d1(i) === "body" && Y(i).position === "static" && !J1(i)) ? C : i || N5(H) || C;
 }
 const C3 = async function(H) {
   let {
@@ -8731,7 +8731,7 @@ const C3 = async function(H) {
   };
 };
 function H3(H) {
-  return J(H).direction === "rtl";
+  return Y(H).direction === "rtl";
 }
 const V3 = {
   convertOffsetParentRelativeRectToViewportRelativeRect: G5,
@@ -8742,7 +8742,7 @@ const V3 = {
   getClientRects: U5,
   getDimensions: Y5,
   getScale: Z1,
-  isElement: i1,
+  isElement: M1,
   isRTL: H3
 }, L3 = (H, V, C) => {
   const i = /* @__PURE__ */ new Map(), A = {
@@ -8757,7 +8757,7 @@ const V3 = {
     platform: L
   });
 };
-var B2 = /* @__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))(B2 || {}), M1 = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(M1 || {}), K1 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(K1 || {});
+var B2 = /* @__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))(B2 || {}), L1 = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(L1 || {}), K1 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(K1 || {});
 async function M3({ value: H }, { value: V }, { value: C }, i, A, L, M = 300, e) {
   !H || !V || L3(H, V, {
     placement: i,
@@ -8805,7 +8805,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
     text: { default: "" },
     dark: { type: Boolean, default: !0 },
     light: { type: Boolean, default: !1 },
-    triggers: { default: () => [M1.Hover] },
+    triggers: { default: () => [L1.Hover] },
     autoHide: { type: Boolean, default: !0 },
     hideDelay: { default: 3e3 },
     showDelay: { default: 300 },
@@ -8847,16 +8847,16 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       }, C.hideDelay);
     }
     function o(c) {
-      C.disabled || C.triggers.includes(M1.Click) && (L.value.style.display === "block" ? n() : l());
+      C.disabled || C.triggers.includes(L1.Click) && (L.value.style.display === "block" ? n() : l());
     }
     function r() {
-      C.disabled || C.triggers.includes(M1.Hover) && l();
+      C.disabled || C.triggers.includes(L1.Hover) && l();
     }
     function S() {
-      C.disabled || (L.value.style.display === "" && C.triggers.includes(M1.Hover) ? l() : L.value.style.display !== "" && C.triggers.includes(M1.Hover) && n());
+      C.disabled || (L.value.style.display === "" && C.triggers.includes(L1.Hover) ? l() : L.value.style.display !== "" && C.triggers.includes(L1.Hover) && n());
     }
     function b() {
-      C.triggers.includes(M1.Hover) && B();
+      C.triggers.includes(L1.Hover) && B();
     }
     function B() {
       const { placement: c, offset: w, padding: _, disabled: x, showDelay: U, type: $ } = C;
@@ -8871,7 +8871,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         $
       );
     }
-    const y = g(() => ({
+    const y = f(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
@@ -8880,7 +8880,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       C.resizable && B();
     }, V2(
       () => {
-        C.disabled || (C.shown && C.triggers.includes(M1.Manual) ? l() : !C.shown && C.triggers.includes(M1.Manual) && n());
+        C.disabled || (C.shown && C.triggers.includes(L1.Manual) ? l() : !C.shown && C.triggers.includes(L1.Manual) && n());
       },
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
@@ -8902,7 +8902,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       });
     }), q1(() => {
       d && (d(), d = null);
-    }), (c, w) => (m(), a(A1, null, [
+    }), (c, w) => (m(), a(i1, null, [
       Z("div", {
         id: c.id,
         ref_key: "trigger",
@@ -8922,7 +8922,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
             mouseleave: S,
             mousemove: b
           },
-          tooltipId: z(e),
+          tooltipId: A1(e),
           updatePosition: B
         }, () => [
           Z("div", {
@@ -8950,7 +8950,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, v(C.text), 3)) : h("", !0),
+            }, v(C.text), 3)) : g("", !0),
             C.text ? (m(), a("div", {
               key: 1,
               id: `${c.id}-arrow`,
@@ -8960,7 +8960,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 10, d3)) : h("", !0)
+            }, null, 10, d3)) : g("", !0)
           ])
         ], 10, e3)
       ]))
@@ -9031,13 +9031,13 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       const [s] = Object.keys(t);
       return ["label", "value"].includes(s);
     }
-    const S = g(() => {
+    const S = f(() => {
       const t = C.options;
       return r(t[0]) ? t : t.map((s) => ({
         value: s,
         label: String(s)
       }));
-    }), b = g(() => {
+    }), b = f(() => {
       const t = C.modelValue;
       return r(t) ? t : {
         value: t,
@@ -9045,7 +9045,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       };
     }), B = E(), y = E(), c = E();
     function w(t) {
-      var Y, p, Q, k1;
+      var X, p, Q, k1;
       if (C.disabled)
         return;
       const s = document.getElementById(t);
@@ -9053,13 +9053,13 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         var B1;
         if (G.id !== ((B1 = B.value) == null ? void 0 : B1.id) && G.classList.contains("r-dropdown--active")) {
           const H2 = n(G);
-          H2 && o(H2), G.childNodes.forEach((L1) => {
-            L1 != null && L1.classList && (Object == null || Object.values(L1 == null ? void 0 : L1.classList).filter((N1) => N1.includes("--active")).forEach((N1) => {
-              L1 == null || L1.classList.remove(N1);
+          H2 && o(H2), G.childNodes.forEach((V1) => {
+            V1 != null && V1.classList && (Object == null || Object.values(V1 == null ? void 0 : V1.classList).filter((N1) => N1.includes("--active")).forEach((N1) => {
+              V1 == null || V1.classList.remove(N1);
             }));
           }), G.classList.remove("r-dropdown--active");
         }
-      }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), M.value = !1, (Y = B.value) == null || Y.blur(), (p = y.value) == null || p.blur(), d.value && o(d.value)) : (s == null || s.classList.add("r-dropdown--active"), M.value = !0, (Q = B.value) == null || Q.focus(), (k1 = y.value) == null || k1.focus(), d.value || (d.value = n(c.value || B.value)), d.value && u(d.value), s == null || s.childNodes.forEach((G) => {
+      }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), M.value = !1, (X = B.value) == null || X.blur(), (p = y.value) == null || p.blur(), d.value && o(d.value)) : (s == null || s.classList.add("r-dropdown--active"), M.value = !0, (Q = B.value) == null || Q.focus(), (k1 = y.value) == null || k1.focus(), d.value || (d.value = n(c.value || B.value)), d.value && u(d.value), s == null || s.childNodes.forEach((G) => {
         G != null && G.classList && (Object == null || Object.values(G == null ? void 0 : G.classList).forEach((B1) => {
           G == null || G.classList.add(`${B1}--active`);
         }));
@@ -9069,11 +9069,11 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       const s = document.getElementById(t);
       s == null || s.classList.remove("r-dropdown--active"), M.value = !1, d.value && o(d.value);
     }
-    function x(t, s, P, Y) {
+    function x(t, s, P, X) {
       var p;
       if (!(C.disabled || s.disabled)) {
-        if (Y(), s.value === "select-all") {
-          j();
+        if (X(), s.value === "select-all") {
+          q();
           return;
         }
         if (C.multiple) {
@@ -9100,10 +9100,10 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       if (t instanceof KeyboardEvent && t.key !== "Backspace" || e.value !== "")
         return;
       t.stopPropagation(), P();
-      const Y = L.value.findIndex((p) => p.value === s.value);
-      L.value.splice(Y, 1), i("removeOption", s), i("update:modelValue", L.value);
+      const X = L.value.findIndex((p) => p.value === s.value);
+      L.value.splice(X, 1), i("removeOption", s), i("update:modelValue", L.value);
     }
-    function C1(t, s) {
+    function J(t, s) {
       var p;
       if (!C.multiple)
         return;
@@ -9113,11 +9113,11 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         return;
       S.value.find((Q) => Q.label === P) || (L.value.push({ value: P, label: P }), e.value = "", (p = y.value) == null || p.focus());
     }
-    function f(t) {
+    function h(t) {
       var s;
       return !t || (t == null ? void 0 : t.value) === void 0 || (t == null ? void 0 : t.value) === null ? !1 : C.multiple ? L.value.find((P) => (P == null ? void 0 : P.value) === (t == null ? void 0 : t.value)) : ((s = A.value) == null ? void 0 : s.value) === (t == null ? void 0 : t.value);
     }
-    const F = g(() => !C.searchable || A.value.label === e.value ? S.value : S.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), m1 = g(() => !C.searchable);
+    const F = f(() => !C.searchable || A.value.label === e.value ? S.value : S.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), m1 = f(() => !C.searchable);
     function N() {
       b.value ? C.multiple ? L.value = b.value : (A.value = b.value, e.value = b.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
@@ -9131,14 +9131,14 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       }
       A.value = {}, e.value = "", i("update:modelValue", ""), i("clear", A.value);
     }
-    function j() {
+    function q() {
       if (L.value.length === F.value.length) {
         L.value.splice(0, L.value.length);
         return;
       }
       L.value = F.value;
     }
-    const X = g(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), K = g(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
+    const j = f(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), z = f(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
     return o2(() => {
       N(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
     }), W(
@@ -9159,7 +9159,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       ref: c,
       class: "r-dropdown-wrapper"
     }, [
-      H1(t3, {
+      C1(t3, {
         id: `${t.id}-tooltip`,
         "auto-hide": !1,
         disabled: C.disabled,
@@ -9174,7 +9174,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           _(P);
         })
       }, {
-        default: P1(({ updatePosition: P, tooltipId: Y }) => [
+        default: P1(({ updatePosition: P, tooltipId: X }) => [
           Z("div", {
             id: `${t.id}-dropdown`,
             ref_key: "dropdown",
@@ -9187,7 +9187,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
               group: e.value !== "" || L.value.length
             }]),
             role: "select",
-            onClick: (p) => w(Y)
+            onClick: (p) => w(X)
           }, [
             C.prependIcon || t.$slots.prepend ? (m(), a("div", {
               key: 0,
@@ -9208,9 +9208,9 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   key: 0,
                   id: `${t.id}-prepend-icon`,
                   name: C.prependIcon
-                }, null, 8, ["id", "name"])) : h("", !0)
+                }, null, 8, ["id", "name"])) : g("", !0)
               ])
-            ], 10, o3)) : h("", !0),
+            ], 10, o3)) : g("", !0),
             Z("div", {
               id: `${t.id}-selections`,
               class: "r-dropdown__selections"
@@ -9224,8 +9224,8 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   id: `${t.id}-selections-content`,
                   class: "flex flex-wrap items-center gap-2 text-sm"
                 }, [
-                  C.multiple && C.chips ? (m(), a(A1, { key: 0 }, [
-                    (m(!0), a(A1, null, n1(X.value, (p) => (m(), D(S5, {
+                  C.multiple && C.chips ? (m(), a(i1, { key: 0 }, [
+                    (m(!0), a(i1, null, n1(j.value, (p) => (m(), D(S5, {
                       key: p.value,
                       id: `${t.id}-chip-${p.value}`,
                       clearable: "",
@@ -9236,18 +9236,18 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                     }, null, 8, ["id", "label", "onClick:close"]))), 128)),
                     k(t.$slots, "remaining-count", {
                       id: `${t.id}-remaining-count`,
-                      count: K.value
+                      count: z.value
                     }, () => [
-                      K.value > 0 ? (m(), a("span", {
+                      z.value > 0 ? (m(), a("span", {
                         key: 0,
                         id: `${t.id}-remaining-count-text`,
                         class: "r-dropdown__remaining-count-text"
-                      }, " +" + v(K.value), 9, a3)) : h("", !0)
+                      }, " +" + v(z.value), 9, a3)) : g("", !0)
                     ])
-                  ], 64)) : C.multiple ? (m(!0), a(A1, { key: 1 }, n1(L.value, (p, Q) => (m(), a("span", {
+                  ], 64)) : C.multiple ? (m(!0), a(i1, { key: 1 }, n1(L.value, (p, Q) => (m(), a("span", {
                     id: `${t.id}-selected-option-${Q}`,
                     key: p.value
-                  }, v(p.label) + v(Q < L.value.length - 1 ? ", " : ""), 9, Z3))), 128)) : h("", !0)
+                  }, v(p.label) + v(Q < L.value.length - 1 ? ", " : ""), 9, Z3))), 128)) : g("", !0)
                 ], 8, r3)
               ]),
               n2(Z("input", {
@@ -9267,7 +9267,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 onInput: r1((p) => l1(P), ["prevent"]),
                 onKeydown: [
                   L2((p) => $(p, L.value[L.value.length - 1], P), ["backspace"]),
-                  L2((p) => C1(p, P), ["enter"])
+                  L2((p) => J(p, P), ["enter"])
                 ]
               }, null, 42, u3), [
                 [P2, e.value]
@@ -9281,13 +9281,13 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
               onClick: (p) => I(p, P)
             }, [
               k(t.$slots, "clearable", {}, () => [
-                H1(R, {
+                C1(R, {
                   id: `${t.id}-clearable-icon`,
                   name: "mdiCloseCircle",
                   size: "18"
                 }, null, 8, ["id"])
               ])
-            ], 8, S3)) : h("", !0),
+            ], 8, S3)) : g("", !0),
             C.appendIcon || t.$slots.append ? (m(), a("div", {
               key: 2,
               id: `${t.id}-append-icon`,
@@ -9306,12 +9306,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 C.appendIcon ? (m(), D(R, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : h("", !0)
+                }, null, 8, ["name"])) : g("", !0)
               ])
-            ], 10, s3)) : h("", !0)
+            ], 10, s3)) : g("", !0)
           ], 10, l3)
         ]),
-        content: P1(({ hide: P, updatePosition: Y }) => [
+        content: P1(({ hide: P, updatePosition: X }) => [
           Z("ul", {
             id: `${t.id}-options`,
             class: O(["r-dropdown-options", {
@@ -9325,7 +9325,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 "r-dropdown-options__option--active": L.value.length === F.value.length,
                 "r-dropdown-options__option--disabled": !1
               }]),
-              onClick: r1((p) => x(p, { label: C.selectAllText, value: "select-all" }, P, Y), ["prevent"])
+              onClick: r1((p) => x(p, { label: C.selectAllText, value: "select-all" }, P, X), ["prevent"])
             }, [
               Z("div", O3, [
                 Z("p", f3, v(C.selectAllText), 1)
@@ -9336,28 +9336,28 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   "r-dropdown-options__option__append-icon--active": L.value.length === F.value.length
                 }]),
                 name: "mdiCheck"
-              }, null, 8, ["class"])) : h("", !0)
-            ], 10, p3)) : h("", !0),
+              }, null, 8, ["class"])) : g("", !0)
+            ], 10, p3)) : g("", !0),
             C.showSelectAll && F.value.length > 0 ? (m(), a("hr", {
               key: 1,
               id: `${t.id}-divider`,
               class: "r-dropdown-options__divider"
-            }, null, 8, h3)) : h("", !0),
-            (m(!0), a(A1, null, n1(F.value, (p) => (m(), a("li", {
+            }, null, 8, h3)) : g("", !0),
+            (m(!0), a(i1, null, n1(F.value, (p) => (m(), a("li", {
               id: `${t.id}-option-${p.value}`,
               key: p.value,
               "aria-disabled": p.disabled,
               class: O(["r-dropdown-options__option", {
-                "r-dropdown-options__option--active": f(p),
+                "r-dropdown-options__option--active": h(p),
                 "r-dropdown-options__option--disabled": p.disabled,
-                "r-dropdown-options__option--deselect": f(p) && C.disableDeselect
+                "r-dropdown-options__option--deselect": h(p) && C.disableDeselect
               }]),
-              onClick: r1((Q) => x(Q, p, P, Y), ["prevent"])
+              onClick: r1((Q) => x(Q, p, P, X), ["prevent"])
             }, [
               k(t.$slots, "option", {
                 id: `${t.id}-option-${p.value}`,
                 disabled: p.disabled,
-                isSelected: f(p),
+                isSelected: h(p),
                 item: p
               }, () => [
                 Z("div", {
@@ -9367,36 +9367,36 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                   k(t.$slots, "option-prepend", {
                     id: `${t.id}-option-prepend-${p.value}`,
                     disabled: p.disabled,
-                    isSelected: f(p)
+                    isSelected: h(p)
                   }, () => [
                     p.prependIcon ? (m(), D(R, {
                       key: 0,
                       id: `${t.id}-option-prepend-icon-${p.value}`,
                       class: O(["r-dropdown-options__option__prepend-icon", {
-                        "r-dropdown-options__option__prepend-icon--active": f(p)
+                        "r-dropdown-options__option__prepend-icon--active": h(p)
                       }]),
                       name: p.prependIcon
-                    }, null, 8, ["id", "class", "name"])) : h("", !0)
+                    }, null, 8, ["id", "class", "name"])) : g("", !0)
                   ]),
                   Z("p", {
                     id: `${t.id}-option-label-${p.value}`,
                     class: O(["r-dropdown-options__option__label", {
-                      "r-dropdown-options__option__label--active": f(p)
+                      "r-dropdown-options__option__label--active": h(p)
                     }])
                   }, v(p.label), 11, B3)
                 ], 8, k3),
                 k(t.$slots, "option-append", {
                   id: `${t.id}-option-append-${p.value}`,
                   disabled: p.disabled,
-                  isSelected: f(p)
+                  isSelected: h(p)
                 }, () => [
-                  f(p) && !C.hideOptionCheckIcon ? (m(), D(R, {
+                  h(p) && !C.hideOptionCheckIcon ? (m(), D(R, {
                     key: 0,
                     class: O(["r-dropdown-options__option__append-icon", {
-                      "r-dropdown-options__option__append-icon--active": f(p)
+                      "r-dropdown-options__option__append-icon--active": h(p)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : h("", !0)
+                  }, null, 8, ["class"])) : g("", !0)
                 ])
               ])
             ], 10, g3))), 128)),
@@ -9408,12 +9408,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
               k(t.$slots, "not-options", {}, () => [
                 f1(v(C.noOptionsText), 1)
               ])
-            ], 8, b3)) : h("", !0)
+            ], 8, b3)) : g("", !0)
           ], 10, c3)
         ]),
         _: 3
       }, 8, ["id", "disabled", "tooltip-class"]),
-      t.$props.hideDetails ? h("", !0) : (m(), a("div", {
+      t.$props.hideDetails ? g("", !0) : (m(), a("div", {
         key: 0,
         id: `${t.id}-details`,
         class: "r-dropdown-details"
@@ -9422,12 +9422,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           key: 0,
           id: `${t.id}-error`,
           class: "r-dropdown-error"
-        }, v(C.errorMsg), 9, w3)) : h("", !0),
+        }, v(C.errorMsg), 9, w3)) : g("", !0),
         C.hint ? (m(), a("div", {
           key: 1,
           id: `${t.id}-hint`,
           class: "r-dropdown-hint"
-        }, v(C.hint), 9, y3)) : h("", !0)
+        }, v(C.hint), 9, y3)) : g("", !0)
       ], 8, v3))
     ], 8, m3));
   }
@@ -9439,7 +9439,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
     text: { default: "" }
   },
   setup(H) {
-    const V = H, C = g(() => V.id || "r-label");
+    const V = H, C = f(() => V.id || "r-label");
     return (i, A) => (m(), a("label", {
       id: C.value,
       class: "r-label",
@@ -9472,12 +9472,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = g(() => ({
+    const C = H, i = V, A = f(() => ({
       "r-dialog": !0,
       "r-dialog--block": C.block,
       "p-0 gap-0": C.clearContent,
       [`${C.class}`]: !0
-    })), L = g(() => ({
+    })), L = f(() => ({
       width: C.width,
       height: C.height
     }));
@@ -9516,20 +9516,20 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
               id: `${e.id}-icon`,
               class: "icon"
             }, [
-              H1(R, {
+              C1(R, {
                 name: C.icon
               }, null, 8, ["name"])
-            ], 8, D3)) : h("", !0),
+            ], 8, D3)) : g("", !0),
             C.title ? (m(), a("div", {
               key: 1,
               id: `${e.id}-title`,
               class: "title"
-            }, v(C.title), 9, E3)) : h("", !0),
+            }, v(C.title), 9, E3)) : g("", !0),
             C.description ? (m(), a("div", {
               key: 2,
               id: `${e.id}-description`,
               class: "description"
-            }, v(C.description), 9, _3)) : h("", !0)
+            }, v(C.description), 9, _3)) : g("", !0)
           ], 8, x3),
           Z("div", {
             id: `${e.id}-body`,
@@ -9593,7 +9593,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         }, () => [
           f1(" > ")
         ])
-      ], 10, Q3)) : h("", !0)
+      ], 10, Q3)) : g("", !0)
     ], 10, N3));
   }
 }), G3 = ["id"], U3 = ["id"], i7 = /* @__PURE__ */ T({
@@ -9622,14 +9622,14 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         immediate: !0
       }
     );
-    const A = g(() => ({
+    const A = f(() => ({
       "r-snackbar": !0,
       [`r-snackbar--${C.variant}`]: !0,
       [C.left ? "r-snackbar__left" : "r-snackbar__right"]: !0,
       [C.modelValue ? "r-snackbar--shown" : "r-snackbar--hidden"]: !0,
       [C.top ? "r-snackbar__top" : "r-snackbar__bottom"]: !0,
       "r-snackbar--closable": C.closable
-    })), L = g(() => ({
+    })), L = f(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -9646,7 +9646,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : h("", !0)
+        }, null, 8, ["name"])) : g("", !0)
       ]),
       Z("div", {
         id: `${M.id}-text`,
@@ -9666,13 +9666,13 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         k(M.$slots, "close", {
           id: `${M.id}-close-slot`
         }, () => [
-          H1(R, {
+          C1(R, {
             id: `${M.id}-close-icon`,
             name: "mdiClose",
             size: 16
           }, null, 8, ["id"])
         ])
-      ])) : h("", !0)
+      ])) : g("", !0)
     ], 10, G3));
   }
 }), z3 = ["id"], K3 = ["id", "checked", "disabled", "name"], q3 = /* @__PURE__ */ Z("span", { class: "slider round" }, null, -1), j3 = ["id", "for"], X3 = ["id"], Y3 = ["id"], J3 = ["id"], A7 = /* @__PURE__ */ T({
@@ -9693,12 +9693,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
   setup(H, { emit: V }) {
     const C = H, i = V, A = E({
       checked: !1
-    }), L = g(() => ({
+    }), L = f(() => ({
       "r-switch": !0,
       "r-switch--disabled": C.disabled,
       [`r-switch--${C.size}`]: C.size,
       "r-switch--error": C.errorMsg
-    })), M = g(() => C.id || "r-switch");
+    })), M = f(() => C.id || "r-switch");
     function e(d) {
       C.disabled || (A.value.checked = d.target.checked, i("update:modelValue", A.value.checked));
     }
@@ -9739,11 +9739,11 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         }])
       }, [
         Z("label", {
-          id: `${M.value}-label`,
+          id: `${M.value}`,
           class: "r-switch-texts__label",
           for: C.id
         }, v(C.label), 9, j3),
-        C.hideDetails ? h("", !0) : (m(), a("div", {
+        C.hideDetails ? g("", !0) : (m(), a("div", {
           key: 0,
           id: `${M.value}-details`,
           class: "r-switch-texts__details"
@@ -9779,14 +9779,14 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = g(() => ({
+    const C = H, i = V, A = f(() => ({
       "r-tab-item": !0,
       [`r-tab-item--${C.variant}`]: !0,
       "r-tab-item--tile": C.tile,
       "r-tab-item--block": C.block
-    })), L = g(() => ({
+    })), L = f(() => ({
       color: C.color
-    })), M = g(() => C.modelValue === C.id);
+    })), M = f(() => C.modelValue === C.id);
     function e(d) {
       i("update:modelValue", d);
     }
@@ -9803,30 +9803,30 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         active: M.value,
         disabled: C.disabled
       }, () => [
-        C.variant !== z(c1).TEXT && C.prependIcon ? (m(), D(R, {
+        C.variant !== A1(c1).TEXT && C.prependIcon ? (m(), D(R, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : h("", !0)
+        }, null, 8, ["name"])) : g("", !0)
       ]),
-      C.variant !== z(c1).ICON ? (m(), a("span", H0, [
+      C.variant !== A1(c1).ICON ? (m(), a("span", H0, [
         k(d.$slots, "default", {
           label: C.label
         }, () => [
           f1(v(C.label), 1)
         ])
-      ])) : h("", !0),
+      ])) : g("", !0),
       k(d.$slots, "append", {
         active: M.value,
         disabled: C.disabled
       }, () => [
-        C.variant !== z(c1).TEXT && C.appendIcon ? (m(), D(R, {
+        C.variant !== A1(c1).TEXT && C.appendIcon ? (m(), D(R, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16
-        }, null, 8, ["name"])) : h("", !0)
+        }, null, 8, ["name"])) : g("", !0)
       ])
     ], 14, C0));
   }
@@ -9842,7 +9842,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = E(C.modelValue || (C.tabs.length > 0 ? C.tabs[0].id : "")), L = g(() => ({
+    const C = H, i = V, A = E(C.modelValue || (C.tabs.length > 0 ? C.tabs[0].id : "")), L = f(() => ({
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
@@ -9875,7 +9875,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
           id: `${M.id}-slot`,
           activeTab: A.value
         }, () => [
-          (m(!0), a(A1, null, n1(C.tabs, (d, l) => (m(), D(V0, {
+          (m(!0), a(i1, null, n1(C.tabs, (d, l) => (m(), D(V0, {
             id: d.id,
             key: l,
             modelValue: A.value,
@@ -9921,20 +9921,20 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         immediate: !0
       }
     );
-    const M = computed(() => C.id || "r-textarea");
+    const M = f(() => C.id || "r-textarea");
     return (e, d) => (m(), a("div", {
-      id: z(M),
+      id: M.value,
       class: "r-textarea-wrapper"
     }, [
       C.label ? (m(), D(b2, {
         key: 0,
-        id: `${z(M)}-label`,
+        id: `${M.value}`,
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : h("", !0),
+      }, null, 8, ["id", "text"])) : g("", !0),
       Z("textarea", E1(e.$attrs, {
-        id: `${z(M)}-input`,
+        id: `${M.value}-input`,
         class: ["r-textarea", {
           "r-textarea--error": C.errorMsg,
           "r-textarea--disabled": C.disabled
@@ -9944,18 +9944,18 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         value: A.value,
         onInput: L
       }), null, 16, A0),
-      C.hideDetails ? h("", !0) : (m(), a("div", {
+      C.hideDetails ? g("", !0) : (m(), a("div", {
         key: 1,
-        id: `${z(M)}-details`,
+        id: `${M.value}-details`,
         class: "r-textarea__details"
       }, [
         C.errorMsg ? (m(), a("p", {
           key: 0,
-          id: `${z(M)}-error`,
+          id: `${M.value}-error`,
           class: "r-textarea__error"
         }, v(C.errorMsg), 9, d0)) : (m(), a("p", {
           key: 1,
-          id: `${z(M)}-hint`,
+          id: `${M.value}-hint`,
           class: "r-textarea__hint"
         }, v(C.hint), 9, t0))
       ], 8, e0))
@@ -10003,48 +10003,48 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, d = E(!1), l = g(() => !!L.value), n = g(() => L.value.length > 0), u = g(() => {
-      var f;
-      return (f = C.errorMsg) == null ? void 0 : f.length;
-    }), o = g(() => C.clearable && n.value), r = g(() => {
-      const { disabled: f, loading: F } = C;
+    }, d = E(!1), l = f(() => !!L.value), n = f(() => L.value.length > 0), u = f(() => {
+      var h;
+      return (h = C.errorMsg) == null ? void 0 : h.length;
+    }), o = f(() => C.clearable && n.value), r = f(() => {
+      const { disabled: h, loading: F } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": u.value,
         "r-textfield--loading": F,
-        "r-textfield--disabled": f,
+        "r-textfield--disabled": h,
         "r-textfield--clearable": o.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": l.value
       };
-    }), S = g(() => ({
+    }), S = f(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": u.value && l.value
-    })), b = g(() => ({
+    })), b = f(() => ({
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": o.value,
       "r-textfield__append-icon--error": u.value
-    })), B = g(() => {
-      const { prependIcon: f, type: F } = C;
-      return f === "none" ? "" : f || e[F];
-    }), y = g(() => {
-      const { appendIcon: f, type: F } = C;
-      return f === "none" ? "" : u.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(F) ? "mdiClose" : F === "password" && M.value === "password" ? "mdiEyeOutline" : F === "password" && M.value === "text" ? "mdiEyeOffOutline" : f;
-    }), c = g(() => C.id || "r-textfield");
-    function w(f) {
-      d.value = !0, i("focus", f);
+    })), B = f(() => {
+      const { prependIcon: h, type: F } = C;
+      return h === "none" ? "" : h || e[F];
+    }), y = f(() => {
+      const { appendIcon: h, type: F } = C;
+      return h === "none" ? "" : u.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(F) ? "mdiClose" : F === "password" && M.value === "password" ? "mdiEyeOutline" : F === "password" && M.value === "text" ? "mdiEyeOffOutline" : h;
+    }), c = f(() => C.id || "r-textfield");
+    function w(h) {
+      d.value = !0, i("focus", h);
     }
-    function _(f) {
-      d.value = !1, i("blur", f);
+    function _(h) {
+      d.value = !1, i("blur", h);
     }
-    function x(f) {
-      L.value = f.target.value, i("input", f);
+    function x(h) {
+      L.value = h.target.value, i("input", h);
     }
     function U() {
-      var f;
+      var h;
       if (o.value) {
-        L.value = "", (f = A.value) == null || f.focus(), i("click:clear", {
+        L.value = "", (h = A.value) == null || h.focus(), i("click:clear", {
           value: M.value === "number" ? +L.value : L.value
         });
         return;
@@ -10056,38 +10056,38 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
     function $() {
       M.value = M.value === "password" ? "text" : "password";
     }
-    function C1() {
-      var f;
-      (f = A.value) == null || f.focus();
+    function J() {
+      var h;
+      (h = A.value) == null || h.focus();
     }
     return W(
       () => C.modelValue,
-      (f) => {
-        L.value = f;
+      (h) => {
+        L.value = h;
       },
       {
         immediate: !0
       }
     ), W(
       () => L.value,
-      (f) => {
+      (h) => {
         i(
           "update:modelValue",
-          M.value === "number" ? +f : f
+          M.value === "number" ? +h : h
         );
       }
-    ), (f, F) => (m(), a("div", {
+    ), (h, F) => (m(), a("div", {
       id: c.value,
       class: "r-textfield__wrapper"
     }, [
       C.label ? (m(), D(b2, {
         key: 0,
-        id: `${c.value}-label`,
+        id: `${c.value}`,
         class: "r-textfield__label",
         for: c.value,
         text: C.label,
-        onClick: C1
-      }, null, 8, ["id", "for", "text"])) : h("", !0),
+        onClick: J
+      }, null, 8, ["id", "for", "text"])) : g("", !0),
       Z("div", {
         id: `${c.value}-input-wrapper`,
         class: "input-wrapper"
@@ -10096,7 +10096,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
           id: `${c.value}-input-wrapper-inner`,
           class: O(r.value)
         }, [
-          k(f.$slots, "prepend", {
+          k(h.$slots, "prepend", {
             id: `${c.value}-prepend-slot`,
             disabled: C.disabled,
             error: u.value,
@@ -10108,9 +10108,9 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
               class: O(S.value),
               name: B.value,
               size: 20
-            }, null, 8, ["id", "class", "name"])) : h("", !0)
+            }, null, 8, ["id", "class", "name"])) : g("", !0)
           ]),
-          Z("input", E1(f.$attrs, {
+          Z("input", E1(h.$attrs, {
             id: `${c.value}-input`,
             ref_key: "inputRef",
             ref: A,
@@ -10126,30 +10126,30 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
             onFocus: w,
             onInput: x
           }), null, 16, n0),
-          k(f.$slots, "append", {
+          k(h.$slots, "append", {
             id: `${c.value}-append-slot`,
             disabled: C.disabled,
             error: u.value,
             loading: C.loading
           }, () => [
-            f.$props.type === "password" && u.value ? (m(), D(R, {
+            h.$props.type === "password" && u.value ? (m(), D(R, {
               key: 0,
               id: `${c.value}-append-icon`,
               name: M.value === "password" ? "mdiEyeOutline" : "mdiEyeOffOutline",
               size: 20,
               onClick: U
-            }, null, 8, ["id", "name"])) : h("", !0),
-            y.value && !f.$slots.append || u.value ? (m(), D(R, {
+            }, null, 8, ["id", "name"])) : g("", !0),
+            y.value && !h.$slots.append || u.value ? (m(), D(R, {
               key: 1,
               id: `${c.value}-append-icon`,
               class: O(b.value),
               name: `${y.value}`,
               size: 20,
               onClick: U
-            }, null, 8, ["id", "class", "name"])) : h("", !0)
+            }, null, 8, ["id", "class", "name"])) : g("", !0)
           ])
         ], 10, o0),
-        C.hideDetails ? h("", !0) : (m(), a("div", {
+        C.hideDetails ? g("", !0) : (m(), a("div", {
           key: 0,
           id: `${c.value}-details`,
           class: "r-textfield__details"
@@ -10158,8 +10158,8 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
             key: 0,
             id: `${c.value}-error`,
             class: "r-textfield__error"
-          }, v(C.errorMsg), 9, a0)) : h("", !0),
-          !C.errorMsg && C.hint ? (m(), a("p", Z0, v(C.hint), 1)) : h("", !0)
+          }, v(C.errorMsg), 9, a0)) : g("", !0),
+          !C.errorMsg && C.hint ? (m(), a("p", Z0, v(C.hint), 1)) : g("", !0)
         ], 8, r0))
       ], 8, l0)
     ], 8, m0));
@@ -10179,11 +10179,11 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         id: C.id,
         class: "r-breadcrumb"
       }, [
-        (m(!0), a(A1, null, n1(V.items, (L, M) => (m(), a("div", {
+        (m(!0), a(i1, null, n1(V.items, (L, M) => (m(), a("div", {
           key: M,
           class: "r-breadcrumb__item"
         }, [
-          H1(A, {
+          C1(A, {
             id: `${C.id}-link-${M}`,
             class: "r-breadcrumb__link",
             to: L.to
@@ -10193,9 +10193,9 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
                 L.icon ? (m(), D(R, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : h("", !0)
+                }, null, 8, ["name"])) : g("", !0)
               ]),
-              L.onlyIcon ? h("", !0) : (m(), a("span", {
+              L.onlyIcon ? g("", !0) : (m(), a("span", {
                 key: 0,
                 id: `${C.id}-title-${M}`,
                 class: "r-breadcrumb__title"
@@ -10211,7 +10211,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
               id: `${C.id}-separator-${M}`,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["id", "name"])) : h("", !0)
+            }, null, 8, ["id", "name"])) : g("", !0)
           ])
         ]))), 128))
       ], 8, u0);
@@ -10261,10 +10261,10 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
   },
   emits: ["update:page", "update:perPage", "update:info"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = E(C.perPage || 10), L = g(() => Math.ceil(C.totalItems / C.perPage)), M = g(() => ({
+    const C = H, i = V, A = E(C.perPage || 10), L = f(() => Math.ceil(C.totalItems / C.perPage)), M = f(() => ({
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
-    })), e = g(() => C.infoText || `${M.value.start + 1}-${M.value.end} of ${C.totalItems}`), d = g(() => +C.page == +L.value), l = g(() => +C.page == 1);
+    })), e = f(() => C.infoText || `${M.value.start + 1}-${M.value.end} of ${C.totalItems}`), d = f(() => +C.page == +L.value), l = f(() => +C.page == 1);
     W(() => M.value, () => {
       i("update:info", M.value);
     }), W(() => C.perPage, () => {
@@ -10294,7 +10294,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
           class: "r-pagination__paginator__per-page"
         }, [
           Z("span", null, v(C.itemsPerPageText), 1),
-          H1(P3, {
+          C1(P3, {
             modelValue: A.value,
             "onUpdate:modelValue": [
               r[0] || (r[0] = (S) => A.value = S),
@@ -10438,7 +10438,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, i = V, A = E(C.as ?? "div"), L = E(C.modelValue), M = g(() => C.selectedClass);
+    const C = H, i = V, A = E(C.as ?? "div"), L = E(C.modelValue), M = f(() => C.selectedClass);
     b1(`${w1}:selectedClass`, M.value);
     function e(n) {
       return L.value.includes(n);
@@ -10473,7 +10473,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
     id: { default: "r-item" }
   },
   setup(H) {
-    const V = H, C = v1(`${y1}:isSelected`), i = v1(`${y1}:selectedClass`, ""), A = v1(`${y1}:select`), L = v1(`${y1}:isDisabled`), M = g(() => C(V.value) && [i, V.selectedClass]);
+    const V = H, C = v1(`${y1}:isSelected`), i = v1(`${y1}:selectedClass`, ""), A = v1(`${y1}:select`), L = v1(`${y1}:isDisabled`), M = f(() => C(V.value) && [i, V.selectedClass]);
     function e() {
       V.disabled || A(V.value, !C(V.value));
     }
@@ -10482,8 +10482,8 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
     }
     return (l, n) => k(l.$slots, "default", {
       id: `${l.id}-slot`,
-      disabled: z(L)(V.value),
-      isSelected: z(C)(V.value),
+      disabled: A1(L)(V.value),
+      isSelected: A1(C)(V.value),
       select: d,
       selectedClass: M.value,
       toggle: e
@@ -10504,7 +10504,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
   },
   emits: ["update:modelValue"],
   setup(H) {
-    const V = H, C = g(() => V.id || "r-radio"), i = E(V.modelValue), A = g(() => [
+    const V = H, C = f(() => V.id || "r-radio"), i = E(V.modelValue), A = f(() => [
       "r-radio group",
       {
         "r-radio--disabled": V.disabled,
@@ -10528,7 +10528,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         onChange: M[0] || (M[0] = (e) => L.$emit("update:modelValue"))
       }), null, 16, I0),
       Z("span", {
-        id: `${C.value}-label`,
+        id: `${C.value}`,
         class: O(["r-radio__label", [V.errorMsg && "r-radio__label--error"]]),
         onClick: M[1] || (M[1] = (e) => L.$emit("update:modelValue"))
       }, [
@@ -10541,7 +10541,7 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
             key: 0,
             id: `${C.value}-title`,
             class: O(["r-radio__title", [V.errorMsg && "r-radio__title--error", V.disabled && "r-radio__title--disabled"]])
-          }, v(V.title), 11, z0)) : h("", !0),
+          }, v(V.title), 11, z0)) : g("", !0),
           Z("span", null, v(V.label), 1)
         ])
       ], 10, Q0),
@@ -10549,12 +10549,12 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         key: 0,
         id: `${C.value}-hint`,
         class: O(["r-radio__hint", [V.disabled && "r-radio__hint--disabled"]])
-      }, v(V.hint), 11, K0)) : h("", !0),
+      }, v(V.hint), 11, K0)) : g("", !0),
       V.errorMsg ? (m(), a("span", {
         key: 1,
         id: `${C.value}-error`,
         class: "r-radio__error"
-      }, v(V.errorMsg), 9, q0)) : h("", !0)
+      }, v(V.errorMsg), 9, q0)) : g("", !0)
     ], 10, N0));
   }
 });