@mailstep/design-system 0.8.26-beta.6 → 0.8.26

package/ui/Blocks/Scheduler/components/Groups/styles.d.ts

@@ -1,6 +1,6 @@
-export declare const GroupContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const GroupItem: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const GroupContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const GroupItem: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     bg?: string;
     groupsCount: number;
 }, never>;
-export declare const Gap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Gap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Scheduler/components/TimeSlots/hooks/useRangeSelection.d.ts

@@ -1,4 +1,5 @@
-import { type SchedulerProps } from '../../../types';
+import { SchedulerProps } from '../../../types';
+
 type Props = {
     handleSelectTimeSlot: SchedulerProps['handleSelectTimeSlot'];
     date: Date;

package/ui/Blocks/Scheduler/components/TimeSlots/hooks/useScroll.d.ts

@@ -1,4 +1,5 @@
 import { MutableRefObject } from 'react';
+
 type HookType = () => {
     containerRef: MutableRefObject<HTMLTableSectionElement | null>;
 };

package/ui/Blocks/Scheduler/components/TimeSlots/index.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import { type SchedulerProps, type TimeSlotType } from '../../types';
+import { FC } from 'react';
+import { SchedulerProps, TimeSlotType } from '../../types';
+
 type TimeSlotsProps = {
     timeArray: string[];
     groups?: SchedulerProps['groups'];

package/ui/Blocks/Scheduler/components/TimeSlots/styles.d.ts

@@ -1,10 +1,10 @@
-export declare const TimeSlotsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const TimeRow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const TimeSlotsContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const TimeRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     disabled: boolean;
 }, never>;
-export declare const EmptyTimeSlot: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const EmptyTimeSlot: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isSlotSelected?: boolean;
     activeTime: boolean;
     groupsCount: number;
 }, never>;
-export declare const TimeInterval: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const TimeInterval: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Scheduler/hooks/useChangeDate.d.ts

@@ -1,5 +1,6 @@
-import { type DatePickerType } from '../../../Elements/DatePicker/DatePicker';
-import type { SchedulerProps } from '../types';
+import { DatePickerType } from '../../../Elements/DatePicker/DatePicker';
+import { SchedulerProps } from '../types';
+
 type Props = {
     closeDatePicker: () => void;
     handleReloadTimeSlots: SchedulerProps['handleReloadTimeSlots'];

package/ui/Blocks/Scheduler/stories/Scheduler.stories.d.ts

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

package/ui/Blocks/Scheduler/styles.d.ts

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

package/ui/Blocks/Scheduler/types.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
+
 export type GroupType = {
     id: string;
     name: string;

package/ui/Blocks/Scheduler/utils/isActiveTime.d.ts

@@ -1,4 +1,5 @@
 import { ActiveHours } from '../types';
+
 type Props = {
     activeHours?: ActiveHours;
     time: string;

package/ui/Blocks/SideMenu/MenuItem.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-import { type MenuItemType } from './types';
+import { default as React } from 'react';
+import { MenuItemType } from './types';
+
 type Props = MenuItemType & {
     isSubitem?: boolean;
     isCompact: boolean;

package/ui/Blocks/SideMenu/SideMenu.d.ts

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

package/ui/Blocks/SideMenu/components/Footer.d.ts

@@ -1,8 +1,9 @@
-import { type FC } from 'react';
-export declare const FooterWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+import { FC } from 'react';
+
+export declare const FooterWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompact: boolean;
 }, never>;
-export declare const SizeToggle: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const SizeToggle: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompact: boolean;
     $lightMode?: boolean;
 }, never>;

package/ui/Blocks/SideMenu/components/SubitemTooltip.d.ts

@@ -1,5 +1,6 @@
-import { type MutableRefObject, type FC } from 'react';
-import { type MenuItemType } from '../types';
+import { MutableRefObject, FC } from 'react';
+import { MenuItemType } from '../types';
+
 type Props = {
     itemsOpen?: number;
     childRef: MutableRefObject<HTMLElement | null>;

package/ui/Blocks/SideMenu/context/LeftMenuContext.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type LeftMenuContextType = {
     expandedItem: string | null;
     expandItem: (item: string | null) => void;

package/ui/Blocks/SideMenu/hooks/useOutsideHover.d.ts

@@ -1,4 +1,5 @@
 import { MutableRefObject } from 'react';
+
 interface Props {
     parentRef: MutableRefObject<HTMLDivElement | null | undefined>;
 }

package/ui/Blocks/SideMenu/index.d.ts

@@ -1,7 +1,8 @@
 import { HamburgerMenuButton } from './components/HamburgerMenu';
 import { compactMenuWidth, expandedMenuWidth } from './utils/constants';
-import SideMenu from './SideMenu';
+import { default as SideMenu } from './SideMenu';
 import { MenuItemType } from './types';
+
 export type { MenuItemType };
 export { HamburgerMenuButton, compactMenuWidth, expandedMenuWidth };
 export default SideMenu;

package/ui/Blocks/SideMenu/stories/SideMenu.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../types").SideMenuProps>;
+    component: import('react').FC<import('../types').SideMenuProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/SideMenu/styles.d.ts

@@ -1,42 +1,43 @@
 import { NavLink } from 'react-router-dom';
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isLeftMenuOpen?: boolean;
 }, never>;
-export declare const SubItemsWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const ItemsSeparator: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const ItemLabel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const SubItemsWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const ItemsSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const ItemLabel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $isCompact?: boolean;
     isSubitem?: boolean;
 }, never>;
-export declare const ItemDropdownArrow: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/system").Theme, {
+export declare const ItemDropdownArrow: import('styled-components').StyledComponent<import('react').FC<import('../..').IconProps>, import('@xstyled/system').Theme, {
     $lightMode?: boolean;
 }, never>;
-export declare const TooltipItemLabel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const ItemLinkWrap: import("styled-components").StyledComponent<typeof NavLink, import("@xstyled/system").Theme, {
+export declare const TooltipItemLabel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const ItemLinkWrap: import('styled-components').StyledComponent<typeof NavLink, import('@xstyled/system').Theme, {
     $isCompact?: boolean;
     $lightMode?: boolean;
     appearance?: "gray" | "default";
 }, never>;
-export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const MenuItemContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $isCompact?: boolean;
     $lightMode?: boolean;
     hasChildren?: boolean;
     isHovering?: boolean;
 }, never>;
-export declare const ItemIcon: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
+export declare const ItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
     $isCompact?: boolean;
 }, never>;
-export declare const TooltipWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const TooltipWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $lightMode?: boolean;
 }, never>;
