@rocketui/vue 0.2.53 → 0.2.55

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as t1, renderList as r1, normalizeClass as p, renderSlot as f, toDisplayString as v, createVNode as q, computed as g, createCommentVNode as O, mergeProps as H2, createBlock as E, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as p2, onMounted as V2, Teleport as O2, withCtx as k1, withDirectives as L2, withModifiers as A1, withKeys as U1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, normalizeStyle as N1, vShow as g2, resolveComponent as k2, provide as O1, resolveDynamicComponent as B2, inject as f1 } from "vue";
+import { defineComponent as x, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as t1, renderList as r1, normalizeClass as O, renderSlot as f, toDisplayString as v, createVNode as q, computed as g, createCommentVNode as p, mergeProps as H2, createBlock as E, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as O2, onMounted as V2, Teleport as p2, withCtx as k1, withDirectives as L2, withModifiers as A1, withKeys as U1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, normalizeStyle as N1, vShow as g2, resolveComponent as k2, provide as p1, resolveDynamicComponent as B2, inject as f1 } from "vue";
 const b2 = {
   mdiAbTesting: "M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z",
   mdiAbacus: "M5 5H7V11H5V5M10 5H8V11H10V5M5 19H7V13H5V19M10 13H8V19H10V17H15V15H10V13M2 21H4V3H2V21M20 3V7H13V5H11V11H13V9H20V15H18V13H16V19H18V17H20V21H22V3H20Z",
@@ -7337,7 +7337,7 @@ const b2 = {
     }
     return (i, L) => (m(!0), Z(t1, null, r1(C, (A, e) => (m(), Z("div", {
       key: e,
-      class: p(["r-accordion", {
+      class: O(["r-accordion", {
         "r-accordion--disabled": A.disabled
       }]),
       "data-state": A.open ? "opened" : "closed"
@@ -7397,7 +7397,7 @@ const b2 = {
       M("close");
     }
     return (e, d) => (m(), Z("div", {
-      class: p(i.value)
+      class: O(i.value)
     }, [
       S("div", x2, [
         f(e.$slots, "alert-icon", {}, () => [
@@ -7410,7 +7410,7 @@ const b2 = {
       S("div", D2, [
         f(e.$slots, "content", {}, () => [
           S("p", _2, v(C.title), 1),
-          C.description ? (m(), Z("p", E2, v(C.description), 1)) : O("", !0)
+          C.description ? (m(), Z("p", E2, v(C.description), 1)) : p("", !0)
         ])
       ]),
       C.closable ? (m(), Z("div", W2, [
@@ -7425,7 +7425,7 @@ const b2 = {
             onClick: A
           })
         ])
-      ])) : O("", !0)
+      ])) : p("", !0)
     ], 2));
   }
 }), z1 = "data:image/svg+xml,%3csvg%20width='27'%20height='28'%20viewBox='0%200%2027%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4993%2014C17.1827%2014%2020.166%2011.0167%2020.166%207.33334C20.166%203.65%2017.1827%200.666672%2013.4993%200.666672C9.81602%200.666672%206.83268%203.65%206.83268%207.33334C6.83268%2011.0167%209.81602%2014%2013.4993%2014ZM13.4993%2017.3333C9.04935%2017.3333%200.166016%2019.5667%200.166016%2024V25.6667C0.166016%2026.5833%200.916016%2027.3333%201.83268%2027.3333H25.166C26.0827%2027.3333%2026.8327%2026.5833%2026.8327%2025.6667V24C26.8327%2019.5667%2017.9493%2017.3333%2013.4993%2017.3333Z'%20fill='%234C5BE1'/%3e%3c/svg%3e", N2 = { class: "r-avatar__wrapper" }, I2 = ["alt", "src"], n0 = /* @__PURE__ */ x({
@@ -7449,15 +7449,15 @@ const b2 = {
     }
     return (A, e) => (m(), Z("div", N2, [
       S("div", {
-        class: p(C.value)
+        class: O(C.value)
       }, [
         V.type === "text" ? (m(), Z("p", {
           key: 0,
-          class: p(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
+          class: O(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
         }, v(L(V.text)), 3)) : (m(), Z("img", {
           key: 1,
           alt: V.alt,
-          class: p(["r-avatar__image", {
+          class: O(["r-avatar__image", {
             [`r-avatar__image--${V.size}`]: !0,
             "r-avatar__image--anonymous": M.value
           }]),
@@ -7466,10 +7466,10 @@ const b2 = {
       ], 2),
       V.online ? (m(), Z("span", {
         key: 0,
-        class: p(["r-avatar__online", {
+        class: O(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 2)) : O("", !0)
+      }, null, 2)) : p("", !0)
     ]));
   }
 }), Q2 = ["innerHTML"], r0 = /* @__PURE__ */ x({
@@ -7499,13 +7499,13 @@ const b2 = {
       [V.class]: V.class
     }));
     return (M, i) => (m(), Z("div", {
-      class: p(["r-badge-wrapper group", [V.wrapperClass]])
+      class: O(["r-badge-wrapper group", [V.wrapperClass]])
     }, [
       S("span", {
-        class: p([{ "animate-ping-2": V.animation }, C.value])
+        class: O([{ "animate-ping-2": V.animation }, C.value])
       }, null, 2),
       S("span", {
-        class: p(C.value),
+        class: O(C.value),
         innerHTML: V.content
       }, null, 10, Q2),
       f(M.$slots, "default")
@@ -7553,12 +7553,12 @@ const b2 = {
       }, () => [
         V.prependIcon ? (m(), E(D, {
           key: 0,
-          class: p(["r-button__prepend-icon", {
+          class: O(["r-button__prepend-icon", {
             "r-button__prepend-icon--only": V.icon
           }]),
           name: V.prependIcon,
           size: M.value
-        }, null, 8, ["class", "name", "size"])) : O("", !0)
+        }, null, 8, ["class", "name", "size"])) : p("", !0)
       ]),
       f(L.$slots, "default", { disabled: L.disabled }),
       f(L.$slots, "append", {
@@ -7569,7 +7569,7 @@ const b2 = {
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: M.value
-        }, null, 8, ["name", "size"])) : O("", !0)
+        }, null, 8, ["name", "size"])) : p("", !0)
       ])
     ], 16, G2));
   }
@@ -7645,7 +7645,7 @@ const b2 = {
           onChange: d
         }, null, 40, z2),
         S("div", {
-          class: p(e.value),
+          class: O(e.value),
           "data-disabled": C.disabled
         }, [
           q(D, {
@@ -7660,7 +7660,7 @@ const b2 = {
           "data-disabled": C.disabled,
           for: C.id
         }, v(C.label), 9, j2),
-        C.hideDetails ? O("", !0) : (m(), Z("div", X2, [
+        C.hideDetails ? p("", !0) : (m(), Z("div", X2, [
           C.errorMsg ? (m(), Z("p", Y2, v(C.errorMsg), 1)) : (m(), Z("p", J2, v(C.hint), 1))
         ]))
       ])
@@ -7695,7 +7695,7 @@ const b2 = {
     }
     const e = g(() => C.clearable ? "mdiClose" : C.appendIcon);
     return (d, t) => (m(), Z("div", {
-      class: p(i.value)
+      class: O(i.value)
     }, [
       S("div", {
         class: "r-chip__content",
@@ -7710,10 +7710,10 @@ const b2 = {
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : O("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : p("", !0)
         ]),
         S("span", {
-          class: p(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
+          class: O(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
         }, v(C.label), 3)
       ]),
       f(d.$slots, "append", {
@@ -7726,7 +7726,7 @@ const b2 = {
           name: e.value,
           size: 12,
           onClick: t[1] || (t[1] = (n) => A(n))
-        }, null, 8, ["aria-disabled", "name"])) : O("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : p("", !0)
       ])
     ], 2));
   }
@@ -8260,7 +8260,7 @@ async function c5(H, V) {
     y: l * n
   };
 }
-const p5 = function(H) {
+const O5 = function(H) {
   return H === void 0 && (H = 0), {
     name: "offset",
     options: H,
@@ -8276,7 +8276,7 @@ const p5 = function(H) {
       };
     }
   };
-}, O5 = function(H) {
+}, p5 = function(H) {
   return H === void 0 && (H = {}), {
     name: "shift",
     options: H,
@@ -8680,8 +8680,8 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
   !H || !V || E5(H, V, {
     placement: M,
     middleware: [
-      p5(i),
-      O5({ padding: L }),
+      O5(i),
+      p5({ padding: L }),
       u5({ element: C }),
       S5(),
       s5()
@@ -8780,7 +8780,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     }));
     return window.onresize = () => {
       C.resizable && B();
-    }, p2(
+    }, O2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(Y.Manual) ? d() : !C.shown && C.triggers.includes(Y.Manual) && t());
       },
@@ -8798,7 +8798,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         ref_key: "trigger",
         ref: i,
         "aria-disabled": C.disabled,
-        class: p(["r-tooltip-trigger", k.triggerClass]),
+        class: O(["r-tooltip-trigger", k.triggerClass]),
         onClick: r,
         onMouseenter: o,
         onMouseleave: l,
@@ -8819,12 +8819,12 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, null, 8, I5)
         ])
       ], 42, N5),
-      (m(), E(O2, { to: "body" }, [
+      (m(), E(p2, { to: "body" }, [
         S("div", {
           id: J(e),
           ref_key: "tooltip",
           ref: L,
-          class: p([w.value, k.tooltipClass]),
+          class: O([w.value, k.tooltipClass]),
           "data-show": "false",
           role: "tooltip"
         }, [
@@ -8834,21 +8834,21 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, () => [
             C.text ? (m(), Z("div", {
               key: 0,
-              class: p(["r-tooltip__content", {
+              class: O(["r-tooltip__content", {
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, v(C.text), 3)) : O("", !0),
+            }, v(C.text), 3)) : p("", !0),
             C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
               ref_key: "arrowElement",
               ref: A,
-              class: p(["r-tooltip__arrow", {
+              class: O(["r-tooltip__arrow", {
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 2)) : O("", !0)
+            }, null, 2)) : p("", !0)
           ])
         ], 10, Q5)
       ]))
@@ -8926,15 +8926,15 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         return;
       const s = document.getElementById(a);
       document.querySelectorAll(".r-dropdown--active").forEach((Q) => {
-        var p1;
-        Q.id !== ((p1 = r.value) == null ? void 0 : p1.id) && Q.classList.contains("r-dropdown--active") && (Q.childNodes.forEach((X) => {
+        var O1;
+        Q.id !== ((O1 = r.value) == null ? void 0 : O1.id) && Q.classList.contains("r-dropdown--active") && (Q.childNodes.forEach((X) => {
           X != null && X.classList && (Object == null || Object.values(X == null ? void 0 : X.classList).filter((F1) => F1.includes("--active")).forEach((F1) => {
             X == null || X.classList.remove(F1);
           }));
         }), Q.classList.remove("r-dropdown--active"));
       }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), A.value = !1, (T = r.value) == null || T.blur(), (c = o.value) == null || c.blur()) : (s == null || s.classList.add("r-dropdown--active"), A.value = !0, (_ = r.value) == null || _.focus(), ($ = o.value) == null || $.focus(), s == null || s.childNodes.forEach((Q) => {
-        Q != null && Q.classList && (Object == null || Object.values(Q == null ? void 0 : Q.classList).forEach((p1) => {
-          Q == null || Q.classList.add(`${p1}--active`);
+        Q != null && Q.classList && (Object == null || Object.values(Q == null ? void 0 : Q.classList).forEach((O1) => {
+          Q == null || Q.classList.add(`${O1}--active`);
         }));
       }));
     }
@@ -9040,7 +9040,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             id: T,
             ref_key: "dropdown",
             ref: r,
-            class: p(["r-dropdown", {
+            class: O(["r-dropdown", {
               "r-dropdown--disabled": C.disabled,
               "r-dropdown--loading": C.loading,
               [C.dropdownClass]: C.dropdownClass,
@@ -9052,7 +9052,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           }, [
             C.prependIcon || a.$slots.prepend ? (m(), Z("div", {
               key: 0,
-              class: p(["r-dropdown__prepend-icon", {
+              class: O(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": A.value,
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
@@ -9066,9 +9066,9 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 C.prependIcon ? (m(), E(D, {
                   key: 0,
                   name: C.prependIcon
-                }, null, 8, ["name"])) : O("", !0)
+                }, null, 8, ["name"])) : p("", !0)
               ])
-            ], 2)) : O("", !0),
+            ], 2)) : p("", !0),
             S("div", U5, [
               (m(!0), Z(t1, null, r1(L.value, (c, _) => f(a.$slots, "selection", {
                 key: _,
@@ -9092,7 +9092,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 ref: o,
                 "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value = c),
                 autocomplete: C.autocomplete,
-                class: p(["r-dropdown__input", {
+                class: O(["r-dropdown__input", {
                   "r-dropdown__input--loading": C.loading
                 }]),
                 disabled: C.disabled,
@@ -9121,10 +9121,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                   size: "18"
                 })
               ])
-            ], 8, q5)) : O("", !0),
+            ], 8, q5)) : p("", !0),
             C.appendIcon || a.$slots.append ? (m(), Z("div", {
               key: 2,
-              class: p(["r-dropdown__append-icon", {
+              class: O(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": A.value,
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
@@ -9138,21 +9138,21 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 C.appendIcon ? (m(), E(D, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : O("", !0)
+                }, null, 8, ["name"])) : p("", !0)
               ])
-            ], 2)) : O("", !0)
+            ], 2)) : p("", !0)
           ], 10, $5)
         ]),
         content: k1(({ hide: P, updatePosition: T }) => [
           S("ul", {
-            class: p(["r-dropdown-options", {
+            class: O(["r-dropdown-options", {
               "r-dropdown-options--active": A.value,
               [C.optionsClass]: C.optionsClass
             }])
           }, [
             C.showSelectAll && C.multiple && y.value.length > 0 ? (m(), Z("li", {
               key: 0,
-              class: p(["r-dropdown-options__option", {
+              class: O(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": L.value.length === y.value.length,
                 "r-dropdown-options__option--disabled": !1
               }]),
@@ -9163,17 +9163,17 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
               ]),
               L.value.length === y.value.length && !C.hideOptionCheckIcon ? (m(), E(D, {
                 key: 0,
-                class: p(["r-dropdown-options__option__append-icon", {
+                class: O(["r-dropdown-options__option__append-icon", {
                   "r-dropdown-options__option__append-icon--active": L.value.length === y.value.length
                 }]),
                 name: "mdiCheck"
-              }, null, 8, ["class"])) : O("", !0)
-            ], 10, j5)) : O("", !0),
-            C.showSelectAll && y.value.length > 0 ? (m(), Z("hr", J5)) : O("", !0),
+              }, null, 8, ["class"])) : p("", !0)
+            ], 10, j5)) : p("", !0),
+            C.showSelectAll && y.value.length > 0 ? (m(), Z("hr", J5)) : p("", !0),
             (m(!0), Z(t1, null, r1(y.value, (c) => (m(), Z("li", {
               key: c.value,
               "aria-disabled": c.disabled,
-              class: p(["r-dropdown-options__option", {
+              class: O(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": R(c),
                 "r-dropdown-options__option--disabled": c.disabled
               }]),
@@ -9181,7 +9181,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             }, [
               f(a.$slots, "option", {
                 disabled: c.disabled,
-                isSelected: R(c)
+                isSelected: R(c),
+                item: c
               }, () => [
                 S("div", H3, [
                   f(a.$slots, "option-prepend", {
@@ -9190,14 +9191,14 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                   }, () => [
                     c.prependIcon ? (m(), E(D, {
                       key: 0,
-                      class: p(["r-dropdown-options__option__prepend-icon", {
+                      class: O(["r-dropdown-options__option__prepend-icon", {
                         "r-dropdown-options__option__prepend-icon--active": R(c)
                       }]),
                       name: c.prependIcon
-                    }, null, 8, ["class", "name"])) : O("", !0)
+                    }, null, 8, ["class", "name"])) : p("", !0)
                   ]),
                   S("p", {
-                    class: p(["r-dropdown-options__option__label", {
+                    class: O(["r-dropdown-options__option__label", {
                       "r-dropdown-options__option__label--active": R(c)
                     }])
                   }, v(c.label), 3)
@@ -9208,11 +9209,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 }, () => [
                   R(c) && !C.hideOptionCheckIcon ? (m(), E(D, {
                     key: 0,
-                    class: p(["r-dropdown-options__option__append-icon", {
+                    class: O(["r-dropdown-options__option__append-icon", {
                       "r-dropdown-options__option__append-icon--active": R(c)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : O("", !0)
+                  }, null, 8, ["class"])) : p("", !0)
                 ])
               ])
             ], 10, C3))), 128)),
@@ -9220,14 +9221,14 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
               f(a.$slots, "not-options", {}, () => [
                 S1(v(C.noOptionsText), 1)
               ])
-            ])) : O("", !0)
+            ])) : p("", !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["tooltip-class"]),
-      a.$props.hideDetails ? O("", !0) : (m(), Z("div", L3, [
-        C.errorMsg ? (m(), Z("div", M3, v(C.errorMsg), 1)) : O("", !0),
-        C.hint ? (m(), Z("div", i3, v(C.hint), 1)) : O("", !0)
+      a.$props.hideDetails ? p("", !0) : (m(), Z("div", L3, [
+        C.errorMsg ? (m(), Z("div", M3, v(C.errorMsg), 1)) : p("", !0),
+        C.hint ? (m(), Z("div", i3, v(C.hint), 1)) : p("", !0)
       ]))
     ], 512));
   }
@@ -9293,12 +9294,12 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     }), window.addEventListener("keydown", (e) => {
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
     }), (e, d) => L2((m(), Z("div", {
-      class: p(["r-modal-overlay", e.overlayClass]),
+      class: O(["r-modal-overlay", e.overlayClass]),
       onClick: A1(A, ["stop"])
     }, [
       S("div", {
         "aria-modal": "true",
-        class: p(i.value),
+        class: O(i.value),
         open: C.modelValue,
         role: "dialog",
         style: N1(L.value)
@@ -9309,9 +9310,9 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             q(D, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : O("", !0),
-          C.title ? (m(), Z("div", o3, v(C.title), 1)) : O("", !0),
-          C.description ? (m(), Z("div", n3, v(C.description), 1)) : O("", !0)
+          ])) : p("", !0),
+          C.title ? (m(), Z("div", o3, v(C.title), 1)) : p("", !0),
+          C.description ? (m(), Z("div", n3, v(C.description), 1)) : p("", !0)
         ]),
         S("div", r3, [
           f(e.$slots, "default")
@@ -9337,11 +9338,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
   setup(H, { emit: V }) {
     const C = H, M = V;
     return (i, L) => (m(), Z("div", {
-      class: p(["r-sidebar__wrapper", [i.$props.wrapperClass]]),
+      class: O(["r-sidebar__wrapper", [i.$props.wrapperClass]]),
       "data-open": C.modelValue
     }, [
       S("aside", {
-        class: p(["r-sidebar", [C.class]]),
+        class: O(["r-sidebar", [C.class]]),
         "data-open": C.modelValue
       }, [
         f(i.$slots, "default", {
@@ -9350,7 +9351,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       ], 10, u3),
       C.showTrigger ? (m(), Z("div", {
         key: 0,
-        class: p(["r-sidebar__trigger", [C.triggerClass]]),
+        class: O(["r-sidebar__trigger", [C.triggerClass]]),
         "data-open": C.modelValue,
         onClick: L[0] || (L[0] = (A) => M("update:modelValue", !C.modelValue))
       }, [
@@ -9359,7 +9360,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         }, () => [
           S1(" > ")
         ])
-      ], 10, S3)) : O("", !0)
+      ], 10, S3)) : p("", !0)
     ], 10, Z3));
   }
 }), s3 = { class: "r-snackbar__text" }, s0 = /* @__PURE__ */ x({
@@ -9401,14 +9402,14 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       info: "mdiInformation"
     })[C.variant || "info"]);
     return (A, e) => (m(), Z("div", {
-      class: p(i.value)
+      class: O(i.value)
     }, [
       f(A.$slots, "icon", {}, () => [
         C.variant ? (m(), E(D, {
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : O("", !0)
+        }, null, 8, ["name"])) : p("", !0)
       ]),
       S("div", s3, [
         f(A.$slots, "default", {}, () => [
@@ -9426,10 +9427,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             size: 16
           })
         ])
-      ])) : O("", !0)
+      ])) : p("", !0)
     ], 2));
   }
-}), c3 = ["id", "checked", "disabled"], p3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), O3 = ["id", "for"], f3 = {
+}), c3 = ["id", "checked", "disabled"], O3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), p3 = ["id", "for"], f3 = {
   key: 0,
   class: "r-switch-texts__details"
 }, h3 = {
@@ -9475,13 +9476,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         immediate: !0
       }
     ), (e, d) => (m(), Z("div", {
-      class: p(["r-switch-container", {
+      class: O(["r-switch-container", {
         "r-switch-container--reverse": C.reverse,
         "r-switch-container--hide-details": C.hideDetails
       }])
     }, [
       S("div", {
-        class: p(L.value)
+        class: O(L.value)
       }, [
         S("input", {
           id: C.id,
@@ -9491,10 +9492,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           type: "checkbox",
           onChange: A
         }, null, 40, c3),
-        p3
+        O3
       ], 2),
       S("div", {
-        class: p(["r-switch-texts", {
+        class: O(["r-switch-texts", {
           [`r-switch-texts--${C.size}`]: !0
         }])
       }, [
@@ -9502,8 +9503,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           id: `${C.id}-label`,
           class: "r-switch-texts__label",
           for: C.id
-        }, v(C.label), 9, O3),
-        C.hideDetails ? O("", !0) : (m(), Z("div", f3, [
+        }, v(C.label), 9, p3),
+        C.hideDetails ? p("", !0) : (m(), Z("div", f3, [
           C.errorMsg ? (m(), Z("p", h3, v(C.errorMsg), 1)) : (m(), Z("p", g3, v(C.hint), 1))
         ]))
       ], 2)
@@ -9541,7 +9542,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
     return (d, t) => (m(), Z("button", {
       "aria-disabled": C.disabled,
       "aria-selected": A.value,
-      class: p(i.value),
+      class: O(i.value),
       disabled: C.disabled,
       style: N1(L.value),
       onClick: t[0] || (t[0] = A1((n) => e(C.id), ["stop"]))
@@ -9555,7 +9556,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : O("", !0)
+        }, null, 8, ["name"])) : p("", !0)
       ]),
       C.variant !== J(n1).ICON ? (m(), Z("span", B3, [
         f(d.$slots, "default", {
@@ -9563,7 +9564,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, () => [
           S1(v(C.label), 1)
         ])
-      ])) : O("", !0),
+      ])) : p("", !0),
       f(d.$slots, "append", {
         active: A.value,
         disabled: C.disabled
@@ -9573,11 +9574,11 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16
-        }, null, 8, ["name"])) : O("", !0)
+        }, null, 8, ["name"])) : p("", !0)
       ])
     ], 14, k3));
   }
