@mailstep/design-system 0.7.67 → 0.7.68-beta.0

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

@@ -1,5 +1,6 @@
 import { ImageList } from './ImageList';
-import { type ImageData } from '../LightBox';
+import { ImageData } from '../LightBox';
+
 export { type ImageUploadProps } from './types';
 export { type ImageData };
 export default ImageList;

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

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

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

@@ -1,6 +1,6 @@
-export declare const ImageListContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Control: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    isLeft?: boolean | undefined;
+export declare const ImageListContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Control: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    isLeft?: boolean;
     isDisabled: boolean;
-    hasRemove?: boolean | undefined;
+    hasRemove?: boolean;
 }, never>;

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

@@ -1,4 +1,5 @@
-import { type ImageData } from '../LightBox';
+import { ImageData } from '../LightBox';
+
 export interface ImageUploadProps {
     base64image?: string;
     base64WithDataDeclaration?: string;

package/ui/Blocks/LanguageSwitch/LanguageSwitch.d.ts

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

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

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

package/ui/Blocks/LanguageSwitch/stories/LanguageSwith.stories.d.ts

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

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import { Placement } from './types';
-export declare const StyledFlag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const StyledDropdownMenu: import("styled-components").StyledComponent<(<T extends import("../../Elements/DropdownMenu/types").Item>({ items, showMenu, className, ItemComponent, header, footer, ...rest }: import("../../Elements/DropdownMenu/types").DropdownMenuProps<T>) => JSX.Element), import("@xstyled/system").Theme, {
+
+export declare const StyledFlag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const StyledDropdownMenu: import('styled-components').StyledComponent<(<T extends import('../../Elements/DropdownMenu/types').Item>({ items, showMenu, className, ItemComponent, header, footer, ...rest }: import('../../Elements/DropdownMenu/types').DropdownMenuProps<T>) => import('react').ReactElement), import('@xstyled/system').Theme, {
     placement: Placement;
 }, never>;
-export declare const LanguageSwitchWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const LanguageFlagWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    backgroundColor?: string | undefined;
-    withTitle?: boolean | undefined;
+export declare const LanguageSwitchWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const LanguageFlagWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    backgroundColor?: string;
+    withTitle?: boolean;
 }, never>;

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

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+
 export type LanguageItem = {
     languageCode: string;
     icon: ReactElement;

package/ui/Blocks/LightBox/LightBox.d.ts

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

package/ui/Blocks/LightBox/hooks/useLightBox.d.ts

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

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

@@ -1,4 +1,5 @@
 import { LightBox } from './LightBox';
+
 export { useLightBox } from './hooks/useLightBox';
 export type { ImageData } from './types';
 export default LightBox;

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

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

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

@@ -1,4 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/system").Theme, {}, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Description: 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 Image: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, {}, never>;
+export declare const ButtonContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Description: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/LoginPage/LoginPage.d.ts

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

package/ui/Blocks/LoginPage/components/LoginForm.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { Option } from '../../../Elements/Select/types';
 import { LoginData } from '../types';
+
 type Props = {
     onSubmit: (loginData: LoginData) => Promise<void>;
     isSubmitting?: boolean;

package/ui/Blocks/LoginPage/components/SocialLinks.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
-export declare const SocialLinksWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const SocialLinksBody: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const LinkTo: import("styled-components").StyledComponent<"a", import("@xstyled/system").Theme, {}, never>;
-export declare const SocialFooter: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+
+export declare const SocialLinksWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const SocialLinksBody: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const LinkTo: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, {}, never>;
+export declare const SocialFooter: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const SocialLinks: FC;

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

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

package/ui/Blocks/LoginPage/stories/LoginPage.stories.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    backgroundImage?: "mailship" | undefined;
+import { BackgroundImages } from './types';
+
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    backgroundImage?: BackgroundImages;
 }, never>;
-export declare const LanguageBox: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const CardBodyWithLanguage: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const MailTo: import("styled-components").StyledComponent<"a", import("@xstyled/system").Theme, {}, never>;
-export declare const LogoWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const MainLogo: import("styled-components").StyledComponent<({ brand, variant, size, width, height, ...rest }: import("../../Elements/Logo/types").LogoProps) => JSX.Element | null, import("@xstyled/system").Theme, {}, never>;
-export declare const Version: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const LanguageBox: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const CardBodyWithLanguage: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const MailTo: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, {}, never>;
+export declare const LogoWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const MainLogo: import('styled-components').StyledComponent<import('react').FC<import('../../Elements/Logo/types').LogoProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Version: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
-import type { Brand, Variant } from '../../Elements/Logo/types';
-import type { Option } from '../../Elements/Select/types';
-import type { LanguageItem } from '../LanguageSwitch';
+import { ReactNode } from 'react';
+import { Brand, Variant } from '../../Elements/Logo/types';
+import { Option } from '../../Elements/Select/types';
+import { LanguageItem } from '../LanguageSwitch';
+
 export type BackgroundImages = 'mailship';
 export type LoginData = {
     login: string;

package/ui/Blocks/Modal/Modal.d.ts

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

package/ui/Blocks/Modal/hooks/useClickOutside.d.ts

@@ -1,3 +1,4 @@
 import { RefObject } from 'react';
 import { UseClickOutsideProps } from '../types';
-export declare const useClickOutside: ({ onClose, parentRef, ignoreClickOutside, closeCurrent, allowScrollbarClick, }: UseClickOutsideProps) => RefObject<HTMLDivElement>;
+
+export declare const useClickOutside: ({ onClose, parentRef, ignoreClickOutside, closeCurrent, allowScrollbarClick }: UseClickOutsideProps) => RefObject<HTMLDivElement>;

package/ui/Blocks/Modal/hooks/useModal.d.ts

@@ -1,2 +1,3 @@
 import { ControlProps, ModalData } from '../types';
+
 export declare const useModal: <TData = ModalData>(initialState?: boolean) => ControlProps<TData>;

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

@@ -1,4 +1,5 @@
 import { Modal } from './Modal';
+
 export { useModal } from './hooks/useModal';
 export { useClickOutside } from './hooks/useClickOutside';
 export type { ControlProps, ModalProps, ModalData } from './types';

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

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

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

@@ -1,28 +1,29 @@
 import { Variant } from './types';
-export declare const DialogOverlay: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    backgroundColor?: string | undefined;
+
+export declare const DialogOverlay: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    backgroundColor?: string;
 }, never>;
-export declare const DialogWindow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    $backgroundColor?: string | undefined;
-    $minWidth?: string | undefined;
-    $minHeight?: string | undefined;
-    $maxWidth?: string | undefined;
-    $maxHeight?: string | undefined;
+export declare const DialogWindow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    $backgroundColor?: string;
+    $minWidth?: string;
+    $minHeight?: string;
+    $maxWidth?: string;
+    $maxHeight?: string;
     variant: Variant;
-    top?: string | undefined;
+    top?: string;
 }, never>;
-export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const HeaderContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     variant: Variant;
 }, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const ContentContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     variant: Variant;
 }, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const TitleContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const ButtonsContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     hasSpaceBetween: boolean;
 }, never>;
