@ironsource/shared-ui 1.4.2-test.9 → 1.4.2-vite.1

package/components/dropdown/index.js

@@ -0,0 +1,12 @@
+import o from "./Dropdown.vue.js";
+import r from "./Option.vue.js";
+import p from "./Label.vue.js";
+import m from "./SearchInput.vue.js";
+const f = () => [o, r, p, m];
+export {
+  o as Dropdown,
+  f as DropdownTypes,
+  p as Label,
+  r as Option,
+  m as SearchInput
+};

package/components/emptyState/EmptyState.vue.d.ts

@@ -1,61 +1,106 @@
-import type { IconName } from '@/components/icon';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    title?: string;
-    subtitle?: string;
-    buttonText?: string;
-    isHorizontal?: boolean;
-    hasIcon?: boolean;
-    isBordered?: boolean;
-    iconName?: IconName;
-    fontSize?: string;
-    size?: 'lg' | 'sm';
-    iconWidth: number;
-    iconHeight: number;
-}>, {
-    title: any;
-    subtitle: any;
-    buttonText: any;
-    isHorizontal: boolean;
-    hasIcon: boolean;
-    isBordered: boolean;
-    iconName: any;
-    fontSize: string;
-    size: string;
-    iconWidth: number;
-    iconHeight: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    fontSize: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconName: {
+        type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        default: any;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    buttonText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isHorizontal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hasIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isBordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    title?: string;
-    subtitle?: string;
-    buttonText?: string;
-    isHorizontal?: boolean;
-    hasIcon?: boolean;
-    isBordered?: boolean;
-    iconName?: IconName;
-    fontSize?: string;
-    size?: 'lg' | 'sm';
-    iconWidth: number;
-    iconHeight: number;
-}>, {
-    title: any;
-    subtitle: any;
-    buttonText: any;
-    isHorizontal: boolean;
-    hasIcon: boolean;
-    isBordered: boolean;
-    iconName: any;
-    fontSize: string;
-    size: string;
-    iconWidth: number;
-    iconHeight: number;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    fontSize: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconName: {
+        type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        default: any;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    buttonText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isHorizontal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hasIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isBordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+}>> & {
     onClick?: () => any;
 }, {
-    size: 'lg' | 'sm';
+    size: "sm" | "lg";
     title: string;
     fontSize: string;
-    iconName: IconName;
+    iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
     subtitle: string;
     buttonText: string;
     isHorizontal: boolean;
@@ -63,19 +108,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isBordered: boolean;
     iconWidth: number;
     iconHeight: number;
+}>, {
+    icon?(_: {}): any;
+    title?(_: {}): any;
+    subtitle?(_: {}): any;
+    button?(_: {}): 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/emptyState/EmptyState.vue.js

@@ -1,98 +1,6 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, normalizeProps, mergeProps, unref, createCommentVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import Button from '../button/Button.vue.js';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                      */import EmptyStateIcon from './EmptyStateIcon.vue.js';
-/* empty css                                                            */
-import "../../EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "empty-state-title-container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EmptyState",
-  props: {
-    title: { default: void 0 },
-    subtitle: { default: void 0 },
-    buttonText: { default: void 0 },
-    isHorizontal: { type: Boolean, default: false },
-    hasIcon: { type: Boolean, default: true },
-    isBordered: { type: Boolean, default: false },
-    iconName: { default: null },
-    fontSize: { default: "5rem" },
-    size: { default: "lg" },
-    iconWidth: { default: 44 },
-    iconHeight: { default: 44 }
-  },
-  emits: ["click"],
-  setup(__props) {
-    const props = __props;
-    const iconProps = computed(() => {
-      return {
-        width: props.iconWidth,
-        height: props.iconHeight
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["empty-state-container", { horizontal: __props.isHorizontal, bordered: __props.isBordered }])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(`empty-state-icon-container empty-state-icon-container--${__props.size}`)
-        }, [
-          __props.hasIcon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-            !__props.iconName ? (openBlock(), createBlock(EmptyStateIcon, normalizeProps(mergeProps({ key: 0 }, unref(iconProps))), null, 16)) : createCommentVNode("", true),
-            __props.iconName ? (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              name: __props.iconName,
-              "font-size": __props.fontSize,
-              class: "empty-state-icon"
-            }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
-          ], true) : createCommentVNode("", true)
-        ], 2),
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            __props.title ? (openBlock(), createBlock(unref(Text), {
-              key: 0,
-              size: "lg",
-              strong: "",
-              class: "empty-state-title"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.title), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ], true),
-          renderSlot(_ctx.$slots, "subtitle", {}, () => [
-            __props.subtitle ? (openBlock(), createBlock(unref(Text), {
-              key: 0,
-              size: "sm",
-              class: "empty-state-subtitle"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.subtitle), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ], true)
-        ]),
-        renderSlot(_ctx.$slots, "button", {}, () => [
-          __props.buttonText ? (openBlock(), createBlock(unref(Button), {
-            key: 0,
-            theme: "secondary",
-            class: "empty-state-button",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.buttonText), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ], true)
-      ], 2);
-    };
-  }
-});
-var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54b6f08e"]]);
-
-export { EmptyState as default };
+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-a7c0495d"]]);
+export {
+  r as default
+};

