@ironsource/shared-ui 1.4.1-rc.4 → 1.4.1-test.1

package/components/dropdown/Dropdown.vue.js

@@ -1,17 +1,19 @@
-import { defineComponent, computed, useSlots, ref, watch, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
-import { useClamp, useVirtualList, onClickOutside } from '@vueuse/core';
-import { Dropdown as Dropdown$1 } from 'floating-vue';
+import { defineComponent, ref, computed, watch, useSlots, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } 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';
-import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
-import { useToggle } from '../../composables/useToggle.vue.js';
-import Icon from '../icon/Icon.vue.js';
-import Button from '../button/Button.vue.js';
-/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      */import Option from './Option.vue.js';
+/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import { Dropdown as Dropdown$1 } from 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import Option from './Option.vue.js';
 import Search from '../search/Search.vue.js';
+import { useToggle } from '../../composables/useToggle.vue.js';
+import { isObjectInArray } from '../../utils/array.vue.js';
+import { objectsEqual } from '../../utils/object.vue.js';
+import { useClamp, useVirtualList, onClickOutside } from '@vueuse/core';
+import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
 /* empty css                                                          *//* empty css                                              */
 import "../../Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Dropdown.vue_vue_type_style_index_1_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-a96fb742"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-4094a47e"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"];
 const _hoisted_3 = {
@@ -101,21 +103,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     flip: { type: Boolean, default: true },
     keepOpen: { type: Boolean, default: false },
     autoSize: { type: Boolean, default: false },
-    disableKeyboardEvents: { type: Boolean, default: false }
+    disableKeyboardEvents: { type: Boolean, default: false },
+    multiOptionsPlaceholderPrefix: { default: "" },
+    multiOptionsPlaceholderSuffix: { default: "" }
   },
   emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
   setup(__props, { expose, emit }) {
     const props = __props;
+    const isSelected = (arr, element) => {
+      if (props.multi) {
+        return isObjectInArray(arr, element);
+      }
+      return toRaw(arr) === element;
+    };
     const MULTILINE_LIST_HEIGHT = 48;
     const LIST_HEIGHT = 34;
+    const selectedOptionRef = ref(props.selected);
     const selectedOption = computed({
       get() {
-        return props.selected;
+        return selectedOptionRef.value;
       },
       set(value) {
         emit("update:selected", value);
       }
     });
+    watch(
+      () => props.selected,
+      () => {
+        selectedOptionRef.value = props.selected;
+      }
+    );
     const slots = useSlots();
     const listRef = ref(null);
     const inputRef = ref(null);
@@ -168,34 +185,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return "";
     });
     const getMultiselectValueToShow = (selectedOption2) => {
-      if (selectedOption2.value.length) {
-        return selectedOption2.value.length <= 1 && !!props.displayValue ? props.displayValue(selectedOption2.value[0]) : `${selectedOption2.value.length} selected`;
-      }
-      return props.placeholder;
+      if (!selectedOption2.value.length && !props.multiOptionsPlaceholderPrefix && !props.multiOptionsPlaceholderSuffix)
+        return props.placeholder;
+      const multipleOptionsPlaceholder = !props.multiOptionsPlaceholderPrefix && !props.multiOptionsPlaceholderSuffix ? `${selectedOption2.value.length} selected` : `${props.multiOptionsPlaceholderPrefix ?? ""}${selectedOption2.value.length ?? "0"}${props.multiOptionsPlaceholderSuffix ?? ""}`;
+      return selectedOption2.value.length == 1 && !!props.displayValue ? props.displayValue(selectedOption2.value[0]) : multipleOptionsPlaceholder;
     };
     const displayedValue = computed(() => {
       if (!props.multi) {
         return selectedOption.value ? props.displayValue(selectedOption.value) : props.placeholder;
       }
-      if (!Array.isArray(selectedOption.value)) {
+      if (!Array.isArray(selectedOptionRef.value)) {
         return;
       }
-      return getMultiselectValueToShow(selectedOption);
+      return getMultiselectValueToShow(selectedOptionRef);
     });
     const allSelected = computed(() => {
-      if (!Array.isArray(selectedOption.value)) {
+      if (!Array.isArray(selectedOptionRef.value)) {
         return;
       }
-      return selectedOption.value.length === filteredOptions.value.length;
+      return selectedOptionRef.value.length === filteredOptions.value.length;
     });
     const isIndeterminate = computed(() => {
       if (!props.multi) {
         return false;
       }
-      if (!Array.isArray(selectedOption.value)) {
+      if (!Array.isArray(selectedOptionRef.value)) {
         return false;
       }
-      return selectedOption.value.length > 0 && selectedOption.value.length < filteredOptions.value.length;
+      return selectedOptionRef.value.length > 0 && selectedOptionRef.value.length < filteredOptions.value.length;
     });
     const queryChanged = (value) => {
       query.value = value;
@@ -269,17 +286,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const onSelectAll = () => {
       if (allSelected.value) {
-        selectedOption.value = [];
+        selectedOptionRef.value = [];
         return;
       }
-      if (!Array.isArray(selectedOption.value)) {
+      if (!Array.isArray(selectedOptionRef.value)) {
         return;
       }
-      if (selectedOption.value.length === filteredOptions.value.length) {
-        selectedOption.value = [];
+      if (selectedOptionRef.value.length === filteredOptions.value.length) {
+        selectedOptionRef.value = [];
         return;
       }
-      selectedOption.value = filteredOptions.value;
+      selectedOptionRef.value = filteredOptions.value;
     };
     const onSelect = (option, index) => {
       option = toRaw(option);
@@ -301,17 +318,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         return;
       }
-      if (!Array.isArray(selectedOption.value)) {
+      if (!Array.isArray(selectedOptionRef.value)) {
         return;
       }
       inputRef.value?.focus();
-      const rawSelectedOption = toRaw(selectedOption.value);
-      if (rawSelectedOption.includes(option)) {
-        selectedOption.value = rawSelectedOption.filter((item) => item !== option);
+      const rawSelectedOption = toRaw(selectedOptionRef.value);
+      if (isObjectInArray(rawSelectedOption, option)) {
+        selectedOptionRef.value = rawSelectedOption.filter(
+          (item) => !objectsEqual(item, option)
+        );
+        return;
+      } else {
+        selectedOptionRef.value = [...rawSelectedOption, option];
         return;
       }
-      selectedOption.value = [.../* @__PURE__ */ new Set([...rawSelectedOption, option])];
-      return;
     };
     const canFocus = (index) => {
       return optionsIds.value[index]?.disabled;
@@ -413,6 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       api.goToOption(0);
     });
     const onApply = () => {
+      selectedOption.value = selectedOptionRef.value;
       emit("apply", selectedOption.value);
       toggleMenu(false);
       resetInput();
@@ -596,13 +617,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         unref(virtualOptions).length && !__props.loading ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(unref(virtualOptions), ({ data, index }) => {
                           return openBlock(), createElementBlock("li", {
                             key: index,
-                            "aria-selected": toRaw(unref(selectedOption)) === data,
+                            "aria-selected": isSelected(toRaw(unref(selectedOption)), data),
                             "aria-disabled": !!__props.disabled,
                             onClick: withModifiers(() => onSelect(data, index), ["stop"])
                           }, [
                             renderSlot(_ctx.$slots, "default", {
                               option: data,
-                              selected: toRaw(unref(selectedOption)) === data,
+                              selected: isSelected(toRaw(unref(selectedOption)), data),
                               active: toRaw(unref(activeIndex)) === index
                             }, void 0, true)
                           ], 8, _hoisted_11);
@@ -728,6 +749,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a96fb742"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4094a47e"]]);
 
 export { Dropdown as default };

package/components/dropdown/index.d.ts

@@ -155,6 +155,16 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    multiOptionsPlaceholderPrefix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multiOptionsPlaceholderSuffix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
     };
@@ -331,6 +341,16 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    multiOptionsPlaceholderPrefix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multiOptionsPlaceholderSuffix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
     };
@@ -377,5 +397,7 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
+    multiOptionsPlaceholderPrefix: string;
+    multiOptionsPlaceholderSuffix: string;
 }> | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>)[];
 export { Dropdown, Option, Label, SearchInput, DropdownTypes };

package/components/emptyState/EmptyState.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeProps, guardReactiveProps, unref, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+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';
-import Icon from '../icon/Icon.vue.js';
-import Button from '../button/Button.vue.js';
-/* empty css                                                                    *//* empty css                                                                    */import 'floating-vue';
-/* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      */import EmptyStateIcon from './EmptyStateIcon.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" };
@@ -40,9 +40,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(`empty-state-icon-container empty-state-icon-container--${__props.size}`)
         }, [
           __props.hasIcon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-            createVNode(EmptyStateIcon, normalizeProps(guardReactiveProps(unref(iconProps))), null, 16),
+            !__props.iconName ? (openBlock(), createBlock(EmptyStateIcon, normalizeProps(mergeProps({ key: 0 }, unref(iconProps))), null, 16)) : createCommentVNode("", true),
             __props.iconName ? (openBlock(), createBlock(unref(Icon), {
-              key: 0,
+              key: 1,
               name: __props.iconName,
               "font-size": __props.fontSize,
               class: "empty-state-icon"
@@ -93,6 +93,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e6bbc8f"]]);
+var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54b6f08e"]]);
 
 export { EmptyState as default };

package/components/emptyState/index.d.ts

@@ -15,7 +15,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
         default: string;
     };
     iconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "rotate" | "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" | "table-edit" | "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" | "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">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "rotate" | "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" | "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;
     };
@@ -75,7 +75,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
         default: string;
     };
     iconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "rotate" | "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" | "table-edit" | "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" | "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">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "rotate" | "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" | "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;
     };
@@ -122,7 +122,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
     size: "sm" | "lg";
     title: string;
     fontSize: string;
-    iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "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" | "rotate" | "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" | "table-edit" | "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" | "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";
+    iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "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" | "rotate" | "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" | "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;

package/components/filtersPanel/FilterSearchInput.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from 'vue';
-import '@vueuse/core';
-import 'floating-vue';
+import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  */import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      *//* empty css                                                                    */import '@vue/shared';
-/* empty css                                                                  *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                        *//* empty css                                                                 */import SearchInput from '../dropdown/SearchInput.vue.js';
+/* empty css                                                                  *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      *//* empty css                                                                    */import '@vue/shared';
+/* empty css                                                                  *//* empty css                                                                */import '@vueuse/core';
+/* empty css                                                                    *//* empty css                                                        *//* empty css                                                                 */import SearchInput from '../dropdown/SearchInput.vue.js';
 /* empty css                                                                   */
 import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {

package/components/filtersPanel/FiltersPanel.vue.d.ts

@@ -2,13 +2,15 @@ import { Filter } from './Filter';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     filters: Filter[];
     isOpen?: boolean;
-    selected: Record<string, Filter>;
+    selected: Record<string, Filter> | Record<string, Filter>[];
+    isMultiSelect?: boolean;
 }>, {
     isOpen: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     filters: Filter[];
     isOpen?: boolean;
-    selected: Record<string, Filter>;
+    selected: Record<string, Filter> | Record<string, Filter>[];
+    isMultiSelect?: boolean;
 }>, {
     isOpen: boolean;
 }>>>, {

package/components/filtersPanel/FiltersPanel.vue.js

@@ -8,7 +8,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     filters: null,
     isOpen: { type: Boolean, default: false },
-    selected: null
+    selected: null,
+    isMultiSelect: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -35,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["filter-button", {
               [`always-first`]: !!filter.alwaysFirst,
               hidden: filter.hidden,
-              selected: !!__props.selected[filter.id],
+              selected: props.isMultiSelect ? __props.selected[filter.id].length > 0 : !!__props.selected[filter.id],
               exposed: !filter.hidden
             }])
           }, [
@@ -50,6 +51,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FiltersPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79e550bf"]]);
+var FiltersPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ee9d4c0"]]);
 
 export { FiltersPanel as default };

package/components/icon/Icon.vue.js

@@ -14,6 +14,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/AccountCircle.vue': return import('./icons/AccountCircle.vue.js');
     case './icons/AccountCircleOutline.vue': return import('./icons/AccountCircleOutline.vue.js');
     case './icons/Add.vue': return import('./icons/Add.vue.js');
+    case './icons/Adjust.vue': return import('./icons/Adjust.vue.js');
     case './icons/Analytics.vue': return import('./icons/Analytics.vue.js');
     case './icons/Android.vue': return import('./icons/Android.vue.js');
     case './icons/AngleDown.vue': return import('./icons/AngleDown.vue.js');
@@ -57,10 +58,13 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/CloseBold.vue': return import('./icons/CloseBold.vue.js');
     case './icons/ComputerMouse.vue': return import('./icons/ComputerMouse.vue.js');
     case './icons/CopyTo-Clipboard.vue': return import('./icons/CopyTo-Clipboard.vue.js');
+    case './icons/CopyToClipboardFilled.vue': return import('./icons/CopyToClipboardFilled.vue.js');
     case './icons/Create.vue': return import('./icons/Create.vue.js');
     case './icons/Creative.vue': return import('./icons/Creative.vue.js');
     case './icons/Cross.vue': return import('./icons/Cross.vue.js');
     case './icons/CrownFill.vue': return import('./icons/CrownFill.vue.js');
+    case './icons/Cube.vue': return import('./icons/Cube.vue.js');
+    case './icons/CubeBackground.vue': return import('./icons/CubeBackground.vue.js');
     case './icons/Cup.vue': return import('./icons/Cup.vue.js');
     case './icons/CupA.vue': return import('./icons/CupA.vue.js');
     case './icons/CupB.vue': return import('./icons/CupB.vue.js');
@@ -121,6 +125,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/LockOpen.vue': return import('./icons/LockOpen.vue.js');
     case './icons/Login.vue': return import('./icons/Login.vue.js');
     case './icons/Logout.vue': return import('./icons/Logout.vue.js');
+    case './icons/Marketing.vue': return import('./icons/Marketing.vue.js');
     case './icons/MilitaryTech.vue': return import('./icons/MilitaryTech.vue.js');
     case './icons/Mix.vue': return import('./icons/Mix.vue.js');
     case './icons/Mix2.vue': return import('./icons/Mix2.vue.js');
@@ -179,7 +184,6 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/Success.vue': return import('./icons/Success.vue.js');
     case './icons/SuccessFull.vue': return import('./icons/SuccessFull.vue.js');
     case './icons/Switch.vue': return import('./icons/Switch.vue.js');
-    case './icons/TableEdit.vue': return import('./icons/TableEdit.vue.js');
     case './icons/TabletLandscape.vue': return import('./icons/TabletLandscape.vue.js');
     case './icons/TabletMac.vue': return import('./icons/TabletMac.vue.js');
     case './icons/TabletPortrait.vue': return import('./icons/TabletPortrait.vue.js');
@@ -217,6 +221,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/Widget.vue': return import('./icons/Widget.vue.js');
     case './icons/Widgets.vue': return import('./icons/Widgets.vue.js');
     case './icons/WidgetsFill.vue': return import('./icons/WidgetsFill.vue.js');
+    case './icons/WidgetsFlatSquares.vue': return import('./icons/WidgetsFlatSquares.vue.js');
     case './icons/Widgetsz.vue': return import('./icons/Widgetsz.vue.js');
     case './icons/WifiProtectedSetup.vue': return import('./icons/WifiProtectedSetup.vue.js');
     default: return new Promise(function(resolve, reject) {

package/components/icon/icons/Adjust.vue.js

@@ -0,0 +1,52 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../Adjust.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  viewBox: "0 0 51 51",
+  fill: "currentColor"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M43.9692 32.2C43.9692 33.9289 42.5677 35.3304 40.8388 35.3304L10.1605 35.3304C8.43165 35.3304 7.03011 33.9289 7.03011 32.2C7.03011 30.4711 8.43165 29.0696 10.1605 29.0696L40.8388 29.0696C42.5677 29.0696 43.9692 30.4711 43.9692 32.2Z",
+  fill: "currentColor",
+  opacity: ".4"
+}, null, -1);
+const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M7.03027 18.4261C7.03027 16.6972 8.43182 15.2957 10.1607 15.2957L40.839 15.2957C42.5679 15.2957 43.9694 16.6972 43.9694 18.4261C43.9694 20.155 42.5679 21.5565 40.839 21.5565L10.1607 21.5565C8.43182 21.5565 7.03027 20.155 7.03027 18.4261Z",
+  fill: "currentColor",
+  opacity: ".4"
+}, null, -1);
+const _hoisted_4 = /*#__PURE__*/createElementVNode("ellipse", {
+  cx: "33.326",
+  cy: "32.2",
+  rx: "6.26087",
+  ry: "6.26087",
+  transform: "rotate(-180 33.326 32.2)",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_5 = /*#__PURE__*/createElementVNode("ellipse", {
+  cx: "17.674",
+  cy: "18.4261",
+  rx: "6.26087",
+  ry: "6.26087",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_6 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4,
+  _hoisted_5
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_6))
+}
+var Adjust = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { Adjust as default };

package/components/icon/icons/CopyToClipboardFilled.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/CopyToClipboardFilled.vue.js

@@ -0,0 +1,24 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../CopyToClipboardFilled.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  d: "M12.1491 3.33334H5.30702C4.67983 3.33334 4.16667 3.84471 4.16667 4.46971V12.4243H5.30702V4.46971H12.1491V3.33334ZM11.5789 5.60607L15 9.01516V14.697C15 15.322 14.4868 15.8333 13.8597 15.8333H7.58202C6.95483 15.8333 6.44737 15.322 6.44737 14.697L6.45307 6.74243C6.45307 6.11743 6.96053 5.60607 7.58772 5.60607H11.5789ZM11.0088 9.58334H14.1447L11.0088 6.45834V9.58334Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var CopyToClipboardFilled = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CopyToClipboardFilled as default };

package/components/icon/icons/Cube.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/Cube.vue.js

@@ -0,0 +1,27 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../Cube.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 20 20"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M9.386 1.191a1.234 1.234 0 0 1 1.228 0l6.874 3.867c.167.095.31.226.417.384a.625.625 0 0 1 .084.141c.088.174.135.367.136.562v7.71a1.258 1.258 0 0 1-.637 1.087l-.002.001-6.872 3.866a1.235 1.235 0 0 1-1.228 0l-6.872-3.866-.002-.001a1.258 1.258 0 0 1-.637-1.087v-7.71c.001-.196.048-.388.136-.562a.632.632 0 0 1 .084-.142c.108-.157.25-.288.417-.383l.002-.001L9.386 1.19ZM3.125 6.844v7.005a.008.008 0 0 0 .004.006l6.254 3.518.06-7.008-6.318-3.52Zm7.567 3.522-.059 6.998 6.238-3.509a.01.01 0 0 0 .003-.003l.001-.003V6.853l-6.183 3.513Zm5.536-4.583L10 2.28 3.78 5.78l6.287 3.504 6.16-3.5Z",
+  "clip-rule": "evenodd"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var Cube = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { Cube as default };

package/components/icon/icons/CubeBackground.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;