@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

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

@@ -1,16 +1,8 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"sm" | "md">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -23,23 +15,19 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"sm" | "md">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -52,13 +40,16 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: "sm" | "md";
     testId: string;
-    variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
+    autoFocus: boolean;
 }>[];
 export { default as Search } from './SearchV4.vue';
 export { SearchTypes };

package/components/shared/FieldHelpText.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldHelpText.vue2.js";
 /* empty css                    */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_f6d944b6_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f6d944b6"]]);
+// import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c551c20f"]]);
 export {
-  s as default
+  p as default
 };

package/components/shared/FieldHelpText.vue2.js

@@ -1,8 +1,9 @@
- import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_f6d944b6_lang.css"; import { defineComponent as r, computed as c, openBlock as i, createElementBlock as s, normalizeClass as l, unref as e, createBlock as m, createCommentVNode as f, createVNode as u, withCtx as p, createTextVNode as h, toDisplayString as I } from "vue";
-import v from "../icon/Icon.vue.js";
+ import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css"; import { defineComponent as l, computed as d, openBlock as i, createElementBlock as m, mergeProps as a, unref as e, createBlock as p, createCommentVNode as f, createVNode as u, withCtx as I, createTextVNode as h, toDisplayString as T } from "vue";
+import v from "../icon/v3/Icon.vue.js";
 import x from "../typography/v4/Typography.vue.js";
