@axinom/mosaic-ui 0.71.0 → 0.72.0-rc.3

package/src/components/LandingPageTiles/LandingPageTiles.model.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ValueOrOnDemand } from '../../hooks';
+import type { ReactNode } from 'react';
+import type { ValueOrOnDemand } from '../../hooks';
 
 export interface LandingPageItem {
   /** url path */

package/src/components/LandingPageTiles/LandingPageTiles.spec.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
 import { LandingPageTiles } from './LandingPageTiles';
-import { LandingPageItem } from './LandingPageTiles.model';
+import type { LandingPageItem } from './LandingPageTiles.model';
 
 const renderWithRouter = (component: React.ReactElement) => {
   return render(<Router>{component}</Router>);

package/src/components/LandingPageTiles/LandingPageTiles.stories.tsx

@@ -1,10 +1,10 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { createGroups, getRandomInt } from '../../helpers/storybook';
 import { SvgElement } from '../VisualElements/SvgElement';
 import { LandingPageTiles } from './LandingPageTiles';
-import { LandingPageItem } from './LandingPageTiles.model';
+import type { LandingPageItem } from './LandingPageTiles.model';
 
 const defaultContainer = {
   width: '100%',

package/src/components/LandingPageTiles/LandingPageTiles.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React, { useMemo } from 'react';
-import { LandingPageItem } from './LandingPageTiles.model';
+import type { LandingPageItem } from './LandingPageTiles.model';
 import classes from './LandingPageTiles.scss';
 import { TileLarge } from './TileLarge';
 import { TileSmall } from './TileSmall';

package/src/components/LandingPageTiles/TileLarge/TileLarge.spec.tsx

@@ -2,7 +2,7 @@ import { render, waitFor } from '@testing-library/react';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
-import { TileLarge, TileLargeProps } from './TileLarge';
+import { TileLarge, type TileLargeProps } from './TileLarge';
 
 const mockProps: TileLargeProps = {
   path: 'test-path',

package/src/components/LandingPageTiles/TileLarge/TileLarge.tsx

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import { useValueOrOnDemand } from '../../../hooks/useValueOrOnDemand/useValueOrOnDemand';
 import { Loader } from '../../Loaders/Loader/Loader';
 import { ImgElement } from '../../VisualElements';
-import { LandingPageItem } from '../LandingPageTiles.model';
+import type { LandingPageItem } from '../LandingPageTiles.model';
 import classes from './TileLarge.scss';
 
 // TODO: Support for background colors and hover effect

package/src/components/LandingPageTiles/TileLarge/index.ts

@@ -1 +1 @@
-export { TileLarge, TileLargeProps } from './TileLarge';
+export { TileLarge, type TileLargeProps } from './TileLarge';

package/src/components/LandingPageTiles/TileSmall/TileSmall.spec.tsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
-import { TileSmall, TileSmallProps } from './TileSmall';
+import { TileSmall, type TileSmallProps } from './TileSmall';
 
 const mockProps: TileSmallProps = {
   path: 'test-path',

package/src/components/LandingPageTiles/TileSmall/TileSmall.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { ImgElement } from '../../VisualElements';
-import { LandingPageItem } from '../LandingPageTiles.model';
+import type { LandingPageItem } from '../LandingPageTiles.model';
 import classes from './TileSmall.scss';
 
 // TODO: Support for background colors and hover effect

package/src/components/LandingPageTiles/TileSmall/index.ts

@@ -1 +1 @@
-export { TileSmall, TileSmallProps } from './TileSmall';
+export { TileSmall, type TileSmallProps } from './TileSmall';

package/src/components/LandingPageTiles/index.ts

@@ -1,2 +1,5 @@
-export { LandingPageTiles, LandingPageTilesProps } from './LandingPageTiles';
+export {
+  LandingPageTiles,
+  type LandingPageTilesProps,
+} from './LandingPageTiles';
 export * from './LandingPageTiles.model';

package/src/components/List/List.model.ts

@@ -1,4 +1,4 @@
-import { Data } from '../../types/data';
+import type { Data } from '../../types/data';
 
 export enum ListSelectMode {
   None,

package/src/components/List/List.scss

@@ -45,7 +45,10 @@
       color: var(--list-no-data-text-color, $list-no-data-text-color);
     }
 
-    background-color: var(--list-no-data-bg-color, $list-no-data-bg-color) !important;
+    background-color: var(
+      --list-no-data-bg-color,
+      $list-no-data-bg-color
+    ) !important;
   }
 
   .error {
@@ -59,6 +62,9 @@
       color: var(--list-error-text-color, $list-error-text-color);
     }
 
-    background-color: var(--list-error-bg-color, $list-error-bg-color) !important;
+    background-color: var(
+      --list-error-bg-color,
+      $list-error-bg-color
+    ) !important;
   }
 }

package/src/components/List/List.spec.tsx

@@ -4,7 +4,12 @@ import { act } from 'react-dom/test-utils';
 import { MemoryRouter } from 'react-router';
 import { describe, expect, it, vi } from 'vitest';
 import { List } from './List';
-import { Column, ListElement, ListSelectMode, SortData } from './List.model';
+import {
+  type Column,
+  type ListElement,
+  ListSelectMode,
+  type SortData,
+} from './List.model';
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 

package/src/components/List/List.stories.helper.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
-import { Data } from '../../types/data';
-import { SortData } from './List.model';
+import type { Data } from '../../types/data';
+import type { SortData } from './List.model';
 
 export const sortStoryData = <T extends Data>(
   sort: SortData<T>,

package/src/components/List/List.stories.tsx

@@ -1,5 +1,5 @@
 import { faker } from '@faker-js/faker';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useMemo, useState } from 'react';
 import { MemoryRouter, useLocation } from 'react-router-dom';
 import {
@@ -8,10 +8,15 @@ import {
   generateItemArray,
 } from '../../helpers/storybook';
 import { Message } from '../Message';
-import { List, ListProps } from './List';
-import { Column, ColumnMap, ListSelectMode, SortData } from './List.model';
+import { List, type ListProps } from './List';
+import {
+  type Column,
+  type ColumnMap,
+  ListSelectMode,
+  type SortData,
+} from './List.model';
 import { sortStoryData, useLocalSort } from './List.stories.helper';
-import { ListRowProps } from './ListRow/ListRow';
+import type { ListRowProps } from './ListRow/ListRow';
 import { TagsRenderer, createStateRenderer } from './ListRow/Renderers';
 
 interface ListStoryData {

package/src/components/List/List.tsx

@@ -1,30 +1,30 @@
 import clsx from 'clsx';
-import { LocationDescriptor } from 'history';
+import type { LocationDescriptor } from 'history';
 import React, {
-  PropsWithChildren,
-  ReactElement,
+  type PropsWithChildren,
+  type ReactElement,
   useCallback,
   useEffect,
   useImperativeHandle,
   useRef,
   useState,
 } from 'react';
-import { ActionData } from '..';
+import type { ActionData } from '..';
 import { noop } from '../../helpers/utils';
-import { Data } from '../../types/data';
+import type { Data } from '../../types/data';
 import { ButtonContext } from '../Buttons/Button.model';
 import { TextButton } from '../Buttons/TextButton/TextButton';
 import {
-  Column,
-  ItemSelectEventArgs,
-  ListElement,
-  ListItem,
+  type Column,
+  type ItemSelectEventArgs,
+  type ListElement,
+  type ListItem,
   ListSelectMode,
-  SortData,
+  type SortData,
 } from './List.model';
 import classes from './List.scss';
 import { ListHeader } from './ListHeader/ListHeader';
-import { ListRowProps } from './ListRow/ListRow';
+import type { ListRowProps } from './ListRow/ListRow';
 import { ListRowLoader } from './ListRow/ListRowLoader';
 import { ListRowRenderer } from './ListRowRenderer/ListRowRenderer';
 import { getActionButtonVisibility, isTrigger, useSort } from './helpers';

package/src/components/List/ListHeader/ColumnLabel/ColumnLabel.spec.tsx

@@ -1,7 +1,7 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
-import { SortData } from '../../List.model';
+import type { SortData } from '../../List.model';
 import { ColumnLabel } from './ColumnLabel';
 
 interface ColumnLabelTestData {

package/src/components/List/ListHeader/ColumnLabel/ColumnLabel.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { noop } from '../../../../helpers/utils';
 import { SvgElement } from '../../../VisualElements/SvgElement';
-import { ColumnSortKeys, SortData } from '../../List.model';
+import type { ColumnSortKeys, SortData } from '../../List.model';
 import classes from './ColumnLabel.scss';
 
 interface ColumnLabelProps<T> {

package/src/components/List/ListHeader/ListHeader.scss

@@ -12,7 +12,8 @@
   );
 
   box-sizing: border-box;
-  border-bottom: solid 1px var(--list-header-border-color, $list-header-border-color);
+  border-bottom: solid 1px
+    var(--list-header-border-color, $list-header-border-color);
 
   .columnLabel {
     box-sizing: border-box;
@@ -28,7 +29,14 @@
       height: 100%;
 
       z-index: 1;
-      border-right: var(--explorer-list-row-border, 1px solid var(--list-header-resize-handle-border-color, $list-header-resize-handle-border-color));
+      border-right: var(
+        --explorer-list-row-border,
+        1px solid
+          var(
+            --list-header-resize-handle-border-color,
+            $list-header-resize-handle-border-color
+          )
+      );
       position: absolute;
       right: 0;
 

package/src/components/List/ListHeader/ListHeader.spec.tsx

@@ -1,8 +1,8 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
-import { Column, SortData } from '../List.model';
-import { ListHeader, ListHeaderProps } from './ListHeader';
+import type { Column, SortData } from '../List.model';
+import { ListHeader, type ListHeaderProps } from './ListHeader';
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 

package/src/components/List/ListHeader/ListHeader.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { useResize } from '../../../hooks/useResize/useResize';
-import { Data } from '../../../types/data';
-import { Column, SortData } from '../List.model';
+import type { Data } from '../../../types/data';
+import type { Column, SortData } from '../List.model';
 import { ListCheckBox } from '../ListCheckBox/ListCheckBox';
 import { ColumnLabel } from './ColumnLabel/ColumnLabel';
 import classes from './ListHeader.scss';

package/src/components/List/ListRow/ListRow.scss

@@ -29,7 +29,10 @@
 
   &.disabled {
     cursor: not-allowed;
-    color: var(--disabled-text-color, var(--list-row-disabled-text-color, $list-row-disabled-text-color));
+    color: var(
+      --disabled-text-color,
+      var(--list-row-disabled-text-color, $list-row-disabled-text-color)
+    );
   }
 
   .actions {

package/src/components/List/ListRow/ListRow.spec.tsx

@@ -3,8 +3,8 @@ import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import { describe, expect, it, vi } from 'vitest';
-import { Column, ListSelectMode } from '../List.model';
-import { ListRow, ListRowProps, setLocale } from './ListRow';
+import { type Column, ListSelectMode } from '../List.model';
+import { ListRow, type ListRowProps, setLocale } from './ListRow';
 
 interface TestExplorerData {
   id: string;
@@ -28,7 +28,7 @@ const mockProps: ListRowProps<TestExplorerData> = {
   actionSize: '50px',
   horizontalTextAlign: 'left',
   verticalTextAlign: 'center',
-  onItemClicked: vi.fn() as (data: TestExplorerData) => void,
+  onItemClicked: () => undefined,
 };
 
 describe('ListRow', () => {

package/src/components/List/ListRow/ListRow.tsx

@@ -1,14 +1,14 @@
 import clsx from 'clsx';
-import { LocationDescriptor } from 'history';
-import React, { PropsWithChildren, useCallback, useMemo } from 'react';
+import type { LocationDescriptor } from 'history';
+import React, { type PropsWithChildren, useCallback, useMemo } from 'react';
 import { Link } from 'react-router-dom';
 import { noop } from '../../../helpers/utils';
-import { Data } from '../../../types/data';
-import { ActionData } from '../../Actions/Actions.models';
+import type { Data } from '../../../types/data';
+import type { ActionData } from '../../Actions/Actions.models';
 import { Button } from '../../Buttons';
 import { IconName } from '../../Icons';
 import { InlineMenu } from '../../InlineMenu/InlineMenu';
-import { Column, ListSelectMode } from '../List.model';
+import { type Column, ListSelectMode } from '../List.model';
 import { ListCheckBox } from '../ListCheckBox/ListCheckBox';
 import classes from './ListRow.scss';
 import { ListRowCell } from './ListRowCell/ListRowCell';

package/src/components/List/ListRow/ListRowCell/ListRowCell.spec.tsx

@@ -1,8 +1,8 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
-import { Column } from '../..';
-import { Data } from '../../../..';
+import type { Column } from '../..';
+import type { Data } from '../../../..';
 import { ListRowCell } from './ListRowCell';
 
 interface TestData extends Data {

package/src/components/List/ListRow/ListRowCell/renderData.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Data } from '../../../../types';
+import type { Data } from '../../../../types';
 import { getTooltipText } from '../../../../utils/ToolTipHelpers';
-import { Column } from '../../List.model';
+import type { Column } from '../../List.model';
 
 export const renderData = <T extends Data>(
   column: Column<T>,

package/src/components/List/ListRow/ListRowLoader.spec.tsx

@@ -2,8 +2,8 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
-import { Column } from '../List.model';
-import { ListRowLoader, ListRowLoaderProps } from './ListRowLoader';
+import type { Column } from '../List.model';
+import { ListRowLoader, type ListRowLoaderProps } from './ListRowLoader';
 
 interface TestExplorerData {
   id: string;

package/src/components/List/ListRow/ListRowLoader.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { Column } from '..';
-import { Data } from '../../../types/data';
+import React, { type PropsWithChildren } from 'react';
+import type { Column } from '..';
+import type { Data } from '../../../types/data';
 import { Loader } from '../../Loaders/Loader/Loader';
 import classes from './ListRow.scss';
 

package/src/components/List/ListRow/Renderers/BooleanDotRenderer/BooleanDotRenderer.spec.tsx

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
-import { Data } from '../../../../../types/data';
+import type { Data } from '../../../../../types/data';
 import { BooleanDotRenderer } from './BooleanDotRenderer';
 
 interface RendererWrapperProps {

package/src/components/List/ListRow/Renderers/DateRenderer/DateRenderer.tsx

@@ -1,4 +1,4 @@
-import { Data } from '../../../../../types/data';
+import type { Data } from '../../../../../types/data';
 import { formatDateTime } from '../../../../Utils/Transformers/DateTime';
 
 /**

package/src/components/List/ListRow/Renderers/ExternalLinkRenderer/ExternalLinkRenderer.spec.tsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import {
-  ExternalLinkResolver,
+  type ExternalLinkResolver,
   createExternalLinkRenderer,
 } from './ExternalLinkRenderer';
 

package/src/components/List/ListRow/Renderers/ExternalLinkRenderer/ExternalLinkRenderer.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import React from 'react';
-import { Data } from '../../../../../types/data';
+import type { Data } from '../../../../../types/data';
 import { IconName, Icons } from '../../../../Icons';
-import { ColumnRenderer } from '../../../List.model';
+import type { ColumnRenderer } from '../../../List.model';
 import classes from './ExternalLinkRenderer.scss';
 
 export type ExternalLinkResolver<T extends Data> = (

package/src/components/List/ListRow/Renderers/StateRenderer/StateRenderer.spec.tsx

@@ -1,8 +1,8 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
-import { Data } from '../../../../../types/data';
-import { ColumnMap } from '../../../List.model';
+import type { Data } from '../../../../../types/data';
+import type { ColumnMap } from '../../../List.model';
 import { createStateRenderer } from './StateRenderer';
 
 const stateMap: ColumnMap = {

package/src/components/List/ListRow/Renderers/StateRenderer/StateRenderer.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Data } from '../../../../../types/data';
-import { ColumnMap, ColumnRenderer } from '../../../../List/List.model';
+import type { Data } from '../../../../../types/data';
+import type { ColumnMap, ColumnRenderer } from '../../../../List/List.model';
 import classes from './StateRenderer.scss';
 
 /**

package/src/components/List/ListRow/Renderers/TimestampRenderer/TimestampRenderer.tsx

@@ -1,4 +1,4 @@
-import { Data } from '../../../../../types/data';
+import type { Data } from '../../../../../types/data';
 import { formatSecondsToTimestamp } from '../../../../Utils/Transformers/Timestamp';
 
 export const TimestampRenderer = <T extends Data>(

package/src/components/List/ListRowRenderer/ListRowRenderer.spec.tsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import React from 'react';
 import type { Mock } from 'vitest';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { Column } from '../List.model';
+import type { Column } from '../List.model';
 import { ListRowRenderer } from './ListRowRenderer';
 
 interface TestData {

package/src/components/List/ListRowRenderer/ListRowRenderer.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useRef } from 'react';
-import { Data } from '../../../types/data';
-import { ListRow, ListRowProps } from '../ListRow/ListRow';
+import type { Data } from '../../../types/data';
+import { ListRow, type ListRowProps } from '../ListRow/ListRow';
 
 interface RowRendererProps<T extends Data> {
   /**

package/src/components/List/helpers.ts

@@ -1,6 +1,6 @@
 import { useState } from 'react';
-import { Data } from '../../types';
-import { ListItem, SortData } from './List.model';
+import type { Data } from '../../types';
+import type { ListItem, SortData } from './List.model';
 
 export const isTrigger = function <T extends Data>(
   index: number,

package/src/components/List/index.ts

@@ -1,3 +1,3 @@
-export { List, ListProps } from './List';
+export { List, type ListProps } from './List';
 export * from './List.model';
 export * from './ListRow/Renderers';

package/src/components/List/useColumnsSize.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
-import { Data } from '../../types';
-import { Column, ListSelectMode } from './List.model';
+import type { Data } from '../../types';
+import { type Column, ListSelectMode } from './List.model';
 
 /**
  * Generates a combined string of all columns.columnSize values, to be used as CSS value

package/src/components/Loaders/ImageLoader/ImageLoader.spec.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import { fireEvent, render } from '@testing-library/react';
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { ImageLoader } from './ImageLoader';
 

package/src/components/Loaders/ImageLoader/ImageLoader.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { ImageLoader } from './ImageLoader';
 

package/src/components/Loaders/ImageLoader/ImageLoader.tsx

@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { ReactNode, useCallback, useEffect, useState } from 'react';
+import React, { type ReactNode, useCallback, useEffect, useState } from 'react';
 import ContentLoader from 'react-content-loader';
 import { noop } from '../../../helpers/utils';
 import { ImgElement } from '../../VisualElements/ImgElement';

package/src/components/Loaders/Loader/Loader.spec.tsx

@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react';
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import ContentLoader from 'react-content-loader';
 import type { Mock } from 'vitest';
 import { beforeEach, describe, expect, it, vi } from 'vitest';

package/src/components/Loaders/Loader/Loader.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import ContentLoader from 'react-content-loader';
 import { SingleLineSkeleton } from '../skeletons';
 import classes from './Loader.scss';

package/src/components/Message/Message.spec.tsx

@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
 import { IconName } from '../Icons';
-import { Message, MessageProps } from './Message';
+import { Message, type MessageProps } from './Message';
 
 const defaultProps: MessageProps = {
   title: 'test-message',

package/src/components/MessageBar/MessageBar.spec.tsx

@@ -2,7 +2,7 @@ import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { IconName } from '../Icons';
-import { MessageBar, MessageBarProps } from './MessageBar';
+import { MessageBar, type MessageBarProps } from './MessageBar';
 
 const defaultProps: MessageBarProps = {
   title: 'test-message',

package/src/components/MessageBar/MessageBar.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { MessageBar } from './MessageBar';
 

package/src/components/MessageBar/MessageBar.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import React, { useState } from 'react';
 import { IconName, Icons } from '../Icons';
-import { Message, MessageType } from '../Message';
+import { Message, type MessageType } from '../Message';
 import classes from './MessageBar.scss';
 
 export interface MessageBarProps {

package/src/components/MessageBar/index.ts

@@ -1 +1 @@
-export { MessageBar, MessageBarProps } from './MessageBar';
+export { MessageBar, type MessageBarProps } from './MessageBar';

package/src/components/Modal/Modal.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useState } from 'react';
 import classes from '../../../.storybook/static/css/modal.scss';
 import { TextButton } from '../Buttons';

package/src/components/Modal/index.ts

@@ -1,2 +1,2 @@
-export { Modal, ModalProps } from './Modal';
+export { Modal, type ModalProps } from './Modal';
 export * from './useModal';