@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

package/index.js

@@ -1,183 +1,173 @@
 import './MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css';
-import { AppTriggerTypes as c } from "./components/appTrigger/index.js";
-import { AutocompleteDropdownTypes as b } from "./components/autocompleteDropdown/index.js";
-import { MenuItemTypes as I } from "./components/menuItem/index.js";
-import { MenuTypes as $ } from "./components/menu/index.js";
-import { AppIconTypes as F } from "./components/appIcon/index.js";
-import { RadioButtonTypes as C } from "./components/radioButton/index.js";
-import { Snackbar as B } from "./components/snackbar/index.js";
-import { FloatingToolbarTypes as P } from "./components/floatingToolbar/index.js";
-import { IncludeExcludeTypes as w } from "./components/includeExclude/index.js";
-import { CssBaselineTypes as H } from "./components/cssBaseline/index.js";
-import { ID_INJECTION_KEY as v, useId as N } from "./composables/useId.js";
-import { EmptyStateTypes as G } from "./components/emptyState/index.js";
-import { TableTypes as K } from "./components/table/index.js";
-import { DialogTypes as Y } from "./components/dialog/index.js";
-import { FilterPanelTypes as q } from "./components/filtersPanel/index.js";
-import { FilterDropdownTypes as L } from "./components/filterDropdown/index.js";
-import { TabsTypes as U } from "./components/tabs/index.js";
-import { CheckboxTypes as X } from "./components/checkbox/index.js";
-import { SkeletonTypes as ee } from "./components/skeleton/index.js";
-import { TypographyTypes as re } from "./components/typography/index.js";
-import { TypographyTypesV4 as pe } from "./components/typography/v4/index.js";
-import { PopoverTypes as fe } from "./components/popover/index.js";
-import * as e from "./components/button/v3/index.js";
-import * as o from "./components/button/v4/index.js";
+import { AppTriggerTypes as N } from "./components/appTrigger/index.js";
+import { AutocompleteDropdownTypes as _ } from "./components/autocompleteDropdown/index.js";
+import { MenuItemTypes as q } from "./components/menuItem/index.js";
+import { MenuTypes as K } from "./components/menu/index.js";
+import { AppIconTypes as Y } from "./components/appIcon/index.js";
+import { FloatingToolbarTypes as G } from "./components/floatingToolbar/index.js";
+import { IncludeExcludeTypes as Q } from "./components/includeExclude/index.js";
+import { CssBaselineTypes as W } from "./components/cssBaseline/index.js";
+import { ID_INJECTION_KEY as Z, useId as oo } from "./composables/useId.js";
+import { FilterDropdownTypes as ro } from "./components/filterDropdown/index.js";
+import { SkeletonTypes as po } from "./components/skeleton/index.js";
+import { TypographyTypes as ao } from "./components/typography/index.js";
+import { TypographyTypesV4 as xo } from "./components/typography/v4/index.js";
+import { PopoverTypes as io } from "./components/popover/index.js";
+import { MultiBarTypes as lo } from "./components/multibar/index.js";
+import * as o from "./components/button/v3/index.js";
+import * as e from "./components/button/v4/index.js";
 import * as r from "./components/chip/v3/index.js";
 import * as t from "./components/chip/v4/index.js";
 import * as p from "./components/switch/v3/index.js";
-import * as a from "./components/switch/v4/index.js";
-import * as f from "./components/dropdown/v3/index.js";
-import * as m from "./components/dropdown/v4/index.js";
+import * as m from "./components/switch/v4/index.js";
+import * as a from "./components/dropdown/v3/index.js";
+import * as f from "./components/dropdown/v4/index.js";
 import * as x from "./components/search/v3/index.js";
 import * as s from "./components/search/v4/index.js";