-}), p0 = /* @__PURE__ */ x({
+}), O0 = /* @__PURE__ */ x({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -9606,10 +9607,10 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         immediate: !0
       }
     ), (A, e) => (m(), Z("div", {
-      class: p(L.value)
+      class: O(L.value)
     }, [
       S("div", {
-        class: p(["flex", [{
+        class: O(["flex", [{
           "w-full": C.block,
           "overflow-x-auto": C.scrollable,
           "gap-0.5": C.tile
@@ -9643,7 +9644,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
 }, T3 = {
   key: 1,
   class: "r-textarea__hint"
-}, O0 = /* @__PURE__ */ x({
+}, p0 = /* @__PURE__ */ x({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -9678,7 +9679,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : O("", !0),
+      }, null, 8, ["id", "text"])) : p("", !0),
       S("textarea", H2(A.$attrs, {
         id: C.id,
         class: ["r-textarea", {
@@ -9690,7 +9691,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         value: i.value,
         onInput: L
       }), null, 16, v3),
-      C.hideDetails ? O("", !0) : (m(), Z("div", y3, [
+      C.hideDetails ? p("", !0) : (m(), Z("div", y3, [
         C.errorMsg ? (m(), Z("p", P3, v(C.errorMsg), 1)) : (m(), Z("p", T3, v(C.hint), 1))
       ]))
     ]));
@@ -9824,10 +9825,10 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         for: C.id,
         text: C.label,
         onClick: W
-      }, null, 8, ["id", "for", "text"])) : O("", !0),
+      }, null, 8, ["id", "for", "text"])) : p("", !0),
       S("div", R3, [
         S("div", {
-          class: p(l.value)
+          class: O(l.value)
         }, [
           f(h.$slots, "prepend", {
             disabled: C.disabled,
@@ -9836,10 +9837,10 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
           }, () => [
             w.value ? (m(), E(D, {
               key: 0,
-              class: p(u.value),
+              class: O(u.value),
               name: w.value,
               size: 20
-            }, null, 8, ["class", "name"])) : O("", !0)
+            }, null, 8, ["class", "name"])) : p("", !0)
           ]),
           S("input", {
             id: C.id,
@@ -9864,16 +9865,16 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
           }, () => [
             k.value && !h.$slots.append || r.value ? (m(), E(D, {
               key: 0,
-              class: p(B.value),
+              class: O(B.value),
               name: `${k.value}`,
               size: 20,
               onClick: y
-            }, null, 8, ["class", "name"])) : O("", !0)
+            }, null, 8, ["class", "name"])) : p("", !0)
           ])
         ], 2),
-        C.hideDetails ? O("", !0) : (m(), Z("div", D3, [
-          C.errorMsg ? (m(), Z("p", _3, v(C.errorMsg), 1)) : O("", !0),
-          !C.errorMsg && C.hint ? (m(), Z("p", E3, v(C.hint), 1)) : O("", !0)
+        C.hideDetails ? p("", !0) : (m(), Z("div", D3, [
+          C.errorMsg ? (m(), Z("p", _3, v(C.errorMsg), 1)) : p("", !0),
+          !C.errorMsg && C.hint ? (m(), Z("p", E3, v(C.hint), 1)) : p("", !0)
         ]))
       ])
     ]));
@@ -9905,9 +9906,9 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
                 L.icon ? (m(), E(D, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : O("", !0)
+                }, null, 8, ["name"])) : p("", !0)
               ]),
