@ironsource/shared-ui 2.1.10-rc.4 → 2.1.10

package/components/popover/v4/index.d.ts

@@ -10,8 +10,8 @@ declare const PopoverTypes: () => ({
             distance: number;
             popperClass: string;
             autoHide: boolean;
-            skidding: number;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
+            skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -37,15 +37,17 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & {
+            onIsOpen?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -57,7 +59,7 @@ declare const PopoverTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "isOpen", value: boolean) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             testId: {
@@ -84,23 +86,27 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & {
+            onIsOpen?: (value: boolean) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            isOpen: (value: boolean) => void;
+        }, string, {
             testId: string;
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
             popperClass: string;
             autoHide: boolean;
-            skidding: number;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
+            skidding: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -146,15 +152,17 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>> & {
+        onIsOpen?: (value: boolean) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -183,23 +191,27 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    skidding: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     trigger: {
         type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
         default: string;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    onIsOpen?: (value: boolean) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    isOpen: (value: boolean) => void;
+}, string, {
     testId: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;
     popperClass: string;
     autoHide: boolean;
-    skidding: number;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
+    skidding: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         trigger?(_: {}): any;

package/components/radioButton/v3/RadioButton.vue.d.ts

@@ -13,8 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     modelValue: any;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     name?: string;

package/components/radioButton/v3/RadioGroup.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     row: boolean;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     name?: string;
     disabled?: boolean;

package/components/radioButton/v3/index.d.ts

@@ -52,7 +52,7 @@ declare const RadioButtonTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -84,8 +84,8 @@ declare const RadioButtonTypes: () => (({
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
         }, string, {
             name: string;
             label: string;
@@ -176,8 +176,8 @@ declare const RadioButtonTypes: () => (({
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, {
     name: string;
     label: string;
@@ -234,7 +234,7 @@ declare const RadioButtonTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -261,8 +261,8 @@ declare const RadioButtonTypes: () => (({
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
         }, string, {
             name: string;
             testId: string;
@@ -341,8 +341,8 @@ declare const RadioButtonTypes: () => (({
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, {
     name: string;
     testId: string;

package/components/radioButton/v4/RadioButtonV4.vue.d.ts

@@ -12,8 +12,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     labelDescription: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value: unknown;
     label: string;

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButtonV4.vue2.js";
 /* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_aafd69f5_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aafd69f5"]]);
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05c7bca2"]]);
 export {
   s as default
 };

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_aafd69f5_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import { radioGroupKey as G } from "../common/useRadio.js";
 import { RadioTestIdModifiers as r } from "../../../testids/index.js";

package/components/radioButton/v4/RadioGroupV4.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     row: boolean;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     name?: string;
     disabled?: boolean;

package/components/radioButton/v4/index.d.ts

@@ -51,7 +51,7 @@ declare const RadioButtonTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             value: {
@@ -83,8 +83,8 @@ declare const RadioButtonTypes: () => (({
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
         }, string, {
             name: string;
             label: string;
@@ -174,8 +174,8 @@ declare const RadioButtonTypes: () => (({
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, {
     name: string;
     label: string;
@@ -231,7 +231,7 @@ declare const RadioButtonTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "change", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -258,8 +258,8 @@ declare const RadioButtonTypes: () => (({
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
         }, string, {
             name: string;
             testId: string;
@@ -338,8 +338,8 @@ declare const RadioButtonTypes: () => (({
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, {
     name: string;
     testId: string;

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -4,6 +4,7 @@ import "../../icon/v4/IconFlag.vue.js";
 import D from "../../button/v4/ButtonV4.vue.js";
 import H from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import S from "../../typography/v4/Typography.vue.js";
 import { snackbarCommon as F } from "../common/snackbar.common.js";
 import { useTestIdAttrs as G } from "../../../utils/testIds.js";
@@ -11,7 +12,7 @@ import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
 const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
   key: 0,
   class: "actions"
-}, Q = { class: "close-button-wrapper" }, ie = /* @__PURE__ */ M({
+}, Q = { class: "close-button-wrapper" }, ae = /* @__PURE__ */ M({
   __name: "SnackbarV4",
   props: {
     customClass: null,
@@ -34,8 +35,8 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
   setup(t) {
     const u = t, {
       visible: b,
-      horizontalClass: w,
-      positionStyle: p,
+      horizontalClass: p,
+      positionStyle: w,
       clearTimer: k,
       startTimer: C,
       close: L
@@ -61,8 +62,8 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
       default: f(() => [
         g(a("div", l({
           id: t.id,
-          class: ["snackbar light-theme-v4", [t.customClass, e(w)]],
-          style: e(p),
+          class: ["snackbar light-theme-v4", [t.customClass, e(p)]],
+          style: e(w),
           role: "alert"
         }, e(r)[e(i).CONTAINER], {
           onMouseenter: o[0] || (o[0] = //@ts-ignore
@@ -136,5 +137,5 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
   }
 });
 export {
-  ie as default
+  ae as default
 };

package/components/sortableList/SortableItem.vue.d.ts

@@ -42,8 +42,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onToggle?: (value: boolean) => any;
     onSelectChild?: (childItem: SortableListItem) => any;
 }, {
-    index: number;
     isOpen: boolean;
+    index: number;
     isSelected: boolean;
     searchQuery: string;
     selectedChildId: string | number;

package/components/switch/v3/index.d.ts

@@ -14,14 +14,14 @@ declare const SwitchTypes: () => ({
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
-            options: {
-                type: import("vue").PropType<string[]>;
-                required: true;
-            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
+            options: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
         }>> & {
             "onUpdate:modelValue"?: (...args: any[]) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "size">;
@@ -47,14 +47,14 @@ declare const SwitchTypes: () => ({
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
-            options: {
-                type: import("vue").PropType<string[]>;
-                required: true;
-            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
+            options: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
         }>> & {
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -91,14 +91,14 @@ declare const SwitchTypes: () => ({
             type: import("vue").PropType<"sm" | "lg">;
             default: string;
         };
-        options: {
-            type: import("vue").PropType<string[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<string>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<string[]>;
+            required: true;
+        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -114,14 +114,14 @@ declare const SwitchTypes: () => ({
         type: import("vue").PropType<"sm" | "lg">;
         default: string;
     };
-    options: {
-        type: import("vue").PropType<string[]>;
-        required: true;
-    };
     modelValue: {
         type: import("vue").PropType<string>;
         required: true;
     };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/components/switch/v4/SwitchV4.vue2.js

@@ -3,8 +3,9 @@ import { useVModel as C } from "@vueuse/core";
 import "../../button/v4/ButtonV4.vue.js";
 import $ from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
-const w = ["data-testid"], R = /* @__PURE__ */ p({
+const w = ["data-testid"], S = /* @__PURE__ */ p({
   __name: "SwitchV4",
   props: {
     options: null,
@@ -13,15 +14,15 @@ const w = ["data-testid"], R = /* @__PURE__ */ p({
     iconKey: { default: "icon" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const o = e, n = k(), m = C(o, "modelValue", u);
+  setup(e, { emit: m }) {
+    const o = e, n = k(), u = C(o, "modelValue", m);
     v(() => {
       n.value = o.options.findIndex(
         (t) => t === o.modelValue
       );
     });
     const f = (t, i) => {
-      n.value = i, m.value = t;
+      n.value = i, u.value = t;
     };
     return (t, i) => (a(), d("div", {
       class: "switch",
@@ -39,5 +40,5 @@ const w = ["data-testid"], R = /* @__PURE__ */ p({
   }
 });
 export {
-  R as default
+  S as default
 };

package/components/switch/v4/index.d.ts

@@ -3,14 +3,14 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     iconKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -22,14 +22,14 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     iconKey: {
         type: import("vue").PropType<string>;
         default: string;

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-92101a6c"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0cd8af73"]]);
 export {
   s as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as A, createBlock as K, mergeProps as re } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as A, createBlock as K, mergeProps as re } from "vue";
 import V from "../../typography/v4/Typography.vue.js";
 import ue from "../../skeleton/v4/SkeletonV4.vue.js";
 import he from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -67,10 +67,10 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
   setup(s, { expose: k, emit: y }) {
     const i = s;
     oe((a) => ({
-      e0125058: s.zIndexBase,
-      "1c0f4970": t(X),
-      "1d1abc41": t(P),
-      67259289: t(J)
+      "158e1032": s.zIndexBase,
+      db8e3dca: t(X),
+      a15dcd58: t(P),
+      f7400c48: t(J)
     }));
     const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
       list: M,

package/components/table/v4/ExpandRowToggle.vue2.js

@@ -1,19 +1,20 @@
- import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as a, openBlock as r, createElementBlock as c, createVNode as l, unref as p } from "vue";
+ import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as r, openBlock as a, createElementBlock as c, createVNode as p, unref as l } from "vue";
 import "../../button/v4/ButtonV4.vue.js";
 import i from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
-const x = /* @__PURE__ */ a({
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+const g = /* @__PURE__ */ r({
   __name: "ExpandRowToggle",
   props: {
     expanded: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(o, { emit: n }) {
-    return (d, e) => (r(), c("div", {
+    return (m, e) => (a(), c("div", {
       class: "expand-row-toggle",
       onClick: e[0] || (e[0] = (t) => n("click", t))
     }, [
-      l(p(i), {
+      p(l(i), {
         class: "expand-button",
         "icon-name": o.expanded ? "caret-down" : "caret-right"
       }, null, 8, ["icon-name"])
@@ -21,5 +22,5 @@ const x = /* @__PURE__ */ a({
   }
 });
 export {
-  x as default
+  g as default
 };

package/components/textArea/v4/TextAreaV4.vue.d.ts

@@ -75,10 +75,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     height: string;
     resize: 'none' | 'vertical' | 'horizontal' | 'both';
     mandatory: boolean;
+    modelValue: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
     maxLength: number;
-    modelValue: string;
     placeholder: string;
     maxLengthCounterPosition: MaxLengthCounterPositions;
     feedbackText: string;

package/components/textArea/v4/index.d.ts

@@ -23,6 +23,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -35,10 +39,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: any;
     };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -86,6 +86,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -98,10 +102,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: any;
     };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -131,10 +131,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     height: string;
     resize: "both" | "none" | "horizontal" | "vertical";
     mandatory: boolean;
+    modelValue: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     maxLength: number;
-    modelValue: string;
     placeholder: string;
     maxLengthCounterPosition: "inside" | "outside";
     feedbackText: string;