-import { FieldHelpTextTestIdModifiers as a } from "../../testids/index.js";
-const T = ["data-testid"], k = /* @__PURE__ */ r({
+import { FieldHelpTextTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
+const A = /* @__PURE__ */ l({
   __name: "FieldHelpText",
   props: {
     text: { default: "" },
@@ -11,37 +12,32 @@ const T = ["data-testid"], k = /* @__PURE__ */ r({
     showIcon: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const n = t, d = c(() => {
-      const o = {
+    const n = t, s = d(() => {
+      const c = {
         warning: "warning-v4",
         error: "warning-octagon",
         success: "check-circle"
       };
-      return n.variant ? o[n.variant] : "info-v4";
-    });
-    return (o, N) => (i(), s("div", {
-      class: l(["field-help", [`field-help--${t.variant}`]]),
-      "data-testid": `${t.testId}-${e(a).CONTAINER}`
-    }, [
-      t.showIcon ? (i(), m(e(v), {
+      return n.variant ? c[n.variant] : "info-v4";
+    }), r = g(n.testId, o);
+    return (c, N) => (i(), m("div", a({
+      class: ["field-help", [`field-help--${t.variant}`]]
+    }, e(r)[e(o).CONTAINER]), [
+      t.showIcon ? (i(), p(e(v), a({
         key: 0,
         class: "help-icon",
-        name: e(d),
-        "font-size": "sm",
-        "data-testid": `${t.testId}-${e(a).ICON}`
-      }, null, 8, ["name", "data-testid"])) : f("", !0),
-      u(e(x), {
-        variant: "caption",
-        "data-testid": `${t.testId}-${e(a).TEXT}`
-      }, {
-        default: p(() => [
-          h(I(t.text), 1)
+        name: e(s),
+        "font-size": "sm"
+      }, e(r)[e(o).ICON]), null, 16, ["name"])) : f("", !0),
+      u(e(x), a({ variant: "caption" }, e(r)[e(o).TEXT]), {
+        default: I(() => [
+          h(T(t.text), 1)
         ]),
         _: 1
-      }, 8, ["data-testid"])
-    ], 10, T));
+      }, 16)
+    ], 16));
   }
 });
 export {
-  k as default
+  A as default
 };

package/components/shared/FieldLabel.vue.d.ts

@@ -1,4 +1,4 @@
-import { TooltipPositions } from '@is-ssp/tooltip/Tooltip.types';
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_c4deed7e_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c4deed7e"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-526af548"]]);
 export {
-  t as default
+  a as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,10 +1,10 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_c4deed7e_lang.css"; import { defineComponent as m, openBlock as d, createElementBlock as f, normalizeClass as c, unref as t, createVNode as i, withCtx as l, createTextVNode as o, toDisplayString as u, createBlock as s, createCommentVNode as n } from "vue";
-import T from "../icon/Icon.vue.js";
-import "../tooltip/Tooltip.vue2.js";
-import r from "../typography/v4/Typography.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css"; import { defineComponent as c, openBlock as r, createElementBlock as u, mergeProps as o, unref as e, createVNode as n, withCtx as d, createTextVNode as s, toDisplayString as p, createBlock as i, createCommentVNode as m } from "vue";
+import T from "../icon/v3/Icon.vue.js";
+import b from "../tooltip/v4/TooltipV4.vue.js";
+import f from "../typography/v4/Typography.vue.js";
 import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import b from "../tooltip/Tooltip.vue.js";
-const h = ["data-testid"], B = /* @__PURE__ */ m({
+import { useTestIdAttrs as x } from "../../utils/testIds.js";
+const H = /* @__PURE__ */ c({
   __name: "FieldLabel",
   props: {
     label: { default: "" },
@@ -14,52 +14,48 @@ const h = ["data-testid"], B = /* @__PURE__ */ m({
     hoverHelpTextPlacement: { default: "top" },
     testId: { default: "" }
   },
-  setup(e) {
-    return (x, y) => (d(), f("div", {
-      class: c(["field-label", { "field-label--disabled": e.disabled }]),
-      "data-testid": `${e.testId}-${t(a).CONTAINER}`
-    }, [
-      i(t(r), {
+  setup(t) {
+    const l = x(t.testId, a);
+    return (y, v) => (r(), u("div", o({
+      class: ["field-label", { "field-label--disabled": t.disabled }]
+    }, e(l)[e(a).CONTAINER]), [
+      n(e(f), o({
         class: "label",
-        variant: "inputLabel",
-        "data-testid": `${e.testId}-${t(a).TEXT}`
-      }, {
-        default: l(() => [
-          o(u(e.label), 1)
+        variant: "inputLabel"
+      }, e(l)[e(a).TEXT]), {
+        default: d(() => [
+          s(p(t.label), 1)
         ]),
         _: 1
-      }, 8, ["data-testid"]),
-      e.mandatory ? (d(), s(t(r), {
+      }, 16),
+      t.mandatory ? (r(), i(e(f), o({
         key: 0,
         variant: "h3",
-        class: "mandatory",
-        "data-testid": `${e.testId}-${t(a).MANDATORY}`
-      }, {
-        default: l(() => [
-          o("*")
+        class: "mandatory"
+      }, e(l)[e(a).MANDATORY]), {
+        default: d(() => [
+          s("*")
         ]),
         _: 1
-      }, 8, ["data-testid"])) : n("", !0),
-      e.hoverHelpText ? (d(), s(t(b), {
+      }, 16)) : m("", !0),
+      t.hoverHelpText ? (r(), i(e(b), o({
         key: 1,
         triggers: ["hover"],
-        text: e.hoverHelpText,
-        placement: e.hoverHelpTextPlacement,
-        "data-testid": `${e.testId}-${t(a).TOOLTIP}`,
-        "test-id": e.testId
-      }, {
-        default: l(() => [
-          i(t(T), {
+        text: t.hoverHelpText,
+        placement: t.hoverHelpTextPlacement
+      }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
+        default: d(() => [
+          n(e(T), {
             class: "info-icon",
             name: "question",
             "font-size": "sm"
           })
         ]),
         _: 1
-      }, 8, ["text", "placement", "data-testid", "test-id"])) : n("", !0)
-    ], 10, h));
+      }, 16, ["text", "placement", "test-id"])) : m("", !0)
+    ], 16));
   }
 });
 export {
-  B as default
+  H as default
 };

package/components/skeleton/v3/Skeleton.vue.js

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

package/components/skeleton/v3/Skeleton.vue2.js

@@ -0,0 +1,18 @@
+ import "../../../Skeleton.vue_vue_type_style_index_0_scoped_5ed40068_lang.css"; import { defineComponent as l, openBlock as n, createElementBlock as t, normalizeClass as r, renderSlot as a } from "vue";
+const i = /* @__PURE__ */ l({
+  __name: "Skeleton",
+  props: {
+    round: { type: Boolean },
+    fill: { type: Boolean }
+  },
+  setup(e) {
+    return (o, s) => (n(), t("div", {
+      class: r({ round: e.round, fill: e.fill })
+    }, [
+      a(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  i as default
+};

package/components/skeleton/v4/SkeletonV4.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: number;
+    type?: "circle" | "square" | "rectangle" | "pill";
+}>, {
+    size: number;
+    type: string;
+}>, {}, 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<{
+    size?: number;
+    type?: "circle" | "square" | "rectangle" | "pill";
+}>, {
+    size: number;
+    type: string;
+}>>>, {
+    type: "circle" | "square" | "rectangle" | "pill";
+    size: number;
+}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/skeleton/v4/SkeletonV4.vue.js

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

package/components/skeleton/v4/SkeletonV4.vue2.js

@@ -0,0 +1,23 @@
+ import "../../../SkeletonV4.vue_vue_type_style_index_0_scoped_2f3b3470_lang.css"; import { defineComponent as n, useCssVars as l, unref as r, computed as a, openBlock as c, createElementBlock as p, normalizeClass as u, renderSlot as d } from "vue";
+const m = /* @__PURE__ */ n({
+  __name: "SkeletonV4",
+  props: {
+    size: { default: 16 },
+    type: { default: "rectangle" }
+  },
+  setup(e) {
+    const s = e;
+    l((t) => ({
+      "5977811c": r(o)
+    }));
+    const o = a(() => s.size + "px");
+    return (t, i) => (c(), p("div", {
+      class: u(["skeleton", [`skeleton--${e.type}`]])
+    }, [
+      d(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  m as default
+};

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

@@ -0,0 +1,94 @@
+declare const SkeletonTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "circle" | "square" | "rectangle" | "pill";
+            size: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            type: "circle" | "square" | "rectangle" | "pill";
+            size: number;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    type: "circle" | "square" | "rectangle" | "pill";
+    size: number;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
+export { default as Skeleton } from './SkeletonV4.vue';
+export { SkeletonTypes };

package/components/skeleton/v4/index.js

@@ -0,0 +1,6 @@
+import e from "./SkeletonV4.vue.js";
+const t = () => [e];
+export {
+  e as Skeleton,
+  t as SkeletonTypes
+};

package/components/snackbar/common/notify.d.ts

@@ -0,0 +1,3 @@
+import type { Notify } from './snackbar.types';
+declare const createNotify: (constructorComponent: any) => Notify;
+export default createNotify;

package/components/snackbar/common/notify.js

@@ -0,0 +1,82 @@
+import { isVNode as x, createVNode as N, render as v } from "vue";
+import { snackbarTypes as C } from "./snackbar.types.js";
+const p = {
+  "top-left": [],
+  "top-right": [],
+  "bottom-left": [],
+  "bottom-right": []
+}, g = 16;
+let A = 1;
+const E = 2e3, H = (h) => {
+  const i = function(e = {}, t = null) {
+    (typeof e == "string" || x(e)) && (e = { message: e });
+    const o = e.position || "top-right";
+    let n = e.zIndex || E, s = p[o].reduce(
+      (m, { vm: b }) => m + (b.el?.offsetHeight || 0) + g,
+      e.offset || 0
+    );
+    s += g;
+    const l = () => n++, d = `notification_${A++}`, u = e.onClose, f = {
+      ...e,
+      zIndex: l(),
+      offset: s,
+      id: d,
+      onClose: () => {
+        y(d, o, u);
+      }
+    }, c = document.body, a = document.createElement("div"), r = N(
+      h,
+      f,
+      x(f.message) ? {
+        default: () => f.message
+      } : null
+    );
+    return r.appContext = t ?? i._context, r.props.onDestroy = () => {
+      v(null, a);
+    }, v(r, a), p[o].push({ vm: r }), c.appendChild(a?.firstElementChild), {
+      // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
+      // for out component, so that all closing steps will not be skipped.
+      close: () => {
+        const m = r.component?.proxy;
+        m && (m.visible = !1);
+      }
+    };
+  };
+  function y(e, t, o) {
+    const n = p[t], s = n.findIndex(
+      ({ vm: c }) => c.component?.props.id === e
+    );
+    if (s === -1)
+      return;
+    const { vm: l } = n[s];
+    if (!l)
+      return;
+    o?.(l);
+    const d = l.el?.offsetHeight, u = t.split("-")[0];
+    n.splice(s, 1);
+    const f = n.length;
+    for (let c = s; c < f; c++) {
+      const { el: a, component: r } = n[c].vm;
+      r.props.offset = Number.parseInt(a.style[u], 10) - d - g;
+    }
+  }
+  C.forEach((e) => {
+    i[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
+      message: t
+    }), i({
+      ...t,
+      type: e
+    }));
+  });
+  function I() {
+    for (const e of Object.values(p))
+      e.forEach(({ vm: t }) => {
+        const o = t.component?.proxy;
+        o && (o.visible = !1);
+      });
+  }
+  return i.closeAll = I, i._context = null, i;
+};
+export {
+  H as default
+};

package/components/snackbar/common/snackbar.common.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties } from 'vue';
+export declare const snackbarCommon: (props: any) => {
+    visible: import("vue").Ref<boolean>;
+    horizontalClass: import("vue").ComputedRef<"right" | "left">;
+    positionStyle: import("vue").ComputedRef<CSSProperties>;
+    clearTimer: () => void;
+    startTimer: () => void;
+    iconComponent: import("vue").ComputedRef<any>;
+    typeClass: import("vue").ComputedRef<any>;
+    close: () => void;
+};

package/components/snackbar/common/snackbar.common.js

@@ -0,0 +1,51 @@
+import { ref as v, computed as n, onMounted as p } from "vue";
+import { useEventListener as C, useTimeoutFn as h } from "@vueuse/core";
+import k from "../../icon/v3/icons/Close.vue.js";
+import x from "../../icon/v3/icons/Check.vue.js";
+const w = (t) => {
+  const r = {
+    success: x,
+    error: k
+  }, o = v(!1);
+  let c;
+  const a = n(() => {
+    const e = t.type;
+    return e && r[t.type] ? e : "";
+  }), l = n(() => r[t.type] || t.icon || ""), f = n(
+    () => t.position.endsWith("right") ? "right" : "left"
+  ), m = n(
+    () => t.position.startsWith("top") ? "top" : "bottom"
+  ), y = n(() => ({
+    [m.value]: `${t.offset}px`,
+    zIndex: t.zIndex
+  }));
+  function i() {
+    t.duration > 0 && ({ stop: c } = h(() => {
+      o.value && s();
+    }, t.duration));
+  }
+  function u() {
+    c?.();
+  }
+  function s() {
+    o.value = !1;
+  }
+  function d({ code: e }) {
+    e === "Delete" || e === "Backspace" ? u() : e === "Escape" ? o.value && s() : i();
+  }
+  return p(() => {
+    i(), o.value = !0;
+  }), C(document, "keydown", d), {
+    visible: o,
+    horizontalClass: f,
+    positionStyle: y,
+    clearTimer: u,
+    startTimer: i,
+    iconComponent: l,
+    typeClass: a,
+    close: s
+  };
+};
+export {
+  w as snackbarCommon
+};