@ironsource/shared-ui 1.4.2-test.7 → 1.4.2

package/components/input/index.d.ts

@@ -18,6 +18,11 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -83,6 +88,11 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -101,6 +111,11 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -166,12 +181,18 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
     size: "sm" | "lg";
     label: string;
     type: "number" | "text" | "password";
+    testId: string;
     disabled: boolean;
     modelValue: string | number;
     placeholder: string;
@@ -185,7 +206,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     step: number;
     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";
-}, {}> | import("vue").DefineComponent<{
+    onlyDigits: boolean;
+}> | import("vue").DefineComponent<{
     ref: {
         type: import("vue").PropType<import("vue").VNodeRef>;
     };
@@ -198,6 +220,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     style: {
         type: import("vue").PropType<unknown>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    };
     key: {
         type: import("vue").PropType<string | number | symbol>;
     };
@@ -296,6 +321,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"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">;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -311,6 +339,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     style: {
         type: import("vue").PropType<unknown>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    };
     key: {
         type: import("vue").PropType<string | number | symbol>;
     };
@@ -409,7 +440,10 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"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">;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: number) => any;
-}, {}, {}>)[];
+}, {}>)[];
 export { Input, DollarInput, PercentageInput, PasswordInput, InputTypes };

package/components/menu/Menu.vue.d.ts

@@ -4,31 +4,36 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme?: string;
     skidding?: number;
     container?: string;
+    testId?: string;
 }>, {
     isOnTop: boolean;
     theme: string;
     container: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isOnTop?: boolean;
     distance?: number;
     theme?: string;
     skidding?: number;
     container?: string;
+    testId?: string;
 }>, {
     isOnTop: boolean;
     theme: string;
     container: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>>>, {
+    testId: string;
     theme: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;
     container: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/menu/Menu.vue.js

@@ -5,14 +5,15 @@ import { useToggle } from '../../composables/useToggle.vue.js';
 /* empty css                                                      *//* empty css                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Menu.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Menu.vue_vue_type_style_index_1_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Menu",
   props: {
     isOnTop: { type: Boolean, default: true },
     distance: { default: 0 },
     theme: { default: "dropdown" },
     skidding: { default: 0 },
-    container: { default: "body" }
+    container: { default: "body" },
+    testId: { default: "" }
   },
   setup(__props) {
     const [open, toggle] = useToggle({ initialValue: false });
@@ -38,11 +39,12 @@ const _sfc_main = defineComponent({
         triggers: [],
         shown: unref(open),
         placement: "auto-start",
-        container: _ctx.container,
+        container: __props.container,
         flip: "",
-        distance: _ctx.isOnTop ? skiddingOffset.value : _ctx.distance,
-        skidding: _ctx.isOnTop ? -location.value?.height / 2 : _ctx.distance,
-        "auto-hide": false
+        distance: __props.isOnTop ? unref(skiddingOffset) : __props.distance,
+        skidding: __props.isOnTop ? -unref(location)?.height / 2 : __props.distance,
+        "auto-hide": false,
+        "test-id": __props.testId
       }, {
         popper: withCtx(() => [
           createElementVNode("div", {
@@ -64,10 +66,10 @@ const _sfc_main = defineComponent({
           ], 512)
         ]),
         _: 3
-      }, 8, ["shown", "container", "distance", "skidding"]);
+      }, 8, ["shown", "container", "distance", "skidding", "test-id"]);
     };
   }
 });
-var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5fd59a4"]]);
+var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f8ffdce"]]);
 
 export { Menu as default };

package/components/menu/index.d.ts

@@ -1,4 +1,9 @@
 declare const MenuTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -25,6 +30,11 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -51,11 +61,12 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    testId: string;
     theme: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;
     container: string;
-}, {}>[];
+}>[];
 export { default as Menu } from './Menu.vue';
 export { MenuTypes };

package/components/menuItem/MenuItem.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/menuItem/MenuItem.vue.js

@@ -1,8 +1,7 @@
-import '../typography/Heading.vue.js';
-import Text from '../typography/Text.vue.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, withCtx } from 'vue';
-/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                          */
 import "../../MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {
   components: { Text },

package/components/menuItem/index.d.ts

@@ -1,3 +1,3 @@
-declare const MenuItemTypes: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>[];
+declare const MenuItemTypes: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[];
 export { default as MenuItem } from './MenuItem.vue';
 export { MenuItemTypes };

package/components/popover/Popover.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    testId?: string;
 }>, {
     trigger: string;
     autoHide: boolean;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     open: boolean;
     autoHide?: boolean;
@@ -22,6 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    testId?: string;
 }>, {
     trigger: string;
     autoHide: boolean;
@@ -29,14 +32,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>>>, {
+    testId: string;
     placement: Placement;
     disabled: boolean;
     distance: number;
     skidding: number;
     autoHide: boolean;
     trigger: 'click' | 'hover' | 'focus' | 'touch' | 'managed';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/popover/Popover.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } f
 import { Dropdown } from 'floating-vue';
 /* empty css                                             */
 import "../../Popover.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Popover",
   props: {
     open: { type: Boolean },
@@ -11,18 +11,20 @@ const _sfc_main = defineComponent({
     disabled: { type: Boolean, default: false },
     placement: { default: "bottom-start" },
     distance: { default: 0 },
-    skidding: { default: 0 }
+    skidding: { default: 0 },
+    testId: { default: "" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Dropdown), {
         theme: "custom-popover",
-        placement: _ctx.placement,
-        shown: !!_ctx.open,
-        triggers: _ctx.trigger === "managed" ? [] : [_ctx.trigger],
-        "auto-hide": _ctx.autoHide,
-        distance: _ctx.distance,
-        skidding: _ctx.skidding
+        placement: __props.placement,
+        shown: !!__props.open,
+        triggers: __props.trigger === "managed" ? [] : [__props.trigger],
+        "auto-hide": __props.autoHide,
+        distance: __props.distance,
+        skidding: __props.skidding,
+        "data-testid": __props.testId
       }, {
         popper: withCtx(({ hide }) => [
           renderSlot(_ctx.$slots, "content", { hide })
@@ -31,7 +33,7 @@ const _sfc_main = defineComponent({
           renderSlot(_ctx.$slots, "trigger")
         ]),
         _: 3
-      }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding"]);
+      }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]);
     };
   }
 });

