@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.1

package/components/typography/Text.vue.js

@@ -1,28 +1,6 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-/* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Text",
-  props: {
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean },
-    size: { default: "md" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeClass = computed(() => {
-      return `text-size-${props.size}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }])
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f640dd6"]]);
-
-export { Text as default };
+import o from "./Text.vue2.js";
+/* empty css           */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a5537754"]]);
+export {
+  p as default
+};

package/components/typography/Text.vue2.js

@@ -0,0 +1,20 @@
+import { defineComponent as o, computed as r, openBlock as a, createElementBlock as c, normalizeClass as l, unref as u, renderSlot as i } from "vue";
+const p = /* @__PURE__ */ o({
+  __name: "Text",
+  props: {
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const t = e, n = r(() => `text-size-${t.size}`);
+    return (s, d) => (a(), c("span", {
+      class: l(["text", { strong: e.strong, [u(n)]: !0, truncate: e.isTruncated }])
+    }, [
+      i(s.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  p as default
+};

package/components/typography/index.d.ts

@@ -1,39 +1,169 @@
-declare const TypographyTypes: () => (import("vue").DefineComponent<{
-    level: {
-        type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-    } & {
-        default: string;
-    };
+declare const TypographyTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            level: {
+                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "level">;
+        $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<{
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            level: {
+                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+        }, {}, 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<{
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
+        level: {
+            type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     level: {
         type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-    } & {
         default: string;
     };
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
-}> | import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
-    } & {
-        default: string;
-    };
-    strong: {
-        type: import("vue").PropType<boolean>;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
     };
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "sm" | "md" | "lg" | "caption" | "xs";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg" | "caption" | "xs">;
+                default: string;
+            };
+            strong: {
+                type: import("vue").PropType<boolean>;
+            };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "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<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg" | "caption" | "xs">;
+                default: string;
+            };
+            strong: {
+                type: import("vue").PropType<boolean>;
+            };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            size: "sm" | "md" | "lg" | "caption" | "xs";
+        }, {}, 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<{
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "caption" | "xs">;
+            default: string;
+        };
+        strong: {
+            type: import("vue").PropType<boolean>;
+        };
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "caption" | "xs">;
         default: string;
     };
     strong: {
@@ -42,9 +172,13 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {
-    size: "md" | "sm" | "lg" | "caption" | "xs";
-}>)[];
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    size: "sm" | "md" | "lg" | "caption" | "xs";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
 export { default as Heading } from './Heading.vue';
 export { default as Text } from './Text.vue';
 export { TypographyTypes };

package/components/typography/index.js

@@ -0,0 +1,8 @@
+import o from "./Heading.vue.js";
+import p from "./Text.vue.js";
+const e = () => [o, p];
+export {
+  o as Heading,
+  p as Text,
+  e as TypographyTypes
+};

package/composables/useId.js

@@ -0,0 +1,14 @@
+import { inject as n, computed as o, unref as r } from "vue";
+const c = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+}, i = Symbol("elIdInjection"), d = (t) => {
+  const e = n(i, c);
+  return o(
+    () => r(t) || `el-id-${e.prefix}-${e.current++}`
+  );
+};
+export {
+  i as ID_INJECTION_KEY,
+  d as useId
+};

package/composables/useIsFocusVisible.js

@@ -0,0 +1,26 @@
+import { ref as o } from "vue";
+function t(e) {
+  const { target: s } = e;
+  try {
+    return s.matches(":focus-visible");
+  } catch {
+    console.info("browser does not support focus-visible");
+  }
+}
+function n() {
+  const e = o(!1);
+  function s() {
+    return e.value ? (e.value = !1, !0) : !1;
+  }
+  function r(u) {
+    return t(u) ? (e.value = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: e,
+    onFocus: r,
+    onBlur: s
+  };
+}
+export {
+  n as default
+};

package/composables/useSearch.js

@@ -0,0 +1,15 @@
+import { computed as n } from "vue";
+function u({
+  searchAttribute: r
+}) {
+  return n(() => (e, t) => {
+    try {
+      return e[r].search(new RegExp(t, "i")) >= 0;
+    } catch {
+      return !1;
+    }
+  });
+}
+export {
+  u as useSearch
+};

package/composables/useToggle.js

@@ -0,0 +1,18 @@
+import { ref as t } from "vue";
+function a({
+  initialValue: l,
+  disabled: r
+} = {}) {
+  const e = t(l), n = t(r);
+  function o(u) {
+    return n.value = u ?? !0, n.value;
+  }
+  function f(...u) {
+    if (!n.value)
+      return u.length && typeof u[0] < "u" ? (e.value = u[0], e.value) : (e.value = !e.value, e.value);
+  }
+  return [e, f, o];
+}
+export {
+  a as useToggle
+};

package/consts/{colors.vue.js → colors.js}

@@ -1,7 +1,8 @@
-const COLORS = {
+const f = {
   PRIMARY_500: "#3083FF",
   A: "#ffc134",
   B: "#4f4ff5"
 };
-
-export { COLORS };
+export {
+  f as COLORS
+};

package/index.js

@@ -0,0 +1,190 @@
+import './MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css';
+import { AppTriggerTypes as r } from "./components/appTrigger/index.js";
+import { AutocompleteDropdownTypes as p } from "./components/autocompleteDropdown/index.js";
+import { MenuItemTypes as f } from "./components/menuItem/index.js";
+import { MenuTypes as s } from "./components/menu/index.js";
+import { AppIconTypes as m } from "./components/appIcon/index.js";
+import { SwitchTypes as d } from "./components/switch/index.js";
+import { RadioButtonTypes as T } from "./components/radioButton/index.js";
+import { Snackbar as y } from "./components/snackbar/index.js";
+import { FloatingToolbarTypes as I } from "./components/floatingToolbar/index.js";
+import { IncludeExcludeTypes as b } from "./components/includeExclude/index.js";
+import { CssBaselineTypes as D } from "./components/cssBaseline/index.js";
+import { ID_INJECTION_KEY as S, useId as A } from "./composables/useId.js";
+import { EmptyStateTypes as C } from "./components/emptyState/index.js";
+import { TableTypes as k } from "./components/table/index.js";
+import { DialogTypes as P } from "./components/dialog/index.js";
+import { FilterPanelTypes as M } from "./components/filtersPanel/index.js";
+import { FilterDropdownTypes as O } from "./components/filterDropdown/index.js";
+import { DropdownTypes as N } from "./components/dropdown/index.js";
+import { TabsTypes as G } from "./components/tabs/index.js";
+import { ButtonTypes as K } from "./components/button/index.js";
+import { CheckboxTypes as Y } from "./components/checkbox/index.js";
+import { IconTypes as q } from "./components/icon/index.js";
+import { SearchTypes as Q } from "./components/search/index.js";
+import { SkeletonTypes as V } from "./components/skeleton/index.js";
+import { TypographyTypes as X } from "./components/typography/index.js";
+import { PopoverTypes as $ } from "./components/popover/index.js";
+import { ChipTypes as oe } from "./components/chip/index.js";
+import { ToggleTypes as te } from "./components/toggle/index.js";
+import { TooltipTypes as ae } from "./components/tooltip/index.js";
+import { InputTypes as xe } from "./components/input/index.js";
+import { TextAreaTypes as le } from "./components/textArea/index.js";
+import { EditableTypes as ue } from "./components/table-cells/index.js";
+import { useToggle as ne } from "./composables/useToggle.js";
+import { useSearch as ie } from "./composables/useSearch.js";
+import { DateRangeTypes as ce } from "./components/dateRange/index.js";
+import { DatePickerTypes as ge } from "./components/datePicker/index.js";
+import { BannerTypes as Ee } from "./components/banner/index.js";
+import { default as he } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as Ae } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Ce } from "./components/menuItem/MenuItem.vue.js";
+import { default as ke } from "./components/menu/Menu.vue.js";
+import { default as Pe } from "./components/appIcon/AppIcon.vue.js";
+import { default as Me } from "./components/switch/Switch.vue.js";
+import { default as Oe } from "./components/radioButton/RadioButton.vue.js";
+import { default as Ne } from "./components/radioButton/RadioGroup.vue.js";
+import { snackbarEmits as Ge, snackbarTypes as Je } from "./components/snackbar/snackbar.types.js";
+import { default as Le } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as je } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as ze } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as Ue } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as We } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as Ze } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as eo } from "./components/cssBaseline/CssBaseline.vue.js";
+import { default as ro } from "./components/emptyState/EmptyState.vue.js";
+import { default as po } from "./components/table/Table.vue.js";
+import { TableContext as fo } from "./components/table/TableContext.js";
+import { default as so } from "./components/dialog/Dialog.vue.js";
+import { Reason as mo } from "./components/dialog/Reason.js";
+import { default as no } from "./components/filtersPanel/FiltersPanel.vue.js";
+import { default as io } from "./components/filtersPanel/FilterSearchInput.vue.js";
+import { useHiddenFilter as co } from "./components/filtersPanel/useHiddenFilter.js";
+import { default as go } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Eo } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as ho } from "./components/dropdown/Dropdown.vue.js";
+import { default as Ao } from "./components/dropdown/Option.vue.js";
+import { default as Co } from "./components/dropdown/Label.vue.js";
+import { default as ko } from "./components/dropdown/SearchInput.vue.js";
+import { default as Po } from "./components/tabs/Tabs.vue.js";
+import { default as Mo } from "./components/button/Button.vue.js";
+import { default as Oo } from "./components/button/IconButton.vue.js";
+import { default as No } from "./components/button/ScrollButton.vue.js";
+import { default as Go } from "./components/checkbox/Checkbox.vue.js";
+import { default as Ko } from "./components/icon/Icon.vue.js";
+import { icons as Yo } from "./components/icon/icons/index.js";
+import { default as qo } from "./components/search/Search.vue.js";
+import { default as Qo } from "./components/skeleton/Skeleton.vue.js";
+import { default as Vo } from "./components/typography/Heading.vue.js";
+import { default as Xo } from "./components/typography/Text.vue.js";
+import { default as $o } from "./components/popover/Popover.vue.js";
+import { default as or } from "./components/chip/Chip.vue.js";
+import { default as tr } from "./components/toggle/Toggle.vue.js";
+import { default as ar } from "./components/tooltip/Tooltip.vue.js";
+import { default as xr } from "./components/input/Input.vue.js";
+import { default as lr } from "./components/input/DollarInput.vue.js";
+import { default as ur } from "./components/input/PercentageInput.vue.js";
+import { default as nr } from "./components/input/PasswordInput.vue.js";
+import { default as ir } from "./components/textArea/TextArea.vue.js";
+import { default as cr } from "./components/table-cells/Editable.vue.js";
+import { EditableContext as gr, useEditableContext as br } from "./components/table-cells/EditableContext.js";
+import { default as Dr } from "./components/dateRange/DateRange.vue.js";
+import { default as Sr } from "./components/datePicker/DatePicker.vue.js";
+import { default as Br } from "./components/banner/Banner.vue.js";
+export {
+  Eo as AddFilterButton,
+  Pe as AppIcon,
+  m as AppIconTypes,
+  he as AppTrigger,
+  r as AppTriggerTypes,
+  Ae as AutocompleteDropdown,
+  p as AutocompleteDropdownTypes,
+  Br as Banner,
+  Ee as BannerTypes,
+  Mo as Button,
+  K as ButtonTypes,
+  Go as Checkbox,
+  Y as CheckboxTypes,
+  or as Chip,
+  oe as ChipTypes,
+  eo as CssBaseline,
+  D as CssBaselineTypes,
+  Sr as DatePicker,
+  ge as DatePickerTypes,
+  Dr as DateRange,
+  ce as DateRangeTypes,
+  so as Dialog,
+  P as DialogTypes,
+  lr as DollarInput,
+  ho as Dropdown,
+  N as DropdownTypes,
+  cr as Editable,
+  gr as EditableContext,
+  ue as EditableTypes,
+  ro as EmptyState,
+  C as EmptyStateTypes,
+  go as FilterDropdown,
+  O as FilterDropdownTypes,
+  M as FilterPanelTypes,
+  io as FilterSearchInput,
+  no as FiltersPanel,
+  Le as FloatingToolbar,
+  I as FloatingToolbarTypes,
+  Vo as Heading,
+  S as ID_INJECTION_KEY,
+  Ko as Icon,
+  Oo as IconButton,
+  q as IconTypes,
+  je as IncludeExclude,
+  We as IncludeExcludeAppHeader,
+  Ue as IncludeExcludeAppTrigger,
+  Ze as IncludeExcludeChipFilter,
+  ze as IncludeExcludeOption,
+  b as IncludeExcludeTypes,
+  xr as Input,
+  xe as InputTypes,
+  Co as Label,
+  ke as Menu,
+  Ce as MenuItem,
+  f as MenuItemTypes,
+  s as MenuTypes,
+  Ao as Option,
+  nr as PasswordInput,
+  ur as PercentageInput,
+  $o as Popover,
+  $ as PopoverTypes,
+  Oe as RadioButton,
+  T as RadioButtonTypes,
+  Ne as RadioGroup,
+  mo as Reason,
+  No as ScrollButton,
+  qo as Search,
+  ko as SearchInput,
+  Q as SearchTypes,
+  Qo as Skeleton,
+  V as SkeletonTypes,
+  y as Snackbar,
+  Me as Switch,
+  d as SwitchTypes,
+  po as Table,
+  fo as TableContext,
+  k as TableTypes,
+  Po as Tabs,
+  G as TabsTypes,
+  Xo as Text,
+  ir as TextArea,
+  le as TextAreaTypes,
+  tr as Toggle,
+  te as ToggleTypes,
+  ar as Tooltip,
+  ae as TooltipTypes,
+  X as TypographyTypes,
+  Yo as icons,
+  Ge as snackbarEmits,
+  Je as snackbarTypes,
+  br as useEditableContext,
+  co as useHiddenFilter,
+  A as useId,
+  ie as useSearch,
+  ne as useToggle
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.2-rc.6",
+  "version": "1.4.2-test.1",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -83,8 +83,8 @@
     "@types/prismjs": "^1.26.0",
     "@typescript-eslint/eslint-plugin": "^5.15.0",
     "@typescript-eslint/parser": "^5.15.0",
-    "@vitejs/plugin-vue": "^2.3.3",
-    "@vitest/coverage-c8": "^0.23.4",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitest/coverage-v8": "^0.33.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/test-utils": "^2.0.0-rc.17",
     "autoprefixer": "^10.4.7",
@@ -114,17 +114,19 @@
     "prettier": "^2.6.0",
     "prismjs": "^1.29.0",
     "puppeteer": "^19.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "replace": "^1.2.1",
     "rimraf": "^3.0.2",
     "sass": "^1.49.7",
     "start-server-and-test": "^1.15.2",
     "svgo": "^2.8.0",
     "typescript": "^4.5.4",
-    "vite": "^2.9.9",
-    "vite-plugin-libcss": "^1.0.5",
-    "vite-plugin-static-copy": "^0.6.0",
-    "vitest": "^0.23.2",
-    "vue-tsc": "^0.35.0"
+    "vite": "^4.4.8",
+    "vite-plugin-libcss": "^1.1.1",
+    "vite-plugin-static-copy": "^0.17.0",
+    "vitest": "^0.34.1",
+    "vue-tsc": "^1.8.8"
   },
   "repository": "https://github.com/ironsource-mobile/shared-ui-ssp.git",
   "main": "./index.js",