-export declare const OverflowWithEllipsis: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
-export declare const TopLevelWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const OverflowWithEllipsis: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
+export declare const TopLevelWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompact: boolean;
     isLeftMenuOpen?: boolean;
     lightMode?: boolean;
 }, never>;
-export declare const ScrollWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const BodyWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const ScrollWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const BodyWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompact: boolean;
 }, never>;
-export declare const Overlay: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Overlay: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/SideMenu/types.d.ts

@@ -1,4 +1,5 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
+
 export type MenuItemType = {
     icon?: ReactNode;
     onClick?: () => void;

package/ui/Blocks/Stepper/Stepper.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import type { StepperProps } from './types';
+import { FC } from 'react';
+import { StepperProps } from './types';
+
 export declare const Stepper: FC<StepperProps>;

package/ui/Blocks/Stepper/components/StepCircle/index.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 type Props = {
     icon?: string;
     isCompleted?: boolean;

package/ui/Blocks/Stepper/components/StepCircle/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StepCircleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const StepCircleContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompleted?: boolean;
     isActiveStep?: boolean;
 }, never>;

package/ui/Blocks/Stepper/components/StepItem/index.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 type StepItemProps = {
     onClick?: () => void;
     title: string;

package/ui/Blocks/Stepper/components/StepItem/styles.d.ts

@@ -1,12 +1,12 @@
-export declare const StepItemContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const StepItemContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isActiveStep: boolean;
     isDisabled?: boolean;
     isVisible?: boolean;
     total: number;
     onClick?: () => void;
 }, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Line: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isActiveStep: boolean;
     isCompletedStep: boolean;
 }, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Stepper/stories/Stepper.stories.d.ts

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

package/ui/Blocks/Stepper/styles.d.ts

@@ -1,5 +1,5 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const ItemsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const ItemsWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     total: number;
     hasComponent: boolean;
 }, never>;