-export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const ButtonsWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     hasExtraAction: boolean;
     hasBothButtons: boolean;
 }, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const CloseButton: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,18 +1,19 @@
-import { type MutableRefObject } from 'react';
+import { MutableRefObject, ReactNode } from 'react';
+
 export type Variant = 'default' | 'compact' | 'mobileFullscreen';
 export type Width = 'wide' | 'mediumLarge' | 'medium' | 'narrow' | 'auto';
 export interface ModalProps {
     isShown?: boolean;
-    children: JSX.Element | JSX.Element[];
-    title?: JSX.Element | string;
-    titleIcon?: JSX.Element | string;
+    children: ReactNode;
+    title?: ReactNode | string;
+    titleIcon?: ReactNode | string;
     onConfirm?: (close: () => void) => void;
     onCancel?: () => void;
     onExtraAction?: () => void;
     onClose?: () => void;
-    confirmLabel?: JSX.Element | string;
-    cancelLabel?: JSX.Element | string;
-    extraActionLabel?: JSX.Element | string;
+    confirmLabel?: ReactNode | string;
+    cancelLabel?: ReactNode | string;
+    extraActionLabel?: ReactNode | string;
     isLoading?: boolean;
     isConfirmDisabled?: boolean;
     hasFooter?: boolean;

package/ui/Blocks/Modal/utils.d.ts

@@ -1,2 +1,3 @@
 import { Width } from './types';
+
 export declare const widthMap: Record<Width, string>;

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

@@ -1,10 +1,11 @@
-import React, { FC } from 'react';
-import { Placement } from '@popperjs/core';
+import { default as React, FC } from 'react';
 import { StyledComponent } from 'styled-components';
+import { Placement } from '@popperjs/core';
+
 type DropdownMenuProps = {
     parentRef: React.MutableRefObject<HTMLDivElement | null | undefined>;
     onClose?: () => void;
-    children: React.ReactChild;
+    children: React.ReactNode;
     placement?: Placement;
     wrapper?: StyledComponent<any, any>;
 };

package/ui/Blocks/Popover/index.js

@@ -3,10 +3,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import styled from '@xstyled/styled-components';
 import { Popper } from 'react-popper';
-import { useClickOutside } from '../Modal/hooks/useClickOutside';
 import Portal from '../../Elements/Portal';
+import { useClickOutside } from '../Modal/hooks/useClickOutside';
+import styled from '@xstyled/styled-components';
 var PopoverWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 5;\n"], ["\n  z-index: 5;\n"])));
 var Popover = function (_a) {
     var placement = _a.placement, wrapper = _a.wrapper, children = _a.children, onClose = _a.onClose, parentRef = _a.parentRef;

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

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

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

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import type { SchedulerProps, TimeSlotType } from '../../types';
+import { FC } from 'react';
+import { SchedulerProps, TimeSlotType } from '../../types';
+
 type BookedTimeSlotsProps = {
     bookedTimeSlots: TimeSlotType[];
     timeSlotDefinitions: SchedulerProps['timeSlotDefinitions'];

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

@@ -1,6 +1,6 @@
-export declare const BookedTimeSlot: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const BookedTimeSlot: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     startPoint: number;
     heightInMinutes: number;
 }, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Body: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Header: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Body: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,2 +1,3 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 export declare const CurrentTimeMarker: FC;

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

@@ -1,5 +1,5 @@
-export declare const CurrentTimeContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const CurrentTimeContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     minutes: number;
 }, never>;
-export declare const CurrentTime: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const CurrentTime: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Line: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import { type DatePickerType } from '../../../../Elements/DatePicker/DatePicker';
+import { FC } from 'react';
+import { DatePickerType } from '../../../../Elements/DatePicker/DatePicker';
+
 type DateChangerProps = {
     isLoading?: boolean;
     isDatepickerOpen: boolean;

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

@@ -1,4 +1,4 @@
-export declare const DateChangerContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const ArrowContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const DateChangerContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const ArrowContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     rotate: number;
 }, never>;

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

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import { type GroupType } from '../../types';
+import { FC } from 'react';
+import { GroupType } from '../../types';
+
 type GroupsProps = {
     groups?: GroupType[];
 };

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, {
-    bg?: string | undefined;
+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, {
-    isSlotSelected?: boolean | undefined;
+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 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
+
 export type GroupType = {
     id: string;
     name: string;
@@ -21,7 +22,7 @@ export type SelectedTimeSlotType = {
 };
 export type TimeSlotDefinitionType = {
     count?: string;
-    icon?: JSX.Element;
+    icon?: ReactNode;
     data?: string[];
 };
 export type SchedulerProps = {

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;
@@ -8,5 +9,5 @@ type Props = MenuItemType & {
     isLeftMenuOpen?: boolean;
     onCloseLeftMenu?: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ icon, title, link, items, id, isSubitem, isCompact, lightMode, separator, isLeftMenuOpen, onCloseLeftMenu }: Props) => JSX.Element | null>;
+declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

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

@@ -1,3 +1,5 @@
+import { FC } from 'react';
 import { SideMenuProps } from './types';
-declare const SideMenu: ({ menuItems, isCompact, setIsCompact, isLeftMenuOpen, onCloseLeftMenu, variant, children }: SideMenuProps) => JSX.Element;
+
+declare const SideMenu: FC<SideMenuProps>;
 export default SideMenu;