package/AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-aef29636]{color:#41454d}.add-filter[data-v-aef29636]{background:#EDEFF0;color:#53575b;border:none}.add-filter[data-v-aef29636]:hover{background:#E5E7E9}.add-filter.disabled[data-v-aef29636]{opacity:.7}

package/AppIcon.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.icon-md[data-v-359522d4]{width:1.25rem;height:1.25rem}.icon-lg[data-v-359522d4]{width:1.5rem;height:1.5rem}.icon-xl[data-v-359522d4]{width:2rem;height:2rem}.application-icon[data-v-359522d4]{display:inline-block;position:relative}.application-icon>img[data-v-359522d4]{width:100%;height:100%;vertical-align:baseline;display:inline}.application-icon .squircle-mask[data-v-359522d4]{position:absolute;left:0;top:0}

package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-6c498348]{color:#41454d}.app-trigger[data-v-6c498348]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-6c498348]{gap:.25rem}.app-trigger__left-image[data-v-6c498348]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-6c498348]{color:#8e959d}.app-trigger__middle-section[data-v-6c498348]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-6c498348]{width:9.5rem}.app-trigger__middle-section--loading[data-v-6c498348]{gap:0}.app-trigger__description[data-v-6c498348]{color:#7b838c}.app-trigger__right-icon[data-v-6c498348]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-6c498348]{color:#41454d}

package/AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.autocomplete-dropdown[data-v-201d8abe]{outline:none}

package/AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-0e10ff6d]{color:#41454d}.autocomplete-input[data-v-0e10ff6d]{display:flex;flex-wrap:wrap;padding:.5rem .5rem .25rem;border:none;border-radius:.5rem;background:#F1F3F4;color:#53575b;font-family:HelveticaNeue,sans-serif;font-size:.8125rem;line-height:normal}.autocomplete-input[data-v-0e10ff6d]:hover{background:#EDEFF0}.autocomplete-input--focused[data-v-0e10ff6d],.autocomplete-input--focused[data-v-0e10ff6d]:hover{outline:none;background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.autocomplete-input__option[data-v-0e10ff6d]{max-width:15rem;height:1.5rem;background:#FFFFFF;display:flex;align-items:center;justify-content:center;border:1px solid #DDDFE1;padding:.25rem .25rem .25rem .5rem;margin-right:.25rem;margin-bottom:.25rem;border-radius:1rem}.autocomplete-input__option[data-v-0e10ff6d]:hover{border-color:#53575b}.autocomplete-input__close-icon[data-v-0e10ff6d]{flex-shrink:0;margin-left:.375rem;color:#d2d5d8}.autocomplete-input__close-icon[data-v-0e10ff6d]:hover{color:#53575b}.autocomplete-input__search-field[data-v-0e10ff6d]{height:1.5rem;margin-bottom:.25rem;padding:0 .25rem;width:auto;border:none;border-radius:0;background:transparent;color:#53575b;font-family:HelveticaNeue,sans-serif;font-size:.8125rem;line-height:normal}.autocomplete-input__search-field[data-v-0e10ff6d]:focus{outline:none;border:none}.autocomplete-input__search-field[data-v-0e10ff6d]::placeholder{color:#8e959d;opacity:1}

package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-36d41da7]{color:#41454d}.banner[data-v-36d41da7]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative;color:#53575b}.banner .left-border[data-v-36d41da7]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-36d41da7]{padding:.875rem 1rem 1rem 1.5rem;display:flex;align-items:center;flex:1;height:3rem}.banner .content-wrapper .icon-container[data-v-36d41da7]{margin-right:1rem;display:grid;align-content:center}.banner .content-wrapper .content[data-v-36d41da7]{flex:1}.banner.banner-type-info .left-border[data-v-36d41da7]{background-color:#3083ff}.banner.banner-type-info .icon[data-v-36d41da7]{color:#3083ff}.banner.banner-type-success .left-border[data-v-36d41da7]{background-color:#22c891}.banner.banner-type-success .icon[data-v-36d41da7]{color:#22c891}.banner.banner-type-error .left-border[data-v-36d41da7]{background-color:#ff6a63}.banner.banner-type-error .icon[data-v-36d41da7]{color:#ff6a63}.banner.banner-type-warning .left-border[data-v-36d41da7]{background-color:#ffb424}.banner.banner-type-warning .icon[data-v-36d41da7]{color:#ffb424}

package/Button.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-8e54ca3e]{color:#41454d}.flex[data-v-8e54ca3e]{display:flex;align-items:center;justify-content:center;grid-column-gap:6px}.with-left-icon.sm[data-v-8e54ca3e] .flex{grid-column-gap:4px}.with-left-icon.sm[data-v-8e54ca3e] .content{margin:0 12px 0 8px}.with-left-icon.md[data-v-8e54ca3e] .content{margin:0 16px 0 12px}.with-left-icon.lg[data-v-8e54ca3e] .content{margin:0 24px 0 12px}.with-right-icon.sm[data-v-8e54ca3e] .flex{grid-column-gap:4px}.with-right-icon.sm[data-v-8e54ca3e] .content{margin:0 8px 0 12px}.with-right-icon.md[data-v-8e54ca3e] .content{margin:0 12px 0 16px}.with-right-icon.lg[data-v-8e54ca3e] .content{margin:0 12px 0 24px}.icon[data-v-8e54ca3e],.loading[data-v-8e54ca3e]{vertical-align:middle}