package/ui/Blocks/Stepper/types.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
+import { FC } from 'react';
+
 export type StepperProps = {
     items: StepperItem[];
     activeStep: number;

package/ui/Blocks/Table/Table.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ColumnDefinitions, DataRow } from './types';
+
 type Props = {
     columnDefinitions: ColumnDefinitions;
     data?: DataRow[] | null;

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

@@ -1,9 +1,9 @@
 declare const meta: {
     title: string;
-    component: import("react").FC<{
-        columnDefinitions: import("../types").ColumnDefinitions;
-        data?: import("../types").DataRow[] | null;
-        onRowClick?: (dataRow: import("../types").DataRow) => void;
+    component: import('react').FC<{
+        columnDefinitions: import('../types').ColumnDefinitions;
+        data?: import('../types').DataRow[] | null;
+        onRowClick?: (dataRow: import('../types').DataRow) => void;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Blocks/Tabs/TabContent.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import type { TabContentProps } from './types';
+import { FC } from 'react';
+import { TabContentProps } from './types';
+
 export declare const TabContent: FC<TabContentProps>;

package/ui/Blocks/Tabs/Tabs.d.ts

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

package/ui/Blocks/Tabs/hooks/useTabs.d.ts

@@ -1,2 +1,3 @@
 import { UseTabsHook } from '../types';
+
 export declare const useTabs: UseTabsHook;

package/ui/Blocks/Tabs/index.d.ts

@@ -1,4 +1,5 @@
 import { Tabs } from './Tabs';
+
 export { TabContent } from './TabContent';
 export { useTabs } from './hooks/useTabs';
 export type { TabDefinition } from './types';

package/ui/Blocks/Tabs/stories/Tabs.stories.d.ts

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

package/ui/Blocks/Tabs/styles.d.ts

@@ -1,12 +1,12 @@
-export declare const StyledImageBox: 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 StyledTabWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const RoundedWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Tab: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const StyledImageBox: 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 StyledTabWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const RoundedWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Tab: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     active: boolean;
     disabled?: boolean;
     minWidth?: string | string[];
 }, never>;
-export declare const TabPanel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const TabPanel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $mb?: string;
     $mt?: string;
 }, never>;

package/ui/Blocks/Tabs/types.d.ts

@@ -1,4 +1,5 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
+
 export type TabDefinition = {
     label: string;
     icon?: string;

package/ui/Elements/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
 import { IAlert } from './types';
+
 declare const Alert: IAlert;
 export default Alert;

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

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

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

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

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

@@ -1,15 +1,15 @@
-export declare const StyledAlert: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, any, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
+export declare const StyledAlert: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     $inline?: boolean;
     $colorFill: string;
     $bgColor: string;
 }, "color">;
-export declare const VerticalSeparator: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, any, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
+export declare const VerticalSeparator: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     $colorFill?: string;
 }, "color">;
-export declare const IconWrap: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, any, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
-export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Text: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const LinkWrapper: import("styled-components").StyledComponent<import("react").FC<{
+export declare const IconWrap: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+export declare const Title: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const Text: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const LinkWrapper: import('styled-components').StyledComponent<import('react').FC<{
     as?: any;
     children?: React.ReactNode;
     to?: string | {
@@ -26,8 +26,8 @@ export declare const LinkWrapper: import("styled-components").StyledComponent<im
 }>, any, {
     $colorFill: string;
 }, never>;
-export declare const ActionButton: import("styled-components").StyledComponent<"button", any, {
+export declare const ActionButton: import('styled-components').StyledComponent<"button", any, {
     $colorFill: string;
 }, never>;
-export declare const CloseBtn: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, import("@xstyled/util").Props<import("@xstyled/system").Theme>, never>;
+export declare const CloseBtn: import('styled-components').StyledComponent<"button", any, {}, never>;
+export declare const Description: import('styled-components').StyledComponent<"div", any, import('@xstyled/util').Props<import('@xstyled/system').Theme>, never>;

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

@@ -1,4 +1,5 @@
-import type { FC, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
+
 export type AlertProps = {
     intent?: 'success' | 'info' | 'warning' | 'danger';
     inline?: boolean;

package/ui/Elements/AsyncSelect/AsyncSelect.d.ts

@@ -1,7 +1,8 @@
-import { type FC } from 'react';
-import { type Option } from '../Select/types';
-import { type SpaceAround } from '../SpaceAround';
-import { type AsyncProps } from 'react-select/async';
+import { FC } from 'react';
+import { Option } from '../Select/types';
+import { SpaceAround } from '../SpaceAround';
+import { AsyncProps } from 'react-select/async';
+
 export type AsyncSelectProps = {
     name?: string;
     error?: string;

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

@@ -1,3 +1,4 @@
-import { AsyncSelect, type AsyncSelectProps } from './AsyncSelect';
+import { AsyncSelect, AsyncSelectProps } from './AsyncSelect';
+
 export default AsyncSelect;
 export type { AsyncSelectProps };

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

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: import("react").FC<import("..").AsyncSelectProps>;
+    component: import('react').FC<import('..').AsyncSelectProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Avatar/Avatar.d.ts

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

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

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

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

@@ -1,7 +1,8 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { 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/Badge/Badge.d.ts

@@ -1,4 +1,5 @@
-import React, { type FC, type ReactElement } from 'react';
+import { default as React, FC, ReactElement } from 'react';
+
 export type Props = {
     children?: React.ReactNode;
     label?: string | number | ReactElement;

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

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

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

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

package/ui/Elements/BarChartSymbol/BarChartSymbol.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 export type BarChartSymbolProps = {
     selected?: number;
     total?: number;

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

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

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

@@ -1,4 +1,4 @@
-export declare const Bar: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Bar: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     height: number;
     minHeight: number;
     index: number;

package/ui/Elements/BorderedBox/BorderedBox.d.ts

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