package/components/popover/index.d.ts

@@ -1,4 +1,9 @@
 declare const PopoverTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
     } & {
@@ -34,6 +39,11 @@ declare const PopoverTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
     } & {
@@ -69,12 +79,13 @@ declare const PopoverTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    testId: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;
     skidding: number;
     autoHide: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
-}, {}>[];
+}>[];
 export { default as Popover } from './Popover.vue';
 export { PopoverTypes };

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

@@ -4,34 +4,39 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     helperText?: string;
     errorText?: string;
     modelValue?: string;
+    testId?: string;
 }>, {
     label: string;
     name: string;
     helperText: string;
     errorText: string;
     modelValue: any;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     name?: string;
     helperText?: string;
     errorText?: string;
     modelValue?: string;
+    testId?: string;
 }>, {
     label: string;
     name: string;
     helperText: string;
     errorText: string;
     modelValue: any;
+    testId: string;
 }>>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     name: string;
     label: string;
+    testId: string;
     modelValue: string;
     helperText: string;
     errorText: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/radioButton/RadioButton.vue.js

@@ -1,20 +1,22 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withDirectives, isRef, vModelRadio, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode } from 'vue';
 import Text from '../typography/Text.vue.js';
 import { useRadio } from './useRadio.vue.js';
+import { RadioTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../RadioButton.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "wrapper" };
-const _hoisted_2 = ["value", "name", "disabled"];
-const _hoisted_3 = { class: "label" };
-const _sfc_main = defineComponent({
+const _hoisted_2 = ["value", "name", "disabled", "data-testid"];
+const _hoisted_3 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RadioButton",
   props: {
     label: { default: "" },
     name: { default: "" },
     helperText: { default: "" },
     errorText: { default: "" },
-    modelValue: { default: void 0 }
+    modelValue: { default: void 0 },
+    testId: { default: "" }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -32,53 +34,58 @@ const _sfc_main = defineComponent({
             ref_key: "radioRef",
             ref: radioRef,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-            value: _ctx.label,
-            name: _ctx.name || unref(radioGroup)?.name,
+            value: __props.label,
+            name: __props.name || unref(radioGroup)?.name,
             type: "radio",
             disabled: unref(disabled),
+            "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).FIELD}`,
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
           }, null, 40, _hoisted_2), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
-            class: normalizeClass([{ "circle--selected": unref(modelValue) === _ctx.label }, "circle"])
+            class: normalizeClass([{ "circle--selected": unref(modelValue) === __props.label }, "circle"])
           }, null, 2)
         ]),