package/components/emptyState/EmptyState.vue2.js

@@ -0,0 +1,89 @@
+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/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({
+  __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 u = t, z = k(() => ({
+      width: u.iconWidth,
+      height: u.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, p(B({ key: 0 }, l(z))), null, 16)),
+          t.iconName ? (e(), n(l(v), {
+            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", $, [
+        a(i.$slots, "title", {}, () => [
+          t.title ? (e(), n(l(y), {
+            key: 0,
+            size: "lg",
+            strong: "",
+            class: "empty-state-title"
+          }, {
+            default: s(() => [
+              r(m(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(m(t.subtitle), 1)
+            ]),
+            _: 1
+          })) : o("", !0)
+        ], !0)
+      ]),
+      a(i.$slots, "button", {}, () => [
+        t.buttonText ? (e(), n(l(g), {
+          key: 0,
+          theme: "secondary",
+          class: "empty-state-button",
+          onClick: c[0] || (c[0] = (S) => i.$emit("click"))
+        }, {
+          default: s(() => [
+            r(m(t.buttonText), 1)
+          ]),
+          _: 1
+        })) : o("", !0)
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/components/emptyState/EmptyStateIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/emptyState/EmptyStateIcon.vue.js

@@ -1,16 +1,10 @@
-import { openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from 'vue';
-/* empty css                                                                */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../EmptyStateIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _withScopeId = n => (pushScopeId("data-v-0d4e4f1b"),n=n(),popScopeId(),n);
-const _hoisted_1 = {
+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-f4915249"), t = t(), s(), t), _ = {
   viewBox: "0 0 51 51",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("rect", {
+}, a = /* @__PURE__ */ e(() => /* @__PURE__ */ o("rect", {
   x: "20.4343",
   y: "25.813",
   width: "8.76522",
@@ -18,27 +12,24 @@ const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVN
   rx: "4.38261",
   transform: "rotate(44.7222 20.4343 25.813)",
   fill: "currentColor"
-}, null, -1));
-const _hoisted_3 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("ellipse", {
+}, 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));
-const _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("circle", {
+}, null, -1)), f = /* @__PURE__ */ e(() => /* @__PURE__ */ o("circle", {
   r: "13.7739",
   transform: "matrix(-1 0 0 1 28.8173 22.6826)",
   fill: "#DDDFE1"
-}, null, -1));
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+}, null, -1)), p = [
+  a,
+  d,
+  f
 ];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5))
+function m(t, h) {
+  return r(), c("svg", _, p);
 }
-var EmptyStateIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-0d4e4f1b"]]);
-
-export { EmptyStateIcon as default };
+const v = /* @__PURE__ */ l(i, [["render", m], ["__scopeId", "data-v-f4915249"]]);
+export {
+  v as default
+};