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

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export type AppearanceType = 'concept' | 'done' | 'error' | 'info' | 'processing' | 'success' | 'warning' | 'waiting';
-export interface SpinnerProps {
-    variant?: 'default' | 'sm';
+export type SpinnerProps = {
+    size?: number;
     appearance?: AppearanceType;
-}
-export type ISpinner = (props: SpinnerProps) => JSX.Element;
+    variant?: 'default' | 'sm';
+};

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

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

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

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

@@ -1,13 +1,14 @@
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 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: {};
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const AllPalletes: Story;
+export declare const AllPalettes: Story;
 export declare const Default: Story;
 export declare const RedTag: Story;
 export declare const NotSelected: Story;

package/ui/Elements/Tag/stories/Tag.stories.js

@@ -1,72 +1,72 @@
-import PredefinedTags from './components/predefinedTags';
 import Tag from '../';
+import PredefinedTags from './components/predefinedTags';
 var meta = {
     title: 'Elements/Tag',
     component: Tag,
     tags: ['autodocs'],
-    argTypes: {},
+    argTypes: {}
 };
 export default meta;
-export var AllPalletes = {
-    decorators: [PredefinedTags],
+export var AllPalettes = {
+    decorators: [PredefinedTags]
 };
 export var Default = {
     args: {
-        children: 'Label',
-    },
+        children: 'Label'
+    }
 };
 export var RedTag = {
     args: {
         color: 'red1',
-        children: 'This tag has color red1',
-    },
+        children: 'This tag has color red1'
+    }
 };
 export var NotSelected = {
     args: {
         isNotSelected: true,
         children: 'This tag is not selected',
-        color: 'red1',
-    },
+        color: 'red1'
+    }
 };
 export var Pointer = {
     args: {
         pointer: true,
         children: 'This tag has pointer',
-        color: 'red1',
-    },
+        color: 'red1'
+    }
 };
 export var Hover = {
     args: {
         hover: true,
         children: 'This tag has hover effect',
-        color: 'red1',
-    },
+        color: 'red1'
+    }
 };
 export var Opacity = {
     args: {
         opacity: true,
         children: 'This tag has opacity 0.7',
-        color: 'red1',
-    },
+        color: 'red1'
+    }
 };
 export var Border = {
     args: {
         border: true,
         children: 'This tag has border',
-        color: 'red1',
-    },
+        color: 'red1'
+    }
 };
 export var Small = {
     args: {
         children: 'Small',
         color: 'teal60',
-        size: 'small',
-    },
+        size: 'small'
+    }
 };
 export var Big = {
     args: {
         children: 'Big',
         color: 'teal60',
-        size: 'big',
-    },
+        size: 'big'
+    }
 };

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

@@ -1,2 +1,4 @@
-declare const PredefinedTags: () => JSX.Element;
+import { FC } from 'react';
+
+declare const PredefinedTags: FC;
 export default PredefinedTags;

package/ui/Elements/Tag/stories/components/predefinedTags.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { x } from '@xstyled/styled-components';
 import Tag from '../../';
 import { palletes } from '../../palletes';
