@mailstep/design-system 0.8.26-beta.4 → 0.8.26-beta.5

package/ui/Elements/Link/stories/Link.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<{
+    component: import("react").FC<{
         as?: any;
         children?: React.ReactNode;
         to?: string | {

package/ui/Elements/Logo/Logo.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { LogoProps } from './types';
-
+import React from 'react';
+import type { LogoProps } from './types';
 declare const Logo: React.FC<LogoProps>;
 export default Logo;

package/ui/Elements/Logo/index.d.ts

@@ -1,5 +1,4 @@
-import { default as Logo } from './Logo';
-
+import Logo from './Logo';
 export { Logo };
 export type { Brand, Variant } from './types';
 export default Logo;

package/ui/Elements/Logo/stories/Logo.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../types').LogoProps>;
+    component: import("react").FC<import("../types").LogoProps>;
     parameters: {
         backgrounds: {
             default: string;

package/ui/Elements/Pagination/Pagination.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type PaginationProps = {
     page?: number;
     itemCount?: number;

package/ui/Elements/Pagination/index.d.ts

@@ -1,5 +1,4 @@
-import { default as Pagination } from './Pagination';
-
+import Pagination from './Pagination';
 export type { PaginationProps } from './Pagination';
 export { Pagination };
 export default Pagination;

package/ui/Elements/Pagination/stories/Pagination.stories.d.ts

@@ -1,9 +1,8 @@
-import { StoryObj } from '@storybook/react-webpack5';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { PaginationProps } from '../';
-
 declare const meta: {
     title: string;
-    component: import('react').FC<PaginationProps>;
+    component: import("react").FC<PaginationProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Pagination/styled.d.ts

@@ -1,14 +1,14 @@
-export declare const Wrapper: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
-export declare const Btn: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {
+export declare const Wrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
+export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
     disabled: boolean;
 }, never>;
-export declare const ArrowIcon: import('styled-components').StyledComponent<import('react').FC<import('../Icon').IconProps>, import('@xstyled/system').Theme, {
+export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/system").Theme, {
     isActive: boolean;
 }, never>;
-export declare const GoIcon: import('styled-components').StyledComponent<import('react').FC<import('../Icon').IconProps>, import('@xstyled/system').Theme, {
+export declare const GoIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/system").Theme, {
     isActive: boolean;
 }, never>;
-export declare const DotsWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const PageBtn: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
+export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     isCurrent: boolean;
 }, never>;

package/ui/Elements/Portal/index.d.ts

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-
+import { type FC, type ReactNode } from 'react';
 export declare const Portal: FC<{
     children?: ReactNode;
 }>;

package/ui/Elements/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-
+import { type FC } from 'react';
 type Props = {
     progress?: number;
     status?: 'loading' | 'finished' | 'error';

package/ui/Elements/ProgressBar/index.d.ts

@@ -1,4 +1,3 @@
-import { default as ProgressBar } from './ProgressBar';
-
+import ProgressBar from './ProgressBar';
 export { ProgressBar };
 export default ProgressBar;

package/ui/Elements/ProgressBar/stories/ProgressBar.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<{
+    component: import("react").FC<{
         progress?: number;
         status?: "loading" | "finished" | "error";
         errorMessage?: string;

package/ui/Elements/ProgressBar/styles.d.ts

@@ -1,9 +1,9 @@
-export declare const StyledProgressBar: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     status: string | null | undefined;
     variant?: "normal" | "thin";
 }, never>;
-export declare const Progress: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Progress: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     progress: number;
     status: string | null | undefined;
 }, never>;
-export declare const ProgressDescription: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
+export declare const ProgressDescription: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;

package/ui/Elements/Select/Select.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { SelectProps } from './types';
-
+import type { FC } from 'react';
+import { type SelectProps } from './types';
 declare const Select: FC<SelectProps>;
 export default Select;

package/ui/Elements/Select/components/CountMultiValue.d.ts

@@ -1,5 +1,4 @@
-import { MultiValueProps } from 'react-select';
-
+import { type MultiValueProps } from 'react-select';
 type CountMultiValueProps = MultiValueProps & {
     data: unknown;
     selectProps: MultiValueProps<unknown, boolean, any>['selectProps'] & {

package/ui/Elements/Select/components/DropdownIndicator.d.ts

@@ -1,5 +1,4 @@
-import { DropdownIndicatorProps } from 'react-select';
-
+import { type DropdownIndicatorProps } from 'react-select';
 type DropdownIndicatorCustomProps = DropdownIndicatorProps & {
     theme: any;
 };

package/ui/Elements/Select/components/SelectAll.d.ts

@@ -1,5 +1,5 @@
-import { SelectProps, CustomTheme, Option } from '../types';
-
+import { SelectProps, CustomTheme } from '../types';
+import { Option } from '../types';
 type Props = {
     onCustomSelectAll: ({ options }: {
         options?: Option[];

package/ui/Elements/Select/components/SelectedIndicator.d.ts

@@ -1,2 +1,2 @@
-declare const SelectedIndicator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+declare const SelectedIndicator: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export default SelectedIndicator;

package/ui/Elements/Select/components/SimplifiedOption.d.ts

@@ -1,2 +1,2 @@
-declare const SimplifiedOption: import('react').MemoExoticComponent<(props: any) => any>;
+declare const SimplifiedOption: import("react").MemoExoticComponent<(props: any) => any>;
 export default SimplifiedOption;

package/ui/Elements/Select/index.d.ts

@@ -1,3 +1,2 @@
-import { default as Select } from './Select';
-
+import Select from './Select';
 export default Select;

package/ui/Elements/Select/styles.d.ts

@@ -1,6 +1,5 @@
-import { default as ReactSelect } from 'react-select';
-import { default as AsyncSelect } from 'react-select/async';
-
-export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const StyledReactSelect: import('styled-components').StyledComponent<ReactSelect, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const StyledAsyncSelect: import('styled-components').StyledComponent<AsyncSelect, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+import ReactSelect from 'react-select';
+import AsyncSelect from 'react-select/async';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledReactSelect: import("styled-components").StyledComponent<ReactSelect, import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledAsyncSelect: import("styled-components").StyledComponent<AsyncSelect, import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;

package/ui/Elements/Select/themes/index.d.ts

@@ -1,4 +1,3 @@
-import { StylesConfig, SelectComponentsConfig } from 'react-select';
-import { SelectProps } from '../types';
-
+import { type StylesConfig, type SelectComponentsConfig } from 'react-select';
+import { type SelectProps } from '../types';
 export declare const useStylesAndComponents: (style?: SelectProps["style"], optionVariant?: SelectProps["optionVariant"], multiLabelVariant?: SelectProps["multiLabelVariant"], containerVariant?: SelectProps["containerVariant"], useSimplifiedOptions?: SelectProps["useSimplifiedOptions"], showSelectAllButton?: SelectProps["showSelectAllButton"]) => [SelectComponentsConfig<unknown, boolean, any>, any, StylesConfig];

package/ui/Elements/Select/themes/selectStyles.d.ts

@@ -1,5 +1,4 @@
-import { SelectProps, StylesConfig, CustomTheme } from '../types';
-
+import { type SelectProps, type StylesConfig, type CustomTheme } from '../types';
 export declare const CustomStyles: StylesConfig<State>;
 type ThemeGetter = (theme: any) => CustomTheme;
 export declare const getCustomTheme: (theme: any, optionVariant: Required<SelectProps>["optionVariant"], useFilterSubvariant: boolean) => ThemeGetter;

package/ui/Elements/Select/types.d.ts

@@ -1,7 +1,6 @@
-import { RefObject, ReactNode } from 'react';
-import { Theme, ControlProps, CSSObjectWithLabel } from 'react-select';
-import { SpaceAround } from '../SpaceAround/types';
-
+import type { RefObject, ReactNode } from 'react';
+import { type Theme, type ControlProps, type CSSObjectWithLabel } from 'react-select';
+import { type SpaceAround } from '../SpaceAround/types';
 export type Option<Value = string | number> = {
     value: Value;
     label: string | number;

package/ui/Elements/SimpleLink/SimpleLink.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
+import React from 'react';
 import { Link as ReactLink } from 'react-router-dom';
 import { TextVariant } from '../Text/types';
-
 export type ToObjectType = {
     pathname?: string;
     search?: string;
@@ -18,5 +17,5 @@ export type Props = {
     $decorate?: boolean;
     variant?: TextVariant;
 };
-declare const StyledLink: import('styled-components').StyledComponent<typeof ReactLink, import('@xstyled/system').Theme, Props, never>;
+declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/system").Theme, Props, never>;
 export default StyledLink;

package/ui/Elements/SimpleLink/index.d.ts

@@ -1,4 +1,3 @@
-import { default as SimpleLink } from './SimpleLink';
-
+import SimpleLink from './SimpleLink';
 export { SimpleLink };
 export default SimpleLink;

package/ui/Elements/SingleSelect/SingleSelect.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
-import { SelectProps, Option } from '../Select/types';
-
+import React from 'react';
+import { type SelectProps, type Option } from '../Select/types';
 export type FieldValueType = string | number | Array<string | number> | null;
 export type Props = Omit<SelectProps, 'onChange' | 'loadOptions'> & {
     onChange?: (event: {

package/ui/Elements/SingleSelect/index.d.ts

@@ -1,3 +1,2 @@
-import { default as SingleSelect } from './SingleSelect';
-
+import SingleSelect from './SingleSelect';
 export default SingleSelect;

package/ui/Elements/SpaceAround/SpaceAround.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { Props } from './types';
-
+import React from 'react';
+import { type Props } from './types';
 declare const SpaceAroundWrap: React.FC<Props>;
 export default SpaceAroundWrap;

package/ui/Elements/SpaceAround/index.d.ts

@@ -1,5 +1,4 @@
-import { default as SpaceAroundWrap } from './SpaceAround';
-
+import SpaceAroundWrap from './SpaceAround';
 export type { SpaceAround } from './types';
 export { SpaceAroundWrap };
 export default SpaceAroundWrap;

package/ui/Elements/SpaceAround/stories/SpaceAround.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../types').Props>;
+    component: import("react").FC<import("../types").Props>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Spinner/Spinner.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { SpinnerProps } from './types';
-
+import { type FC } from 'react';
+import { type SpinnerProps } from './types';
 export declare const appearanceToColorMap: {
     error: string;
     concept: string;

package/ui/Elements/Spinner/index.d.ts

@@ -1,4 +1,3 @@
-import { default as Spinner } from './Spinner';
-
+import Spinner from './Spinner';
 export { Spinner };
 export default Spinner;

package/ui/Elements/Spinner/stories/Spinner.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../types').SpinnerProps>;
+    component: import("react").FC<import("../types").SpinnerProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Spinner/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Svg: import('styled-components').StyledComponent<"svg", import('@xstyled/system').Theme, {
+export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/system").Theme, {
     $variant: "default" | "sm";
 }, never>;
-export declare const Circle: import('styled-components').StyledComponent<"circle", import('@xstyled/system').Theme, {}, never>;
+export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/system").Theme, {}, never>;

package/ui/Elements/Table/Table.d.ts

@@ -1,6 +1,6 @@
-export declare const Table: import('styled-components').StyledComponent<"table", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Tr: import('styled-components').StyledComponent<"tr", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Td: import('styled-components').StyledComponent<"td", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Th: import('styled-components').StyledComponent<"th", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Tbody: import('styled-components').StyledComponent<"tbody", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Thead: import('styled-components').StyledComponent<"thead", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;

package/ui/Elements/Table/stories/Table.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: import('styled-components').StyledComponent<"table", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    component: import("styled-components").StyledComponent<"table", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Tag/Tag.d.ts

@@ -1,4 +1,3 @@
-import { Props } from './types';
-
-declare const Tag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, Props, never>;
+import type { Props } from './types';
+declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, Props, never>;
 export default Tag;

package/ui/Elements/Tag/index.d.ts

@@ -1,5 +1,4 @@
-import { default as Tag } from './Tag';
-
+import Tag from './Tag';
 export { palettes } from './palettes';
 export { type Palette } from './types';
 export default Tag;

package/ui/Elements/Tag/palettes.d.ts

@@ -1,5 +1,4 @@
-import { Palette, PaletteNames } from './types';
-
+import type { Palette, PaletteNames } from './types';
 /**
  * [string, string]: [background, text]
  */

package/ui/Elements/Tag/stories/Tag.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('../types').Props, never>;
+    component: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, import("../types").Props, never>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Text/Text.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { TextProps } from './types';
-
+import { type FC } from 'react';
+import type { TextProps } from './types';
 declare const Text: FC<TextProps>;
 export default Text;

package/ui/Elements/Text/index.d.ts

@@ -1,4 +1,3 @@
-import { default as Text } from './Text';
-
+import Text from './Text';
 export type { TextProps } from './types';
 export { Text };

package/ui/Elements/Text/stories/Text.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('..').TextProps>;
+    component: import("react").FC<import("..").TextProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Text/types.d.ts

@@ -1,6 +1,5 @@
 import { ComponentType, ReactNode } from 'react';
 import { SystemProps } from '@xstyled/system';
-
 export type TextVariant = 'normal' | 'medium' | 'semiBold' | 'bold';
 export type TextProps = SystemProps & {
     children?: ReactNode | ReactNode[];

package/ui/Elements/Toast/Toast.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type ToastType = 'info' | 'success' | 'error' | 'warning';
 export type CustomToastProps = {
     closeToast?: () => void;

package/ui/Elements/Toast/constants.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
+import React from 'react';
 import { ToastType } from './Toast';
-
 export declare const toastIconMap: Record<ToastType, string>;
 export declare const toastIconFill: Record<ToastType, string>;
 export declare const toastTitleMap: Record<ToastType, React.ReactElement | string>;

package/ui/Elements/Toast/index.d.ts

@@ -1,5 +1,4 @@
-import { default as Toast } from './Toast';
-
+import Toast from './Toast';
 export type { ToastType } from './Toast';
 export { Toast };
 export default Toast;

package/ui/Elements/Toast/stories/Toast.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../Toast').CustomToastProps>;
+    component: import("react").FC<import("../Toast").CustomToastProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Toast/styles.d.ts

@@ -1,8 +1,8 @@
-export declare const Title: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
-export declare const Text: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
-export declare const ContentWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const CloseWrapper: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
-export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     autoClose?: number;
     fill: string;
 }, never>;

package/ui/Elements/Toggle/Toggle.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { Props } from './types';
-
+import { type FC } from 'react';
+import { type Props } from './types';
 declare const Toggle: FC<Props>;
 export default Toggle;

package/ui/Elements/Toggle/index.d.ts

@@ -1,4 +1,3 @@
-import { default as Toggle } from './Toggle';
-
+import Toggle from './Toggle';
 export { Toggle };
 export default Toggle;

package/ui/Elements/Toggle/stories/Toggle.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../types').Props>;
+    component: import("react").FC<import("../types").Props>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Toggle/types.d.ts

@@ -1,5 +1,4 @@
 import { ChangeEvent } from 'react';
-
 type SpaceAroundProps = {
     marginTop?: number;
     marginRight?: number;

package/ui/Elements/Tooltip/Tooltip.d.ts

@@ -1,6 +1,5 @@
-import { default as React, ReactNode, FC } from 'react';
-import { Placement } from '@popperjs/core';
-
+import React, { type ReactNode, type FC } from 'react';
+import { type Placement } from '@popperjs/core';
 export type Props = {
     children?: React.ReactNode;
     placement?: Placement;

package/ui/Elements/Tooltip/index.d.ts

@@ -1,4 +1,3 @@
-import { default as Tooltip } from './Tooltip';
-
+import Tooltip from './Tooltip';
 export { Tooltip };
 export default Tooltip;

package/ui/Elements/Tooltip/stories/Tooltip.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../Tooltip').Props>;
+    component: import("react").FC<import("../Tooltip").Props>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Typography/Typography.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { TextProps as BaseTextProps } from '../Text';
-
+import { type FC } from 'react';
+import { type TextProps as BaseTextProps } from '../Text';
 export declare const Text: FC<BaseTextProps>;
 export declare const Paragraph1: FC<BaseTextProps>;
 export declare const Paragraph2: FC<BaseTextProps>;

package/ui/Elements/Typography/index.d.ts

@@ -1,4 +1,3 @@
 import { Text } from './Typography';
-
 export * from './Typography';
 export default Text;

package/ui/Elements/Typography/stories/Typography.stories.d.ts

@@ -1,5 +1,4 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     tags: string[];