@ironsource/shared-ui 2.1.0-rc.2 → 2.1.0

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

@@ -0,0 +1,382 @@
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as ae, computed as P, openBlock as i, createElementBlock as n, mergeProps as s, unref as e, renderSlot as C, createElementVNode as p, createVNode as a, withCtx as u, Transition as de, normalizeClass as z, normalizeStyle as re, isRef as se, createCommentVNode as d, createTextVNode as g, toDisplayString as ue, withModifiers as V, Fragment as ce, renderList as fe, toRaw as T, createBlock as me, resolveDynamicComponent as pe } from "vue";
+import A from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+import "./DropdownV4.vue.js";
+import ye from "./DefaultDropdownTrigger.vue.js";
+import ge from "./IconButtonDropdownTrigger.vue.js";
+import he from "./ChipDropdownTrigger.vue.js";
+import ke from "./AppDropdownTrigger.vue.js";
+import x from "./OptionV4.vue.js";
+import Te from "../../search/v4/SearchV4.vue.js";
+import F from "../../typography/v4/Typography.vue.js";
+import { Dropdown as ve } from "floating-vue";
+import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
+import { dropdownCommon as be } from "../common/Dropdown.common.js";
+import Ce from "../../loader/v4/Loader.vue.js";
+import { useTestIdAttrs as we } from "../../../utils/testIds.js";
+import { TRIGGERS as y } from "./Dropdown.types.js";
+import { useElementSize as Ie } from "@vueuse/core";
+const Se = ["tabindex"], Ae = { style: { display: "flex", width: "100%" } }, Le = { key: 0 }, Be = { key: 1 }, Ne = { key: 2 }, Oe = {
+  key: 0,
+  class: "inline-search-wrapper"
+}, Ee = {
+  key: 0,
+  class: "no-result-container"
+}, Ke = {
+  key: 1,
+  class: "loader"
+}, Re = { key: 2 }, De = ["aria-selected", "aria-disabled", "onClick"], Pe = {
+  key: 1,
+  class: "actions-wrapper"
+}, ze = { class: "actions-clear-all" }, Ve = { class: "actions-apply-cancel" }, ot = /* @__PURE__ */ ae({
+  __name: "DropdownV4",
+  props: {
+    modelValue: { default: null },
+    selected: { default: null },
+    multi: { type: Boolean, default: !1 },
+    placeholder: { default: "Select" },
+    disabled: { type: Boolean, default: !1 },
+    popperClass: { default: "" },
+    loading: { type: Boolean },
+    testId: { default: "" },
+    isOpen: { type: Boolean },
+    options: null,
+    showSelectAll: { type: Boolean },
+    defaultOpen: { type: Boolean, default: !1 },
+    keepOpen: { type: Boolean, default: !1 },
+    autoSize: { type: Boolean, default: !1 },
+    disableKeyboardEvents: { type: Boolean, default: !1 },
+    isOnTop: { type: Boolean, default: !1 },
+    distance: { default: 0 },
+    container: { default: "body" },
+    flip: { type: Boolean, default: !0 },
+    skidding: { default: 0 },
+    placement: { default: "bottom-start" },
+    triggerLabel: { default: "" },
+    triggerHelperText: { default: "" },
+    triggerFeedbackText: { default: "" },
+    triggerFeedbackVariant: { default: null },
+    size: { default: "lg" },
+    mandatory: { type: Boolean, default: !1 },
+    predefinedTrigger: { default: y.DEFAULT },
+    inlineSearch: { type: Boolean, default: !1 },
+    inlineSearchPlaceholder: { default: "Search" },
+    onSearch: { type: Function, default: null },
+    noResultsText: { default: "No results found" },
+    searchAutoFocus: { type: Boolean, default: !0 },
+    onClear: { type: Function, default: () => !0 },
+    displayValue: null,
+    optionNameKey: { default: "" },
+    optionIconKey: { default: "" },
+    optionImageKey: { default: "" },
+    optionIconType: { default: null },
+    valueToCopy: { default: null },
+    theme: { default: "light-theme-v4" },
+    fullWidth: { type: Boolean, default: !0 },
+    optionsListWidth: { default: null }
+  },
+  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
+  setup(t, { expose: $, emit: U }) {
+    const r = t, H = {
+      MULTILINE_LIST_HEIGHT: 48,
+      LIST_HEIGHT: 32 + 4,
+      MAX_NUMBER_OF_OPTIONS: 7,
+      PADDING_PX: -4
+    }, {
+      onKeydown: h,
+      open: f,
+      toggleMenu: w,
+      onButtonKeydown: G,
+      query: I,
+      containerProps: W,
+      calculateTableHeight: M,
+      wrapperProps: L,
+      filteredOptions: X,
+      allSelected: B,
+      isIndeterminate: q,
+      onSelectAll: Y,
+      virtualOptions: N,
+      isSelected: S,
+      selectedOption: k,
+      onSelect: O,
+      activeIndex: E,
+      onCancel: j,
+      onApply: J,
+      scrollTo: Q,
+      listRef: Z,
+      buttonRef: K,
+      apply: _,
+      cancel: ee,
+      el: te,
+      onClearAllSelections: R,
+      clearAll: le
+    } = be(r, U, H);
+    $({
+      selectItem: O,
+      scrollTo: Q
+    });
+    const m = we(r.testId, c), D = P(() => !r.predefinedTrigger || r.predefinedTrigger === y.DEFAULT ? ye : r.predefinedTrigger === y.APP ? ke : null), { width: oe } = Ie(K), ie = P(() => r.optionsListWidth ? r.optionsListWidth : !r.predefinedTrigger || r.predefinedTrigger === y.DEFAULT || r.predefinedTrigger === y.APP ? `${oe.value - 2}px` : "auto"), ne = () => {
+      w();
+    };
+    return (v, o) => (i(), n("div", s({
+      ref_key: "el",
+      ref: te,
+      class: ["dropdown dropdown--main-wrapper", { "dropdown--disabled": t.disabled, "full-width": t.fullWidth }],
+      tabindex: t.disabled ? -1 : 0
+    }, e(m)[e(c).WRAPPER], {
+      onKeydown: o[6] || (o[6] = //@ts-ignore
+      (...l) => e(h) && e(h)(...l))
+    }), [
+      C(v.$slots, "label", {}, void 0, !0),
+      p("div", Ae, [
+        a(e(ve), s({
+          theme: t.theme,
+          "popper-class": [
+            t.popperClass,
+            t.theme,
+            t.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null,
+            "v4-dropdown"
+          ],
+          placement: t.placement,
+          skidding: t.isOnTop ? 0 : t.skidding,
+          distance: t.distance,
+          flip: t.flip,
+          triggers: [],
+          shown: !!e(f),
+          "auto-hide": !1,
+          container: t.container,
+          "auto-size": t.autoSize
+        }, e(m)[e(c).TRIGGER]), {
+          popper: u(() => [
+            a(de, null, {
+              default: u(() => [
+                e(f) ? (i(), n("div", {
+                  key: 0,
+                  ref_key: "listRef",
+                  ref: Z,
+                  class: z(["light-theme-v4", {
+                    "dropdown--disabled": t.disabled,
+                    "inline-search": t.inlineSearch
+                  }]),
+                  style: re({ width: e(ie) })
+                }, [
+                  e(f) ? (i(), n("div", {
+                    key: 0,
+                    class: "dropdown-list-wrapper",
+                    onKeydown: o[5] || (o[5] = //@ts-ignore
+                    (...l) => e(h) && e(h)(...l))
+                  }, [
+                    e(f) && t.inlineSearch ? (i(), n("div", Oe, [
+                      a(e(Te), {
+                        modelValue: e(I),
+                        "onUpdate:modelValue": [
+                          o[3] || (o[3] = (l) => se(I) ? I.value = l : null),
+                          t.onClear
+                        ],
+                        placeholder: t.inlineSearchPlaceholder,
+                        variant: "transparent",
+                        size: "md",
+                        "auto-focus": t.searchAutoFocus,
+                        "test-id": t.testId,
+                        onKeydown: e(h)
+                      }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
+                    ])) : d("", !0),
+                    C(v.$slots, "input-list", { open: e(f) }, void 0, !0),
+                    p("div", s({
+                      class: ["list-container", { "list-container--multi": t.multi }],
+                      style: { height: `${e(M)}rem` }
+                    }, {
+                      ...e(W),
+                      ...e(m)[e(c).LIST_CONTAINER]
+                    }), [
+                      p("ul", s(e(L), {
+                        style: {
+                          height: Number(e(L).style.height) - 4
+                        },
+                        role: "listbox",
+                        class: ["list", { "list--multi": t.multi }]
+                      }), [
+                        !e(X).length && !t.loading ? (i(), n("li", Ee, [
+                          a(e(F), s({ variant: "body2" }, e(m)[e(c).NO_RESULT]), {
+                            default: u(() => [
+                              g(ue(t.noResultsText), 1)
+                            ]),
+                            _: 1
+                          }, 16)
+                        ])) : d("", !0),
+                        t.loading ? (i(), n("li", Ke, [
+                          a(e(Ce)),
+                          a(e(F), null, {
+                            default: u(() => [
+                              g("Loading...")
+                            ]),
+                            _: 1
+                          })
+                        ])) : d("", !0),
+                        t.showSelectAll ? (i(), n("li", Re, [
+                          a(e(x), s(
+                            {
+                              "aria-selected": e(B),
+                              "aria-disabled": !!t.disabled,
+                              "selected-prop": e(B),
+                              "is-indeterminate": e(q),
+                              "select-all-option": ""
+                            },
+                            e(m)[e(c).SELECT_ALL],
+                            {
+                              onClick: o[4] || (o[4] = V((l) => e(Y)(), ["stop"]))
+                            }
+                          ), {
+                            default: u(() => [
+                              g("Select all ")
+                            ]),
+                            _: 1
+                          }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
+                        ])) : d("", !0),
+                        e(N).length && !t.loading ? (i(!0), n(ce, { key: 3 }, fe(e(N), ({ data: l, index: b }) => (i(), n("li", {
+                          key: b,
+                          "aria-selected": e(S)(T(e(k)), l),
+                          "aria-disabled": !!t.disabled,
+                          onClick: V(() => e(O)(l, b), ["stop"])
+                        }, [
+                          C(v.$slots, "default", {
+                            option: l,
+                            selected: e(S)(T(e(k)), l),
+                            active: T(e(E)) === b
+                          }, () => [
+                            a(e(x), {
+                              option: l,
+                              selected: e(S)(T(e(k)), l),
+                              active: T(e(E)) === b,
+                              "name-key": t.optionNameKey,
+                              "image-key": t.optionImageKey,
+                              "icon-key": t.optionIconKey,
+                              "icon-type": t.optionIconType
+                            }, null, 8, ["option", "selected", "active", "name-key", "image-key", "icon-key", "icon-type"])
+                          ], !0)
+                        ], 8, De))), 128)) : d("", !0)
+                      ], 16)
+                    ], 16),
+                    t.multi ? (i(), n("div", Pe, [
+                      p("div", ze, [
+                        a(e(A), s(
+                          {
+                            ref_key: "clearAll",
+                            ref: le,
+                            size: "small",
+                            variant: "text",
+                            color: "primary"
+                          },
+                          e(m)[e(c).ACTION_CLEAR_ALL],
+                          { onClick: e(R) }
+                        ), {
+                          default: u(() => [
+                            g(" Clear all ")
+                          ]),
+                          _: 1
+                        }, 16, ["onClick"])
+                      ]),
+                      p("div", Ve, [
+                        a(e(A), s(
+                          {
+                            ref_key: "cancel",
+                            ref: ee,
+                            size: "small",
+                            variant: "outlined",
+                            color: "primary"
+                          },
+                          e(m)[e(c).ACTION_CANCEL],
+                          { onClick: e(j) }
+                        ), {
+                          default: u(() => [
+                            g(" Cancel ")
+                          ]),
+                          _: 1
+                        }, 16, ["onClick"]),
+                        a(e(A), s({
+                          ref_key: "apply",
+                          ref: _,
+                          "data-testid": "mutli-apply",
+                          size: "small",
+                          class: "apply-button"
+                        }, e(m)[e(c).ACTION_APPLY], { onClick: e(J) }), {
+                          default: u(() => [
+                            g("Apply ")
+                          ]),
+                          _: 1
+                        }, 16, ["onClick"])
+                      ])
+                    ])) : d("", !0)
+                  ], 32)) : d("", !0)
+                ], 6)) : d("", !0)
+              ]),
+              _: 3
+            })
+          ]),
+          default: u(() => [
+            p("div", {
+              class: z(["button__container", {
+                "button__container--open": !!e(f),
+                [`button__container--${t.size}`]: !0,
+                "button__container--disabled": t.disabled
+              }])
+            }, [
+              C(v.$slots, "dropdown-trigger", {}, () => [
+                p("div", {
+                  ref_key: "buttonRef",
+                  ref: K
+                }, [
+                  e(D) ? (i(), n("div", Le, [
+                    (i(), me(pe(e(D)), {
+                      placeholder: t.placeholder,
+                      open: e(f),
+                      label: t.triggerLabel,
+                      "hover-help-text": t.triggerHelperText,
+                      "feedback-text": t.triggerFeedbackText,
+                      "feedback-variant": t.triggerFeedbackVariant,
+                      mandatory: t.mandatory,
+                      "test-id": t.testId,
+                      multi: t.multi,
+                      "selected-option": e(k),
+                      "display-value": t.displayValue,
+                      options: t.options,
+                      "option-name-key": t.optionNameKey,
+                      "option-image-key": t.optionImageKey,
+                      "option-icon-key": t.optionIconKey,
+                      "option-icon-type": t.optionIconType,
+                      "value-to-copy": t.valueToCopy,
+                      onKeydown: e(G),
+                      onClick: ne
+                    }, null, 40, ["placeholder", "open", "label", "hover-help-text", "feedback-text", "feedback-variant", "mandatory", "test-id", "multi", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "value-to-copy", "onKeydown"]))
+                  ])) : d("", !0),
+                  t.predefinedTrigger === e(y).ICON_BUTTON ? (i(), n("div", Be, [
+                    a(e(ge), {
+                      onClick: o[0] || (o[0] = (l) => e(w)())
+                    })
+                  ])) : d("", !0),
+                  t.predefinedTrigger === e(y).CHIP ? (i(), n("div", Ne, [
+                    a(e(he), {
+                      open: e(f),
+                      label: t.placeholder,
+                      "test-id": t.testId,
+                      options: t.options,
+                      "selected-option": e(k),
+                      "display-value": t.displayValue,
+                      multi: t.multi,
+                      onClick: o[1] || (o[1] = (l) => e(w)()),
+                      onClear: o[2] || (o[2] = (l) => e(R)())
+                    }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
+                  ])) : d("", !0)
+                ], 512)
+              ], !0)
+            ], 2)
+          ]),
+          _: 3
+        }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"])
+      ])
+    ], 16, Se));
+  }
+});
+export {
+  ot as default
+};

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

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

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

@@ -0,0 +1,19 @@
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; import { defineComponent as t, openBlock as r, createBlock as n, unref as p, mergeProps as c } from "vue";
+import "../../button/v4/ButtonV4.vue.js";
+import m from "../../button/v4/IconButtonV4.vue.js";
+const i = /* @__PURE__ */ t({
+  __name: "IconButtonDropdownTrigger",
+  props: {
+    testId: { default: "" }
+  },
+  setup(o) {
+    const e = o;
+    return (s, u) => (r(), n(p(m), c({
+      "icon-name": "dots-three",
+      type: "bold"
+    }, e), null, 16));
+  }
+});
+export {
+  i as default
+};

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

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

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

@@ -0,0 +1,112 @@
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as T } from "vue";
+import "../../typography/Heading.vue.js";
+import p from "../../typography/Text.vue.js";
+import x from "../../checkbox/v4/CheckboxV4.vue.js";
+import v from "../../icon/v4/IconV4.vue.js";
+import { NOOP as z } from "@vue/shared";
+import { optionCommon as N } from "../common/Option.common.js";
+import V from "../../typography/v4/Typography.vue.js";
+const w = {
+  key: 1,
+  class: "image"
+}, O = ["src"], S = {
+  key: 2,
+  class: "start-icon"
+}, I = { class: "text-container" }, E = { key: 0 }, H = /* @__PURE__ */ $({
+  __name: "OptionV4",
+  props: {
+    option: { default: null },
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    selectedProp: { type: Boolean },
+    isIndeterminate: { type: Boolean, default: !1 },
+    selectAllOption: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: null },
+    nameKey: { default: null },
+    imageKey: { default: null },
+    iconKey: { default: null },
+    iconType: { default: "regular" }
+  },
+  setup(e) {
+    const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = N(K);
+    return (i, a) => (n(), o("div", {
+      ref: "el",
+      class: y(["item-container", {
+        "item-container--disabled": e.disabled,
+        "item-container--active": e.nameKey ? !1 : e.active,
+        "item-container--selected": t(s),
+        "item-container--multi": t(c)
+      }])
+    }, [
+      d("div", {
+        class: y(["item", {
+          "item--multi": t(c),
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
+        }])
+      }, [
+        t(c) ? (n(), k(t(x), {
+          key: 0,
+          id: t(C).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "is-checked": t(s),
+          "is-indeterminate": e.isIndeterminate && !e.option,
+          onClick: a[0] || (a[0] = (f) => e.disabled ? t(z)() : t(B)(f))
+        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
+        i.$slots.image || e.imageKey ? (n(), o("div", w, [
+          m(i.$slots, "image", {}, () => [
+            e.imageKey ? (n(), o("img", {
+              key: 0,
+              src: e.option[e.imageKey]
+            }, null, 8, O)) : l("", !0)
+          ], !0)
+        ])) : l("", !0),
+        i.$slots["icon-start"] || e.iconKey ? (n(), o("div", S, [
+          m(i.$slots, "icon-start", {}, () => [
+            r(t(v), {
+              type: e.iconType,
+              name: e.option[e.iconKey],
+              size: e.iconType === "regular" ? "20px" : "16px"
+            }, null, 8, ["type", "name", "size"])
+          ], !0)
+        ])) : l("", !0),
+        d("div", I, [
+          r(t(V), { variant: "body2" }, {
+            default: b(() => [
+              m(i.$slots, "default", {}, () => [
+                g(h(e.option[e.nameKey]), 1)
+              ], !0)
+            ]),
+            _: 3
+          }),
+          e.subtitle ? (n(), k(t(p), {
+            key: 0,
+            class: "subtitle",
+            size: "xs"
+          }, {
+            default: b(() => [
+              g(h(e.subtitle), 1)
+            ]),
+            _: 1
+          })) : l("", !0)
+        ])
+      ], 2),
+      t(u).clearable && t(s) ? (n(), o("div", E, [
+        d("button", {
+          class: "clear-button",
+          onClick: a[1] || (a[1] = T((f) => t(u).clearSelection(), ["prevent", "stop"]))
+        }, [
+          r(t(v), {
+            name: "close",
+            width: "8",
+            height: 8
+          })
+        ])
+      ])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/components/emptyState/v3/EmptyState.vue.js

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

package/components/emptyState/v3/EmptyState.vue2.js

@@ -0,0 +1,91 @@
+ import "../../../EmptyState.vue_vue_type_style_index_0_scoped_d3aecf34_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/v3/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 },
+    subtitle: { default: void 0 },
+    buttonText: { default: void 0 },
+    isHorizontal: { type: Boolean, default: !1 },
+    hasIcon: { type: Boolean, default: !0 },
+    isBordered: { type: Boolean, default: !1 },
+    iconName: { default: null },
+    fontSize: { default: "5rem" },
+    size: { default: "lg" },
+    iconWidth: { default: 44 },
+    iconHeight: { default: 44 }
+  },
+  emits: ["click"],
+  setup(t) {
+    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 }])
+    }, [
+      f("div", {
+        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, B(g({ key: 0 }, l(z))), null, 16)),
+          t.iconName ? (e(), n(l($), {
+            key: 1,
+            name: t.iconName,
+            "font-size": t.fontSize,
+            class: "empty-state-icon"
+          }, null, 8, ["name", "font-size"])) : o("", !0)
+        ], !0) : o("", !0)
+      ], 2),
+      f("div", p, [
+        a(i.$slots, "title", {}, () => [
+          t.title ? (e(), n(l(y), {
+            key: 0,
+            size: "lg",
+            strong: "",
+            class: "empty-state-title"
+          }, {
+            default: s(() => [
+              r(u(t.title), 1)
+            ]),
+            _: 1
+          })) : o("", !0)
+        ], !0),
+        a(i.$slots, "subtitle", {}, () => [
+          t.subtitle ? (e(), n(l(y), {
+            key: 0,
+            size: "sm",
+            class: "empty-state-subtitle"
+          }, {
+            default: s(() => [
+              r(u(t.subtitle), 1)
+            ]),
+            _: 1
+          })) : o("", !0)
+        ], !0)
+      ]),
+      a(i.$slots, "button", {}, () => [
+        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(u(t.buttonText), 1)
+          ]),
+          _: 1
+        })) : o("", !0)
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  w as default
+};

package/components/emptyState/v3/EmptyStateIcon.vue.js

@@ -0,0 +1,35 @@
+import { openBlock as r, createElementBlock as c, pushScopeId as n, popScopeId as s, createElementVNode as o } from "vue";
+/* empty css                     */import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const i = {}, e = (t) => (n("data-v-18855436"), t = t(), s(), t), _ = {
+  viewBox: "0 0 51 51",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, a = /* @__PURE__ */ e(() => /* @__PURE__ */ o("rect", {
+  x: "20.4343",
+  y: "25.813",
+  width: "8.76522",
+  height: "23.6766",
+  rx: "4.38261",
+  transform: "rotate(44.7222 20.4343 25.813)",
+  fill: "currentColor"
+}, null, -1)), d = /* @__PURE__ */ e(() => /* @__PURE__ */ o("ellipse", {
+  rx: "18.1565",
+  ry: "18.1565",
+  transform: "matrix(-1 0 0 1 28.8174 22.6824)",
+  fill: "currentColor"
+}, null, -1)), p = /* @__PURE__ */ e(() => /* @__PURE__ */ o("circle", {
+  r: "13.7739",
+  transform: "matrix(-1 0 0 1 28.8173 22.6826)",
+  fill: "#DDDFE1"
+}, null, -1)), m = [
+  a,
+  d,
+  p
+];
+function f(t, h) {
+  return r(), c("svg", _, m);
+}
+const v = /* @__PURE__ */ l(i, [["render", f], ["__scopeId", "data-v-18855436"]]);
+export {
+  v as default
+};

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

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