-        createElementVNode("span", _hoisted_3, [
+        createElementVNode("span", {
+          class: "label",
+          "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).LABEL}`
+        }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createVNode(Text, { "is-truncated": "" }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.label), 1)
+                createTextVNode(toDisplayString(__props.label), 1)
               ]),
               _: 1
             })
           ], true),
-          !_ctx.errorText && _ctx.helperText ? (openBlock(), createBlock(Text, {
+          !__props.errorText && __props.helperText ? (openBlock(), createBlock(Text, {
             key: 0,
             class: "helper-text--text helper-text",
             size: "caption"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.helperText), 1)
+              createTextVNode(toDisplayString(__props.helperText), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          _ctx.errorText ? (openBlock(), createBlock(Text, {
+          __props.errorText ? (openBlock(), createBlock(Text, {
             key: 1,
             size: "caption",
-            class: "helper-text--error helper-text"
+            class: "helper-text--error helper-text",
+            "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).ERROR_TEXT}`
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.errorText), 1)
+              createTextVNode(toDisplayString(__props.errorText), 1)
             ]),
             _: 1
-          })) : createCommentVNode("", true)
-        ])
+          }, 8, ["data-testid"])) : createCommentVNode("", true)
+        ], 8, _hoisted_3)
       ], 2);
     };
   }
 });
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f4e9350"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b237369"]]);
 
 export { RadioButton as default };

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

@@ -3,29 +3,34 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     modelValue: string;
     row?: boolean;
+    testId?: string;
 }>, {
     disabled: boolean;
     label: string;
     name: string;
     row: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     name?: string;
     disabled?: boolean;
     modelValue: string;
     row?: boolean;
+    testId?: string;
 }>, {
     disabled: boolean;
     label: string;
     name: string;
     row: boolean;
+    testId: string;
 }>>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     name: string;
+    testId: string;
     disabled: boolean;
     row: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/radioButton/RadioGroup.vue.js

@@ -1,16 +1,19 @@
-import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, nextTick } from 'vue';
+import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, nextTick } from 'vue';
 import { useId } from '../../composables/useId.vue.js';
 import { radioGroupKey } from './useRadio.vue.js';
+import { RadioTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _hoisted_1 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: {
     name: { default: "" },
     disabled: { type: Boolean, default: false },
-    modelValue: {},
-    row: { type: Boolean, default: false }
+    modelValue: null,
+    row: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -43,14 +46,15 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "radioGroupRef",
         ref: radioGroupRef,
-        class: normalizeClass([{ "radio-group--row": _ctx.row }, "radio-group"]),
-        role: "radiogroup"
+        class: normalizeClass([{ "radio-group--row": __props.row }, "radio-group"]),
+        role: "radiogroup",
+        "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).GROUP}`
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
+      ], 10, _hoisted_1);
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-046f75a0"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ec84e04"]]);
 
 export { RadioGroup as default };