-import * as l from "./components/icon/v3/index.js";
-import * as d from "./components/icon/v4/index.js";
-import * as u from "./components/input/v3/index.js";
-import * as i from "./components/input/v4/index.js";
-import { ToggleTypes as xe } from "./components/toggle/index.js";
-import { TooltipTypes as le } from "./components/tooltip/index.js";
-import { TextAreaTypes as ue } from "./components/textArea/index.js";
-import { EditableTypes as ne } from "./components/table-cells/index.js";
-import { useToggle as ye } from "./composables/useToggle.js";
-import { useSearch as ge } from "./composables/useSearch.js";
-import { DateRangeTypes as Ee } from "./components/dateRange/index.js";
-import { DatePickerTypes as De } from "./components/datePicker/index.js";
-import { BannerTypes as Ae } from "./components/banner/index.js";
-import { default as ke } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as he } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as Se } from "./components/menuItem/MenuItem.vue.js";
-import { default as Re } from "./components/menu/Menu.vue.js";
-import { default as Me } from "./components/appIcon/AppIcon.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 Ve } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as je } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as ze } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as Qe } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as We } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as Ze } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as oo } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as to } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as ao } from "./components/cssBaseline/CssBaseline.vue.js";
-import { default as mo } from "./components/emptyState/EmptyState.vue.js";
-import { default as so } from "./components/table/Table.vue.js";
-import { TableContext as uo } from "./components/table/TableContext.js";
-import { default as no } from "./components/dialog/Dialog.vue.js";
-import { Reason as yo } from "./components/dialog/Reason.js";
-import { default as go } from "./components/filtersPanel/FiltersPanel.vue.js";
-import { default as Eo } from "./components/filtersPanel/FilterSearchInput.vue.js";
-import { useHiddenFilter as Do } from "./components/filtersPanel/useHiddenFilter.js";
-import { default as Ao } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as ko } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as ho } from "./components/tabs/Tabs.vue.js";
-import { default as So } from "./components/checkbox/Checkbox.vue.js";
-import { default as Ro } from "./components/skeleton/Skeleton.vue.js";
-import { default as Mo } from "./components/typography/Heading.vue.js";
-import { default as Oo } from "./components/typography/Text.vue.js";
-import { default as No } from "./components/typography/v4/Typography.vue.js";
-import { default as Go } from "./components/popover/Popover.vue.js";
-import { default as Ko } from "./components/toggle/Toggle.vue.js";
-import { default as Yo } from "./components/tooltip/Tooltip.vue.js";
-import { default as qo } from "./components/textArea/TextArea.vue.js";
-import { default as Lo } from "./components/table-cells/Editable.vue.js";
-import { EditableContext as Uo, useEditableContext as Wo } from "./components/table-cells/EditableContext.js";
-import { default as Zo } from "./components/dateRange/DateRange.vue.js";
-import { default as or } from "./components/datePicker/DatePicker.vue.js";
-import { default as tr } from "./components/banner/Banner.vue.js";
-const n = {
+import * as d from "./components/filtersPanel/v3/index.js";
+import * as i from "./components/filtersPanel/v4/index.js";
+import * as n from "./components/checkbox/v3/index.js";
+import * as l from "./components/checkbox/v4/index.js";
+import * as u from "./components/icon/v3/index.js";
+import * as T from "./components/icon/v4/index.js";
+import * as $ from "./components/input/v3/index.js";
+import * as y from "./components/input/v4/index.js";
+import * as c from "./components/tabs/v3/index.js";
+import * as g from "./components/tabs/v4/index.js";
+import * as I from "./components/dialog/v3/index.js";
+import * as D from "./components/dialog/v4/index.js";
+import * as A from "./components/tooltip/v3/index.js";
+import * as E from "./components/tooltip/v4/index.js";
+import * as B from "./components/table/v3/index.js";
+import * as h from "./components/table/v4/index.js";
+import * as F from "./components/table-cells/v3/index.js";
+import * as M from "./components/table-cells/v4/index.js";
+import * as k from "./components/emptyState/v3/index.js";
+import * as w from "./components/emptyState/v4/index.js";
+import * as b from "./components/snackbar/v3/index.js";
+import * as C from "./components/snackbar/v4/index.js";
+import * as P from "./components/radioButton/v3/index.js";
+import * as v from "./components/radioButton/v4/index.js";
+import { ToggleTypes as To } from "./components/toggle/v3/index.js";
+import { TextAreaTypes as yo } from "./components/textArea/index.js";
+import { useToggle as go } from "./composables/useToggle.js";
+import { useSearch as Do } from "./composables/useSearch.js";
+import { DateRangeTypes as Eo } from "./components/dateRange/index.js";
+import { DatePickerTypes as ho } from "./components/datePicker/index.js";
+import { BannerTypes as Mo } from "./components/banner/index.js";
+import { default as wo } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as Co } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as vo } from "./components/menuItem/MenuItem.vue.js";
+import { default as So } from "./components/menu/Menu.vue.js";
+import { default as No } from "./components/appIcon/AppIcon.vue.js";
+import { default as _o } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as qo } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as Ko } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as Yo } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as Go } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as Qo } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as Wo } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as Zo } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as ee } from "./components/cssBaseline/CssBaseline.vue.js";
+import { default as te } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as me } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as fe } from "./components/skeleton/Skeleton.vue.js";
+import { default as se } from "./components/typography/Heading.vue.js";
+import { default as ie } from "./components/typography/Text.vue.js";
+import { default as le } from "./components/typography/v4/Typography.vue.js";
+import { default as Te } from "./components/popover/Popover.vue.js";
+import { default as ye } from "./components/multibar/MultiBar.vue.js";
+import { default as ge } from "./components/toggle/v3/Toggle.vue.js";
+import { default as De } from "./components/textArea/TextArea.vue.js";
+import { default as Ee } from "./components/dateRange/DateRange.vue.js";
+import { default as he } from "./components/datePicker/DatePicker.vue.js";
+import { default as Me } from "./components/banner/Banner.vue.js";
+const O = {
   ...r,
   ...t,
   ...p,
-  ...a,
-  ...e,
+  ...m,
   ...o,
+  ...e,
+  ...a,
   ...f,
-  ...m,
   ...x,
   ...s,
-  ...u,
+  ...d,
   ...i,
+  ...$,
+  ...y,
+  ...u,
+  ...T,
+  ...c,
+  ...g,
+  ...I,
+  ...D,
+  ...A,
+  ...E,
+  ...B,
+  ...h,
+  ...F,
+  ...M,
+  ...k,
+  ...w,
+  ...b,
+  ...C,
+  ...n,
   ...l,
-  ...d
+  ...P,
+  ...v
 };
 export {
-  ko as AddFilterButton,
-  Me as AppIcon,
-  F as AppIconTypes,
-  ke as AppTrigger,
-  c as AppTriggerTypes,
-  he as AutocompleteDropdown,
-  b as AutocompleteDropdownTypes,
-  tr as Banner,
-  Ae as BannerTypes,
-  So as Checkbox,
-  X as CheckboxTypes,
-  ao as CssBaseline,
-  H as CssBaselineTypes,
-  or as DatePicker,
-  De as DatePickerTypes,
-  Zo as DateRange,
-  Ee as DateRangeTypes,
-  no as Dialog,
-  Y as DialogTypes,
-  Lo as Editable,
-  Uo as EditableContext,
-  ne as EditableTypes,
-  mo as EmptyState,
-  G as EmptyStateTypes,
-  Ao as FilterDropdown,
-  L as FilterDropdownTypes,
-  q as FilterPanelTypes,
-  Eo as FilterSearchInput,
-  go as FiltersPanel,
-  Ve as FloatingToolbar,
-  P as FloatingToolbarTypes,
-  Mo as Heading,
-  v as ID_INJECTION_KEY,
-  je as IncludeExclude,
-  oo as IncludeExcludeAppHeader,
-  Ze as IncludeExcludeAppTrigger,
-  to as IncludeExcludeChipFilter,
-  ze as IncludeExcludeDragDrop,
-  Qe as IncludeExcludeOption,
-  We as IncludeExcludeOptionDraggable,
-  w as IncludeExcludeTypes,
-  Re as Menu,
-  Se as MenuItem,
-  I as MenuItemTypes,
-  $ as MenuTypes,
-  Go as Popover,
-  fe as PopoverTypes,
-  Oe as RadioButton,
-  C as RadioButtonTypes,
-  Ne as RadioGroup,
-  yo as Reason,
-  Ro as Skeleton,
-  ee as SkeletonTypes,
-  B as Snackbar,
-  so as Table,
-  uo as TableContext,
-  K as TableTypes,
-  ho as Tabs,
-  U as TabsTypes,
-  Oo as Text,
-  qo as TextArea,
-  ue as TextAreaTypes,
-  Ko as Toggle,
-  xe as ToggleTypes,
-  Yo as Tooltip,
-  le as TooltipTypes,
-  No as Typography,
-  re as TypographyTypes,
-  pe as TypographyTypesV4,
-  n as default,
-  Ge as snackbarEmits,
-  Je as snackbarTypes,
-  Wo as useEditableContext,
-  Do as useHiddenFilter,
-  N as useId,
-  ge as useSearch,
-  ye as useToggle
+  me as AddFilterButton,
+  No as AppIcon,
+  Y as AppIconTypes,
+  wo as AppTrigger,
+  N as AppTriggerTypes,
+  Co as AutocompleteDropdown,
+  _ as AutocompleteDropdownTypes,
+  Me as Banner,
+  Mo as BannerTypes,
+  ee as CssBaseline,
+  W as CssBaselineTypes,
+  he as DatePicker,
+  ho as DatePickerTypes,
+  Ee as DateRange,
+  Eo as DateRangeTypes,
+  te as FilterDropdown,
+  ro as FilterDropdownTypes,
+  _o as FloatingToolbar,
+  G as FloatingToolbarTypes,
+  se as Heading,
+  Z as ID_INJECTION_KEY,
+  qo as IncludeExclude,
+  Wo as IncludeExcludeAppHeader,
+  Qo as IncludeExcludeAppTrigger,
+  Zo as IncludeExcludeChipFilter,
+  Ko as IncludeExcludeDragDrop,
+  Yo as IncludeExcludeOption,
+  Go as IncludeExcludeOptionDraggable,
+  Q as IncludeExcludeTypes,
+  So as Menu,
+  vo as MenuItem,
+  q as MenuItemTypes,
+  K as MenuTypes,
+  ye as MultiBar,
+  lo as MultiBarTypes,
+  Te as Popover,
+  io as PopoverTypes,
+  fe as Skeleton,
+  po as SkeletonTypes,
+  ie as Text,
+  De as TextArea,
+  yo as TextAreaTypes,
+  ge as Toggle,
+  To as ToggleTypes,
+  le as Typography,
+  ao as TypographyTypes,
+  xo as TypographyTypesV4,
+  O as default,
+  oo as useId,
+  Do as useSearch,
+  go as useToggle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.7",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -10,8 +10,10 @@
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && node inject-css.js && sh ./scripts/build-styles.sh",
     "preview": "vite preview",
     "storybook": "StoryBookEnv=dev sb dev -p 6006",
+    "storybook:pw": "StoryBookEnv=dev STORYBOOK_PW=true sb dev -p 6006",
     "storybook:dist": "StoryBookEnv=prod sb dev -p 6006",
-    "build-storybook": "storybook build -o docs",
+    "storybook:dist:pw": "StoryBookEnv=prod STORYBOOK_PW=true sb dev -p 6006",
+    "build-storybook": "sb build -o docs",
     "serve-storybook": "RemoveAddons=true npm run build-storybook && http-server ./docs --port 6007",
     "serve-storybook-ci": "npx concurrently -s first -n 'SB,TEST' -c 'magenta,blue' 'npm run storybook:dist --silent' 'npx wait-on tcp:6006' ",
     "test-storybook": "test-storybook --maxWorkers=2",
@@ -42,7 +44,9 @@
     "deploy:html": "aws s3 cp ./docs/index.html s3://mobile-shared-ui-platform/$FOLDER/index.html  --cache-control='max-age=0, s-maxage=604800'",
     "cf:invalidate": "aws cloudfront create-invalidation --distribution-id E2H80TE9BVV9YO --paths  \"/$FOLDER/*\" ",
     "upload:visual": "aws s3 cp ./visual-tests s3://mobile-shared-ui-platform/visual-tests/$FOLDER  --recursive  --exclude '.gitkeep' ",
-    "release": "commit-and-tag-version"
+    "release": "commit-and-tag-version",
+    "pw:ci": "cd e2e/playwright && BASE_URL=http://localhost:6006/ npx playwright test --reporter=list",
+    "test-storybook-pw": "concurrently 'npm run storybook:dist:pw --silent' 'npx wait-on http://localhost:6006 && npm run pw:ci'  --kill-others --success first"
   },
   "dependencies": {
     "@phosphor-icons/vue": "^2.1.6",
@@ -150,34 +154,45 @@
     "./appIcon": "./components/appIcon/AppIcon.vue.js",
     "./switch": "./components/switch/v3/Switch.vue.js",
     "./switch/v4": "./components/switch/v4/SwitchV4.vue.js",
-    "./editable": "./components/table-cells/Editable.vue.js",
-    "./radioButton": "./components/radioButton/RadioButton.vue.js",
-    "./radioGroup": "./components/radioButton/RadioGroup.vue.js",
+    "./editable": "./components/table-cells/v3/Editable.vue.js",
+    "./editable/v4": "./components/table-cells/v4/EditableV4.vue.js",
+    "./radioButton": "./components/radioButton/v3/RadioButton.vue.js",
+    "./radioGroup": "./components/radioButton/v3/RadioGroup.vue.js",
+    "./radioButton/v4": "./components/radioButton/v4/RadioButtonV4.vue.js",
+    "./radioGroup/v4": "./components/radioButton/v4/RadioGroupV4.vue.js",
     "./floatingToolbar": "./components/floatingToolbar/FloatingToolbar.vue.js",
-    "./includeExclude": "./components/includeExclude/index.vue.js",
+    "./includeExclude": "./components/includeExclude/index.js",
     "./cssBaseline": "./components/cssBaseline/CssBaseline.vue.js",
-    "./snackbar": "./components/snackbar/index.vue.js",
-    "./emptyState": "./components/emptyState/EmptyState.vue.js",
-    "./table": "./components/table/Table.vue.js",
+    "./snackbar": "./components/snackbar/v3/index.js",
+    "./snackbar/v4": "./components/snackbar/v4/index.js",
+    "./emptyState": "./components/emptyState/v3/EmptyState.vue.js",
+    "./emptyState/v4": "./components/emptyState/v4/EmptyStateV4.vue.js",
+    "./table": "./components/table/v3/Table.vue.js",
+    "./table/v4": "./components/table/v4/DataGrid.vue.js",
     "./dateRange": "./components/dateRange/DateRange.vue.js",
     "./datePicker": "./components/datePicker/DatePicker.vue.js",
-    "./dialog": "./components/dialog/Dialog.vue.js",
-    "./dropdown": "./components/dropdown/v3/index.vue.js",
-    "./dropdown/v4": "./components/dropdown/v4/index.vue.js",
+    "./dialog": "./components/dialog/v3/Dialog.vue.js",
+    "./dialog/v4": "./components/dialog/v4/DialogV4.vue.js",
+    "./dropdown": "./components/dropdown/v3/index.js",
+    "./dropdown/v4": "./components/dropdown/v4/index.js",
     "./filterDropdown": "./components/filterDropdown/FilterDropdown.vue.js",
-    "./filtersPanel": "./components/filtersPanel/index.vue.js",
-    "./tabs": "./components/tabs/Tabs.vue.js",
+    "./filtersPanel": "./components/filtersPanel/v3/index.js",
+    "./filtersPanel/v4": "./components/filtersPanel/v4/index.js",
+    "./tabs": "./components/tabs/v3/Tabs.vue.js",
+    "./tabs/v4": "./components/tabs/v4/TabsV4.vue.js",
     "./chip": "./components/chip/v3/Chip.vue.js",
     "./chip/v4": "./components/chip/v4/ChipV4.vue.js",
     "./button": "./components/button/v3/Button.vue.js",
     "./button/v4": "./components/button/v4/ButtonV4.vue.js",
     "./iconButton": "./components/button/v3/IconButton.vue.js",
+    "./iconButton/v4": "./components/button/v4/IconButtonV4.vue.js",
     "./scrollButton": "./components/button/v3/ScrollButton.vue.js",
     "./checkbox": "./components/checkbox/Checkbox.vue.js",
     "./icon": "./components/icon/v3/Icon.vue.js",
     "./icon/v4": "./components/icon/v4/IconV4.vue.js",
-    "./toggle": "./components/toggle/Toggle.vue.js",
-    "./tooltip": "./components/tooltip/Tooltip.vue.js",
+    "./toggle": "./components/toggle/v3/Toggle.vue.js",
+    "./tooltip": "./components/tooltip/v3/Tooltip.vue.js",
+    "./tooltip/v4": "./components/tooltip/v4/TooltipV4.vue.js",
     "./search": "./components/search/v3/Search.vue.js",
     "./search/v4": "./components/search/v4/Search.vue.js",
     "./useId": "./composables/useId.vue.js",
@@ -194,6 +209,7 @@
     "./styleguide": "./styleguide.scss",
     "./styleguideV4": "./style/styleguideV4.scss",
     "./banner": "./components/banner/Banner.vue.js",
+    "./multibar": "./components/multibar/MultiBar.vue.js",
     "./typography": "./components/typography/v4/Typography.vue.js"
   },
   "typesVersions": {
@@ -211,16 +227,25 @@
         "./components/menu/Menu.vue.d.ts"
       ],
       "editable": [
-        "./components/table-cells/Editable.vue.d.ts"
+        "./components/table-cells/v3/Editable.vue.d.ts"
+      ],
+      "editable/v4": [
+        "./components/table-cells/v4/EditableV4.vue.d.ts"
       ],
       "appIcon": [
         "./components/appIcon/AppIcon.vue.d.ts"
       ],
       "radioButton": [
-        "./components/radioButton/RadioButton.vue.d.ts"
+        "./components/radioButton/v3/RadioButton.vue.d.ts"
+      ],
+      "radioGroup": [
+        "./components/radioButton/v3/RadioGroup.vue.d.ts"
       ],
