@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.41

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./CheckboxV4.vue2.js";
 /* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e5b619a"]]);
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-af4ae3c3"]]);
 export {
-  c as default
+  t as default
 };

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
 import v from "../../typography/v4/Typography.vue.js";
 import L from "./icons/UncheckedState.vue.js";
 import N from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
 import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
 import { checkboxCommon as R } from "../common/Checkbox.common.js";
 import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (A("data-v-8e5b619a"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
+const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -13,6 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside?: boolean;
     beforeClose?: (show: () => void) => void;
     showCloseButton?: boolean;
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
@@ -31,6 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     closeOnClickOutside: boolean;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     escapeToClose: boolean;
     beforeClose: any;
     showFooter: boolean;
@@ -60,6 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside?: boolean;
     beforeClose?: (show: () => void) => void;
     showCloseButton?: boolean;
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
@@ -78,6 +84,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     closeOnClickOutside: boolean;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     escapeToClose: boolean;
     beforeClose: any;
     showFooter: boolean;
@@ -107,6 +115,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c65df8d7"]]);
 export {
-  t as default
+  c as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,22 +1,22 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as p, createVNode as b, Transition as w, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
-import { NOOP as I } from "@vue/shared";
-import T from "../../typography/v4/Typography.vue.js";
-import N from "../../button/v4/ButtonV4.vue.js";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css"; import { defineComponent as L, openBlock as o, createBlock as d, Teleport as E, createVNode as A, Transition as I, withCtx as i, unref as e, createElementBlock as m, createElementVNode as y, mergeProps as u, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
+import { NOOP as S } from "@vue/shared";
+import b from "../../typography/v4/Typography.vue.js";
+import O from "../../button/v4/ButtonV4.vue.js";
 import V from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { Reason as g } from "../common/Reason.js";
-import { dialogCommon as D } from "../common/Dialog.common.js";
-import { DialogTestIdModifiers as l } from "../../../testids/index.js";
-import { useTestIdAttrs as P } from "../../../utils/testIds.js";
-import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
-const S = {
+import { Reason as h } from "../common/Reason.js";
+import { dialogCommon as p } from "../common/Dialog.common.js";
+import { DialogTestIdModifiers as a } from "../../../testids/index.js";
+import { useTestIdAttrs as D } from "../../../utils/testIds.js";
+import { useMagicKeys as P, whenever as R } from "@vueuse/core";
+const $ = {
   key: 0,
   class: "container light-theme-v4"
 }, F = { class: "title" }, U = {
   key: 1,
   class: "footer"
-}, Y = /* @__PURE__ */ A({
+}, Y = /* @__PURE__ */ L({
   __name: "DialogV4",
   props: {
     modelValue: { type: Boolean },
@@ -32,6 +32,8 @@ const S = {
     closeOnClickOutside: { type: Boolean, default: !1 },
     beforeClose: { type: Function, default: null },
     showCloseButton: { type: Boolean, default: !0 },
+    showCancelButton: { type: Boolean, default: !0 },
+    showSaveButton: { type: Boolean, default: !0 },
     showFooter: { type: Boolean, default: !0 },
     saveButtonLabel: { default: "Save" },
     saveButtonLoading: { type: Boolean, default: !1 },
@@ -41,111 +43,113 @@ const S = {
     testId: { default: "" }
   },
   emits: ["update:modelValue", "open", "close", "save", "cancel"],
-  setup(t, { emit: v }) {
-    const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
-    $(L, () => {
-      h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
+  setup(t, { emit: C }) {
+    const r = t, { escape: w } = P(), n = D(r.testId, a), { visible: T, handleClose: v } = p(r, C);
+    R(w, () => {
+      T.value && r.escapeToClose && !r.saveButtonLoading && v(h.Escape);
     });
-    const E = () => {
-      const { closeOnClickOutside: r, saveButtonLoading: n } = i;
-      r && !n ? y(g.Backdrop) : I();
+    const N = () => {
+      const { closeOnClickOutside: c, saveButtonLoading: s } = r;
+      c && !s ? v(h.Backdrop) : S();
     };
-    return (r, n) => (o(), c(p, {
+    return (c, s) => (o(), d(E, {
       to: "body",
       disabled: !t.appendToBody
     }, [
-      b(w, null, {
-        default: u(() => [
-          e(h) ? (o(), m("div", S, [
-            C("div", s({
+      A(I, null, {
+        default: i(() => [
+          e(T) ? (o(), m("div", $, [
+            y("div", u({
               class: ["dialog", [`dialog--${t.size}`]]
-            }, e(a)[e(l).WRAPPER]), [
-              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
+            }, e(n)[e(a).WRAPPER]), [
+              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", u({
                 key: 0,
                 class: "header"
-              }, e(a)[e(l).HEADER]), [
-                C("div", F, [
-                  k(r.$slots, "header", {}, () => [
-                    t.title ? (o(), c(e(T), {
+              }, e(n)[e(a).HEADER]), [
+                y("div", F, [
+                  k(c.$slots, "header", {}, () => [
+                    t.title ? (o(), d(e(b), {
                       key: 0,
                       variant: "h3"
                     }, {
-                      default: u(() => [
+                      default: i(() => [
                         f(B(t.title), 1)
                       ]),
                       _: 1
-                    })) : d("", !0),
-                    t.subtitle ? (o(), c(e(T), {
+                    })) : l("", !0),
+                    t.subtitle ? (o(), d(e(b), {
                       key: 1,
                       class: "subtitle",
                       variant: "body1"
                     }, {
-                      default: u(() => [
+                      default: i(() => [
                         f(B(t.subtitle), 1)
                       ]),
                       _: 1
-                    })) : d("", !0)
+                    })) : l("", !0)
                   ], !0)
                 ]),
-                t.showCloseButton ? (o(), c(e(V), s({
+                t.showCloseButton ? (o(), d(e(V), u({
                   key: 0,
                   class: "close-button",
                   "icon-name": "x",
                   disabled: t.saveButtonLoading
-                }, e(a)[e(l).ACTION_CLOSE], {
-                  onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
-                }), null, 16, ["disabled"])) : d("", !0)
-              ], 16)) : d("", !0),
-              C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
-                k(r.$slots, "default", {}, () => [
-                  t.content ? (o(), c(e(T), {
+                }, e(n)[e(a).ACTION_CLOSE], {
+                  onClick: s[0] || (s[0] = (g) => e(v)(e(h).CloseButton))
+                }), null, 16, ["disabled"])) : l("", !0)
+              ], 16)) : l("", !0),
+              y("div", u({ class: "content" }, e(n)[e(a).CONTENT]), [
+                k(c.$slots, "default", {}, () => [
+                  t.content ? (o(), d(e(b), {
                     key: 0,
                     variant: "body1"
                   }, {
-                    default: u(() => [
+                    default: i(() => [
                       f(B(t.content), 1)
                     ]),
                     _: 1
-                  })) : d("", !0)
+                  })) : l("", !0)
                 ], !0)
               ], 16),
               t.showFooter ? (o(), m("footer", U, [
-                C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
-                  k(r.$slots, "footer", {}, () => [
-                    b(e(N), s({
+                y("div", u({ class: "action-buttons" }, e(n)[e(a).ACTION_BUTTONS_WRAPPER]), [
+                  k(c.$slots, "footer", {}, () => [
+                    t.showCancelButton ? (o(), d(e(O), u({
+                      key: 0,
                       class: "form-action",
                       variant: "outlined",
                       color: t.cancelButtonColor,
                       disabled: t.saveButtonLoading
-                    }, e(a)[e(l).CANCEL_BUTTON], {
-                      onClick: n[1] || (n[1] = (O) => v("cancel"))
+                    }, e(n)[e(a).CANCEL_BUTTON], {
+                      onClick: s[1] || (s[1] = (g) => C("cancel"))
                     }), {
-                      default: u(() => [
+                      default: i(() => [
                         f(B(t.cancelButtonLabel), 1)
                       ]),
                       _: 1
-                    }, 16, ["color", "disabled"]),
-                    b(e(N), s({
+                    }, 16, ["color", "disabled"])) : l("", !0),
+                    t.showSaveButton ? (o(), d(e(O), u({
+                      key: 1,
                       class: "form-action",
                       loading: t.saveButtonLoading,
                       color: t.saveButtonColor
-                    }, e(a)[e(l).SAVE_BUTTON], {
-                      onClick: n[2] || (n[2] = (O) => v("save"))
+                    }, e(n)[e(a).SAVE_BUTTON], {
+                      onClick: s[2] || (s[2] = (g) => C("save"))
                     }), {
-                      default: u(() => [
+                      default: i(() => [
                         f(B(t.saveButtonLabel), 1)
                       ]),
                       _: 1
-                    }, 16, ["loading", "color"])
+                    }, 16, ["loading", "color"])) : l("", !0)
                   ], !0)
                 ], 16)
-              ])) : d("", !0)
+              ])) : l("", !0)
             ], 16),
-            t.showBackdrop ? (o(), m("div", s({
+            t.showBackdrop ? (o(), m("div", u({
               key: 0,
               class: "dialog-backdrop"
-            }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
-          ])) : d("", !0)
+            }, e(n)[e(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
+          ])) : l("", !0)
         ]),
         _: 3
       })

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

@@ -17,6 +17,8 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
@@ -80,6 +82,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -110,7 +120,7 @@ declare const DialogTypes: () => ({
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -181,6 +191,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -231,6 +249,8 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
@@ -314,6 +334,14 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showCancelButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSaveButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showFooter: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -405,6 +433,14 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showCancelButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showSaveButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showFooter: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -455,6 +491,8 @@ declare const DialogTypes: () => ({
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;

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

@@ -8,6 +8,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
+    maxWidth?: number;
+    withTooltip?: boolean;
+    tooltipPlacement?: "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";
 }>, {
     variant: string;
     size: string;
@@ -17,6 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
+    maxWidth: number;
+    withTooltip: boolean;
+    tooltipPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -29,6 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
+    maxWidth?: number;
+    withTooltip?: boolean;
+    tooltipPlacement?: "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";
 }>, {
     variant: string;
     size: string;
@@ -38,13 +47,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
+    maxWidth: number;
+    withTooltip: boolean;
+    tooltipPlacement: string;
 }>>> & {
     onClick?: () => any;
 }, {
     testId: string;
     variant: "text" | "outlined";
+    withTooltip: boolean;
+    tooltipPlacement: "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";
     disabled: boolean;
     size: "small" | "medium";
+    maxWidth: number;
     open: boolean;
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";

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_f9a13e27_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f9a13e27"]]);
+/* empty css                            */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-604dfc6f"]]);
 export {
   p as default
 };

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

@@ -1,9 +1,10 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_f9a13e27_lang.css"; import { defineComponent as l, openBlock as o, createBlock as i, unref as d, normalizeClass as r, withCtx as s, renderSlot as c, createElementVNode as u, toDisplayString as m } from "vue";
-import f from "../../button/v4/ButtonV4.vue.js";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
+import T from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-const b = { class: "label" }, p = /* @__PURE__ */ l({
+import B from "../../typography/v4/Typography.vue.js";
+const W = /* @__PURE__ */ c({
   __name: "ButtonDropdownTrigger",
   props: {
     label: null,
@@ -14,26 +15,47 @@ const b = { class: "label" }, p = /* @__PURE__ */ l({
     startIconName: { default: null },
     startIconType: { default: "regular" },
     hideEndIcon: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    maxWidth: { default: 0 },
+    withTooltip: { type: Boolean, default: !0 },
+    tooltipPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(e, { emit: a }) {
-    return (n, t) => (o(), i(d(f), {
-      class: r(["button-trigger", { open: e.open }]),
-      disabled: e.disabled,
+  setup(t, { emit: i }) {
+    const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
+    return (r, l) => (s(), u(o(T), {
+      class: m(["button-trigger", { open: t.open }]),
+      disabled: t.disabled,
       color: "default",
-      variant: e.variant,
-      size: e.size,
-      "start-icon-name": e.startIconName,
-      "start-icon-type": e.startIconType,
-      "end-icon-name": e.hideEndIcon ? null : "caret-down",
-      content: e.label,
-      "test-id": e.testId,
-      onClick: t[0] || (t[0] = (y) => a("click"))
+      variant: t.variant,
+      size: t.size,
+      "start-icon-name": t.startIconName,
+      "start-icon-type": t.startIconType,
+      "end-icon-name": t.hideEndIcon ? null : "caret-down",
+      content: t.label,
+      "test-id": t.testId,
+      onClick: l[0] || (l[0] = (g) => i("click"))
     }, {
-      default: s(() => [
-        c(n.$slots, "default", {}, () => [
-          u("div", b, m(e.label), 1)
+      default: n(() => [
+        f(r.$slots, "default", {}, () => [
+          p("div", {
+            style: y(o(d)),
+            class: "label-wrapper"
+          }, [
+            h(B, {
+              variant: "button",
+              class: "label-text",
+              "is-truncated": "",
+              "with-tooltip": t.withTooltip,
+              "tooltip-text": t.label,
+              "tooltip-placement": t.tooltipPlacement
+            }, {
+              default: n(() => [
+                b(x(t.label), 1)
+              ]),
+              _: 1
+            }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
+          ], 4)
         ], !0)
       ]),
       _: 3
@@ -41,5 +63,5 @@ const b = { class: "label" }, p = /* @__PURE__ */ l({
   }
 });
 export {
-  p as default
+  W as default
 };