@ironsource/shared-ui 2.0.0-test.1 → 2.0.0-test.3

package/components/dialog/Dialog.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as A, useCssVars as S, ref as P, computed as g, watch as z, openBlock as s, createBlock as v, Teleport as F, createVNode as m, Transition as K, withCtx as i, unref as o, normalizeClass as T, createElementVNode as u, normalizeStyle as H, withKeys as U, renderSlot as h, createTextVNode as w, toDisplayString as p, createCommentVNode as n, createElementBlock as k } from "vue";
+ import "../../Dialog.vue_vue_type_style_index_0_scoped_4c5a0438_lang.css"; import { defineComponent as A, useCssVars as S, ref as P, computed as g, watch as z, openBlock as s, createBlock as v, Teleport as F, createVNode as m, Transition as K, withCtx as i, unref as o, normalizeClass as T, createElementVNode as u, normalizeStyle as H, withKeys as U, renderSlot as h, createTextVNode as w, toDisplayString as k, createCommentVNode as n, createElementBlock as D } from "vue";
 import { UseFocusTrap as W } from "@vueuse/integrations/useFocusTrap/component";
 import { useTimeoutFn as I } from "@vueuse/core";
 import E from "../typography/Text.vue.js";
 import { NOOP as N } from "@vue/shared";
 import { Reason as y } from "./Reason.js";
+import "../button/v3/Button.vue.js";
+import x from "../button/v3/IconButton.vue.js";
+import "../button/v3/ScrollButton.vue.js";
+import L from "../icon/Icon.vue.js";
 import { DialogTestIdModifiers as l } from "../../testids/index.js";