-              L.onlyIcon ? O("", !0) : (m(), Z("span", N3, v(L.title), 1))
+              L.onlyIcon ? p("", !0) : (m(), Z("span", N3, v(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9916,7 +9917,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
               key: 0,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["name"])) : O("", !0)
+            }, null, 8, ["name"])) : p("", !0)
           ])
         ]))), 128))
       ]);
@@ -9986,7 +9987,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       M("update:perPage", 10);
     }
     return (o, l) => (m(), Z("div", {
-      class: p(["r-pagination", [`r-pagination--${C.position}`]])
+      class: O(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
       S("div", I3, [
         S("div", Q3, [
@@ -10011,7 +10012,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "first", {}, () => [
             (m(), Z("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": t.value }]),
+              class: O(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10031,7 +10032,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "prev", {}, () => [
             (m(), Z("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": t.value }]),
+              class: O(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10051,7 +10052,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "next", {}, () => [
             (m(), Z("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
+              class: O(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10071,7 +10072,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         }, [
           f(o.$slots, "last", {}, () => [
             (m(), Z("svg", {
-              class: p(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
+              class: O(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10118,19 +10119,19 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V, i = N(C.as ?? "div"), L = N(C.modelValue), A = g(() => C.selectedClass);
-    O1(`${h1}:selectedClass`, A.value);
+    p1(`${h1}:selectedClass`, A.value);
     function e(n) {
       return L.value.includes(n);
     }
-    O1(`${h1}:isSelected`, e);
+    p1(`${h1}:isSelected`, e);
     function d(n, r) {
       C.disabled || C.mandatory && L.value.length === 1 && !r || C.max && L.value.length === C.max && r || (C.multiple ? r ? L.value.push(n) : L.value = L.value.filter((o) => o !== n) : L.value = n ? [n] : [], M("update:modelValue", L.value));
     }
-    O1(`${h1}:select`, d);
+    p1(`${h1}:select`, d);
     function t() {
       return C.disabled;
     }
-    return O1(`${h1}:isDisabled`, t), G(() => C.modelValue, () => {
+    return p1(`${h1}:isDisabled`, t), G(() => C.modelValue, () => {
       L.value = C.modelValue;
     }), (n, r) => (m(), E(B2(i.value), null, {
       default: k1(() => [
@@ -10187,8 +10188,8 @@ export {
   s0 as RSnackbar,
   c0 as RSwitch,
   b3 as RTabItem,
-  p0 as RTabs,
-  O0 as RTextArea,
+  O0 as RTabs,
+  p0 as RTextArea,
   f0 as RTextfield,
   G5 as RTooltip
 };