@ironsource/shared-ui 2.1.8-rc.1 → 2.1.8-rc.4

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

@@ -7,14 +7,14 @@ declare const TooltipTypes: () => ({
             header: string;
             text: string;
             theme: string;
-            disabled: boolean;
             testId: string;
-            container: string;
             delay: number;
-            triggers: ("touch" | "click" | "focus" | "hover")[];
+            triggers: ("hover" | "click" | "focus" | "touch")[];
             forceShowWithTruncate: boolean;
-            placement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            placement: "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;
             distance: string | number;
+            container: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -28,24 +28,16 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             delay: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
             triggers: {
-                type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
+                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
                 default: () => string[];
             };
             forceShowWithTruncate: {
@@ -53,16 +45,24 @@ declare const TooltipTypes: () => ({
                 default: boolean;
             };
             placement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                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">;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             distance: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onShow?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -89,24 +89,16 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             delay: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
             triggers: {
-                type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
+                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
                 default: () => string[];
             };
             forceShowWithTruncate: {
@@ -114,13 +106,21 @@ declare const TooltipTypes: () => ({
                 default: boolean;
             };
             placement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                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">;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             distance: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onShow?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -129,14 +129,14 @@ declare const TooltipTypes: () => ({
             header: string;
             text: string;
             theme: string;
-            disabled: boolean;
             testId: string;
-            container: string;
             delay: number;
-            triggers: ("touch" | "click" | "focus" | "hover")[];
+            triggers: ("hover" | "click" | "focus" | "touch")[];
             forceShowWithTruncate: boolean;
-            placement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            placement: "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;
             distance: string | number;
+            container: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -170,24 +170,16 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         delay: {
             type: import("vue").PropType<number>;
             default: number;
         };
         triggers: {
-            type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
+            type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
             default: () => string[];
         };
         forceShowWithTruncate: {
@@ -195,13 +187,21 @@ declare const TooltipTypes: () => ({
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            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">;
             default: string;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         distance: {
             type: import("vue").PropType<string | number>;
             default: string;
         };
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onShow?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -221,24 +221,16 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    container: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     delay: {
         type: import("vue").PropType<number>;
         default: number;
     };
     triggers: {
-        type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
+        type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
         default: () => string[];
     };
     forceShowWithTruncate: {
@@ -246,13 +238,21 @@ declare const TooltipTypes: () => ({
         default: boolean;
     };
     placement: {
-        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        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">;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     distance: {
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    container: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onShow?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -261,14 +261,14 @@ declare const TooltipTypes: () => ({
     header: string;
     text: string;
     theme: string;
-    disabled: boolean;
     testId: string;
-    container: string;
     delay: number;
-    triggers: ("touch" | "click" | "focus" | "hover")[];
+    triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;
-    placement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    placement: "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;
     distance: string | number;
+    container: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/typography/Text.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     testId: string;
 }>>>, {
-    size: "caption" | "sm" | "md" | "lg" | "xs";
     testId: string;
+    size: "caption" | "sm" | "md" | "lg" | "xs";
 }>, {
     default?(_: {}): any;
 }>;

package/components/typography/index.d.ts

@@ -6,13 +6,13 @@ declare const TypographyTypes: () => (({
             testId: string;
             level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
             level: {
                 type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
                 default: string;
@@ -32,13 +32,13 @@ declare const TypographyTypes: () => (({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
             level: {
                 type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
                 default: string;
@@ -67,13 +67,13 @@ declare const TypographyTypes: () => (({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        isTruncated: {
-            type: import("vue").PropType<boolean>;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
         level: {
             type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
             default: string;
@@ -83,13 +83,13 @@ declare const TypographyTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
     level: {
         type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
         default: string;
@@ -106,12 +106,16 @@ declare const TypographyTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: "caption" | "sm" | "md" | "lg" | "xs";
             testId: string;
+            size: "caption" | "sm" | "md" | "lg" | "xs";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             strong: {
                 type: import("vue").PropType<boolean>;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isTruncated: {
                 type: import("vue").PropType<boolean>;
             };
@@ -119,11 +123,7 @@ declare const TypographyTypes: () => (({
                 type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "size">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -141,6 +141,10 @@ declare const TypographyTypes: () => (({
             strong: {
                 type: import("vue").PropType<boolean>;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isTruncated: {
                 type: import("vue").PropType<boolean>;
             };
@@ -148,13 +152,9 @@ declare const TypographyTypes: () => (({
                 type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            size: "caption" | "sm" | "md" | "lg" | "xs";
             testId: string;
+            size: "caption" | "sm" | "md" | "lg" | "xs";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -179,6 +179,10 @@ declare const TypographyTypes: () => (({
         strong: {
             type: import("vue").PropType<boolean>;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isTruncated: {
             type: import("vue").PropType<boolean>;
         };
@@ -186,10 +190,6 @@ declare const TypographyTypes: () => (({
             type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -198,6 +198,10 @@ declare const TypographyTypes: () => (({
     strong: {
         type: import("vue").PropType<boolean>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
@@ -205,13 +209,9 @@ declare const TypographyTypes: () => (({
         type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: "caption" | "sm" | "md" | "lg" | "xs";
     testId: string;
+    size: "caption" | "sm" | "md" | "lg" | "xs";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/typography/v4/Typography.vue.d.ts

@@ -1,21 +1,41 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
+    withTooltip?: boolean;
+    tooltipText?: string;
+    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";
+    tooltipTestId?: string;
     /**
      * Typography variant to use
      */
     variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
 }>, {
     variant: string;
+    withTooltip: boolean;
+    tooltipText: string;
+    tooltipPlacement: string;
+    tooltipTestId: 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<{
     isTruncated?: boolean;
+    withTooltip?: boolean;
+    tooltipText?: string;
+    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";
+    tooltipTestId?: string;
     /**
      * Typography variant to use
      */
     variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
 }>, {
     variant: string;
+    withTooltip: boolean;
+    tooltipText: string;
+    tooltipPlacement: string;
+    tooltipTestId: string;
 }>>>, {
     variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+    withTooltip: boolean;
+    tooltipText: string;
+    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";
+    tooltipTestId: string;
 }>, {
     default?(_: {}): any;
 }>;

package/components/typography/v4/Typography.vue.js

@@ -1,7 +1,7 @@
 import o from "./Typography.vue2.js";
-/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Typography.vue_vue_type_style_index_0_scoped_4c2254ef_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4c2254ef"]]);
+/* empty css                 */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css"; //*');
+const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-b00956b7"]]);
 export {
   t as default
 };

package/components/typography/v4/Typography.vue2.js

@@ -1,12 +1,17 @@
- import "../../../Typography.vue_vue_type_style_index_0_scoped_4c2254ef_lang.css"; import { defineComponent as s, computed as e, openBlock as c, createBlock as f, resolveDynamicComponent as h, unref as n, normalizeClass as b, withCtx as u, renderSlot as d } from "vue";
-const v = /* @__PURE__ */ s({
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css"; import { defineComponent as m, ref as y, computed as l, openBlock as o, createBlock as i, unref as e, withCtx as s, resolveDynamicComponent as d, normalizeClass as f, renderSlot as h } from "vue";
+import T from "../../tooltip/v4/TooltipV4.vue.js";
+const C = /* @__PURE__ */ m({
   __name: "Typography",
   props: {
     isTruncated: { type: Boolean },
+    withTooltip: { type: Boolean, default: !1 },
+    tooltipText: { default: "" },
+    tooltipPlacement: { default: "top" },
+    tooltipTestId: { default: "" },
     variant: { default: "body1" }
   },
-  setup(a) {
-    const t = a, o = {
+  setup(t) {
+    const n = t, a = y(null), b = {
       title: "font-title",
       h1: "font-heading-1",
       h2: "font-heading-2",
@@ -28,8 +33,8 @@ const v = /* @__PURE__ */ s({
       chart1: "font-chart-1",
       chart2: "font-chart-2",
       overline: "font-overline"
-    }, l = e(() => {
-      switch (t.variant) {
+    }, r = l(() => {
+      switch (n.variant) {
         case "title":
           return "h1";
         case "h1":
@@ -38,21 +43,43 @@ const v = /* @__PURE__ */ s({
         case "h4":
         case "h5":
         case "h6":
-          return t.variant;
+          return n.variant;
         default:
           return "span";
       }
-    }), r = e(() => o[t.variant]);
-    return (i, p) => (c(), f(h(n(l)), {
-      class: b(["antialiased", { [n(r)]: !0, truncate: a.isTruncated }])
+    }), c = l(() => b[n.variant]), p = l(() => a.value ? a.value.scrollWidth > a.value.clientWidth : !1);
+    return (u, v) => t.withTooltip && t.isTruncated ? (o(), i(e(T), {
+      key: 0,
+      placement: t.tooltipPlacement,
+      disabled: !e(p),
+      text: t.tooltipText,
+      class: "typography-tooltip",
+      "test-id": t.tooltipTestId
     }, {
-      default: u(() => [
-        d(i.$slots, "default", {}, void 0, !0)
+      default: s(() => [
+        (o(), i(d(e(r)), {
+          ref_key: "textElement",
+          ref: a,
+          class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+        }, {
+          default: s(() => [
+            h(u.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["class"]))
+      ]),
+      _: 3
+    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(d(e(r)), {
+      key: 1,
+      class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+    }, {
+      default: s(() => [
+        h(u.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  v as default
+  C as default
 };