@rocketui/vue 0.2.9 → 0.2.10

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, openBlock as m, createElementBlock as n, createElementVNode as u, unref as M1, reactive as m1, Fragment as V1, renderList as A1, normalizeClass as p, renderSlot as f, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as c, mergeProps as j1, createBlock as _, watch as $, getCurrentScope as Z2, onScopeDispose as u2, ref as N, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as r1, withDirectives as Y1, withModifiers as d1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as k1, resolveDynamicComponent as g2, inject as B1 } from "vue";
+import { defineComponent as T, openBlock as m, createElementBlock as n, createElementVNode as u, unref as M1, reactive as m1, Fragment as V1, renderList as A1, normalizeClass as f, renderSlot as h, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as O, mergeProps as j1, createBlock as _, watch as $, getCurrentScope as Z2, onScopeDispose as u2, ref as N, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as r1, withDirectives as Y1, withModifiers as d1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as k1, resolveDynamicComponent as g2, inject as B1 } from "vue";
 const k2 = {
   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",
@@ -7337,7 +7337,7 @@ const k2 = {
     }
     return (A, L) => (m(!0), n(V1, null, A1(C, (i, e) => (m(), n("div", {
       key: e,
-      class: p(["r-accordion", {
+      class: f(["r-accordion", {
         "r-accordion--disabled": i.disabled
       }]),
       "data-state": i.open ? "opened" : "closed"
@@ -7346,7 +7346,7 @@ const k2 = {
         class: "r-accordion__header",
         onClick: (t) => M(e)
       }, [
-        f(A.$slots, "title", {}, () => [
+        h(A.$slots, "title", {}, () => [
           u("div", P2, w(i.title), 1)
         ]),
         u("div", v2, [
@@ -7354,7 +7354,7 @@ const k2 = {
         ])
       ], 8, y2),
       u("div", T2, [
-        f(A.$slots, "content", {}, () => [
+        h(A.$slots, "content", {}, () => [
           u("span", null, w(i.content), 1)
         ])
       ])
@@ -7393,10 +7393,10 @@ const k2 = {
       M("close");
     }
     return (e, t) => (m(), n("div", {
-      class: p(A.value)
+      class: f(A.value)
     }, [
       u("div", F2, [
-        f(e.$slots, "alert-icon", {}, () => [
+        h(e.$slots, "alert-icon", {}, () => [
           K(D, {
             name: L.value,
             size: 24
@@ -7404,13 +7404,13 @@ const k2 = {
         ])
       ]),
       u("div", R2, [
-        f(e.$slots, "content", {}, () => [
+        h(e.$slots, "content", {}, () => [
           u("p", x2, w(C.title), 1),
-          C.description ? (m(), n("p", D2, w(C.description), 1)) : c("", !0)
+          C.description ? (m(), n("p", D2, w(C.description), 1)) : O("", !0)
         ])
       ]),
       C.closable ? (m(), n("div", _2, [
-        f(e.$slots, "custom-close", {}, () => [
+        h(e.$slots, "custom-close", {}, () => [
           K(D, {
             class: "r-alert__close__button",
             name: "mdiClose",
@@ -7418,7 +7418,7 @@ const k2 = {
             onClick: i
           })
         ])
-      ])) : c("", !0)
+      ])) : O("", !0)
     ], 2));
   }
 }), I1 = "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", E2 = { class: "r-avatar__wrapper" }, W2 = ["alt", "src"], e0 = /* @__PURE__ */ T({
@@ -7442,15 +7442,15 @@ const k2 = {
     }
     return (i, e) => (m(), n("div", E2, [
       u("div", {
-        class: p(C.value)
+        class: f(C.value)
       }, [
         V.type === "text" ? (m(), n("p", {
           key: 0,
-          class: p(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
+          class: f(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
         }, w(L(V.text)), 3)) : (m(), n("img", {
           key: 1,
           alt: V.alt,
-          class: p(["r-avatar__image", {
+          class: f(["r-avatar__image", {
             [`r-avatar__image--${V.size}`]: !0,
             "r-avatar__image--anonymous": M.value
           }]),
@@ -7459,10 +7459,10 @@ const k2 = {
       ], 2),
       V.online ? (m(), n("span", {
         key: 0,
-        class: p(["r-avatar__online", {
+        class: f(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 2)) : c("", !0)
+      }, null, 2)) : O("", !0)
     ]));
   }
 }), N2 = { class: "r-badge-wrapper group" }, d0 = /* @__PURE__ */ T({
@@ -7490,12 +7490,12 @@ const k2 = {
     }));
     return (M, A) => (m(), n("div", N2, [
       u("span", {
-        class: p([{ "animate-ping-2": V.animation }, C.value])
+        class: f([{ "animate-ping-2": V.animation }, C.value])
       }, null, 2),
       u("span", {
-        class: p(C.value)
+        class: f(C.value)
       }, null, 2),
-      f(M.$slots, "default")
+      h(M.$slots, "default")
     ]));
   }
 }), I2 = ["disabled"], t0 = /* @__PURE__ */ T({
@@ -7535,24 +7535,24 @@ const k2 = {
       style: A.value,
       onClick: i[0] || (i[0] = (e) => L.$emit("click"))
     }), [
-      f(L.$slots, "prepend", {}, () => [
+      h(L.$slots, "prepend", {}, () => [
         V.prependIcon ? (m(), _(D, {
           key: 0,
-          class: p(["r-button__prepend-icon", {
+          class: f(["r-button__prepend-icon", {
             "r-button__prepend-icon--only": V.icon
           }]),
           name: V.prependIcon,
           size: M.value
-        }, null, 8, ["class", "name", "size"])) : c("", !0)
+        }, null, 8, ["class", "name", "size"])) : O("", !0)
       ]),
-      f(L.$slots, "default"),
-      f(L.$slots, "append", {}, () => [
+      h(L.$slots, "default"),
+      h(L.$slots, "append", {}, () => [
         !V.icon && V.appendIcon ? (m(), _(D, {
           key: 0,
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: M.value
-        }, null, 8, ["name", "size"])) : c("", !0)
+        }, null, 8, ["name", "size"])) : O("", !0)
       ])
     ], 16, I2));
   }
@@ -7628,7 +7628,7 @@ const k2 = {
           onChange: t
         }, null, 40, $2),
         u("div", {
-          class: p(e.value),
+          class: f(e.value),
           "data-disabled": C.disabled
         }, [
           K(D, {
@@ -7643,7 +7643,7 @@ const k2 = {
           "data-disabled": C.disabled,
           for: C.id
         }, w(C.label), 9, K2),
-        C.hideDetails ? c("", !0) : (m(), n("div", q2, [
+        C.hideDetails ? O("", !0) : (m(), n("div", q2, [
           C.errorMsg ? (m(), n("p", j2, w(C.errorMsg), 1)) : (m(), n("p", X2, w(C.hint), 1))
         ]))
       ])
@@ -7676,24 +7676,24 @@ const k2 = {
       C.disabled || !C.closable || (e.stopPropagation(), M("click:close", e));
     }
     return (e, t) => (m(), n("div", {
-      class: p(A.value)
+      class: f(A.value)
     }, [
       u("div", {
         class: "r-chip__content",
         onClick: t[0] || (t[0] = (d) => L(d))
       }, [
-        f(e.$slots, "prepend", {}, () => [
+        h(e.$slots, "prepend", {}, () => [
           C.prependIcon ? (m(), _(D, {
             key: 0,
             "aria-disabled": C.disabled,
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : c("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : O("", !0)
         ]),
         u("span", Y2, w(C.label), 1)
       ]),
-      f(e.$slots, "append", {}, () => [
+      h(e.$slots, "append", {}, () => [
         C.appendIcon ? (m(), _(D, {
           key: 0,
           "aria-disabled": C.disabled,
@@ -7701,7 +7701,7 @@ const k2 = {
           name: C.appendIcon,
           size: 12,
           onClick: t[1] || (t[1] = (d) => i(d))
-        }, null, 8, ["aria-disabled", "name"])) : c("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : O("", !0)
       ])
     ], 2));
   }
@@ -8063,7 +8063,7 @@ const a5 = (H) => ({
     }, r = _1(A), Z = D1(r), B = await i.getDimensions(d), k = r === "y", y = k ? "top" : "left", P = k ? "bottom" : "right", v = k ? "clientHeight" : "clientWidth", R = L.reference[Z] + L.reference[r] - a[r] - L.floating[Z], F = a[r] - L.reference[r], z = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
     let I = z ? z[v] : 0;
     (!I || !await (i.isElement == null ? void 0 : i.isElement(z))) && (I = e.floating[v] || L.floating[Z]);
-    const O = R / 2 - F / 2, W = I / 2 - B[Z] / 2 - 1, S = a1(o[y], W), h = a1(o[P], W), b = S, x = I - B[Z] - h, s = I / 2 - B[Z] / 2 + O, E = v1(b, s, x), G = !t.arrow && u1(A) != null && s != E && L.reference[Z] / 2 - (s < b ? S : h) - B[Z] / 2 < 0, j = G ? s < b ? s - b : s - x : 0;
+    const p = R / 2 - F / 2, W = I / 2 - B[Z] / 2 - 1, S = a1(o[y], W), c = a1(o[P], W), b = S, x = I - B[Z] - c, s = I / 2 - B[Z] / 2 + p, E = v1(b, s, x), G = !t.arrow && u1(A) != null && s != E && L.reference[Z] / 2 - (s < b ? S : c) - B[Z] / 2 < 0, j = G ? s < b ? s - b : s - x : 0;
     return {
       [r]: a[r] + j,
       data: {
@@ -8103,12 +8103,12 @@ const a5 = (H) => ({
       const y = L1(A), P = L1(e) === e, v = await (t.isRTL == null ? void 0 : t.isRTL(d.floating)), R = a || (P || !B ? [c1(e)] : m5(e));
       !a && Z !== "none" && R.push(...o5(e, B, Z, v));
       const F = [e, ...R], z = await p1(V, k), I = [];
-      let O = ((M = L.flip) == null ? void 0 : M.overflows) || [];
+      let p = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (l && I.push(z[y]), o) {
         const b = t5(A, i, v);
         I.push(z[b[0]], z[b[1]]);
       }
-      if (O = [...O, {
+      if (p = [...p, {
         placement: A,
         overflows: I
       }], !I.every((b) => b <= 0)) {
@@ -8118,18 +8118,18 @@ const a5 = (H) => ({
           return {
             data: {
               index: b,
-              overflows: O
+              overflows: p
             },
             reset: {
               placement: x
             }
           };
-        let s = (S = O.filter((E) => E.overflows[0] <= 0).sort((E, G) => E.overflows[1] - G.overflows[1])[0]) == null ? void 0 : S.placement;
+        let s = (S = p.filter((E) => E.overflows[0] <= 0).sort((E, G) => E.overflows[1] - G.overflows[1])[0]) == null ? void 0 : S.placement;
         if (!s)
           switch (r) {
             case "bestFit": {
-              var h;
-              const E = (h = O.map((G) => [G.placement, G.overflows.filter((j) => j > 0).reduce((j, a2) => j + a2, 0)]).sort((G, j) => G[1] - j[1])[0]) == null ? void 0 : h[0];
+              var c;
+              const E = (c = p.map((G) => [G.placement, G.overflows.filter((j) => j > 0).reduce((j, a2) => j + a2, 0)]).sort((G, j) => G[1] - j[1])[0]) == null ? void 0 : c[0];
               E && (s = E);
               break;
             }
@@ -8766,13 +8766,13 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
         ref_key: "trigger",
         ref: A,
         "aria-disabled": C.disabled,
-        class: p(["r-tooltip-trigger", k.triggerClass]),
+        class: f(["r-tooltip-trigger", k.triggerClass]),
         onClick: l,
         onMouseenter: o,
         onMouseleave: a,
         onMousemove: r
       }, [
-        f(k.$slots, "default", {
+        h(k.$slots, "default", {
           activators: {
             click: l,
             mouseenter: o,
@@ -8791,30 +8791,30 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
           id: "tooltip",
           ref_key: "tooltip",
           ref: L,
-          class: p([B.value, k.tooltipClass]),
+          class: f([B.value, k.tooltipClass]),
           role: "tooltip"
         }, [
-          f(k.$slots, "content", {
+          h(k.$slots, "content", {
             hide: t,
             updatePosition: Z
           }, () => [
             C.text ? (m(), n("div", {
               key: 0,
-              class: p(["r-tooltip__content", {
+              class: f(["r-tooltip__content", {
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, w(C.text), 3)) : c("", !0),
+            }, w(C.text), 3)) : O("", !0),
             C.text ? (m(), n("div", {
               key: 1,
               id: "arrow",
               ref_key: "arrowElement",
               ref: i,
-              class: p(["r-tooltip__arrow", {
+              class: f(["r-tooltip__arrow", {
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 2)) : c("", !0)
+            }, null, 2)) : O("", !0)
           ])
         ], 2)
       ]))
@@ -8842,7 +8842,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
-    modelValue: { default: "" },
+    modelValue: { default: {} },
     placeholder: { default: "" },
     taggable: { type: Boolean, default: !1 },
     multiple: { type: Boolean, default: !1 },
@@ -8867,26 +8867,26 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
   setup(H, { emit: V }) {
     const C = H, M = V, A = N({}), L = m1([]), i = N(!1), e = N("");
     function t(S) {
-      const [h] = Object.keys(S);
-      return ["label", "value"].includes(h);
+      const [c] = Object == null ? void 0 : Object.keys(S);
+      return !c || typeof S[c] == "object" || typeof S[c] == "function" || typeof S[c] == "symbol" || typeof S[c] > "u" || !Array.isArray(S[c]) ? !0 : ["label", "value"].includes(c);
     }
     const d = g(() => {
       const S = C.options;
-      return t(S[0]) ? S : S.map((h) => ({
-        value: h,
-        label: String(h)
+      return t(S[0]) ? S : S.map((c) => ({
+        value: c,
+        label: String(c)
       }));
     }), l = g(() => {
       const S = C.modelValue;
-      return S && !Array.isArray(S) && S.constructor !== Object && !t(S) ? {
+      return t(S) ? S : {
         value: S,
         label: String(S)
-      } : S;
+      };
     }), o = N(), a = N(), r = N();
-    function Z(S, h) {
+    function Z(S, c) {
       var b, x, s;
       if (S.stopPropagation(), !C.disabled) {
-        if (i.value = !0, h && h(), i.value) {
+        if (i.value = !0, c && c(), i.value) {
           (b = o.value) == null || b.classList.add("r-dropdown--active"), (x = o.value) == null || x.focus(), C.searchable && ((s = a.value) == null || s.focus());
           return;
         }
@@ -8894,55 +8894,55 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       }
     }
     function B() {
-      var S, h, b;
-      i.value = !1, (S = o.value) == null || S.classList.remove("r-dropdown--active"), (h = o.value) == null || h.blur(), (b = a.value) == null || b.blur();
+      var S, c, b;
+      i.value = !1, (S = o.value) == null || S.classList.remove("r-dropdown--active"), (c = o.value) == null || c.blur(), (b = a.value) == null || b.blur();
     }
-    function k(S, h, b, x) {
+    function k(S, c, b, x) {
       var s;
-      if (S.stopPropagation(), x(), !h.disabled) {
+      if (S.stopPropagation(), x(), !c.disabled) {
         if (C.multiple || C.taggable) {
-          L.find((E) => E.value === h.value) ? L.splice(L.indexOf(h), 1) : L.push(h), e.value = "", C.searchable && ((s = a.value) == null || s.focus());
+          L.find((E) => E.value === c.value) ? L.splice(L.indexOf(c), 1) : L.push(c), e.value = "", C.searchable && ((s = a.value) == null || s.focus());
           return;
         }
-        y(S, h), C.closeOnSelect && (b(), B());
+        y(S, c), C.closeOnSelect && (b(), B());
       }
     }
-    function y(S, h) {
-      if (A.value.value === h.value) {
+    function y(S, c) {
+      if (A.value.value === c.value) {
         A.value = {}, e.value = "", M("update:modelValue", "");
         return;
       }
-      e.value = h.label, A.value = h, Z(S), M("update:modelValue", h);
+      e.value = c.label, A.value = c, Z(S), M("update:modelValue", c);
     }
-    function P(S, h, b) {
+    function P(S, c, b) {
       if (S instanceof KeyboardEvent && S.key !== "Backspace" || e.value !== "")
         return;
       S.stopPropagation(), b();
-      const x = L.findIndex((s) => s.value === h.value);
+      const x = L.findIndex((s) => s.value === c.value);
       L.splice(x, 1);
     }
-    function v(S, h) {
+    function v(S, c) {
       var s;
       if (!C.taggable)
         return;
-      S.stopPropagation(), h();
+      S.stopPropagation(), c();
       const b = e.value;
       if (b === "")
         return;
       d.value.find((E) => E.label === b) || (L.push({ value: b, label: b }), e.value = "", (s = a.value) == null || s.focus());
     }
     function R(S) {
-      return C.multiple || C.taggable ? L.find((h) => h.value === S.value) : A.value.value === S.value;
+      return C.multiple || C.taggable ? L.find((c) => c.value === S.value) : A.value.value === S.value;
     }
-    const F = g(() => !C.searchable || A.value.label === e.value ? d.value : d.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), z = g(() => !C.searchable);
+    const F = g(() => !C.searchable || A.value.label === e.value ? d.value : d.value.filter((c) => c.label.toLowerCase().includes(e.value.toLowerCase()))), z = g(() => !C.searchable);
     function I() {
       l.value ? C.multiple ? L.push(l.value) : (A.value = l.value, e.value = l.value.label) : (A.value = {}, L.splice(0, L.length));
     }
-    function O(S) {
+    function p(S) {
       C.searchable && S(), !(C.multiple || C.taggable) && e.value === "" && (A.value = {}, M("update:modelValue", ""));
     }
-    function W(S, h) {
-      if (S.stopPropagation(), h(), C.multiple || C.taggable) {
+    function W(S, c) {
+      if (S.stopPropagation(), c(), C.multiple || C.taggable) {
         L.splice(0, L.length);
         return;
       }
@@ -8954,7 +8954,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       M("update:modelValue", S);
     }), $(() => l.value, (S) => {
       I();
-    }), (S, h) => (m(), n("div", {
+    }), (S, c) => (m(), n("div", {
       ref_key: "wrapper",
       ref: r,
       class: "r-dropdown-wrapper"
@@ -8975,7 +8975,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
           u("div", {
             ref_key: "dropdown",
             ref: o,
-            class: p(["r-dropdown", {
+            class: f(["r-dropdown", {
               "r-dropdown--disabled": C.disabled,
               "r-dropdown--loading": C.loading,
               [C.dropdownClass]: C.dropdownClass,
@@ -8986,20 +8986,20 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
           }, [
             C.prependIcon || S.$slots.prepend ? (m(), n("div", {
               key: 0,
-              class: p(["r-dropdown__prepend-icon", {
+              class: f(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": i.value,
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
             }, [
-              f(S.$slots, "prepend", {}, () => [
+              h(S.$slots, "prepend", {}, () => [
                 C.prependIcon ? (m(), _(D, {
                   key: 0,
                   name: C.prependIcon
-                }, null, 8, ["name"])) : c("", !0)
+                }, null, 8, ["name"])) : O("", !0)
               ])
-            ], 2)) : c("", !0),
+            ], 2)) : O("", !0),
             C.taggable && L.length ? (m(), n("div", Q5, [
-              f(S.$slots, "tags", {
+              h(S.$slots, "tags", {
                 options: L,
                 removeOption: P,
                 updatePosition: x
@@ -9014,17 +9014,17 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
                   "onClick:close": (G) => P(G, s, x)
                 }, null, 8, ["label", "onClick:close"]))), 128))
               ])
-            ])) : c("", !0),
+            ])) : O("", !0),
             C.multiple && L.length ? (m(), n("div", G5, [
               (m(!0), n(V1, null, A1(L, (s, E) => (m(), n("p", { key: E }, w(`${s.label},`), 1))), 128))
-            ])) : c("", !0),
+            ])) : O("", !0),
             Y1(u("input", {
               id: C.id,
               ref_key: "input",
               ref: a,
-              "onUpdate:modelValue": h[0] || (h[0] = (s) => e.value = s),
+              "onUpdate:modelValue": c[0] || (c[0] = (s) => e.value = s),
               autocomplete: C.autocomplete,
-              class: p(["r-dropdown__input", {
+              class: f(["r-dropdown__input", {
                 "r-dropdown__input--loading": C.loading
               }]),
               disabled: C.disabled,
@@ -9032,7 +9032,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
               readonly: z.value,
               role: "presentation",
               type: "text",
-              onInput: d1((s) => O(x), ["prevent"]),
+              onInput: d1((s) => p(x), ["prevent"]),
               onKeydown: [
                 N1((s) => P(s, L[L.length - 1], x), ["backspace"]),
                 N1((s) => v(s, x), ["enter"])
@@ -9050,26 +9050,26 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
                 name: "mdiCloseCircle",
                 size: "18"
               })
-            ], 8, U5)) : c("", !0),
+            ], 8, U5)) : O("", !0),
             C.appendIcon || S.$slots.append ? (m(), n("div", {
               key: 4,
-              class: p(["r-dropdown__append-icon", {
+              class: f(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": i.value,
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
             }, [
-              f(S.$slots, "append", {}, () => [
+              h(S.$slots, "append", {}, () => [
                 C.appendIcon ? (m(), _(D, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : c("", !0)
+                }, null, 8, ["name"])) : O("", !0)
               ])
-            ], 2)) : c("", !0)
+            ], 2)) : O("", !0)
           ], 10, I5)
         ]),
         content: r1(({ hide: b, updatePosition: x }) => [
           u("ul", {
-            class: p(["r-dropdown-options", {
+            class: f(["r-dropdown-options", {
               "r-dropdown-options--active": i.value,
               [C.optionsClass]: C.optionsClass
             }])
@@ -9077,54 +9077,54 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
             (m(!0), n(V1, null, A1(F.value, (s) => (m(), n("li", {
               key: s.value,
               "aria-disabled": s.disabled,
-              class: p(["r-dropdown-options__option", {
+              class: f(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": R(s),
                 "r-dropdown-options__option--disabled": s.disabled
               }]),
               onClick: d1((E) => k(E, s, b, x), ["prevent"])
             }, [
-              f(S.$slots, "option", {
+              h(S.$slots, "option", {
                 isSelected: R(s)
               }, () => [
                 u("div", K5, [
-                  f(S.$slots, "option-prepend", {}, () => [
+                  h(S.$slots, "option-prepend", {}, () => [
                     s.prependIcon ? (m(), _(D, {
                       key: 0,
-                      class: p(["r-dropdown-options__option__prepend-icon", {
+                      class: f(["r-dropdown-options__option__prepend-icon", {
                         "r-dropdown-options__option__prepend-icon--active": R(s)
                       }]),
                       name: s.prependIcon
-                    }, null, 8, ["class", "name"])) : c("", !0)
+                    }, null, 8, ["class", "name"])) : O("", !0)
                   ]),
                   u("p", {
-                    class: p(["r-dropdown-options__option__label", {
+                    class: f(["r-dropdown-options__option__label", {
                       "r-dropdown-options__option__label--active": R(s)
                     }])
                   }, w(s.label), 3)
                 ]),
-                f(S.$slots, "option-append", {}, () => [
+                h(S.$slots, "option-append", {}, () => [
                   R(s) && !C.hideOptionCheckIcon ? (m(), _(D, {
                     key: 0,
-                    class: p(["r-dropdown-options__option__append-icon", {
+                    class: f(["r-dropdown-options__option__append-icon", {
                       "r-dropdown-options__option__append-icon--active": R(s)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : c("", !0)
+                  }, null, 8, ["class"])) : O("", !0)
                 ])
               ])
             ], 10, z5))), 128)),
             F.value.length === 0 ? (m(), n("li", q5, [
-              f(S.$slots, "not-options", {}, () => [
+              h(S.$slots, "not-options", {}, () => [
                 R1(w(C.noOptionsText || "No options"), 1)
               ])
-            ])) : c("", !0)
+            ])) : O("", !0)
           ], 2)
         ]),
         _: 3
       }),
-      S.$props.hideDetails ? c("", !0) : (m(), n("div", j5, [
-        C.errorMsg ? (m(), n("div", X5, w(C.errorMsg), 1)) : c("", !0),
-        C.hint ? (m(), n("div", Y5, w(C.hint), 1)) : c("", !0)
+      S.$props.hideDetails ? O("", !0) : (m(), n("div", j5, [
+        C.errorMsg ? (m(), n("div", X5, w(C.errorMsg), 1)) : O("", !0),
+        C.hint ? (m(), n("div", Y5, w(C.hint), 1)) : O("", !0)
       ]))
     ], 512));
   }
@@ -9142,7 +9142,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       class: "r-label",
       for: V.for
     }, [
-      f(C.$slots, "default", {}, () => [
+      h(C.$slots, "default", {}, () => [
         R1(w(V.text), 1)
       ])
     ], 8, C3));
@@ -9190,31 +9190,31 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
     }), window.addEventListener("keydown", (e) => {
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
     }), (e, t) => Y1((m(), n("div", {
-      class: p(["r-modal-overlay", e.overlayClass]),
+      class: f(["r-modal-overlay", e.overlayClass]),
       onClick: d1(i, ["stop"])
     }, [
       u("div", {
         "aria-modal": "true",
-        class: p(A.value),
+        class: f(A.value),
         open: C.modelValue,
         role: "dialog",
         style: x1(L.value)
       }, [
         u("div", L3, [
-          f(e.$slots, "header"),
+          h(e.$slots, "header"),
           C.icon ? (m(), n("div", M3, [
             K(D, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : c("", !0),
-          C.title ? (m(), n("div", A3, w(C.title), 1)) : c("", !0),
-          C.description ? (m(), n("div", i3, w(C.description), 1)) : c("", !0)
+          ])) : O("", !0),
+          C.title ? (m(), n("div", A3, w(C.title), 1)) : O("", !0),
+          C.description ? (m(), n("div", i3, w(C.description), 1)) : O("", !0)
         ]),
         u("div", e3, [
-          f(e.$slots, "default")
+          h(e.$slots, "default")
         ]),
         u("div", d3, [
-          f(e.$slots, "actions")
+          h(e.$slots, "actions")
         ])
       ], 14, V3)
     ], 10, H3)), [
@@ -9234,25 +9234,25 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
   setup(H, { emit: V }) {
     const C = H, M = V;
     return (A, L) => (m(), n("div", {
-      class: p(["r-sidebar__wrapper", [A.$props.wrapperClass]]),
+      class: f(["r-sidebar__wrapper", [A.$props.wrapperClass]]),
       "data-open": C.modelValue
     }, [
       u("aside", {
-        class: p(["r-sidebar", [C.class]]),
+        class: f(["r-sidebar", [C.class]]),
         "data-open": C.modelValue
       }, [
-        f(A.$slots, "default")
+        h(A.$slots, "default")
       ], 10, m3),
       C.showTrigger ? (m(), n("div", {
         key: 0,
-        class: p(["r-sidebar__trigger", [C.triggerClass]]),
+        class: f(["r-sidebar__trigger", [C.triggerClass]]),
         "data-open": C.modelValue,
         onClick: L[0] || (L[0] = (i) => M("update:modelValue", !C.modelValue))
       }, [
-        f(A.$slots, "trigger", {}, () => [
+        h(A.$slots, "trigger", {}, () => [
           R1(" > ")
         ])
-      ], 10, l3)) : c("", !0)
+      ], 10, l3)) : O("", !0)
     ], 10, t3));
   }
 }), o3 = { class: "r-snackbar__text" }, n3 = {
@@ -9297,26 +9297,26 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       info: "mdiInformation"
     })[C.variant || "info"]);
     return (i, e) => (m(), n("div", {
-      class: p(A.value)
+      class: f(A.value)
     }, [
-      f(i.$slots, "default", {}, () => [
+      h(i.$slots, "default", {}, () => [
         C.variant ? (m(), _(D, {
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : c("", !0)
+        }, null, 8, ["name"])) : O("", !0)
       ]),
       u("div", o3, w(C.text), 1),
-      f(i.$slots, "action"),
+      h(i.$slots, "action"),
       C.closable ? (m(), n("div", n3, [
-        f(i.$slots, "close", {}, () => [
+        h(i.$slots, "close", {}, () => [
           K(D, {
             name: "mdiClose",
             size: 16,
             onClick: e[0] || (e[0] = d1((t) => i.$emit("update:modelValue", !1), ["stop"]))
           })
         ])
-      ])) : c("", !0)
+      ])) : O("", !0)
     ], 2));
   }
 }), r3 = ["id", "checked", "disabled"], a3 = /* @__PURE__ */ u("span", { class: "slider round" }, null, -1), Z3 = ["id", "for"], u3 = {
@@ -9365,13 +9365,13 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
         immediate: !0
       }
     ), (e, t) => (m(), n("div", {
-      class: p(["r-switch-container", {
+      class: f(["r-switch-container", {
         "r-switch-container--reverse": C.reverse,
         "r-switch-container--hide-details": C.hideDetails
       }])
     }, [
       u("div", {
-        class: p(L.value)
+        class: f(L.value)
       }, [
         u("input", {
           id: C.id,
@@ -9384,7 +9384,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
         a3
       ], 2),
       u("div", {
-        class: p(["r-switch-texts", {
+        class: f(["r-switch-texts", {
           [`r-switch-texts--${C.size}`]: !0
         }])
       }, [
@@ -9393,7 +9393,7 @@ const E5 = ["aria-disabled"], W5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
           class: "r-switch-texts__label",
           for: C.id
         }, w(C.label), 9, Z3),
-        C.hideDetails ? c("", !0) : (m(), n("div", u3, [
+        C.hideDetails ? O("", !0) : (m(), n("div", u3, [
           C.errorMsg ? (m(), n("p", S3, w(C.errorMsg), 1)) : (m(), n("p", s3, w(C.hint), 1))
         ]))
       ], 2)
@@ -9437,36 +9437,36 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
     return (t, d) => (m(), n("button", {
       "aria-disabled": C.disabled,
       "aria-selected": C.modelValue === C.id,
-      class: p(A.value),
+      class: f(A.value),
       disabled: C.disabled,
       style: x1(L.value),
       onClick: d[0] || (d[0] = d1((l) => i(C.id), ["stop"]))
     }, [
-      f(t.$slots, "prepend", {}, () => [
+      h(t.$slots, "prepend", {}, () => [
         C.variant !== M1(n1).TEXT && C.prependIcon ? (m(), _(D, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : c("", !0)
+        }, null, 8, ["name"])) : O("", !0)
       ]),
       K(f2, {
         duration: 150,
         name: "fade"
       }, {
         default: r1(() => [
-          C.variant !== M1(n1).ICON ? (m(), n("span", O3, w(C.label), 1)) : c("", !0)
+          C.variant !== M1(n1).ICON ? (m(), n("span", O3, w(C.label), 1)) : O("", !0)
         ]),
         _: 1
       }),
-      f(t.$slots, "append", {}, () => [
+      h(t.$slots, "append", {}, () => [
         C.variant !== M1(n1).TEXT && C.appendIcon ? (m(), _(D, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16,
           onClick: d1(e, ["stop"])
-        }, null, 8, ["name", "onClick"])) : c("", !0)
+        }, null, 8, ["name", "onClick"])) : O("", !0)
       ])
     ], 14, c3));
   }
@@ -9497,9 +9497,9 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
       M("click:icon");
     }
     return (e, t) => (m(), n("div", {
-      class: p(L.value)
+      class: f(L.value)
     }, [
-      f(e.$slots, "default", {}, () => [
+      h(e.$slots, "default", {}, () => [
         (m(!0), n(V1, null, A1(C.tabs, (d, l) => (m(), _(p3, {
           id: d.id,
           key: l,
@@ -9562,7 +9562,7 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : c("", !0),
+      }, null, 8, ["id", "text"])) : O("", !0),
       u("textarea", j1(i.$attrs, {
         id: C.id,
         class: ["r-textarea", {
@@ -9574,7 +9574,7 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
         value: A.value,
         onInput: L
       }), null, 16, h3),
-      C.hideDetails ? c("", !0) : (m(), n("div", g3, [
+      C.hideDetails ? O("", !0) : (m(), n("div", g3, [
         C.errorMsg ? (m(), n("p", k3, w(C.errorMsg), 1)) : (m(), n("p", B3, w(C.hint), 1))
       ]))
     ]));
@@ -9628,15 +9628,15 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
       number: "mdiNumeric",
       text: ""
     }, t = N(!1), d = g(() => !!L.value), l = g(() => L.value.length > 0), o = g(() => {
-      var O;
-      return (O = C.errorMsg) == null ? void 0 : O.length;
+      var p;
+      return (p = C.errorMsg) == null ? void 0 : p.length;
     }), a = g(() => C.clearable && l.value), r = g(() => {
-      const { disabled: O, loading: W } = C;
+      const { disabled: p, loading: W } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": o.value,
         "r-textfield--loading": W,
-        "r-textfield--disabled": O,
+        "r-textfield--disabled": p,
         "r-textfield--clearable": a.value,
         "r-textfield--focus": t.value,
         "r-textfield--filled": d.value
@@ -9650,25 +9650,25 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
       "r-textfield__append-icon--clear": a.value,
       "r-textfield__append-icon--error": o.value
     })), k = g(() => {
-      const { prependIcon: O, type: W } = C;
-      return O === "none" ? "" : O || e[W];
+      const { prependIcon: p, type: W } = C;
+      return p === "none" ? "" : p || e[W];
     }), y = g(() => {
-      const { appendIcon: O, type: W } = C;
-      return O === "none" ? "" : o.value ? "mdiAlertCircleOutline" : a.value && ["text", "email"].includes(W) ? "mdiClose" : W === "password" && i.value === "password" ? "mdiEyeOutline" : W === "password" && i.value === "text" ? "mdiEyeOffOutline" : O;
+      const { appendIcon: p, type: W } = C;
+      return p === "none" ? "" : o.value ? "mdiAlertCircleOutline" : a.value && ["text", "email"].includes(W) ? "mdiClose" : W === "password" && i.value === "password" ? "mdiEyeOutline" : W === "password" && i.value === "text" ? "mdiEyeOffOutline" : p;
     });
-    function P(O) {
-      t.value = !0, M("focus", O);
+    function P(p) {
+      t.value = !0, M("focus", p);
     }
-    function v(O) {
-      t.value = !1, M("blur", O);
+    function v(p) {
+      t.value = !1, M("blur", p);
     }
-    function R(O) {
-      L.value = O.target.value, M("input", O);
+    function R(p) {
+      L.value = p.target.value, M("input", p);
     }
     function F() {
-      var O;
+      var p;
       if (a.value) {
-        L.value = "", (O = A.value) == null || O.focus(), M("click:clear", {
+        L.value = "", (p = A.value) == null || p.focus(), M("click:clear", {
           value: i.value === "number" ? +L.value : L.value
         });
         return;
@@ -9681,26 +9681,26 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
       i.value = i.value === "password" ? "text" : "password";
     }
     function I() {
-      var O;
-      (O = A.value) == null || O.focus();
+      var p;
+      (p = A.value) == null || p.focus();
     }
     return $(
       () => C.modelValue,
-      (O) => {
-        L.value = O;
+      (p) => {
+        L.value = p;
       },
       {
         immediate: !0
       }
     ), $(
       () => L.value,
-      (O) => {
+      (p) => {
         M(
           "update:modelValue",
-          i.value === "number" ? +O : O
+          i.value === "number" ? +p : p
         );
       }
-    ), (O, W) => (m(), n("div", b3, [
+    ), (p, W) => (m(), n("div", b3, [
       C.label ? (m(), _(r2, {
         key: 0,
         id: `${C.id}-label`,
@@ -9708,18 +9708,18 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
         for: C.id,
         text: C.label,
         onClick: I
-      }, null, 8, ["id", "for", "text"])) : c("", !0),
+      }, null, 8, ["id", "for", "text"])) : O("", !0),
       u("div", w3, [
         u("div", {
-          class: p(r.value)
+          class: f(r.value)
         }, [
-          f(O.$slots, "prepend"),
-          k.value && !O.$slots.prepend ? (m(), _(D, {
+          h(p.$slots, "prepend"),
+          k.value && !p.$slots.prepend ? (m(), _(D, {
             key: 0,
-            class: p(Z.value),
+            class: f(Z.value),
             name: k.value,
             size: 20
-          }, null, 8, ["class", "name"])) : c("", !0),
+          }, null, 8, ["class", "name"])) : O("", !0),
           u("input", {
             id: C.id,
             ref_key: "inputRef",
@@ -9736,18 +9736,18 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
             onFocus: P,
             onInput: R
           }, null, 40, y3),
-          o.value ? c("", !0) : f(O.$slots, "append", { key: 1 }),
-          y.value && !O.$slots.append || o.value ? (m(), _(D, {
+          o.value ? O("", !0) : h(p.$slots, "append", { key: 1 }),
+          y.value && !p.$slots.append || o.value ? (m(), _(D, {
             key: 2,
-            class: p(B.value),
+            class: f(B.value),
             name: `${y.value}`,
             size: 20,
             onClick: F
-          }, null, 8, ["class", "name"])) : c("", !0)
+          }, null, 8, ["class", "name"])) : O("", !0)
         ], 2),
-        C.hideDetails ? c("", !0) : (m(), n("div", P3, [
-          C.errorMsg ? (m(), n("p", v3, w(C.errorMsg), 1)) : c("", !0),
-          !C.errorMsg && C.hint ? (m(), n("p", T3, w(C.hint), 1)) : c("", !0)
+        C.hideDetails ? O("", !0) : (m(), n("div", P3, [
+          C.errorMsg ? (m(), n("p", v3, w(C.errorMsg), 1)) : O("", !0),
+          !C.errorMsg && C.hint ? (m(), n("p", T3, w(C.hint), 1)) : O("", !0)
         ]))
       ])
     ]));
@@ -9775,22 +9775,22 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
             to: L.to
           }, {
             default: r1(() => [
-              f(C.$slots, "item-icon", {}, () => [
+              h(C.$slots, "item-icon", {}, () => [
                 L.icon ? (m(), _(D, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : c("", !0)
+                }, null, 8, ["name"])) : O("", !0)
               ]),
-              L.onlyIcon ? c("", !0) : (m(), n("span", R3, w(L.title), 1))
+              L.onlyIcon ? O("", !0) : (m(), n("span", R3, w(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
-          f(C.$slots, "custom-seperator", {}, () => [
+          h(C.$slots, "custom-seperator", {}, () => [
             i !== C.items.length - 1 && V.seperator ? (m(), _(D, {
               key: 0,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["name"])) : c("", !0)
+            }, null, 8, ["name"])) : O("", !0)
           ])
         ]))), 128))
       ]);
@@ -9853,7 +9853,7 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
       M("update:perPage", d);
     }
     return (d, l) => (m(), n("div", {
-      class: p(["r-pagination", [`r-pagination--${C.position}`]])
+      class: f(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
       u("div", x3, [
         u("div", D3, [
@@ -9876,9 +9876,9 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
           disabled: C.page === 1,
           onClick: l[1] || (l[1] = (o) => e(1))
         }, [
-          f(d.$slots, "first", {}, () => [
+          h(d.$slots, "first", {}, () => [
             (m(), n("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": C.page === 1 }]),
+              class: f(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": C.page === 1 }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9896,9 +9896,9 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
           disabled: C.page === 1,
           onClick: l[2] || (l[2] = (o) => e(+C.page - 1))
         }, [
-          f(d.$slots, "prev", {}, () => [
+          h(d.$slots, "prev", {}, () => [
             (m(), n("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": C.page === 1 }]),
+              class: f(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": C.page === 1 }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9916,9 +9916,9 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
           disabled: C.page === L.value,
           onClick: l[3] || (l[3] = (o) => e(+C.page + 1))
         }, [
-          f(d.$slots, "next", {}, () => [
+          h(d.$slots, "next", {}, () => [
             (m(), n("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": C.page === L.value }]),
+              class: f(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": C.page === L.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9936,9 +9936,9 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
           disabled: C.page === L.value,
           onClick: l[4] || (l[4] = (o) => e(C.totalItems / C.perPage))
         }, [
-          f(d.$slots, "last", {}, () => [
+          h(d.$slots, "last", {}, () => [
             (m(), n("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": C.page === L.value }]),
+              class: f(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": C.page === L.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9995,7 +9995,7 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
     }
     return k1(`${w1}:select`, t), (d, l) => (m(), _(g2(A.value), null, {
       default: r1(() => [
-        f(d.$slots, "default", {
+        h(d.$slots, "default", {
           isSelected: e,
           select: t,
           selected: L.value
@@ -10019,7 +10019,7 @@ const c3 = ["aria-disabled", "aria-selected", "disabled"], O3 = {
     function e() {
       V.disabled || L(V.value, !0);
     }
-    return (t, d) => f(t.$slots, "default", {
+    return (t, d) => h(t.$slots, "default", {
       disabled: V.disabled,
       isSelected: M1(C)(V.value),
       select: e,