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

package/components/dropdown/v4/ButtonDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonDropdownTrigger.vue2.js";
-/* empty css                            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-23e22560"]]);
+/* empty css                            */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-76c74f58"]]);
 export {
   p as default
 };

package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js

@@ -1,8 +1,9 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; import { defineComponent as a, openBlock as l, createBlock as o, unref as i, normalizeClass as d } from "vue";
-import r from "../../button/v4/ButtonV4.vue.js";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css"; import { defineComponent as l, openBlock as o, createBlock as i, unref as d, normalizeClass as r, withCtx as s, renderSlot as c, createTextVNode as u, toDisplayString as f } from "vue";
+import m from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
-const b = /* @__PURE__ */ a({
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+const p = /* @__PURE__ */ l({
   __name: "ButtonDropdownTrigger",
   props: {
     label: null,
@@ -16,9 +17,9 @@ const b = /* @__PURE__ */ a({
     testId: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    return (c, t) => (l(), o(i(r), {
-      class: d(["button-trigger", { open: e.open }]),
+  setup(e, { emit: a }) {
+    return (n, t) => (o(), i(d(m), {
+      class: r(["button-trigger", { open: e.open }]),
       disabled: e.disabled,
       color: "default",
       variant: e.variant,
@@ -28,10 +29,17 @@ const b = /* @__PURE__ */ a({
       "end-icon-name": e.hideEndIcon ? null : "caret-down",
       content: e.label,
       "test-id": e.testId,
-      onClick: t[0] || (t[0] = (s) => n("click"))
-    }, null, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
+      onClick: t[0] || (t[0] = (b) => a("click"))
+    }, {
+      default: s(() => [
+        c(n.$slots, "default", {}, () => [
+          u(f(e.label), 1)
+        ], !0)
+      ]),
+      _: 3
+    }, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
   }
 });
 export {
-  b as default
+  p as default
 };

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -255,9 +255,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
+    skidding: number;
+    modelValue: any;
     selected: any;
     onClear: () => void;
-    modelValue: any;
     placeholder: string;
     multi: boolean;
     showSelectAll: boolean;
@@ -266,7 +267,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     isOnTop: boolean;
-    skidding: number;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_899679d0_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2d635802_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-899679d0"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2d635802"]]);
 export {
   r as default
 };

package/components/dropdown/v4/DropdownV4.vue2.js

@@ -1,7 +1,8 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_899679d0_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as ye, computed as U, openBlock as n, createElementBlock as a, mergeProps as s, unref as t, renderSlot as k, createElementVNode as m, createVNode as i, withCtx as c, Transition as fe, normalizeClass as L, normalizeStyle as me, isRef as pe, createCommentVNode as r, createTextVNode as b, toDisplayString as W, withModifiers as M, Fragment as ge, renderList as Te, toRaw as w, createBlock as X, resolveDynamicComponent as ke } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2d635802_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as ye, computed as U, openBlock as n, createElementBlock as a, mergeProps as s, unref as t, renderSlot as k, createElementVNode as m, createVNode as i, withCtx as c, Transition as fe, normalizeClass as L, normalizeStyle as me, isRef as pe, createCommentVNode as r, createTextVNode as b, toDisplayString as W, withModifiers as M, Fragment as ge, renderList as Te, toRaw as w, createBlock as X, resolveDynamicComponent as ke } from "vue";
 import E from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import "./DropdownV4.vue.js";
 import be from "./DefaultDropdownTrigger.vue.js";
 import he from "./IconButtonDropdownTrigger.vue.js";
@@ -34,7 +35,7 @@ const Fe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
 }, xe = { key: 2 }, $e = ["aria-selected", "aria-disabled", "onClick"], He = {
   key: 1,
   class: "actions-wrapper"
-}, Ge = { class: "actions-clear-all" }, Ue = { class: "actions-apply-cancel" }, pt = /* @__PURE__ */ ye({
+}, Ge = { class: "actions-clear-all" }, Ue = { class: "actions-apply-cancel" }, gt = /* @__PURE__ */ ye({
   __name: "DropdownV4",
   props: {
     modelValue: { default: null },
@@ -247,7 +248,7 @@ const Fe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                             }
                           ), {
                             default: c(() => [
-                              b("Select all ")
+                              b(" Select all ")
                             ]),
                             _: 1
                           }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
@@ -338,7 +339,7 @@ const Fe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                           class: "apply-button"
                         }, t(f)[t(y).ACTION_APPLY], { onClick: t(oe) }), {
                           default: c(() => [
-                            b("Apply ")
+                            b(" Apply ")
                           ]),
                           _: 1
                         }, 16, ["onClick"])
@@ -467,5 +468,5 @@ const Fe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
   }
 });
 export {
-  pt as default
+  gt as default
 };

package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js

@@ -2,19 +2,20 @@
 import "../../button/v4/ButtonV4.vue.js";
 import m from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
-const l = /* @__PURE__ */ e({
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+const _ = /* @__PURE__ */ e({
   __name: "IconButtonDropdownTrigger",
   props: {
     testId: { default: "" }
   },
   setup(o) {
     const t = o;
-    return (s, u) => (r(), n(p(m), c({
+    return (s, i) => (r(), n(p(m), c({
       "icon-name": "dots-three",
       type: "bold"
     }, t), null, 16));
   }
 });
 export {
-  l as default
+  _ as default
 };

package/components/dropdown/v4/OptionV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
 /* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_f61be399_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f61be399"]]);
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_058de532_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-058de532"]]);
 export {
   s as default
 };

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_f61be399_lang.css"; import { defineComponent as N, ref as b, watch as P, computed as V, openBlock as n, createBlock as T, unref as o, withCtx as m, createElementVNode as s, normalizeClass as f, createCommentVNode as i, createElementBlock as a, renderSlot as d, createVNode as c, toDisplayString as k, createTextVNode as x, withModifiers as w } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_058de532_lang.css"; import { defineComponent as N, ref as b, watch as P, computed as V, openBlock as n, createBlock as T, unref as o, withCtx as m, createElementVNode as s, normalizeClass as f, createCommentVNode as i, createElementBlock as a, renderSlot as d, createVNode as c, toDisplayString as k, createTextVNode as x, withModifiers as w } from "vue";
 import "../../typography/Heading.vue.js";
 import L from "../../typography/Text.vue.js";
 import A from "../../checkbox/v4/CheckboxV4.vue.js";

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

@@ -1667,9 +1667,10 @@ declare const DropdownTypes: () => (({
             size: "small" | "medium" | "large";
             flip: boolean;
             mandatory: boolean;
+            skidding: number;
+            modelValue: any;
             selected: any;
             onClear: () => void;
-            modelValue: any;
             placeholder: string;
             multi: boolean;
             showSelectAll: boolean;
@@ -1678,7 +1679,6 @@ declare const DropdownTypes: () => (({
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             isOnTop: boolean;
-            skidding: number;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
@@ -1753,6 +1753,17 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1765,10 +1776,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1777,9 +1784,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1804,10 +1808,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1942,7 +1942,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2000,6 +2000,17 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2012,10 +2023,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2024,9 +2031,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2051,10 +2055,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2213,9 +2213,10 @@ declare const DropdownTypes: () => (({
             size: "small" | "medium" | "large";
             flip: boolean;
             mandatory: boolean;
+            skidding: number;
+            modelValue: any;
             selected: any;
             onClear: () => void;
-            modelValue: any;
             placeholder: string;
             multi: boolean;
             showSelectAll: boolean;
@@ -2224,7 +2225,6 @@ declare const DropdownTypes: () => (({
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             isOnTop: boolean;
-            skidding: number;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
@@ -2319,6 +2319,17 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2331,10 +2342,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<() => void>;
             default: () => true;
         };
-        modelValue: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2343,9 +2350,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2370,10 +2374,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         triggerLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2559,6 +2559,17 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -2571,10 +2582,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<() => void>;
         default: () => true;
     };
-    modelValue: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2583,9 +2590,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2610,10 +2614,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    skidding: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     triggerLabel: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2772,9 +2772,10 @@ declare const DropdownTypes: () => (({
     size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
+    skidding: number;
+    modelValue: any;
     selected: any;
     onClear: () => void;
-    modelValue: any;
     placeholder: string;
     multi: boolean;
     showSelectAll: boolean;
@@ -2783,7 +2784,6 @@ declare const DropdownTypes: () => (({
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     isOnTop: boolean;
-    skidding: number;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -2976,6 +2976,9 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -2988,9 +2991,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3069,6 +3069,9 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -3081,9 +3084,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3186,6 +3186,9 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -3198,9 +3201,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         inlineSearchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3269,6 +3269,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -3281,9 +3284,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     inlineSearchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1,13 +1,14 @@
  import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
-import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as n, unref as i, createCommentVNode as a, createElementVNode as N, renderSlot as m, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
+import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
 import I from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import u from "../../typography/v4/Typography.vue.js";
 import { capitalizeFirstLetter as C, snakeCaseToCamelCase as T } from "../../../utils/string.js";
 import S from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PURE__ */ v({
+const g = { class: "empty-state" }, x = { class: "title-wrapper" }, j = /* @__PURE__ */ v({
   __name: "EmptyStateV4",
   props: {
     title: { default: "No data to display" },
@@ -24,12 +25,12 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
       const o = C(T(d.variant));
       return b(() => p(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${o}.vue`));
     });
-    return (o, s) => (e(), k("div", g, [
-      t.variant && !t.iconName ? (e(), n(i(f), {
+    return (o, m) => (e(), k("div", g, [
+      t.variant && !t.iconName ? (e(), i(n(f), {
         key: 0,
         class: "empty-variant-icon"
       })) : a("", !0),
-      t.iconName ? (e(), n(i(S), {
+      t.iconName ? (e(), i(n(S), {
         key: 1,
         class: "custom-empty-icon",
         name: t.iconName,
@@ -37,8 +38,8 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
         type: t.iconType
       }, null, 8, ["name", "size", "type"])) : a("", !0),
       N("div", x, [
-        m(o.$slots, "content", {}, () => [
-          t.title ? (e(), n(i(u), {
+        s(o.$slots, "content", {}, () => [
+          t.title ? (e(), i(n(u), {
             key: 0,
             variant: "h4",
             class: "title"
@@ -48,7 +49,7 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
             ]),
             _: 1
           })) : a("", !0),
-          t.subtitle ? (e(), n(i(u), {
+          t.subtitle ? (e(), i(n(u), {
             key: 1,
             variant: "body1",
             class: "subtitle"
@@ -60,13 +61,13 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
           })) : a("", !0)
         ], !0)
       ]),
-      m(o.$slots, "button", {}, () => [
-        t.buttonText ? (e(), n(i(I), {
+      s(o.$slots, "button", {}, () => [
+        t.buttonText ? (e(), i(n(I), {
           key: 0,
           variant: "outlined",
           color: "default",
           class: "button",
-          onClick: s[0] || (s[0] = (z) => o.$emit("click"))
+          onClick: m[0] || (m[0] = (z) => o.$emit("click"))
         }, {
           default: c(() => [
             r(l(t.buttonText), 1)
@@ -78,5 +79,5 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
   }
 });
 export {
-  R as default
+  j as default
 };