@ironsource/shared-ui 2.0.0-rc.0 → 2.0.0-rc.1

package/components/dropdown/v4/index.d.ts

@@ -0,0 +1,433 @@
+import Dropdown from './DropdownV4.vue';
+declare const DropdownTypes: () => import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    error: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    showButtonOnOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    inlineSearch: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    noResultsText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    defaultOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    } & {
+        default: () => true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    container: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    flip: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    keepOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    autoSize: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    disableKeyboardEvents: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    multiOptionsPlaceholderPrefix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multiOptionsPlaceholderSuffix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    darkTheme: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    showSelectAll: {
+        type: import("vue").PropType<boolean>;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+}, {
+    selectItem: (option: any, index?: number) => void;
+    scrollTo: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown) => void;
+} & {
+    "update:isOpen": (value: unknown) => void;
+} & {
+    closed: () => void;
+} & {
+    opened: () => void;
+} & {
+    apply: (value: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    error: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    showButtonOnOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    inlineSearch: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    noResultsText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    defaultOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    } & {
+        default: () => true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    container: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    flip: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    keepOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    autoSize: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    disableKeyboardEvents: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    multiOptionsPlaceholderPrefix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multiOptionsPlaceholderSuffix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    darkTheme: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    showSelectAll: {
+        type: import("vue").PropType<boolean>;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:selected"?: (value: unknown) => any;
+    onApply?: (value: unknown) => any;
+    "onUpdate:isOpen"?: (value: unknown) => any;
+    onOpened?: () => any;
+    onClosed?: () => any;
+}, {
+    title: string;
+    theme: string;
+    size: "sm" | "lg";
+    testId: string;
+    error: string;
+    placement: import("floating-vue").Placement;
+    disabled: boolean;
+    selected: any;
+    modelValue: any;
+    placeholder: string;
+    multi: boolean;
+    searchPlaceholder: string;
+    popperClass: string;
+    mandatory: boolean;
+    showButtonOnOpen: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    distance: number;
+    skidding: number;
+    noResultsText: string;
+    autoFocus: boolean;
+    defaultOpen: boolean;
+    clearable: boolean;
+    onSearch: (option: any, term: string) => boolean;
+    helperText: string;
+    container: string;
+    flip: boolean;
+    keepOpen: boolean;
+    autoSize: boolean;
+    disableKeyboardEvents: boolean;
+    multiOptionsPlaceholderPrefix: string;
+    multiOptionsPlaceholderSuffix: string;
+    darkTheme: boolean;
+    valueToCopy: string;
+}>[];
+export { Dropdown, DropdownTypes };

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

@@ -0,0 +1,6 @@
+import Dropdown from './DropdownV4.vue.js';
+export { default as Dropdown } from './DropdownV4.vue.js';
+
+const DropdownTypes = () => [Dropdown];
+
+export { DropdownTypes };

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

@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClick?: () => any;
 }, {
-    size: 'lg' | 'sm';
     title: string;
+    size: 'lg' | 'sm';
     fontSize: string;
     iconName: IconName;
     subtitle: string;

package/components/emptyState/EmptyState.vue.js

@@ -1,10 +1,10 @@
 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 Button from '../button/v3/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                                                                           *//* 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" };
@@ -93,6 +93,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54b6f08e"]]);
+var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f7dc2eca"]]);
 
 export { EmptyState as default };

package/components/emptyState/index.d.ts

@@ -1,14 +1,14 @@
 declare const EmptyStateTypes: () => import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
-    } & {
-        default: string;
-    };
     title: {
         type: import("vue").PropType<string>;
     } & {
         default: any;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
     fontSize: {
         type: import("vue").PropType<string>;
     } & {
@@ -59,16 +59,16 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, 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;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
     fontSize: {
         type: import("vue").PropType<string>;
     } & {
@@ -119,8 +119,8 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
 }>> & {
     onClick?: () => any;
 }, {
-    size: "sm" | "lg";
     title: string;
+    size: "sm" | "lg";
     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" | "hammer" | "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" | "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";
     subtitle: string;

package/components/filterDropdown/AddFilterButton.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, normalizeClass, createSlots, withCtx, createVNode, renderSlot } from 'vue';
 import Icon from '../icon/Icon.vue.js';
-import Chip from '../chip/Chip.vue.js';
+import Chip from '../chip/v3/Chip.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
@@ -50,6 +50,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AddFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44051188"]]);
+var AddFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6c0167c"]]);
 
 export { AddFilterButton as default };

package/components/filterDropdown/FilterDropdown.vue.js

@@ -1,8 +1,9 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from 'vue';
-import Dropdown from '../dropdown/Dropdown.vue.js';
-import Option from '../dropdown/Option.vue.js';
+import Dropdown from '../dropdown/v3/Dropdown.vue.js';
+import Option from '../dropdown/common/Option.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                            *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import AddFilterButton from './AddFilterButton.vue.js';
+/* empty css                                                                  *//* empty css                                                                        *//* empty css                                                            *//* empty css                                                                   *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                              */import AddFilterButton from './AddFilterButton.vue.js';
 /* empty css                                                                */
 import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -54,6 +55,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59e42a26"]]);
+var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14bde5f0"]]);
 
 export { FilterDropdown as default };

package/components/filtersPanel/Filter.d.ts

@@ -1,4 +1,4 @@
-import { Dropdown } from '@/components/dropdown';
+import { Dropdown } from '@/components/dropdown/v3';
 import { IncludeExcludeChipFilter } from '@/components/includeExclude';
 import { DateRange } from '@is-ssp/dateRange';
 interface Option {

package/components/filtersPanel/FilterSearchInput.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.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 Icon from '../icon/Icon.vue.js';
+/* 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/common/SearchInput.vue.js';
 /* empty css                                                                   */
 import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
@@ -49,6 +49,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FilterSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9685340"]]);
+var FilterSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16f37a44"]]);
 
 export { FilterSearchInput as default };

package/components/floatingToolbar/FloatingToolbar.vue.js

@@ -2,9 +2,10 @@ import { defineComponent, openBlock, createBlock, Teleport, createVNode, Transit
 import Icon from '../icon/Icon.vue.js';
 import Close from '../icon/icons/Close.vue.js';
 import { useVModel } from '@vueuse/core';
-import IconButton from '../button/IconButton.vue.js';
-/* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                 */
 import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 0,
@@ -48,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 renderSlot(_ctx.$slots, "actions", {}, void 0, true)
               ])) : createCommentVNode("", true),
-              createVNode(IconButton, {
+              createVNode(unref(IconButton), {
                 class: "close-icon",
                 theme: "secondary",
                 variant: "colorized",
@@ -73,6 +74,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FloatingToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bffb04ba"]]);
+var FloatingToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ab7fe6a"]]);
 
 export { FloatingToolbar as default };

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -84,13 +84,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     placement: Placement;
     disabled: boolean;
+    hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     distance: number;
     autoFocus: boolean;
     defaultOpen: boolean;
     onSearch: (option: any, term: string) => boolean;
-    hasSubtitle: boolean;
     titleText: string;
     showClearAll: boolean;
     alwayesOpen: boolean;