-      "RadioGroup": [
-        "./components/radioButton/RadioGroup.vue.d.ts"
+      "radioButton/v4": [
+        "./components/radioButton/v4/RadioButtonV4.vue.d.ts"
+      ],
+      "radioGroup/v4": [
+        "./components/radioButton/v4/RadioGroupV4.vue.d.ts"
       ],
       "floatingToolbar": [
         "./components/floatingToolbar/FloatingToolbar.vue.d.ts"
@@ -241,28 +266,43 @@
         "./components/cssBaseline/CssBaseline.vue.d.ts"
       ],
       "emptyState": [
-        "./components/emptyState/EmptyState.vue.d.ts"
+        "./components/emptyState/v3/EmptyState.vue.d.ts"
+      ],
+      "emptyState/v4": [
+        "./components/emptyState/v4/EmptyStateV4.vue.d.ts"
       ],
       "table": [
-        "./components/table/Table.vue.d.ts"
+        "./components/table/v3/Table.vue.d.ts"
+      ],
+      "table/v4": [
+        "./components/table/v4/DataGrid.vue.d.ts"
       ],
       "dialog": [
-        "./components/dialog/Dialog.vue.d.ts"
+        "./components/dialog/v3/Dialog.vue.d.ts"
+      ],
+      "dialog/v4": [
+        "./components/dialog/v4/DialogV4.vue.d.ts"
       ],
       "dropdown": [
-        "./components/dropdown/index.d.ts"
+        "./components/dropdown/v3/index.d.ts"
       ],
       "dropdown/v4": [
         "./components/dropdown/v4/index.d.ts"
       ],
       "filtersPanel": [
-        "./components/filtersPanel/index.d.ts"
+        "./components/filtersPanel/v3/index.d.ts"
+      ],
+      "filtersPanel/v4": [
+        "./components/filtersPanel/v4/index.d.ts"
       ],
       "filterDropdown": [
         "./components/filterDropdown/index.d.ts"
       ],
       "tabs": [
-        "./components/tabs/Tabs.vue.d.ts"
+        "./components/tabs/v3/Tabs.vue.d.ts"
+      ],
+      "tabs/v4": [
+        "./components/tabs/v4/TabsV4.vue.d.ts"
       ],
       "./dateRange": [
         "./components/dateRange/DateRange.vue.d.ts"
@@ -283,7 +323,10 @@
         "./components/button/v4/ButtonV4.vue.d.ts"
       ],
       "iconButton": [
-        "./components/button/IconButton.vue.d.ts"
+        "./components/button/v3/IconButton.vue.d.ts"
+      ],
+      "iconButton/v4": [
+        "./components/button/v4/IconButtonV4.vue.d.ts"
       ],
       "scrollButton": [
         "./components/button/ScrollButton.vue.d.ts"
@@ -292,19 +335,25 @@
         "./components/checkbox/Checkbox.vue.d.ts"
       ],
       "icon": [
-        "./components/icon/Icon.vue.d.ts"
+        "./components/icon/v3/Icon.vue.d.ts"
+      ],
+      "icon/v4": [
+        "./components/icon/v4/IconV4.vue.d.ts"
       ],
       "./toggle": [
-        "./components/toggle/Toggle.vue.d.ts"
+        "./components/toggle/v3/Toggle.vue.d.ts"
       ],
       "./tooltip": [
-        "./components/tooltip/Tooltip.vue.d.ts"
+        "./components/tooltip/v3/Tooltip.vue.d.ts"
+      ],
+      "./tooltip/v4": [
+        "./components/tooltip/v4/TooltipV4.vue.d.ts"
       ],
       "search": [
         "./components/search/v3/Search.vue.d.ts"
       ],
       "search/v4": [
-        "./components/search/v4/Search.vue.d.ts"
+        "./components/search/v4/SearchV4.vue.d.ts"
       ],
       "skeleton": [
         "./components/skeleton/Skeleton.vue.d.ts"
@@ -319,7 +368,10 @@
         "./components/popover/Popover.vue.d.ts"
       ],
       "input": [
-        "./components/input/Input.vue.d.ts"
+        "./components/input/v3/Input.vue.d.ts"
+      ],
+      "input/v4": [
+        "./components/input/v4/TextField.vue.d.ts"
       ],
       "dollarInput": [
         "./components/input/DollarInput.vue.d.ts"
@@ -333,8 +385,17 @@
       "textArea": [
         "./components/textArea/TextArea.vue.d.ts"
       ],
+      "multibar": [
+        "./components/multibar/MultiBar.vue.d.ts"
+      ],
       "typography": [
         "./components/typography/v4/Typography.vue.d.ts"
+      ],
+      "snackbar": [
+        "./components/snackbar/v3/Snackbar.vue.d.ts"
+      ],
+      "snackbar/v4": [
+        "./components/snackbar/v4/SnackbarV4.vue.d.ts"
       ]
     }
   },