-/* empty css                          */import x from "../icon/Icon.vue.js";
-/* empty css                        */import L from "../button/v3/IconButton.vue.js";
-/* empty css                                   */import "floating-vue";
-/* empty css                       *//* empty css                              */const M = ["data-testid"], Y = ["data-testid"], j = ["data-testid"], q = ["data-testid"], G = { class: "placeholder" }, J = {
+const M = ["data-testid"], Y = ["data-testid"], j = ["data-testid"], q = ["data-testid"], G = { class: "placeholder" }, J = {
   key: 1,
   class: "footer"
-}, Q = ["data-testid"], X = ["data-testid"], me = /* @__PURE__ */ A({
+}, Q = ["data-testid"], X = ["data-testid"], ie = /* @__PURE__ */ A({
   __name: "Dialog",
   props: {
     appendToBody: { type: Boolean, default: !0 },
@@ -38,25 +39,25 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
     }));
     const r = P(!1);
     let C, B;
-    const D = (t) => {
+    const O = (t) => {
       r.value = !1, c("close", t), c("update:modelValue", !1);
-    }, O = () => {
+    }, p = () => {
       r.value = !0, c("open");
     }, b = (t) => {
       if (C?.(), B?.(), d.closeDelay && d.closeDelay > 0) {
         ({ stop: B } = I(
-          () => D(t),
+          () => O(t),
           d.closeDelay
         ));
         return;
       }
-      D(t);
+      O(t);
     }, R = () => {
       if (B?.(), C?.(), d.openDelay && d.openDelay > 0) {
-        ({ stop: C } = I(() => O(), d.openDelay));
+        ({ stop: C } = I(() => p(), d.openDelay));
         return;
       }
-      O();
+      p();
     }, V = g(() => d.width ? { width: d.width } : {});
     z(
       () => d.modelValue,
@@ -102,12 +103,12 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
                   e.headerBorder ? h(t.$slots, "header", { key: 0 }, () => [
                     m(E, { strong: "" }, {
                       default: i(() => [
-                        w(p(e.title), 1)
+                        w(k(e.title), 1)
                       ]),
                       _: 1
                     })
                   ], !0) : n("", !0),
-                  e.showCloseButton ? (s(), v(o(L), {
+                  e.showCloseButton ? (s(), v(o(x), {
                     key: 1,
                     class: "button close-button",
                     size: "md",
@@ -118,7 +119,7 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
                     onClick: a[0] || (a[0] = (f) => $(o(y).CloseButton))
                   }, {
                     default: i(() => [
-                      m(x, {
+                      m(L, {
                         "font-size": "md",
                         name: "close"
                       })
@@ -126,7 +127,7 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
                     _: 1
                   }, 8, ["data-testid"])) : n("", !0)
                 ], 10, Y),
-                e.headerBorder ? n("", !0) : (s(), k("div", {
+                e.headerBorder ? n("", !0) : (s(), D("div", {
                   key: 0,
                   class: "header--secondary",
                   "data-testid": `${e.testId}-${o(l).HEADER_SECONDARY}`
@@ -134,7 +135,7 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
                   h(t.$slots, "header", {}, () => [
                     m(E, { strong: "" }, {
                       default: i(() => [
-                        w(p(e.title), 1)
+                        w(k(e.title), 1)
                       ]),
                       _: 1
                     })
@@ -145,10 +146,10 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
                   "data-testid": `${e.testId}-${o(l).CONTENT}`
                 }, [
                   h(t.$slots, "default", {}, () => [
-                    u("div", G, p(e.content), 1)
+                    u("div", G, k(e.content), 1)
                   ], !0)
                 ], 10, q),
-                t.$slots.footer ? (s(), k("footer", J, [
+                t.$slots.footer ? (s(), D("footer", J, [
                   u("div", {
                     class: "action-buttons",
                     "data-testid": `${e.testId}-${o(l).ACTION_BUTTONS_WRAPPER}`
@@ -157,7 +158,7 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
                   ], 8, Q)
                 ])) : n("", !0)
               ], 44, M),
-              e.showBackdrop ? (s(), k("div", {
+              e.showBackdrop ? (s(), D("div", {
                 key: 0,
                 class: "backdrop",
                 "data-testid": `${e.testId}-${o(l).BACKDROP}`,
@@ -173,5 +174,5 @@ import { DialogTestIdModifiers as l } from "../../testids/index.js";
   }
 });
 export {
-  me as default
+  ie as default
 };

package/components/dropdown/common/Label.vue.js

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

package/components/dropdown/common/Label.vue2.js

@@ -1,5 +1,6 @@
-import { defineComponent as n, openBlock as l, createElementBlock as d, unref as e, normalizeClass as m, createVNode as c, withCtx as o, renderSlot as i, createBlock as u, createTextVNode as f, createCommentVNode as p } from "vue";
-/* empty css                             */import a from "../../typography/Text.vue.js";
+ import "../../../Label.vue_vue_type_style_index_0_scoped_5faaafce_lang.css"; import { defineComponent as n, openBlock as l, createElementBlock as d, unref as e, normalizeClass as m, createVNode as c, withCtx as o, renderSlot as i, createBlock as u, createTextVNode as f, createCommentVNode as p } from "vue";
+import "../../typography/Heading.vue.js";
+import a from "../../typography/Text.vue.js";
 import { useDropdownContext as b } from "./DropdownContext.js";
 import { useId as _ } from "../../../composables/useId.js";
 const h = /* @__PURE__ */ n({

package/components/dropdown/common/Option.vue.js

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

package/components/dropdown/common/Option.vue2.js

@@ -1,5 +1,6 @@
-import { defineComponent as M, ref as x, onMounted as I, onUnmounted as N, computed as m, toRaw as p, openBlock as l, createElementBlock as r, normalizeClass as k, unref as e, createElementVNode as f, createBlock as y, createCommentVNode as s, renderSlot as v, createVNode as O, withCtx as h, createTextVNode as z, toDisplayString as A, withModifiers as P } from "vue";
-/* empty css                             */import g from "../../typography/Text.vue.js";
+ import "../../../Option.vue_vue_type_style_index_0_scoped_6d9b9102_lang.css"; import { defineComponent as M, ref as x, onMounted as I, onUnmounted as N, computed as m, toRaw as p, openBlock as l, createElementBlock as r, normalizeClass as k, unref as e, createElementVNode as f, createBlock as y, createCommentVNode as s, renderSlot as v, createVNode as O, withCtx as h, createTextVNode as z, toDisplayString as A, withModifiers as P } from "vue";
+import "../../typography/Heading.vue.js";
+import g from "../../typography/Text.vue.js";
 import { useDropdownContext as S, Mode as C } from "./DropdownContext.js";
 import { useId as V } from "../../../composables/useId.js";
 import D from "../../checkbox/Checkbox.vue.js";

package/components/dropdown/common/SearchInput.vue.js

@@ -1,6 +1,7 @@
 import o from "./SearchInput.vue2.js";
-/* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2fb7762f"]]);
+/* empty css                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchInput.vue_vue_type_style_index_0_scoped_2fb7762f_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2fb7762f"]]);
 export {
-  a as default
+  s as default
 };

package/components/dropdown/common/SearchInput.vue2.js

@@ -1,34 +1,35 @@
-import { defineComponent as I, useSlots as x, ref as m, onMounted as z, computed as r, watch as V, renderSlot as v, unref as t, createElementVNode as f, normalizeClass as s, openBlock as i, createElementBlock as $, createCommentVNode as u, createVNode as O, withCtx as A, createBlock as h } from "vue";
+ import "../../../SearchInput.vue_vue_type_style_index_0_scoped_2fb7762f_lang.css"; import { defineComponent as I, useSlots as x, ref as v, onMounted as z, computed as r, watch as V, renderSlot as f, unref as t, createElementVNode as m, normalizeClass as s, openBlock as u, createElementBlock as $, createCommentVNode as i, createVNode as O, withCtx as A, createBlock as h } from "vue";
 import { useDropdownContext as B, Mode as b } from "./DropdownContext.js";
 import g from "../../icon/Icon.vue.js";
-/* empty css                             *//* empty css                          *//* empty css                           */import E from "../../button/v3/IconButton.vue.js";
-/* empty css                                      */import "floating-vue";
-/* empty css                          *//* empty css                                 */const M = {
+import "../../button/v3/Button.vue.js";
+import E from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+const M = {
   key: 0,
   class: "prefix"
-}, S = ["disabled", "placeholder"], Q = /* @__PURE__ */ I({
+}, S = ["disabled", "placeholder"], G = /* @__PURE__ */ I({
   __name: "SearchInput",
   setup(F) {
-    const e = B("searchInput"), y = x(), o = m(null), a = m();
+    const e = B("searchInput"), y = x(), l = v(null), a = v();
     z(() => {
-      e.registerInput(o);
+      e.registerInput(l);
     });
-    const c = (l) => {
-      e.toggle(!0), e.search(l.target.value);
+    const c = (o) => {
+      e.toggle(!0), e.search(o.target.value);
     }, C = r(() => !e.open.value && y.prefix && !Array.isArray(e.selectedOption.value) && e.selectedOption.value), d = r(() => e.mode === b.Multi && Array.isArray(e.selectedOption.value) && e.selectedOption.value.length ? `${e.selectedOption.value.length} selected` : e.open.value && e.selectedValue.value ? e.selectedValue.value : e.placeholder), p = r(() => e.query.value !== "" || e.selectedValue.value);
-    V(e.open, (l) => {
-      l && o.value.focus(), e.mode !== b.Multi && (!l || !o.value || (o.value.value = ""));
+    V(e.open, (o) => {
+      o && l.value.focus(), e.mode !== b.Multi && (!o || !l.value || (l.value.value = ""));
     });
     const k = r(() => p.value ? "cancel" : "search-bold"), _ = () => {
-      e.clearSelection(), o.value.focus();
+      e.clearSelection(), l.value.focus();
     };
-    return (l, n) => v(l.$slots, "default", {
-      inputRef: o.value,
+    return (o, n) => f(o.$slots, "default", {
+      inputRef: l.value,
       disabled: t(e).disabled,
       change: c,
       placeholder: t(d)
     }, () => [
-      f("div", {
+      m("div", {
         class: s(["container", {
           "container--open": t(e).open.value,
           "container--disabled": t(e).disabled,
@@ -36,12 +37,12 @@ import g from "../../icon/Icon.vue.js";
           focused: a.value
         }])
       }, [
-        t(C) ? (i(), $("div", M, [
-          v(l.$slots, "prefix", {}, void 0, !0)
-        ])) : u("", !0),
-        f("input", {
+        t(C) ? (u(), $("div", M, [
+          f(o.$slots, "prefix", {}, void 0, !0)
+        ])) : i("", !0),
+        m("input", {
           ref_key: "inputEl",
-          ref: o,
+          ref: l,
           disabled: t(e).disabled,
           class: s(["input", { "input--disabled": t(e).disabled }]),
           placeholder: t(d),
@@ -57,18 +58,18 @@ import g from "../../icon/Icon.vue.js";
           disabled: t(e).disabled
         }, {
           default: A(() => [
-            t(e).open.value ? u("", !0) : (i(), h(t(g), {
+            t(e).open.value ? i("", !0) : (u(), h(t(g), {
               key: 0,
               "font-size": "sm",
               class: "angle-down",
               name: "angle-down"
             })),
-            t(e).open.value ? (i(), h(t(g), {
+            t(e).open.value ? (u(), h(t(g), {
               key: 1,
               "font-size": "sm",
               name: t(k),
               onClick: _
-            }, null, 8, ["name"])) : u("", !0)
+            }, null, 8, ["name"])) : i("", !0)
           ]),
           _: 1
         }, 8, ["disabled", "class"])
@@ -77,5 +78,5 @@ import g from "../../icon/Icon.vue.js";
   }
 });
 export {
-  Q as default
+  G as default
 };

package/components/dropdown/v3/Dropdown.vue.js

@@ -1,6 +1,8 @@
 import o from "./Dropdown.vue2.js";
-/* empty css               *//* empty css               */import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0f9d5331"]]);
+/* empty css               *//* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Dropdown.vue_vue_type_style_index_0_scoped_0f9d5331_lang.css"; //*');
+// import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0f9d5331"]]);
 export {
-  _ as default
+  r as default
 };

package/components/dropdown/v3/Dropdown.vue2.js

@@ -1,11 +1,14 @@
-import { defineComponent as J, openBlock as d, createElementBlock as o, normalizeClass as $, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as Q, createElementVNode as f, createTextVNode as r, toDisplayString as h, createCommentVNode as i, createBlock as g, isRef as Z, mergeProps as E, withModifiers as x, Fragment as _, renderList as ee, toRaw as T, pushScopeId as te, popScopeId as le } from "vue";
+ import "../../../Dropdown.vue_vue_type_style_index_0_scoped_0f9d5331_lang.css";  import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  import { defineComponent as J, openBlock as d, createElementBlock as o, normalizeClass as $, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as Q, createElementVNode as f, createTextVNode as r, toDisplayString as h, createCommentVNode as i, createBlock as g, isRef as Z, mergeProps as E, withModifiers as x, Fragment as _, renderList as ee, toRaw as T, pushScopeId as te, popScopeId as le } from "vue";
 import P from "../../button/v3/Button.vue.js";
+import "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import ae from "../common/Option.vue.js";
 import A from "../../icon/Icon.vue.js";
+import de from "../../search/v4/SearchV4.vue.js";
+import "../../typography/Heading.vue.js";
+import y from "../../typography/Text.vue.js";
+import { Dropdown as ie } from "floating-vue";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-/* empty css                             */import p from "../../typography/Text.vue.js";
-/* empty css                                  *//* empty css                               *//* empty css                                      */import { Dropdown as ae } from "floating-vue";
-/* empty css                          *//* empty css                                 */import de from "../common/Option.vue.js";
-import ie from "../../search/v4/SearchV4.vue.js";
 import { dropdownCommon as oe } from "../common/Dropdown.common.js";
 const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "data-testid"], re = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], ue = {
   key: 0,
@@ -14,7 +17,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
   key: 0,
   ref: "listRef",
   class: "dropdown-title"
-}, me = ["data-testid"], pe = ["data-testid"], ye = {
+}, me = ["data-testid"], ye = ["data-testid"], pe = {
   key: 0,
   class: "no-result-container"
 }, be = {
@@ -46,7 +49,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
 ], -1)), ke = { key: 2 }, we = ["aria-selected", "aria-disabled", "onClick"], ve = {
   key: 0,
   class: "actions"
-}, Ve = /* @__PURE__ */ J({
+}, Pe = /* @__PURE__ */ J({
   __name: "Dropdown",
   props: {
     modelValue: { default: null },
@@ -92,7 +95,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
   emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
   setup(t, { expose: N, emit: V }) {
     const K = t, {
-      onKeydown: y,
+      onKeydown: p,
       location: L,
       open: m,
       toggleMenu: C,
@@ -125,10 +128,10 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
       tabindex: t.disabled ? -1 : 0,
       "data-testid": `${t.testId}-${e(u).WRAPPER}`,
       onKeydown: a[7] || (a[7] = //@ts-ignore
-      (...l) => e(y) && e(y)(...l))
+      (...l) => e(p) && e(p)(...l))
     }, [
       b(c.$slots, "label", {}, void 0, !0),
-      s(e(ae), {
+      s(e(ie), {
         theme: t.theme,
         "popper-class": [
           t.popperClass,
@@ -155,14 +158,14 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
                     class: "dropdown-title__text",
                     "data-testid": `${t.testId}-${e(u).TITLE}`
                   }, [
-                    s(e(p), { strong: "" }, {
+                    s(e(y), { strong: "" }, {
                       default: n(() => [
                         r(h(t.title), 1)
                       ]),
                       _: 1
                     })
                   ], 8, me)) : i("", !0),
-                  t.inlineSearch ? (d(), g(e(ie), {
+                  t.inlineSearch ? (d(), g(e(de), {
                     key: 1,
                     modelValue: e(w),
                     "onUpdate:modelValue": a[4] || (a[4] = (l) => Z(w) ? w.value = l : null),
@@ -171,14 +174,14 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
                     variant: "transparent",
                     size: "md",
                     "test-id": `${t.testId}-${e(u).SEARCH}`,
-                    onKeydown: e(y)
+                    onKeydown: e(p)
                   }, null, 8, ["modelValue", "placeholder", "test-id", "onKeydown"])) : i("", !0)
                 ]),
                 e(m) ? (d(), o("div", {
                   key: 0,
                   class: "dropdown",
                   onKeydown: a[6] || (a[6] = //@ts-ignore
-                  (...l) => e(y) && e(y)(...l))
+                  (...l) => e(p) && e(p)(...l))
                 }, [
                   b(c.$slots, "input-list", { open: e(m) }, void 0, !0),
                   f("div", E(e(H), {
@@ -190,8 +193,8 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
                       role: "listbox",
                       class: ["list", { "list--multi": t.multi }]
                     }), [
-                      !e(G).length && !t.loading ? (d(), o("li", ye, [
-                        s(e(p), {
+                      !e(G).length && !t.loading ? (d(), o("li", pe, [
+                        s(e(y), {
                           size: "sm",
                           class: "no-result"
                         }, {
@@ -211,7 +214,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
                           ]),
                           _: 1
                         }),
-                        s(e(p), null, {
+                        s(e(y), null, {
                           default: n(() => [
                             r("Loading...")
                           ]),
@@ -219,7 +222,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
                         })
                       ])) : i("", !0),
                       t.showSelectAll ? (d(), o("li", ke, [
-                        s(de, {
+                        s(ae, {
                           "aria-selected": e(I),
                           "aria-disabled": !!t.disabled,
                           "selected-prop": e(I),
@@ -246,7 +249,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
                         }, void 0, !0)
                       ], 8, we))), 128)) : i("", !0)
                     ], 16)
-                  ], 16, pe),
+                  ], 16, ye),
                   t.multi ? (d(), o("div", ve, [
                     s(e(P), {
                       ref: "cancel",
@@ -322,7 +325,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
               c.$slots.image ? (d(), o("div", ue, [
                 b(c.$slots, "image", {}, void 0, !0)
               ])) : i("", !0),
-              s(e(p), {
+              s(e(y), {
                 size: "sm",
                 "is-truncated": ""
               }, {
@@ -342,7 +345,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
         ]),
         _: 3
       }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size", "data-testid"]),
-      !t.error && t.helperText ? (d(), g(e(p), {
+      !t.error && t.helperText ? (d(), g(e(y), {
         key: 0,
         size: "caption",
         class: "helper-text",
@@ -353,7 +356,7 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
         ]),
         _: 1
       }, 8, ["test-id"])) : i("", !0),
-      t.error ? (d(), g(e(p), {
+      t.error ? (d(), g(e(y), {
         key: 1,
         size: "caption",
         class: "helper-text helper-text--error",
@@ -368,5 +371,5 @@ const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "
   }
 });
 export {
-  Ve as default
+  Pe as default
 };

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

@@ -1,6 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-896b5344"]]);
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_896b5344_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-896b5344"]]);
 export {
-  a as default
+  r as default
 };

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

@@ -1,11 +1,12 @@
-import { defineComponent as Q, openBlock as d, createElementBlock as n, normalizeClass as $, unref as e, renderSlot as h, createElementVNode as r, createVNode as s, withCtx as o, Transition as Z, createTextVNode as u, toDisplayString as b, createCommentVNode as i, createBlock as g, isRef as _, mergeProps as P, withModifiers as A, Fragment as ee, renderList as te, toRaw as T, pushScopeId as le, popScopeId as ae } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_896b5344_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as Q, openBlock as d, createElementBlock as n, normalizeClass as $, unref as e, renderSlot as h, createElementVNode as r, createVNode as s, withCtx as o, Transition as Z, createTextVNode as u, toDisplayString as b, createCommentVNode as i, createBlock as g, isRef as _, mergeProps as P, withModifiers as A, Fragment as ee, renderList as te, toRaw as T, pushScopeId as le, popScopeId as ae } from "vue";
 import C from "../../button/v4/ButtonV4.vue.js";
 import de from "../common/Option.vue.js";
 import B from "../../icon/Icon.vue.js";
 import oe from "../../search/v4/SearchV4.vue.js";
-import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
-/* empty css                             */import y from "../../typography/Text.vue.js";
+import "../../typography/Heading.vue.js";
+import y from "../../typography/Text.vue.js";
 import { Dropdown as ie } from "floating-vue";
+import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
 import { dropdownCommon as ne } from "../common/Dropdown.common.js";
 const se = (t) => (le("data-v-896b5344"), t = t(), ae(), t), re = ["tabindex", "data-testid"], ue = { style: { display: "flex", width: "100%" } }, ce = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], fe = {
   key: 0,

package/components/emptyState/EmptyState.vue.js

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

package/components/emptyState/EmptyState.vue2.js

@@ -1,10 +1,12 @@
-import { defineComponent as h, computed as k, openBlock as e, createElementBlock as b, normalizeClass as d, createElementVNode as f, renderSlot as a, createBlock as n, normalizeProps as p, mergeProps as B, unref as l, createCommentVNode as o, withCtx as s, createTextVNode as r, toDisplayString as m } from "vue";
-import g from "../button/v3/Button.vue.js";
-import v from "../icon/Icon.vue.js";
-/* empty css                          */import y from "../typography/Text.vue.js";
-/* empty css                               *//* empty css                            *//* empty css                                   */import "floating-vue";
-/* empty css                       *//* empty css                              */import N from "./EmptyStateIcon.vue.js";
-const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
+ import "../../EmptyState.vue_vue_type_style_index_0_scoped_0a4838bc_lang.css"; import { defineComponent as h, computed as k, openBlock as e, createElementBlock as b, normalizeClass as d, createElementVNode as f, renderSlot as a, createBlock as n, normalizeProps as B, mergeProps as g, unref as l, createCommentVNode as o, withCtx as s, createTextVNode as r, toDisplayString as u } from "vue";
+import v from "../button/v3/Button.vue.js";
+import "../button/v3/IconButton.vue.js";
+import "../button/v3/ScrollButton.vue.js";
+import N from "./EmptyStateIcon.vue.js";
+import $ from "../icon/Icon.vue.js";
+import "../typography/Heading.vue.js";
+import y from "../typography/Text.vue.js";
+const p = { class: "empty-state-title-container" }, w = /* @__PURE__ */ h({
   __name: "EmptyState",
   props: {
     title: { default: void 0 },
@@ -21,9 +23,9 @@ const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
   },
   emits: ["click"],
   setup(t) {
-    const u = t, z = k(() => ({
-      width: u.iconWidth,
-      height: u.iconHeight
+    const m = t, z = k(() => ({
+      width: m.iconWidth,
+      height: m.iconHeight
     }));
     return (i, c) => (e(), b("div", {
       class: d(["empty-state-container", { horizontal: t.isHorizontal, bordered: t.isBordered }])
@@ -32,8 +34,8 @@ const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
         class: d(`empty-state-icon-container empty-state-icon-container--${t.size}`)
       }, [
         t.hasIcon ? a(i.$slots, "icon", { key: 0 }, () => [
-          t.iconName ? o("", !0) : (e(), n(N, p(B({ key: 0 }, l(z))), null, 16)),
-          t.iconName ? (e(), n(l(v), {
+          t.iconName ? o("", !0) : (e(), n(N, B(g({ key: 0 }, l(z))), null, 16)),
+          t.iconName ? (e(), n(l($), {
             key: 1,
             name: t.iconName,
             "font-size": t.fontSize,
@@ -41,7 +43,7 @@ const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
           }, null, 8, ["name", "font-size"])) : o("", !0)
         ], !0) : o("", !0)
       ], 2),
-      f("div", $, [
+      f("div", p, [
         a(i.$slots, "title", {}, () => [
           t.title ? (e(), n(l(y), {
             key: 0,
@@ -50,7 +52,7 @@ const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
             class: "empty-state-title"
           }, {
             default: s(() => [
-              r(m(t.title), 1)
+              r(u(t.title), 1)
             ]),
             _: 1
           })) : o("", !0)
@@ -62,21 +64,21 @@ const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
             class: "empty-state-subtitle"
           }, {
             default: s(() => [
-              r(m(t.subtitle), 1)
+              r(u(t.subtitle), 1)
             ]),
             _: 1
           })) : o("", !0)
         ], !0)
       ]),
       a(i.$slots, "button", {}, () => [
-        t.buttonText ? (e(), n(l(g), {
+        t.buttonText ? (e(), n(l(v), {
           key: 0,
           theme: "secondary",
           class: "empty-state-button",
           onClick: c[0] || (c[0] = (S) => i.$emit("click"))
         }, {
           default: s(() => [
-            r(m(t.buttonText), 1)
+            r(u(t.buttonText), 1)
           ]),
           _: 1
         })) : o("", !0)
@@ -85,5 +87,5 @@ const $ = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
   }
 });
 export {
-  q as default
+  w as default
 };

package/components/filterDropdown/AddFilterButton.vue.js

@@ -1,6 +1,7 @@
-import t from "./AddFilterButton.vue2.js";
-/* empty css                      */import o from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ o(t, [["__scopeId", "data-v-82b62467"]]);
+import o from "./AddFilterButton.vue2.js";
+/* empty css                      */import t from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AddFilterButton.vue_vue_type_style_index_0_scoped_82b62467_lang.css"; //*');
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-82b62467"]]);
 export {
-  _ as default
+  d as default
 };

package/components/filterDropdown/AddFilterButton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, openBlock as i, createBlock as s, normalizeClass as o, createSlots as r, withCtx as t, createVNode as d, renderSlot as n } from "vue";
+ import "../../AddFilterButton.vue_vue_type_style_index_0_scoped_82b62467_lang.css"; import { defineComponent as a, openBlock as i, createBlock as s, normalizeClass as o, createSlots as r, withCtx as t, createVNode as d, renderSlot as n } from "vue";
 import c from "../icon/Icon.vue.js";
 import f from "../chip/v3/Chip.vue.js";
 import m from "../typography/Text.vue.js";

package/components/filterDropdown/FilterDropdown.vue.js

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