@ironsource/shared-ui 2.2.0-rc.43 → 2.2.0-rc.48

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,8 +1,7 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_ea1a3e8c_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as h, computed as C, watch as s, openBlock as p, createBlock as B, unref as a, withCtx as u, createElementBlock as $, normalizeClass as w, renderSlot as m, createCommentVNode as O, createElementVNode as T } from "vue";
-import { Dropdown as b } from "floating-vue";
-import { popoverCommon as V } from "../common/Popover.common.js";
-import { useThemeStore as E } from "../../ThemeWrapper/ThemeStrore.js";
-const H = ["data-testid"], S = /* @__PURE__ */ h({
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as r, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+import { Dropdown as w } from "floating-vue";
+import { popoverCommon as $ } from "../common/Popover.common.js";
+const O = ["data-testid"], H = /* @__PURE__ */ k({
   __name: "PopoverV4",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -18,53 +17,53 @@ const H = ["data-testid"], S = /* @__PURE__ */ h({
     container: { default: "body" }
   },
   emits: ["isOpen"],
-  setup(e, { expose: f, emit: g }) {
-    const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = V(), { theme: k } = E(), y = C(() => `${k.value}-theme-v4`);
+  setup(e, { expose: f, emit: m }) {
+    const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
     s(t, () => {
-      g("isOpen", t.value);
+      m("isOpen", t.value);
     }), s(
       () => i.isOpen,
       (o) => {
         d(o);
       }
     );
-    const r = (o) => {
+    const a = (o) => {
       i.trigger === o && (t.value = !t.value);
     };
     return f({
       toggle: d
-    }), (o, n) => (p(), B(a(b), {
+    }), (o, n) => (p(), y(r(w), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!a(t),
+      shown: !!r(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
       delay: e.delay,
       container: e.container,
-      "popper-class": [e.popperClass, "v4-popover__popper"]
+      "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
       popper: u(() => [
-        a(t) ? (p(), $("div", {
+        r(t) ? (p(), h("div", {
           key: 0,
           ref_key: "popup",
           ref: c,
-          class: w(["menu-popup", a(y)]),
+          class: "menu-popup",
           "data-testid": e.testId
         }, [
-          m(o.$slots, "content", {}, void 0, !0)
-        ], 10, H)) : O("", !0)
+          g(o.$slots, "content", {}, void 0, !0)
+        ], 8, O)) : B("", !0)
       ]),
       default: u(() => [
-        T("div", {
+        C("div", {
           ref_key: "triggerRef",
           ref: v,
-          onClick: n[0] || (n[0] = (l) => r("click")),
-          onMouseenter: n[1] || (n[1] = (l) => r("hover")),
-          onMouseleave: n[2] || (n[2] = (l) => r("hover"))
+          onClick: n[0] || (n[0] = (l) => a("click")),
+          onMouseenter: n[1] || (n[1] = (l) => a("hover")),
+          onMouseleave: n[2] || (n[2] = (l) => a("hover"))
         }, [
-          m(o.$slots, "trigger", {}, void 0, !0)
+          g(o.$slots, "trigger", {}, void 0, !0)
         ], 544)
       ]),
       _: 3
@@ -72,5 +71,5 @@ const H = ["data-testid"], S = /* @__PURE__ */ h({
   }
 });
 export {
-  S as default
+  H as default
 };

package/components/search/v4/SearchV4.vue.d.ts

@@ -4,11 +4,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     testId?: string;
     autoFocus?: boolean;
+    clearLabel?: string;
 }>, {
     disabled: boolean;
     testId: string;
     autoFocus: boolean;
     placeholder: string;
+    clearLabel: string;
 }>, {
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -20,11 +22,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     testId?: string;
     autoFocus?: boolean;
+    clearLabel?: string;
 }>, {
     disabled: boolean;
     testId: string;
     autoFocus: boolean;
     placeholder: string;
+    clearLabel: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOnClear?: () => any;
@@ -33,6 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     placeholder: string;
     autoFocus: boolean;
+    clearLabel: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/search/v4/SearchV4.vue.js

@@ -1,7 +1,7 @@
-import o from "./SearchV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d6c42f4b"]]);
+import e from "./SearchV4.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e1a33934"]]);
 export {
-  t as default
+  a as default
 };

package/components/search/v4/SearchV4.vue2.js

@@ -1,26 +1,27 @@
- import "../../../SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as c, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as C, vShow as v } from "vue";
-import u from "../../icon/v4/IconV4.vue.js";
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as b, mergeProps as u, unref as e, createVNode as o, withCtx as V, withDirectives as x, createElementVNode as C, vShow as I } from "vue";
+import m from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { SearchTestIdModifiers as r } from "../../../testids/index.js";
-import { searchCommon as b } from "../common/Search.common.js";
-import y from "../../input/v4/TextField.vue.js";
+import { searchCommon as y } from "../common/Search.common.js";
+import v from "../../input/v4/TextField.vue.js";
 import { useTestIdAttrs as B } from "../../../utils/testIds.js";
-const T = /* @__PURE__ */ p({
+const g = ["aria-label"], F = /* @__PURE__ */ p({
   __name: "SearchV4",
   props: {
     modelValue: null,
     placeholder: { default: "Search" },
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" },
-    autoFocus: { type: Boolean, default: !1 }
+    autoFocus: { type: Boolean, default: !1 },
+    clearLabel: { default: "Clear search" }
   },
   emits: ["update:modelValue", "onClear"],
   setup(t, { expose: f, emit: d }) {
-    const s = t, { inputRef: i, clearValue: n } = b(s, d), m = B(s.testId, r);
+    const s = t, { inputRef: i, clearValue: n } = y(s, d), c = B(s.testId, r);
     return f({
       inputRef: i
-    }), (g, o) => (h(), V("div", c({ class: "search-container" }, e(m)[e(r).CONTAINER]), [
-      a(e(y), {
+    }), (k, a) => (h(), b("div", u({ class: "search-container" }, e(c)[e(r).CONTAINER]), [
+      o(e(v), {
         ref_key: "inputRef",
         ref: i,
         "model-value": t.modelValue,
@@ -29,31 +30,35 @@ const T = /* @__PURE__ */ p({
         placeholder: t.placeholder,
         disabled: t.disabled,
         "test-id": t.testId,
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => d("update:modelValue", l))
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => d("update:modelValue", l))
       }, {
-        iconBefore: x(() => [
-          a(e(u), {
+        iconBefore: V(() => [
+          o(e(m), {
             name: "magnifying-glass",
             size: "16px"
           })
         ]),
         _: 1
       }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
-      I(C("div", c({ class: "x-circle-wrapper" }, e(m)[e(r).CLEAR], {
-        onClick: o[1] || (o[1] = //@ts-ignore
+      x(C("button", u({
+        type: "button",
+        class: "x-circle-wrapper",
+        "aria-label": t.clearLabel
+      }, e(c)[e(r).CLEAR], {
+        onClick: a[1] || (a[1] = //@ts-ignore
         (...l) => e(n) && e(n)(...l))
       }), [
-        a(e(u), {
+        o(e(m), {
           name: "x-circle",
           size: "16px",
           type: "fill"
         })
-      ], 16), [
-        [v, !!t.modelValue]
+      ], 16, g), [
+        [I, !!t.modelValue]
       ])
     ], 16));
   }
 });
 export {
-  T as default
+  F as default
 };

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

@@ -19,6 +19,10 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    clearLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -45,6 +49,10 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    clearLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOnClear?: () => any;
@@ -53,6 +61,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     disabled: boolean;
     placeholder: string;
     autoFocus: boolean;
+    clearLabel: string;
 }>[];
 export { default as Search } from './SearchV4.vue';
 export { SearchTypes };

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-921d4087"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-960ea8b1"]]);
 export {
-  d as default
+  a as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,4 +1,4 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as d, withCtx as l, createTextVNode as c, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as c, withCtx as l, createTextVNode as d, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
 import H from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import S from "../tooltip/v4/TooltipV4.vue.js";
@@ -33,12 +33,12 @@ const L = {
           "field-label--with-description": !!t.description
         }]
       }, e(a)[e(o).CONTAINER]), [
-        d(e(f), n({
+        c(e(f), n({
           class: "label",
           variant: "inputLabel"
         }, e(a)[e(o).TEXT]), {
           default: l(() => [
-            c(T(t.label), 1)
+            d(T(t.label), 1)
           ]),
           _: 1
         }, 16),
@@ -48,7 +48,7 @@ const L = {
           class: "mandatory"
         }, e(a)[e(o).MANDATORY]), {
           default: l(() => [
-            c("*")
+            d("*")
           ]),
           _: 1
         }, 16)) : m("", !0),
@@ -56,10 +56,11 @@ const L = {
           key: 1,
           triggers: t.helpTextIconTooltipTrigger,
           text: t.hoverHelpText,
-          placement: t.hoverHelpTextPlacement
+          placement: t.hoverHelpTextPlacement,
+          focusable: ""
         }, e(a)[e(o).TOOLTIP], { "test-id": t.testId }), C({
           default: l(() => [
-            d(e(H), {
+            c(e(H), {
               class: A(["info-icon", { "clickable-icon": e(g) }]),
               name: "question",
               size: "16px"
@@ -77,9 +78,9 @@ const L = {
         ]), 1040, ["triggers", "text", "placement", "test-id"])) : m("", !0)
       ], 16),
       t.description ? (i(), p("div", L, [
-        d(e(f), { variant: "body2" }, {
+        c(e(f), { variant: "body2" }, {
           default: l(() => [
-            c(T(t.description), 1)
+            d(T(t.description), 1)
           ]),
           _: 1
         })

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

@@ -1,7 +1,7 @@
 import o from "./SnackbarV4.vue2.js";
-/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css"; //*');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f19e742c"]]);
+/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; //*');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35c79635"]]);
 export {
   r as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css"; import { defineComponent as $, computed as O, onMounted as x, nextTick as z, openBlock as s, createBlock as l, Transition as V, withCtx as y, withDirectives as I, createElementVNode as r, mergeProps as c, unref as e, createElementBlock as g, createVNode as U, createTextVNode as b, toDisplayString as B, createCommentVNode as u, renderSlot as N, vShow as S, Fragment as D, renderList as H, withModifiers as q } from "vue";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; import { defineComponent as $, computed as O, onMounted as x, nextTick as z, openBlock as s, createBlock as l, Transition as V, withCtx as y, withDirectives as I, createElementVNode as r, mergeProps as c, unref as e, createElementBlock as g, createVNode as U, createTextVNode as b, toDisplayString as B, createCommentVNode as u, renderSlot as N, vShow as S, Fragment as D, renderList as H, withModifiers as q } from "vue";
 import F from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import G from "../../button/v4/ButtonV4.vue.js";

package/components/table/v4/DataGridMenu.vue.d.ts

@@ -4,24 +4,29 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     menuItems: MenuItem[];
     rowIndex?: number;
     placement?: Placement;
+    ariaLabel?: string;
 }>, {
     menuItems: () => any[];
     rowIndex: any;
     placement: string;
+    ariaLabel: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (option: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MenuItem[];
     rowIndex?: number;
     placement?: Placement;
+    ariaLabel?: string;
 }>, {
     menuItems: () => any[];
     rowIndex: any;
     placement: string;
+    ariaLabel: string;
 }>>> & {
     onSelected?: (option: unknown) => any;
 }, {
     placement: Placement;
+    ariaLabel: string;
     rowIndex: number;
     menuItems: MenuItem[];
 }>;

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

@@ -1,7 +1,7 @@
-import o from "./DataGridMenu.vue2.js";
-/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ddfaf207"]]);
+import e from "./DataGridMenu.vue2.js";
+/* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_b7e65177_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b7e65177"]]);
 export {
-  d as default
+  a as default
 };

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

@@ -1,5 +1,5 @@
- import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; import { defineComponent as u, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as r, createVNode as c, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
-import g from "../../dropdown/v4/DropdownV4.vue.js";
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_b7e65177_lang.css"; import { defineComponent as x, onBeforeUnmount as w, openBlock as b, createBlock as v, unref as n, withCtx as r, createVNode as c, createSlots as I, createTextVNode as M, toDisplayString as g } from "vue";
+import C from "../../dropdown/v4/DropdownV4.vue.js";
 import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
@@ -7,47 +7,53 @@ import "../../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
-import C from "../../dropdown/v4/OptionV4.vue.js";
+import k from "../../dropdown/v4/OptionV4.vue.js";
 import "../../dropdown/v4/ConditionalDropdown.vue.js";
-import k from "../../icon/v4/IconV4.vue.js";
+import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import { useTableContext as y } from "../common/TableContext.js";
-const h = /* @__PURE__ */ u({
+import { useTableContext as A } from "../common/TableContext.js";
+const q = /* @__PURE__ */ x({
   __name: "DataGridMenu",
   props: {
     menuItems: { default: () => [] },
     rowIndex: { default: null },
-    placement: { default: "left-start" }
+    placement: { default: "left-start" },
+    ariaLabel: { default: "More options" }
   },
   emits: ["selected"],
   setup(t, { emit: d }) {
-    const n = t, i = y("DataGridMenu"), a = (s) => s.text, p = () => {
-      n.rowIndex && i.setActiveMenuRow(n.rowIndex);
-    }, m = () => {
-      n.rowIndex && i.setActiveMenuRow(null);
+    const o = t, a = A("DataGridMenu"), i = (m) => m.text, p = () => {
+      o.rowIndex && a.setActiveMenuRow(o.rowIndex);
+    }, l = () => {
+      o.rowIndex && a.setActiveMenuRow(null);
     };
-    return f(m), (s, l) => (x(), w(o(g), {
+    return w(l), (m, s) => (b(), v(n(C), {
       class: "data-grid-menu",
       options: t.menuItems,
-      "display-value": a,
+      "display-value": i,
+      "aria-label": t.ariaLabel,
       "predefined-trigger": "icon-button",
       placement: t.placement,
       skidding: -4,
-      "onUpdate:selected": l[0] || (l[0] = (e) => d("selected", e)),
+      "onUpdate:selected": s[0] || (s[0] = (e) => d("selected", e)),
       onOpened: p,
-      onClosed: m
+      onClosed: l
     }, {
-      default: r(({ option: e }) => [
-        c(o(C), { option: e }, I({
+      default: r(({ option: e, active: u, selected: f }) => [
+        c(n(k), {
+          option: e,
+          active: u,
+          "selected-prop": f
+        }, I({
           default: r(() => [
-            v(" " + M(a(e)), 1)
+            M(" " + g(i(e)), 1)
           ]),
           _: 2
         }, [
           e.icon ? {
             name: "icon-start",
             fn: r(() => [
-              c(o(k), {
+              c(n(y), {
                 class: "menu-icon",
                 name: e.icon,
                 size: "20px"
@@ -55,12 +61,12 @@ const h = /* @__PURE__ */ u({
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["option"])
+        ]), 1032, ["option", "active", "selected-prop"])
       ]),
       _: 1
-    }, 8, ["options", "placement"]));
+    }, 8, ["options", "aria-label", "placement"]));
   }
 });
 export {
-  h as default
+  q as default
 };

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

@@ -9,6 +9,10 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
     };
+    ariaLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     rowIndex: {
         type: import("vue").PropType<number>;
         default: any;
@@ -25,6 +29,10 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
     };
+    ariaLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     rowIndex: {
         type: import("vue").PropType<number>;
         default: any;
@@ -38,6 +46,7 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
     onSelected?: (option: unknown) => any;
 }, {
     placement: import("floating-vue").Placement;
+    ariaLabel: string;
     rowIndex: number;
     menuItems: import("../common/Table.types").MenuItem[];
 }> | import("vue").DefineComponent<{

package/components/tabs/v4/TabsV4.vue.d.ts

@@ -4,10 +4,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedTab: string | number;
     variant?: "page" | "card";
     testId?: string;
+    ariaLabel?: string;
 }>, {
     tabsList: () => any[];
     variant: string;
     testId: string;
+    ariaLabel: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedTab": (tabId: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -15,15 +17,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedTab: string | number;
     variant?: "page" | "card";
     testId?: string;
+    ariaLabel?: string;
 }>, {
     tabsList: () => any[];
     variant: string;
     testId: string;
+    ariaLabel: any;
 }>>> & {
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
     testId: string;
     variant: "page" | "card";
+    ariaLabel: string;
     tabsList: Tab[];
 }>, {
     "tab-icon"?(_: {

package/components/tabs/v4/TabsV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./TabsV4.vue2.js";
 /* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f9433b11"]]);
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_9747c9da_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9747c9da"]]);
 export {
-  p as default
+  a as default
 };