@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

package/components/multibar/MultiBar.vue2.js

@@ -0,0 +1,96 @@
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; import { defineComponent as k, computed as y, openBlock as n, createBlock as s, Teleport as g, createVNode as c, Transition as A, withCtx as u, unref as o, createElementBlock as r, mergeProps as T, createElementVNode as V, createTextVNode as C, toDisplayString as v, createCommentVNode as d, Fragment as x, renderList as z, normalizeClass as M } from "vue";
+import { useVModel as N } from "@vueuse/core";
+import S from "../typography/v4/Typography.vue.js";
+import w from "../button/v4/ButtonV4.vue.js";
+import E from "../button/v4/IconButtonV4.vue.js";
+import $ from "./MultiBarMenu.vue.js";
+const D = { class: "multi-bar-panel" }, F = {
+  key: 0,
+  class: "count-text"
+}, I = {
+  inheritAttrs: !1
+}, O = /* @__PURE__ */ k({
+  ...I,
+  __name: "MultiBar",
+  props: {
+    modelValue: { type: Boolean },
+    selectedCount: { default: 0 },
+    appendToBody: { type: Boolean, default: !0 },
+    actions: { default: () => [] },
+    visibleActionsCount: { default: 4 },
+    size: { default: "medium" },
+    position: { default: "center" }
+  },
+  emits: ["update:modelValue", "close", "action"],
+  setup(t, { emit: l }) {
+    const e = t, m = N(e, "modelValue", l), h = () => {
+      m.value = !1, l("close");
+    }, f = (a) => {
+      l("action", a);
+    }, b = y(
+      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
+    ), p = y(
+      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
+    );
+    return (a, L) => (n(), s(g, {
+      to: "body",
+      disabled: !t.appendToBody
+    }, [
+      c(A, { name: "multi-bar" }, {
+        default: u(() => [
+          o(m) ? (n(), r("div", T({
+            key: 0,
+            class: ["multi-bar", {
+              "light-theme-v4": !0,
+              "multi-bar--fixed": t.appendToBody,
+              "multi-bar--sticky": !t.appendToBody,
+              "multi-bar--small": t.size === "small",
+              "multi-bar--medium": t.size === "medium",
+              "multi-bar--left": t.position === "left"
+            }]
+          }, a.$attrs), [
+            V("div", D, [
+              c(o(E), {
+                "icon-name": "x",
+                class: "close-icon",
+                onClick: h
+              }),
+              t.selectedCount ? (n(), r("div", F, [
+                c(o(S), { variant: "body1" }, {
+                  default: u(() => [
+                    C(v(t.selectedCount) + " selected ", 1)
+                  ]),
+                  _: 1
+                })
+              ])) : d("", !0),
+              (n(!0), r(x, null, z(o(b), (i, B) => (n(), s(o(w), {
+                key: i.id,
+                class: M(["action-button", {
+                  "action-button--last": B === o(b).length - 1
+                }]),
+                variant: "text",
+                color: "default",
+                "start-icon-name": i.icon,
+                onClick: (P) => f(i)
+              }, {
+                default: u(() => [
+                  C(v(i.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "start-icon-name", "onClick"]))), 128)),
+              o(p).length ? (n(), s($, {
+                key: 1,
+                "menu-items": o(p),
+                onSelected: f
+              }, null, 8, ["menu-items"])) : d("", !0)
+            ])
+          ], 16)) : d("", !0)
+        ]),
+        _: 1
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  O as default
+};

package/components/multibar/MultiBarMenu.vue.d.ts

@@ -0,0 +1,34 @@
+import { MultiBarAction } from '@/components/multibar/MultiBar.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    menuItems: MultiBarAction[];
+}>, {
+    menuItems: () => any[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selected: (item: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    menuItems: MultiBarAction[];
+}>, {
+    menuItems: () => any[];
+}>>> & {
+    onSelected?: (item: unknown) => any;
+}, {
+    menuItems: MultiBarAction[];
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/multibar/MultiBarMenu.vue.js

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

package/components/multibar/MultiBarMenu.vue2.js

@@ -0,0 +1,50 @@
+ import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css"; import { defineComponent as l, openBlock as p, createBlock as d, unref as t, withCtx as o, createVNode as m, createSlots as c, createTextVNode as u, toDisplayString as f } from "vue";
+import _ from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import g from "../dropdown/v4/OptionV4.vue.js";
+import x from "../icon/v4/IconV4.vue.js";
+const w = /* @__PURE__ */ l({
+  __name: "MultiBarMenu",
+  props: {
+    menuItems: { default: () => [] }
+  },
+  emits: ["selected"],
+  setup(a, { emit: s }) {
+    const n = (r) => r.title;
+    return (r, i) => (p(), d(t(_), {
+      class: "multi-bar-menu",
+      options: a.menuItems,
+      "display-value": n,
+      "predefined-trigger": "icon-button",
+      placement: "right-end",
+      skidding: -20,
+      "onUpdate:selected": i[0] || (i[0] = (e) => s("selected", e))
+    }, {
+      default: o(({ option: e }) => [
+        m(t(g), { option: e }, c({
+          default: o(() => [
+            u(" " + f(n(e)), 1)
+          ]),
+          _: 2
+        }, [
+          e.icon ? {
+            name: "icon-start",
+            fn: o(() => [
+              m(t(x), {
+                name: e.icon,
+                size: "20px"
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option"])
+      ]),
+      _: 1
+    }, 8, ["options"]));
+  }
+});
+export {
+  w as default
+};

package/components/multibar/index.d.ts

@@ -0,0 +1,77 @@
+import MultiBar from './MultiBar.vue';
+declare const MultiBarTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"left" | "center">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    actions: {
+        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
+        default: () => any[];
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectedCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    visibleActionsCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => void;
+    close: () => void;
+    action: (action: import("./MultiBar.types").MultiBarAction) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"left" | "center">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    actions: {
+        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
+        default: () => any[];
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectedCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    visibleActionsCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    onClose?: () => any;
+    "onUpdate:modelValue"?: (value: unknown) => any;
+    onAction?: (action: import("./MultiBar.types").MultiBarAction) => any;
+}, {
+    size: "small" | "medium";
+    position: "left" | "center";
+    actions: import("./MultiBar.types").MultiBarAction[];
+    appendToBody: boolean;
+    selectedCount: number;
+    visibleActionsCount: number;
+}>[];
+export type { MultiBarAction } from './MultiBar.types';
+export { MultiBar, MultiBarTypes };

package/components/multibar/index.js

@@ -0,0 +1,6 @@
+import r from "./MultiBar.vue.js";
+const o = () => [r];
+export {
+  r as MultiBar,
+  o as MultiBarTypes
+};

package/components/popover/index.d.ts

@@ -27,14 +27,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
             distance: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -74,14 +74,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
             distance: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -135,14 +135,14 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
         distance: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
@@ -172,14 +172,14 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
     distance: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;

package/components/radioButton/common/radioGroup.common.d.ts

@@ -0,0 +1,3 @@
+export declare const radioGroupCommon: (props: any, emit: any) => {
+    radioGroupRef: import("vue").Ref<HTMLDivElement>;
+};

package/components/radioButton/common/radioGroup.common.js

@@ -0,0 +1,26 @@
+import { ref as m, onMounted as u, computed as s, provide as f, reactive as p, toRefs as l, nextTick as v } from "vue";
+import { useId as y } from "../../../composables/useId.js";
+import { radioGroupKey as h } from "./useRadio.js";
+const b = (e, r) => {
+  const a = y(), t = m(), c = (o) => {
+    r("update:modelValue", o), v(() => r("change", o));
+  };
+  u(() => {
+    const o = t.value?.querySelectorAll("[type=radio]"), n = o[0];
+    !Array.from(o).some((i) => i.checked) && n && (n.tabIndex = 0);
+  });
+  const d = s(() => e.name || a.value);
+  return f(
+    h,
+    p({
+      ...l(e),
+      changeEvent: c,
+      name: d
+    })
+  ), {
+    radioGroupRef: t
+  };
+};
+export {
+  b as radioGroupCommon
+};

package/components/radioButton/v3/RadioButton.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioButton.vue2.js";
+/* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c6b715c"]]);
+export {
+  s as default
+};

package/components/radioButton/v3/RadioButton.vue2.js

@@ -0,0 +1,79 @@
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; import { defineComponent as E, openBlock as n, createElementBlock as I, normalizeClass as b, unref as e, createElementVNode as r, withDirectives as y, mergeProps as i, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as u, createTextVNode as m, toDisplayString as f, createBlock as v, createCommentVNode as R } from "vue";
+import c from "../../typography/Text.vue.js";
+import { useRadio as z } from "../common/useRadio.js";
+import { RadioTestIdModifiers as o } from "../../../testids/index.js";
+import { useTestIdAttrs as A } from "../../../utils/testIds.js";
+const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ E({
+  __name: "RadioButton",
+  props: {
+    label: { default: "" },
+    name: { default: "" },
+    helperText: { default: "" },
+    errorText: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: V }) {
+    const p = t, { radioRef: h, focus: x, disabled: T, modelValue: a, radioGroup: k } = z(
+      p,
+      V
+    ), d = A(p.testId, o);
+    return (B, l) => (n(), I("label", {
+      class: b(["radio-button", { "radio-button--disabled": e(T) }])
+    }, [
+      r("span", D, [
+        y(r("input", i({
+          ref_key: "radioRef",
+          ref: h,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => C(a) ? a.value = s : null),
+          value: t.label,
+          name: t.name || e(k)?.name,
+          type: "radio",
+          disabled: e(T)
+        }, e(d)[e(o).FIELD], {
+          onFocus: l[1] || (l[1] = (s) => x.value = !0),
+          onBlur: l[2] || (l[2] = (s) => x.value = !1)
+        }), null, 16, L), [
+          [N, e(a)]
+        ]),
+        r("span", {
+          class: b([{ "circle--selected": e(a) === t.label }, "circle"])
+        }, null, 2)
+      ]),
+      r("span", i({ class: "label" }, e(d)[e(o).LABEL]), [
+        g(B.$slots, "default", {}, () => [
+          w(c, { "is-truncated": "" }, {
+            default: u(() => [
+              m(f(t.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0),
+        !t.errorText && t.helperText ? (n(), v(c, {
+          key: 0,
+          class: "helper-text--text helper-text",
+          size: "caption"
+        }, {
+          default: u(() => [
+            m(f(t.helperText), 1)
+          ]),
+          _: 1
+        })) : R("", !0),
+        t.errorText ? (n(), v(c, i({
+          key: 1,
+          size: "caption",
+          class: "helper-text--error helper-text"
+        }, e(d)[e(o).ERROR_TEXT]), {
+          default: u(() => [
+            m(f(t.errorText), 1)
+          ]),
+          _: 1
+        }, 16)) : R("", !0)
+      ], 16)
+    ], 2));
+  }
+});
+export {
+  O as default
+};

package/components/radioButton/v3/RadioGroup.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioGroup.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3071ef24"]]);
+export {
+  t as default
+};

package/components/radioButton/v3/RadioGroup.vue2.js

@@ -0,0 +1,29 @@
+ import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroup",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/RadioButtonV4.vue.d.ts

@@ -0,0 +1,59 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value: unknown;
+    label: string;
+    name?: string;
+    modelValue?: string;
+    testId?: string;
+}>, {
+    label: string;
+    name: string;
+    modelValue: any;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value: unknown;
+    label: string;
+    name?: string;
+    modelValue?: string;
+    testId?: string;
+}>, {
+    label: string;
+    name: string;
+    modelValue: any;
+    testId: string;
+}>>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    name: string;
+    label: string;
+    testId: string;
+    modelValue: string;
+}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioButtonV4.vue2.js";
+/* empty css                    */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-14be812e"]]);
+export {
+  p as default
+};

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -0,0 +1,67 @@
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css"; import { defineComponent as h, ref as y, inject as g, computed as n, openBlock as I, createElementBlock as R, normalizeClass as p, unref as e, createElementVNode as r, withDirectives as E, mergeProps as v, isRef as k, vModelRadio as B, renderSlot as T, createVNode as w, withCtx as x, createTextVNode as A, toDisplayString as C } from "vue";
+import D from "../../typography/v4/Typography.vue.js";
+import { radioGroupKey as G } from "../common/useRadio.js";
+import { RadioTestIdModifiers as u } from "../../../testids/index.js";
+import { useTestIdAttrs as L } from "../../../utils/testIds.js";
+const N = { class: "wrapper" }, M = ["value", "name", "disabled"], P = /* @__PURE__ */ h({
+  __name: "RadioButtonV4",
+  props: {
+    value: null,
+    label: { default: "" },
+    name: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: b }) {
+    const l = t, c = L(l.testId, u), i = y(), a = g(G, void 0), m = n(() => !!a), o = n(() => a?.disabled), d = n({
+      get() {
+        return m.value ? a?.modelValue : l.modelValue;
+      },
+      set(s) {
+        m.value ? a?.changeEvent(s) : b("update:modelValue", s), i.value && (i.value.checked = l.modelValue === l.value);
+      }
+    });
+    return (s, f) => (I(), R("label", {
+      class: p(["radio-button", { "radio-button--disabled": e(o) }])
+    }, [
+      r("span", N, [
+        E(r("input", v({
+          ref_key: "radioRef",
+          ref: i,
+          "onUpdate:modelValue": f[0] || (f[0] = (V) => k(d) ? d.value = V : null),
+          value: t.value,
+          name: t.name || e(a)?.name,
+          type: "radio",
+          disabled: e(o)
+        }, e(c)[e(u).FIELD]), null, 16, M), [
+          [B, e(d)]
+        ]),
+        r("span", {
+          class: p(["circle", {
+            "circle--selected": e(d) === t.value,
+            "circle--disabled": e(o)
+          }])
+        }, null, 2)
+      ]),
+      r("span", v({
+        class: ["label", { "label--disabled": e(o) }]
+      }, e(c)[e(u).LABEL]), [
+        T(s.$slots, "default", {}, () => [
+          w(e(D), {
+            variant: "body2",
+            "is-truncated": ""
+          }, {
+            default: x(() => [
+              A(C(t.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ], 16)
+    ], 2));
+  }
+});
+export {
+  P as default
+};