@rocketui/vue 0.2.37 → 0.2.38

package/dist/rocket-ui-vue.d.ts

@@ -2012,9 +2012,9 @@ export declare const RAlert: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_Wit
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "success" | "warning" | "info" | "error";
+    type: "success" | "error" | "warning" | "info";
     title: string;
-    variant: "outline" | "ghost" | "solid";
+    variant: "solid" | "outline" | "ghost";
     block: boolean;
     description: string;
     closable: boolean;
@@ -2045,9 +2045,9 @@ export declare const RAvatar: DefineComponent<__VLS_WithDefaults_2<__VLS_TypePro
     size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
     type: "image" | "text";
     text: string;
-    online: boolean;
     src: string;
     alt: string;
+    online: boolean;
 }, {}>;
 
 export declare const RBadge: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_4<BadgeProps>, {
@@ -2078,11 +2078,11 @@ export declare const RBadge: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_Wit
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     class: string | string[];
-    variant: "primary" | "success" | "warning" | "error" | "neutral";
-    hover: boolean;
-    placement: "bottom" | "left" | "right";
+    variant: "success" | "error" | "warning" | "primary" | "neutral";
     content: string;
+    placement: "right" | "bottom" | "left";
     overlap: boolean;
+    hover: boolean;
     outside: boolean;
     animation: boolean;
     contentClass: string | string[];
@@ -2138,13 +2138,13 @@ export declare const RButton: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_Wi
 }, {
     height: string;
     size: ButtonSize;
+    icon: boolean;
     variant: ButtonType;
-    loading: boolean;
-    disabled: boolean;
     prependIcon: string;
     appendIcon: string;
-    icon: boolean;
+    disabled: boolean;
     block: boolean;
+    loading: boolean;
 }, {}>, {
     prepend?(_: {
         onlyIcon: boolean;
@@ -2179,12 +2179,12 @@ export declare const RCheckbox: DefineComponent<__VLS_WithDefaults_5<__VLS_TypeP
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean | "true" | "false";
     id: string | undefined;
+    disabled: boolean | "true" | "false";
     modelValue: any[] | Set<any> | (boolean | "true" | "false");
-    errorMsg: string;
-    hint: string;
     indeterminate: boolean;
+    hint: string;
+    errorMsg: string;
 }, {}>;
 
 export declare const RChip: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_7<Props_4>, {
@@ -2213,10 +2213,10 @@ export declare const RChip: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_With
     "onClick:close"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string | number;
-    variant: "primary" | "secondary" | "success" | "warning" | "info" | "error";
-    disabled: boolean;
+    variant: "success" | "error" | "warning" | "info" | "primary" | "secondary";
     prependIcon: string;
     appendIcon: string;
+    disabled: boolean;
     ghost: boolean;
     clearable: boolean;
     noWrap: boolean;
@@ -2282,15 +2282,17 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
-    disabled: boolean;
+    id: string;
     prependIcon: string;
     appendIcon: string;
-    options: any;
-    tooltipClass: string;
-    id: string;
+    disabled: boolean;
     modelValue: any;
+    loading: boolean;
+    errorMsg: string;
+    hideDetails: boolean;
     clearable: boolean;
+    options: any;
+    tooltipClass: string;
     placeholder: string;
     chips: boolean;
     multiple: boolean;
@@ -2298,8 +2300,6 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     closeOnSelect: boolean;
     dropdownClass: string;
     optionsClass: string;
-    errorMsg: string;
-    hideDetails: boolean;
     autocomplete: "on" | "off";
     noOptionsText: string;
     hideOptionCheckIcon: boolean;
@@ -2425,10 +2425,10 @@ export declare const RItemGroup: __VLS_WithTemplateSlots_17<DefineComponent<__VL
 }, {
     disabled: boolean;
     modelValue: string[] | number[];
-    max: number;
     as: string;
     selectedClass: string | string[];
     mandatory: boolean;
+    max: number;
 }, {}>, {
     default?(_: {
         isSelected: typeof isSelected;
@@ -2490,10 +2490,10 @@ export declare const RModal: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_Wit
     title: string;
     class: string | string[];
     icon: string;
-    block: boolean;
-    outsideClick: boolean;
     modelValue: boolean;
+    block: boolean;
     description: string;
+    outsideClick: boolean;
     overlayClass: string | string[];
     allowBodyScroll: boolean;
 }, {}>, {
@@ -2602,9 +2602,9 @@ export declare const RSnackbar: __VLS_WithTemplateSlots_10<DefineComponent<__VLS
     onAction?: ((...args: any[]) => any) | undefined;
 }, {
     text: string;
-    left: boolean;
     modelValue: boolean;
     closable: boolean;
+    left: boolean;
     timeout: number;
 }, {}>, {
     icon?(_: {}): any;
@@ -2635,11 +2635,11 @@ export declare const RSwitch: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePr
 }, {
     size: "small" | "medium" | "large";
     label: string;
-    disabled: boolean | "true" | "false";
     id: string | undefined;
+    disabled: boolean | "true" | "false";
     modelValue: any[] | Set<any> | (boolean | "true" | "false");
-    errorMsg: string;
     hint: string;
+    errorMsg: string;
 }, {}>;
 
 export declare const RTabItem: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_15<IProps_4>, {
@@ -2654,7 +2654,6 @@ export declare const RTabItem: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_
     color: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-    "click:icon": (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_15<IProps_4>, {
     label: string;
     variant: TabItemVariants;
@@ -2667,17 +2666,16 @@ export declare const RTabItem: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_
     color: string;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onClick:icon"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     variant: TabItemVariant;
-    color: string;
-    disabled: boolean;
     prependIcon: string;
     appendIcon: string;
-    block: boolean;
+    disabled: boolean;
     modelValue: string | number;
     tile: boolean;
+    block: boolean;
+    color: string;
 }, {}>, {
     prepend?(_: {
         active: boolean;
@@ -2709,9 +2707,9 @@ export declare const RTabs: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_Wit
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    block: boolean;
     modelValue: string | number;
     tile: boolean;
+    block: boolean;
     tabs: Tab[];
     scrollable: boolean;
 }, {}>, {
@@ -2742,12 +2740,12 @@ export declare const RTextArea: DefineComponent<__VLS_WithDefaults_16<__VLS_Type
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean | "true" | "false";
     id: string | undefined;
+    disabled: boolean | "true" | "false";
     modelValue: any;
-    placeholder: string;
-    errorMsg: string;
     hint: string;
+    errorMsg: string;
+    placeholder: string;
 }, {}>;
 
 export declare const RTextfield: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_18<Props_6>, {
@@ -2769,9 +2767,9 @@ export declare const RTextfield: __VLS_WithTemplateSlots_13<DefineComponent<__VL
     readonly: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     input: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
     "click:icon": (...args: any[]) => void;
     "click:clear": (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_18<Props_6>, {
@@ -2801,18 +2799,18 @@ export declare const RTextfield: __VLS_WithTemplateSlots_13<DefineComponent<__VL
 }, {
     type: "number" | "text" | "email" | "password" | "tel" | "url";
     label: string;
-    loading: boolean;
-    disabled: boolean;
+    id: string | undefined;
     prependIcon: string;
     appendIcon: string;
-    id: string | undefined;
-    role: string;
+    disabled: boolean;
     modelValue: any;
-    clearable: boolean;
-    placeholder: string;
-    errorMsg: string;
+    loading: boolean;
     hint: string;
+    errorMsg: string;
     hideDetails: boolean;
+    clearable: boolean;
+    role: string;
+    placeholder: string;
     readonly: boolean;
 }, {}>, {
     prepend?(_: {

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as a1, Fragment as i1, renderList as l1, normalizeClass as c, renderSlot as O, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as f, mergeProps as j1, createBlock as _, watch as $, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as f1, withDirectives as Y1, withModifiers as o1, withKeys as N1, vModelText as c2, createTextVNode as Z1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, resolveComponent as f2, provide as s1, resolveDynamicComponent as h2, inject as c1 } from "vue";
+import { defineComponent as F, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as a1, Fragment as i1, renderList as l1, normalizeClass as c, renderSlot as O, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as f, mergeProps as j1, createBlock as _, watch as Q, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as f1, withDirectives as Y1, withModifiers as o1, withKeys as N1, vModelText as c2, createTextVNode as Z1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, resolveComponent as f2, provide as s1, resolveDynamicComponent as h2, inject as c1 } from "vue";
 const g2 = {
   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",
@@ -7613,7 +7613,7 @@ const g2 = {
     function d(t) {
       C.disabled || (A.checked = t.target.checked, A.indeterminate = !1, M("update:modelValue", A.checked));
     }
-    return $(
+    return Q(
       () => C.indeterminate,
       (t) => {
         A.indeterminate = t, t === !0 && (A.checked = !1, M("update:modelValue", A.checked));
@@ -7623,7 +7623,7 @@ const g2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), $(
+    ), Q(
       () => C.modelValue,
       (t) => {
         A.checked = t;
@@ -7758,7 +7758,7 @@ function P1(...H) {
   Array.isArray(C) || (C = [C]), Array.isArray(M) || (M = [M]);
   const L = [], i = () => {
     L.forEach((l) => l()), L.length = 0;
-  }, e = (l, o, r, a) => (l.addEventListener(o, r, a), () => l.removeEventListener(o, r, a)), d = $(
+  }, e = (l, o, r, a) => (l.addEventListener(o, r, a), () => l.removeEventListener(o, r, a)), d = Q(
     () => [t1(V), J1(A)],
     ([l, o]) => {
       if (i(), !l)
@@ -8085,9 +8085,9 @@ const n5 = (H) => ({
     const o = L2(l), r = {
       x: C,
       y: M
-    }, a = E1(A), u = D1(a), k = await i.getDimensions(t), B = a === "y", y = B ? "top" : "left", P = B ? "bottom" : "right", v = B ? "clientHeight" : "clientWidth", T = L.reference[u] + L.reference[a] - r[a] - L.floating[u], R = r[a] - L.reference[a], Q = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
-    let I = Q ? Q[v] : 0;
-    (!I || !await (i.isElement == null ? void 0 : i.isElement(Q))) && (I = e.floating[v] || L.floating[u]);
+    }, a = E1(A), u = D1(a), k = await i.getDimensions(t), B = a === "y", y = B ? "top" : "left", P = B ? "bottom" : "right", v = B ? "clientHeight" : "clientWidth", T = L.reference[u] + L.reference[a] - r[a] - L.floating[u], R = r[a] - L.reference[a], G = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
+    let I = G ? G[v] : 0;
+    (!I || !await (i.isElement == null ? void 0 : i.isElement(G))) && (I = e.floating[v] || L.floating[u]);
     const p = T / 2 - R / 2, N = I / 2 - k[u] / 2 - 1, n = n1(o[y], N), h = n1(o[P], N), b = n, E = I - k[u] - h, s = I / 2 - k[u] / 2 + p, x = T1(b, s, E), U = !d.arrow && u1(A) != null && s != x && L.reference[u] / 2 - (s < b ? n : h) - k[u] / 2 < 0, j = U ? s < b ? s - b : s - E : 0;
     return {
       [a]: r[a] + j,
@@ -8127,11 +8127,11 @@ const n5 = (H) => ({
         return {};
       const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), T = r || (P || !k ? [g1(e)] : d5(e));
       !r && u !== "none" && T.push(...m5(e, k, u, v));
-      const R = [e, ...T], Q = await B1(V, B), I = [];
+      const R = [e, ...T], G = await B1(V, B), I = [];
       let p = ((M = L.flip) == null ? void 0 : M.overflows) || [];
-      if (l && I.push(Q[y]), o) {
+      if (l && I.push(G[y]), o) {
         const b = e5(A, i, v);
-        I.push(Q[b[0]], Q[b[1]]);
+        I.push(G[b[0]], G[b[1]]);
       }
       if (p = [...p, {
         placement: A,
@@ -8326,7 +8326,7 @@ const u5 = function(H) {
 function C1(H) {
   return M2(H) ? (H.nodeName || "").toLowerCase() : "#document";
 }
-function G(H) {
+function $(H) {
   var V;
   return (H == null || (V = H.ownerDocument) == null ? void 0 : V.defaultView) || window;
 }
@@ -8335,16 +8335,16 @@ function H1(H) {
   return (V = (M2(H) ? H.ownerDocument : H.document) || window.document) == null ? void 0 : V.documentElement;
 }
 function M2(H) {
-  return H instanceof Node || H instanceof G(H).Node;
+  return H instanceof Node || H instanceof $(H).Node;
 }
 function Y(H) {
-  return H instanceof Element || H instanceof G(H).Element;
+  return H instanceof Element || H instanceof $(H).Element;
 }
 function q(H) {
-  return H instanceof HTMLElement || H instanceof G(H).HTMLElement;
+  return H instanceof HTMLElement || H instanceof $(H).HTMLElement;
 }
 function z1(H) {
-  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof G(H).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof $(H).ShadowRoot;
 }
 function S1(H) {
   const {
@@ -8378,7 +8378,7 @@ function w1(H) {
   return ["html", "body", "#document"].includes(C1(H));
 }
 function z(H) {
-  return G(H).getComputedStyle(H);
+  return $(H).getComputedStyle(H);
 }
 function y1(H) {
   return Y(H) ? {
@@ -8408,7 +8408,7 @@ function A2(H) {
 function R1(H, V, C) {
   var M;
   V === void 0 && (V = []), C === void 0 && (C = !0);
-  const A = A2(H), L = A === ((M = H.ownerDocument) == null ? void 0 : M.body), i = G(A);
+  const A = A2(H), L = A === ((M = H.ownerDocument) == null ? void 0 : M.body), i = $(A);
   return L ? V.concat(i, i.visualViewport || [], S1(A) ? A : [], i.frameElement && C ? R1(i.frameElement) : []) : V.concat(A, R1(A, [], C));
 }
 function i2(H) {
@@ -8441,14 +8441,14 @@ function A1(H) {
 }
 const O5 = /* @__PURE__ */ J(0);
 function d2(H) {
-  const V = G(H);
+  const V = $(H);
   return !W1() || !V.visualViewport ? O5 : {
     x: V.visualViewport.offsetLeft,
     y: V.visualViewport.offsetTop
   };
 }
 function p5(H, V, C) {
-  return V === void 0 && (V = !1), !C || V && C !== G(H) ? !1 : V;
+  return V === void 0 && (V = !1), !C || V && C !== $(H) ? !1 : V;
 }
 function r1(H, V, C, M) {
   V === void 0 && (V = !1), C === void 0 && (C = !1);
@@ -8458,11 +8458,11 @@ function r1(H, V, C, M) {
   const e = p5(L, C, M) ? d2(L) : J(0);
   let d = (A.left + e.x) / i.x, t = (A.top + e.y) / i.y, l = A.width / i.x, o = A.height / i.y;
   if (L) {
-    const r = G(L), a = M && Y(M) ? G(M) : M;
+    const r = $(L), a = M && Y(M) ? $(M) : M;
     let u = r.frameElement;
     for (; u && M && a !== r; ) {
       const k = A1(u), B = u.getBoundingClientRect(), y = z(u), P = B.left + (u.clientLeft + parseFloat(y.paddingLeft)) * k.x, v = B.top + (u.clientTop + parseFloat(y.paddingTop)) * k.y;
-      d *= k.x, t *= k.y, l *= k.x, o *= k.y, d += P, t += v, u = G(u).frameElement;
+      d *= k.x, t *= k.y, l *= k.x, o *= k.y, d += P, t += v, u = $(u).frameElement;
     }
   }
   return k1({
@@ -8515,7 +8515,7 @@ function g5(H) {
   };
 }
 function k5(H, V) {
-  const C = G(H), M = H1(H), A = C.visualViewport;
+  const C = $(H), M = H1(H), A = C.visualViewport;
   let L = M.clientWidth, i = M.clientHeight, e = 0, d = 0;
   if (A) {
     L = A.width, i = A.height;
@@ -8618,7 +8618,7 @@ function q1(H, V) {
   return !q(H) || z(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
 }
 function l2(H, V) {
-  const C = G(H);
+  const C = $(H);
   if (!q(H))
     return C;
   let M = q1(H, V);
@@ -8759,8 +8759,8 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
       C.triggers.includes(X.Hover) && u();
     }
     function u(B) {
-      const { placement: y, offset: P, padding: v, disabled: T, showDelay: R, type: Q } = C;
-      T || x5(A, L, i, y, P, v, R, Q);
+      const { placement: y, offset: P, padding: v, disabled: T, showDelay: R, type: G } = C;
+      T || x5(A, L, i, y, P, v, R, G);
     }
     const k = g(() => ({
       "r-tooltip": !0,
@@ -8959,7 +8959,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
       var h;
       return !n || (n == null ? void 0 : n.value) === void 0 || (n == null ? void 0 : n.value) === null ? !1 : C.multiple ? L.value.find((b) => (b == null ? void 0 : b.value) === (n == null ? void 0 : n.value)) : ((h = A.value) == null ? void 0 : h.value) === (n == null ? void 0 : n.value);
     }
-    const R = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), Q = g(() => !C.searchable);
+    const R = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), G = g(() => !C.searchable);
     function I() {
       l.value ? C.multiple ? L.value = l.value : (A.value = l.value, e.value = l.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
@@ -8975,9 +8975,9 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
     }
     return X1(() => {
       I(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
-    }), $(L, (n) => {
+    }), Q(L, (n) => {
       M("update:modelValue", n);
-    }), $(() => l.value, (n) => {
+    }), Q(() => l.value, (n) => {
       I();
     }), (n, h) => (m(), Z("div", {
       ref_key: "wrapper",
@@ -9057,7 +9057,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
                 }]),
                 disabled: C.disabled,
                 placeholder: C.placeholder,
-                readonly: Q.value,
+                readonly: G.value,
                 role: "presentation",
                 type: "text",
                 onInput: o1((s) => p(E), ["prevent"]),
@@ -9316,7 +9316,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   emits: ["action", "update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    $(
+    Q(
       () => C.modelValue,
       () => {
         C.timeout > 0 && C.modelValue && setTimeout(() => {
@@ -9404,7 +9404,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
     function i(e) {
       C.disabled || (A.checked = e.target.checked, M("update:modelValue", A.checked));
     }
-    return $(
+    return Q(
       () => C.modelValue,
       (e) => {
         A.checked = e;
@@ -9465,7 +9465,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     block: { type: Boolean, default: !1 },
     color: { default: "" }
   },
-  emits: ["update:modelValue", "click:icon"],
+  emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V, A = g(() => ({
       "r-tab-item": !0,
@@ -9474,20 +9474,20 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       "r-tab-item--block": C.block
     })), L = g(() => ({
       color: C.color
-    }));
-    function i(e) {
-      M("update:modelValue", e);
+    })), i = g(() => C.modelValue === C.id);
+    function e(d) {
+      M("update:modelValue", d);
     }
-    return (e, d) => (m(), Z("button", {
+    return (d, t) => (m(), Z("button", {
       "aria-disabled": C.disabled,
-      "aria-selected": C.modelValue === C.id,
+      "aria-selected": i.value,
       class: c(A.value),
       disabled: C.disabled,
       style: x1(L.value),
-      onClick: d[0] || (d[0] = o1((t) => i(C.id), ["stop"]))
+      onClick: t[0] || (t[0] = o1((l) => e(C.id), ["stop"]))
     }, [
-      O(e.$slots, "prepend", {
-        active: C.modelValue === C.id,
+      O(d.$slots, "prepend", {
+        active: i.value,
         disabled: C.disabled
       }, () => [
         C.variant !== V1(m1).TEXT && C.prependIcon ? (m(), _(D, {
@@ -9498,14 +9498,14 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         }, null, 8, ["name"])) : f("", !0)
       ]),
       C.variant !== V1(m1).ICON ? (m(), Z("span", S3, [
-        O(e.$slots, "default", {
+        O(d.$slots, "default", {
           label: C.label
         }, () => [
           Z1(w(C.label), 1)
         ])
       ])) : f("", !0),
-      O(e.$slots, "append", {
-        active: C.modelValue === C.id,
+      O(d.$slots, "append", {
+        active: i.value,
         disabled: C.disabled
       }, () => [
         C.variant !== V1(m1).TEXT && C.appendIcon ? (m(), _(D, {
@@ -9532,11 +9532,19 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
-    return $(
+    return Q(
       () => A.value,
       () => {
         M("update:modelValue", A.value);
       }
+    ), Q(
+      () => C.modelValue,
+      () => {
+        A.value = C.modelValue;
+      },
+      {
+        immediate: !0
+      }
     ), (i, e) => (m(), Z("div", {
       class: c(L.value)
     }, [
@@ -9595,7 +9603,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     function L(i) {
       M("update:modelValue", i.target.value);
     }
-    return $(
+    return Q(
       () => C.modelValue,
       (i) => {
         A.value = i;
@@ -9723,16 +9731,16 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       }
       M("click:icon", {
         value: i.value === "number" ? +L.value : L.value
-      }), C.type === "password" && Q();
+      }), C.type === "password" && G();
     }
-    function Q() {
+    function G() {
       i.value = i.value === "password" ? "text" : "password";
     }
     function I() {
       var p;
       (p = A.value) == null || p.focus();
     }
-    return $(
+    return Q(
       () => C.modelValue,
       (p) => {
         L.value = p;
@@ -9740,7 +9748,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       {
         immediate: !0
       }
-    ), $(
+    ), Q(
       () => L.value,
       (p) => {
         M(
@@ -9901,7 +9909,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
     }));
-    $(() => i.value, () => {
+    Q(() => i.value, () => {
       M("update:info", i.value);
     });
     function e(t) {
@@ -10055,7 +10063,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     function t() {
       return C.disabled;
     }
-    return s1(`${O1}:isDisabled`, t), $(() => C.modelValue, () => {
+    return s1(`${O1}:isDisabled`, t), Q(() => C.modelValue, () => {
       L.value = C.modelValue;
     }), (l, o) => (m(), _(h2(A.value), null, {
       default: f1(() => [