+import { x } from '@xstyled/styled-components';
 var PredefinedTags = function () {
-    return (_jsx(x.div, { display: "flex", flexWrap: "wrap", fontFamily: "monospace", children: Object.keys(palletes).map(function (pallete, i) { return (_jsx(Tag, { color: palletes[pallete].color, textColor: palletes[pallete].textColor, children: pallete })); }) }));
+    return (_jsx(x.div, { display: "flex", flexWrap: "wrap", fontFamily: "monospace", children: Object.keys(palletes).map(function (pallete, i) { return (_jsx(Tag, { color: palletes[pallete].color, textColor: palletes[pallete].textColor, children: pallete }, i)); }) }));
 };
 export default PredefinedTags;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Props = {
     color?: string;
     textColor?: string;

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

@@ -1,3 +1,5 @@
-import type { TextProps } from './types';
-declare const Text: ({ as, ...props }: TextProps) => JSX.Element;
+import { FC } from 'react';
+import { TextProps } from './types';
+
+declare const Text: FC<TextProps>;
 export default Text;

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

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

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

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

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

@@ -1,5 +1,6 @@
 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,3 +1,5 @@
+import { default as React } from 'react';
+
 export type ToastType = 'info' | 'success' | 'error' | 'warning';
 export type CustomToastProps = {
     closeToast?: () => void;
@@ -6,5 +8,5 @@ export type CustomToastProps = {
     type: ToastType;
     autoClose?: number;
 };
-declare const Toast: ({ closeToast, title, text, type, autoClose }: CustomToastProps) => JSX.Element;
+declare const Toast: React.FC<CustomToastProps>;
 export default Toast;

package/ui/Elements/Toast/Toast.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { Icon } from '../Icon';
-import { Title, Text, ContentWrapper, CloseWrapper, Container } from './styles';
 import { x } from '@xstyled/styled-components';
 import { toastTitleMap, toastIconMap, toastIconFill } from './constants';
+import { Title, Text, ContentWrapper, CloseWrapper, Container } from './styles';
 var Toast = function (_a) {
     var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type, autoClose = _a.autoClose;
     var icon = toastIconMap[type];
@@ -12,7 +12,9 @@ var Toast = function (_a) {
         if (!autoClose)
             return;
         var timer = setTimeout(function () { return closeToast === null || closeToast === void 0 ? void 0 : closeToast(); }, autoClose);
-        return function () { return clearTimeout(timer); };
+        return function () {
+            clearTimeout(timer);
+        };
     }, []);
     return (_jsxs(Container, { autoClose: autoClose, fill: fill, children: [_jsx(x.div, { mx: "12px", children: _jsx(Icon, { icon: icon, fill: fill, size: "20px" }) }), _jsxs(ContentWrapper, { children: [_jsxs("div", { children: [_jsx(Title, { children: title || toastTitleMap[type] }), text && _jsx(Text, { children: text })] }), _jsx(CloseWrapper, { children: _jsx("div", { onClick: closeToast, children: _jsx(Icon, { icon: "close" }) }) })] })] }));
 };

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

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as 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,4 +1,5 @@
-import Toast from './Toast';
+import { default as 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,8 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ closeToast, title, text, type, autoClose }: import("../Toast").CustomToastProps) => JSX.Element;
+    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, {
-    autoClose?: number | undefined;
+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,3 +1,5 @@
-import { type Props } from './types';
-declare const Toggle: ({ onChange, label, name, checked, defaultChecked, spaceAround, disabled, labelPosition, labelJustify, variant, spaceBetween, readOnly, ...rest }: Props) => JSX.Element;
+import { FC } from 'react';
+import { Props } from './types';
+
+declare const Toggle: FC<Props>;
 export default Toggle;

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

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ onChange, label, name, checked, defaultChecked, spaceAround, disabled, labelPosition, labelJustify, variant, spaceBetween, readOnly, ...rest }: import("../types").Props) => JSX.Element;
+    component: import('react').FC<import('../types').Props>;
     tags: string[];
     argTypes: {};
 };

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

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

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import { default as React, ReactNode, FC } from 'react';
 import { Placement } from '@popperjs/core';
+
 export type Props = {
     children?: React.ReactNode;
     placement?: Placement;
-    title?: string | JSX.Element;
-    subtitle?: string | JSX.Element;
+    title?: string | ReactNode;
+    subtitle?: string | ReactNode;
 };
-declare const Tooltip: ({ children, placement, title, subtitle }: Props) => JSX.Element;
+declare const Tooltip: FC<Props>;
 export default Tooltip;

package/ui/Elements/Tooltip/Tooltip.js

@@ -3,18 +3,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from '@xstyled/styled-components';
-import { Paragraph4 } from '../Typography';
 import { useRef, useState } from 'react';
 import Popover from '../../Blocks/Popover';
+import { Paragraph4 } from '../Typography';
+import styled from '@xstyled/styled-components';
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n"], ["\n  width: fit-content;\n"])));
 var TooltipWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  padding: 8px 10px;\n  margin-top: 4px;\n  border-radius: 8px;\n  box-shadow: tooltipShadow;\n  gap: 2px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  padding: 8px 10px;\n  margin-top: 4px;\n  border-radius: 8px;\n  box-shadow: tooltipShadow;\n  gap: 2px;\n"])));
 var Tooltip = function (_a) {
     var children = _a.children, placement = _a.placement, title = _a.title, subtitle = _a.subtitle;
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
     var ref = useRef(null);
-    var handleMouseEnter = function () { return setVisible(true); };
-    var handleMouseLeave = function () { return setVisible(false); };
+    var handleMouseEnter = function () {
+        setVisible(true);
+    };
+    var handleMouseLeave = function () {
+        setVisible(false);
+    };
     return (_jsxs(Container, { ref: ref, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [children, visible && (_jsx(Popover, { parentRef: ref, placement: placement !== null && placement !== void 0 ? placement : 'bottom', children: _jsxs(TooltipWrapper, { children: [title && (_jsx(Paragraph4, { mt: 1, mb: 1, variant: "bold", children: title })), subtitle && (_jsx(Paragraph4, { mt: 1, mb: 1, children: subtitle }))] }) }))] }));
 };
 export default Tooltip;

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

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

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

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

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

@@ -1,14 +1,16 @@
+import { FC } from 'react';
 import { TextProps as BaseTextProps } from '../Text';
