@ironsource/shared-ui 1.4.3-rc.4 → 1.4.3

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, withModifiers } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
+import { useId } from '../../composables/useId.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+import Icon from '../icon/Icon.vue.js';
+/* empty css                                                                               */
+import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "image"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "start-icon"
+};
+const _hoisted_4 = { class: "text-container" };
+const _hoisted_5 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IncludeExcludeOptionDraggable",
+  props: {
+    option: null,
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
+    titleText: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const api = useIncludeExcludeContext("IncludeExcludeOption");
+    const id = useId().value;
+    const el = ref(null);
+    const isMulti = true;
+    const tooltipDelay = 200;
+    const active = computed(() => {
+      return api.activeIndex.value !== null ? api.activeOption.value === props.option : false;
+    });
+    const selected = computed(() => {
+      return api.selectedOption.value.includes(props.option);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(id).toString(),
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass(["item-container-draggable", {
+          "item-container-draggable--disabled": __props.disabled,
+          "item-container-draggable--active": unref(active),
+          "item-container-draggable--selected": unref(selected),
+          "item-container-draggable--multi": isMulti,
+          "item-container-draggable--two-lines": __props.subtitle?.length
+        }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["item", {
+            "item--multi": isMulti,
+            "item--with-icon": _ctx.$slots["icon-start"] || _ctx.$slots.image,
+            "item--without-icon": !_ctx.$slots["icon-start"] && !_ctx.$slots.image
+          }])
+        }, [
+          _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "image", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(_sfc_main$1), {
+              delay: tooltipDelay,
+              text: __props.titleText
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Text), {
+                  size: "sm",
+                  "is-truncated": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.titleText), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"]),
+            createVNode(unref(_sfc_main$1), {
+              delay: tooltipDelay,
+              text: __props.subtitle
+            }, {
+              default: withCtx(() => [
+                __props.subtitle ? (openBlock(), createBlock(unref(Text), {
+                  key: 0,
+                  class: "subtitle",
+                  size: "caption",
+                  "is-truncated": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.subtitle), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], 2),
+        __props.clearable && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("button", {
+            class: "clear-button",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(api).removeSelection(__props.option), ["prevent", "stop"]))
+          }, [
+            createVNode(unref(Icon), {
+              "font-size": "sm",
+              size: "sm",
+              name: "close-bold"
+            })
+          ])
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var IncludeExcludeOptionDraggable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc2c8ff8"]]);
+
+export { IncludeExcludeOptionDraggable as default };

package/components/includeExclude/includeExcludeMocks.d.ts

@@ -18,8 +18,20 @@ export type Platform = {
     name: string;
     icon: string;
 };
+export type groupOption = {
+    childOptionsIds: string[];
+    isCollapse: boolean;
+};
+export type EditColumns = {
+    name: string;
+    titleText: string;
+    icon: string;
+    disabled: boolean;
+    groupOption: groupOption;
+};
 export declare const apps: readonly Application[];
 /** used to test performance (756 apps) */
 export declare const applications: readonly Application[];
 export declare const countries: readonly Country[];
 export declare const platform: readonly Platform[];
+export declare const editColumns: readonly EditColumns[];

package/components/includeExclude/index.d.ts

@@ -1,5 +1,7 @@
 import IncludeExclude from './IncludeExclude.vue';
+import IncludeExcludeDragDrop from './IncludeExcludeDragDrop.vue';
 import IncludeExcludeOption from './IncludeExcludeOption.vue';
+import IncludeExcludeOptionDraggable from './IncludeExcludeOptionDraggable.vue';
 import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue';
 import IncludeExcludeAppHeader from './IncludeExcludeAppHeader.vue';
 import IncludeExcludeChipFilter from './IncludeExcludeChipFilter.vue';
@@ -217,22 +219,171 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
     distanceOffset: number;
     skiddingOffset: number;
 }> | import("vue").DefineComponent<{
-    option: {
+    loading: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    defaultOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    } & {
+        default: () => true;
+    };
+    hasSubtitle: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    titleText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    showClearAll: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    alwayesOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distanceOffset: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skiddingOffset: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    keyField: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    isDraggable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    draggableArgs: {
+        type: import("vue").PropType<object>;
+    } & {
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => void;
+} & {
+    changeDragDrop: (value: unknown) => void;
+} & {
+    clickOutside: (value: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
         default: boolean;
     };
-    subtitle: {
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    searchPlaceholder: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    defaultOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     clearable: {
         type: import("vue").PropType<boolean>;
+    };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    } & {
+        default: () => true;
+    };
+    hasSubtitle: {
+        type: import("vue").PropType<boolean>;
     } & {
         default: boolean;
     };
@@ -241,12 +392,63 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    showCheckbox: {
+    showClearAll: {
         type: import("vue").PropType<boolean>;
     } & {
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    alwayesOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distanceOffset: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skiddingOffset: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    keyField: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    isDraggable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    draggableArgs: {
+        type: import("vue").PropType<object>;
+    } & {
+        default: any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: unknown) => any;
+    onClickOutside?: (value: unknown) => any;
+    onChangeDragDrop?: (value: unknown) => any;
+}, {
+    loading: boolean;
+    placement: import("floating-vue").Placement;
+    disabled: 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;
+    distanceOffset: number;
+    skiddingOffset: number;
+    isDraggable: boolean;
+    draggableArgs: object;
+}> | import("vue").DefineComponent<{
     option: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -271,17 +473,36 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    showCheckbox: {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    clearable: {
         type: import("vue").PropType<boolean>;
     } & {
         default: boolean;
     };
+    titleText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
 }>>, {
     disabled: boolean;
     subtitle: string;
     clearable: boolean;
     titleText: string;
-    showCheckbox: boolean;
 }> | import("vue").DefineComponent<{
     loading: {
         type: import("vue").PropType<boolean>;
@@ -700,4 +921,4 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
     showImage: boolean;
     triggerTextFunc: (option: unknown) => string;
 }>)[];
-export { IncludeExclude, IncludeExcludeOption, IncludeExcludeAppTrigger, IncludeExcludeAppHeader, IncludeExcludeChipFilter, IncludeExcludeTypes, };
+export { IncludeExclude, IncludeExcludeDragDrop, IncludeExcludeOption, IncludeExcludeOptionDraggable, IncludeExcludeAppTrigger, IncludeExcludeAppHeader, IncludeExcludeChipFilter, IncludeExcludeTypes, };

package/components/includeExclude/index.vue.js

@@ -1,7 +1,11 @@
 import IncludeExclude from './IncludeExclude.vue.js';
 export { default as IncludeExclude } from './IncludeExclude.vue.js';
+import IncludeExcludeDragDrop from './IncludeExcludeDragDrop.vue.js';
+export { default as IncludeExcludeDragDrop } from './IncludeExcludeDragDrop.vue.js';
 import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
 export { default as IncludeExcludeOption } from './IncludeExcludeOption.vue.js';
+import IncludeExcludeOptionDraggable from './IncludeExcludeOptionDraggable.vue.js';
+export { default as IncludeExcludeOptionDraggable } from './IncludeExcludeOptionDraggable.vue.js';
 import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
 export { default as IncludeExcludeAppTrigger } from './IncludeExcludeAppTrigger.vue.js';
 import IncludeExcludeAppHeader from './IncludeExcludeAppHeader.vue.js';
@@ -11,7 +15,9 @@ export { default as IncludeExcludeChipFilter } from './IncludeExcludeChipFilter.
 
 const IncludeExcludeTypes = () => [
   IncludeExclude,
+  IncludeExcludeDragDrop,
   IncludeExcludeOption,
+  IncludeExcludeOptionDraggable,
   IncludeExcludeAppTrigger,
   IncludeExcludeAppHeader,
   IncludeExcludeChipFilter

package/components/input/Input.vue.d.ts

@@ -79,9 +79,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    type: 'text' | 'number' | 'password';
-    label: string;
     size: 'sm' | 'lg';
+    label: string;
+    type: 'text' | 'number' | 'password';
     testId: string;
     disabled: boolean;
     modelValue: string | number;

package/components/input/Input.vue.js

@@ -3,9 +3,9 @@ import Icon from '../icon/Icon.vue.js';
 import { InputTestIdModifiers } from '../../testids/index.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                                                                            *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                         */import { useEditableContext } from '../table-cells/EditableContext.vue.js';
+/* empty css                                                                      */import { useEditableContext } from '../table-cells/EditableContext.vue.js';
 import '@vueuse/core';
 /* empty css                                                                       */import { REGEX_NUMBER_INPUT } from '../../consts/regex.vue.js';
 /* empty css                                                       */
@@ -254,6 +254,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e6469d3"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ccecdef"]]);
 
 export { Input as default };

package/components/input/index.d.ts

@@ -3,8 +3,8 @@ import DollarInput from './DollarInput.vue';
 import PercentageInput from './PercentageInput.vue';
 import PasswordInput from './PasswordInput.vue';
 declare const InputTypes: () => (import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<"number" | "text" | "password">;
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
     } & {
         default: string;
     };
@@ -13,8 +13,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
+    type: {
+        type: import("vue").PropType<"number" | "text" | "password">;
     } & {
         default: string;
     };
@@ -96,8 +96,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"number" | "text" | "password">;
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
     } & {
         default: string;
     };
@@ -106,8 +106,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
+    type: {
+        type: import("vue").PropType<"number" | "text" | "password">;
     } & {
         default: string;
     };
@@ -189,9 +189,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    type: "number" | "text" | "password";
-    label: string;
     size: "sm" | "lg";
+    label: string;
+    type: "number" | "text" | "password";
     testId: string;
     disabled: boolean;
     modelValue: string | number;
@@ -211,15 +211,15 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     ref: {
         type: import("vue").PropType<import("vue").VNodeRef>;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    };
     label: {
         type: import("vue").PropType<string>;
     };
     style: {
         type: import("vue").PropType<unknown>;
     };
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
-    };
     testId: {
         type: import("vue").PropType<string>;
     };
@@ -330,15 +330,15 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     ref: {
         type: import("vue").PropType<import("vue").VNodeRef>;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    };
     label: {
         type: import("vue").PropType<string>;
     };
     style: {
         type: import("vue").PropType<unknown>;
     };
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
-    };
     testId: {
         type: import("vue").PropType<string>;
     };

package/components/menu/Menu.vue.d.ts

@@ -27,8 +27,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     skidding: number;
     testId: string;
 }>>>, {
-    theme: string;
     testId: string;
+    theme: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;

package/components/menu/index.d.ts

@@ -1,10 +1,10 @@
 declare const MenuTypes: () => import("vue").DefineComponent<{
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -30,12 +30,12 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -61,8 +61,8 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    theme: string;
     testId: string;
+    theme: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;

package/components/snackbar/Snackbar.vue.d.ts

@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
-    type: 'success' | 'error' | 'info';
     title: string;
+    type: 'success' | 'error' | 'info';
     position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     zIndex: number;
     duration: number;

package/components/snackbar/Snackbar.vue.js

@@ -3,11 +3,10 @@ import { useEventListener, useTimeoutFn } from '@vueuse/core';
 import Icon from '../icon/Icon.vue.js';
 import Close from '../icon/icons/Close.vue.js';
 import Check from '../icon/icons/Check.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import IconButton from '../button/IconButton.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
-/* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                         *//* empty css                                                          */
+/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../Snackbar.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "container" };
@@ -149,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   [vShow, __props.message]
                 ])
               ]),
-              __props.showClose ? (openBlock(), createBlock(unref(IconButton), {
+              __props.showClose ? (openBlock(), createBlock(IconButton, {
                 key: 0,
                 theme: "third",
                 size: "sm",
@@ -177,6 +176,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fdd11e8e"]]);
+var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-764ab56b"]]);
 
 export { SnackbarConstructor as default };