-export declare const Text: ({ as, fontFamily, fontSize, variant, ...props }: BaseTextProps) => JSX.Element;
-export declare const Paragraph1: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph2: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph3: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph4: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph5: (props: BaseTextProps) => JSX.Element;
-export declare const H1: (props: BaseTextProps) => JSX.Element;
-export declare const H2: (props: BaseTextProps) => JSX.Element;
-export declare const H3: (props: BaseTextProps) => JSX.Element;
-export declare const H4: (props: BaseTextProps) => JSX.Element;
-export declare const H5: (props: BaseTextProps) => JSX.Element;
-export declare const H6: (props: BaseTextProps) => JSX.Element;
-export declare const H7: (props: BaseTextProps) => JSX.Element;
+
+export declare const Text: FC<BaseTextProps>;
+export declare const Paragraph1: FC<BaseTextProps>;
+export declare const Paragraph2: FC<BaseTextProps>;
+export declare const Paragraph3: FC<BaseTextProps>;
+export declare const Paragraph4: FC<BaseTextProps>;
+export declare const Paragraph5: FC<BaseTextProps>;
+export declare const H1: FC<BaseTextProps>;
+export declare const H2: FC<BaseTextProps>;
+export declare const H3: FC<BaseTextProps>;
+export declare const H4: FC<BaseTextProps>;
+export declare const H5: FC<BaseTextProps>;
+export declare const H6: FC<BaseTextProps>;
+export declare const H7: FC<BaseTextProps>;

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

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

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

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

package/ui/Forms/Checkbox/Checkbox.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-import { type CheckboxProps } from './types';
-declare const _default: import("react").MemoExoticComponent<({ name, label, onChange, checked, defaultChecked, size, className, disabled, inputRef, readOnly, minusIcon }: CheckboxProps) => JSX.Element>;
+import { default as React } from 'react';
+import { CheckboxProps } from './types';
+
+declare const _default: React.NamedExoticComponent<CheckboxProps>;
 export default _default;

package/ui/Forms/Checkbox/index.d.ts

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

package/ui/Forms/Checkbox/stories/Checkbox.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: import("react").MemoExoticComponent<({ name, label, onChange, checked, defaultChecked, size, className, disabled, inputRef, readOnly, minusIcon }: import("../types").CheckboxProps) => JSX.Element>;
+    component: import('react').NamedExoticComponent<import('../types').CheckboxProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Forms/Checkbox/styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const FakeInput: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     size: string | number;
 }, never>;
-export declare const CheckIcon: import("styled-components").StyledComponent<({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning }: import("../../Elements/Icon").IconProps) => JSX.Element, import("@xstyled/system").Theme, {
+export declare const CheckIcon: import('styled-components').StyledComponent<import('react').FC<import('../../Elements/Icon').IconProps>, import('@xstyled/system').Theme, {
     size: string | number;
 }, never>;
-export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const CheckboxWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     size: string | number;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {}, never>;

package/ui/Forms/Checkbox/types.d.ts

@@ -1,7 +1,8 @@
-import { ChangeEvent, RefObject } from 'react';
+import { ChangeEvent, RefObject, ReactNode } from 'react';
+
 export type CheckboxProps = {
     name?: string;
-    label?: string | JSX.Element;
+    label?: string | ReactNode;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     checked?: boolean;
     defaultChecked?: boolean;

package/ui/Forms/Input/Input.d.ts

@@ -1,2 +1,4 @@
-import { type InputProps } from './types';
-export declare const Input: ({ appearance, type, name, label, value, icon, variant, disabled, error, isInvalid, spaceAround, inputRef, autoComplete, isLoading, className, suffix, suffixOnClick, errorAppearance, iconPlacement, iconOnClick, iconTooltip, big, showArrowsController, onClear, alwaysShowClear, setNumber, onEnter, forceFocus, autoFocus, onBlur, asTextArea, ...rest }: InputProps) => JSX.Element;
+import { FC } from 'react';
+import { InputProps } from './types';
+
+export declare const Input: FC<InputProps>;

package/ui/Forms/Input/Input.js

@@ -36,12 +36,12 @@ export var Input = function (_a) {
     var $hasSuffix = !!suffix;
     var checkIconPlacement = showArrowsController ? 'left' : iconPlacement;
     var onAddItem = useCallback(function () {
-        setNumber && setNumber(function (base) { return base + 1; });
+        setNumber === null || setNumber === void 0 ? void 0 : setNumber(function (base) { return base + 1; });
     }, [setNumber]);
     var onRemoveItem = useCallback(function () {
-        setNumber && setNumber(function (base) { return (base > 1 ? base - 1 : 1); });
+        setNumber === null || setNumber === void 0 ? void 0 : setNumber(function (base) { return (base > 1 ? base - 1 : 1); });
     }, [setNumber]);
-    var internalRef = useRef();
+    var internalRef = useRef(null);
     var ref = (inputRef || internalRef);
     useEffect(function () {
         var _a;

package/ui/Forms/Input/index.d.ts

@@ -1,5 +1,6 @@
 import { Input } from './Input';
 import { InputProps } from './types';
+
 export { Input };
 export type { InputProps };
 export default Input;

package/ui/Forms/Input/stories/Input.stories.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+
 declare const meta: {
     title: string;
-    component: ({ appearance, type, name, label, value, icon, variant, disabled, error, isInvalid, spaceAround, inputRef, autoComplete, isLoading, className, suffix, suffixOnClick, errorAppearance, iconPlacement, iconOnClick, iconTooltip, big, showArrowsController, onClear, alwaysShowClear, setNumber, onEnter, forceFocus, autoFocus, onBlur, asTextArea, ...rest }: import("..").InputProps) => JSX.Element;
+    component: React.FC<import('..').InputProps>;
     argTypes: {};
 };
 export default meta;