@mailstep/design-system 0.1.2 → 0.1.3

package/build/dts/Blocks/CornerDialog/CornerDialog.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CornerDialogProps } from './types';
+export declare const CornerDialog: ({ title, children, onClose, statusToTitle, isOpen, intent: _intent, }: CornerDialogProps) => JSX.Element | null;

package/build/dts/Blocks/CornerDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { CornerDialog } from './CornerDialog';
+export type { Intent, CornerDialogProps } from './types';

package/build/dts/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, children, onClose, statusToTitle, isOpen, intent: _intent, }: import("..").CornerDialogProps) => JSX.Element | null;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const InfoCornerDialog: Story;
+export declare const SuccessCornerDialog: Story;
+export declare const ErrorCornerDialog: Story;
+export declare const WarningCornerDialog: Story;

package/build/dts/Blocks/CornerDialog/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    $mounted: boolean;
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    background: string;
+}, never>;
+export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
+    fontColor: string;
+}, never>;

package/build/dts/Blocks/CornerDialog/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactChild } from 'react';
+export type Intent = 'success' | 'error' | 'warning' | 'info';
+export interface CornerDialogProps {
+    title: JSX.Element | string;
+    children: ReactChild;
+    icon?: string;
+    onClose: () => void;
+    isOpen?: boolean;
+    intent?: Intent;
+    statusToTitle: Record<Intent, () => string>;
+}
+export interface ColorProps {
+    fontColor: string;
+    backgroundColor: string;
+    fill: string;
+}

package/build/dts/Blocks/CornerDialog/utils.d.ts

@@ -0,0 +1,3 @@
+import { Intent, ColorProps } from './types';
+export declare const statusToColors: Record<Intent, ColorProps>;
+export declare const statusToIcon: Record<Intent, string>;

package/build/dts/Blocks/ImageList/ImageList.d.ts

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

package/build/dts/Blocks/ImageList/components/AddPhoto/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { type ImageUploadProps } from '../../types';
+interface AddPhotoProps {
+    onImageUpload?: (props: ImageUploadProps) => Promise<void>;
+}
+export declare const AddPhoto: FC<AddPhotoProps>;
+export {};

package/build/dts/Blocks/ImageList/components/AddPhoto/styles.d.ts

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

package/build/dts/Blocks/ImageList/components/CloseButton/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+interface CloseButtonProps {
+    onImageRemove: () => void;
+}
+export declare const CloseButton: FC<CloseButtonProps>;
+export {};

package/build/dts/Blocks/ImageList/components/CloseButton/styles.d.ts

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

package/build/dts/Blocks/ImageList/components/ImageElement/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+interface ImageElementProps {
+    label?: string;
+    onImageRemove?: () => void;
+    onOpenLightBox: () => void;
+    imageUrl: string | undefined;
+}
+export declare const ImageElement: FC<ImageElementProps>;
+export {};

package/build/dts/Blocks/ImageList/components/ImageElement/styles.d.ts

@@ -0,0 +1,2 @@
+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>;

package/build/dts/Blocks/ImageList/components/ImageTag/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+interface ImageTagProps {
+    label?: string;
+}
+export declare const ImageTag: FC<ImageTagProps>;
+export {};

package/build/dts/Blocks/ImageList/components/ImageTag/styles.d.ts

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

package/build/dts/Blocks/ImageList/index.d.ts

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

package/build/dts/Blocks/ImageList/styles.d.ts

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

package/build/dts/Blocks/ImageList/types.d.ts

@@ -0,0 +1,12 @@
+import { type ImageData } from '../LightBox';
+export interface ImageUploadProps {
+    base64?: string;
+    file?: File;
+}
+export interface ImageListProps {
+    images: ImageData[] | undefined;
+    onImageUpload?: (props: ImageUploadProps) => Promise<void>;
+    onImageRemove?: (id?: string) => () => void;
+    lightBoxAction?: (id?: string) => () => Promise<void>;
+    lightBoxActionTitle?: string;
+}

package/build/dts/Blocks/LightBox/LightBox.d.ts

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

package/build/dts/Blocks/LightBox/hooks/useLightBox.d.ts

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

package/build/dts/Blocks/LightBox/index.d.ts

@@ -0,0 +1,3 @@
+export { LightBox } from './LightBox';
+export { useLightBox } from './hooks/useLightBox';
+export type { ImageData } from './types';

package/build/dts/Blocks/LightBox/styles.d.ts

@@ -0,0 +1,3 @@
+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>;

package/build/dts/Blocks/LightBox/types.d.ts

@@ -0,0 +1,24 @@
+export interface LightBoxData {
+    initialSlide: number;
+}
+export type UseLightBoxHookType = () => {
+    onOpenLightBox: (index?: number) => () => void;
+    onCloseLightBox: () => void;
+    isLightBoxOpen: boolean;
+    lightBoxData?: LightBoxData;
+};
+export interface ImageData {
+    id: string;
+    url?: string;
+    smallUrl?: string;
+    originalUrl?: string;
+    withLightBoxAction?: boolean;
+}
+export interface LightBoxProps {
+    images: ImageData[] | undefined;
+    isLightBoxOpen: boolean;
+    onCloseLightBox: () => void;
+    lightBoxAction?: (id?: string) => () => Promise<void>;
+    lightBoxActionTitle?: string;
+    initialSlide?: number;
+}

package/build/dts/Blocks/Modal/Modal.d.ts

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

package/build/dts/Blocks/Modal/hooks/useClickOutside.d.ts

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

package/build/dts/Blocks/Modal/hooks/useModal.d.ts

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

package/build/dts/Blocks/Modal/index.d.ts

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

package/build/dts/Blocks/Modal/stories/Modal.stories.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("..").ModalProps>;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ModalWithCloseAndConfirmBtns: Story;
+export declare const MobileNotificationModal: Story;
+export declare const ModalWithIcon: Story;
+export declare const ModalLoading: Story;
+export declare const ModalWithWhiteBg: Story;
+export declare const ModalWithoutCloseIcon: Story;
+export declare const ModalWithoutHeader: Story;
+export declare const ModalWithoutFooter: Story;
+export declare const ModalWithoutHeaderAndFooter: Story;
+export declare const ModalWithCustomLabels: Story;
+export declare const ModalWideWidth: Story;
+export declare const ModalMediumLargeWidth: Story;
+export declare const ModalMediumWidth: Story;
+export declare const ModalAutoWidth: Story;
+export declare const ModalWithDisabledConfirm: Story;
+export declare const ModalWithCustomOverlayColor: Story;

package/build/dts/Blocks/Modal/styles.d.ts

@@ -0,0 +1,22 @@
+export declare const DialogOverlay: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    backgroundColor?: string | undefined;
+}, never>;
+export declare const DialogWindow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    $whiteBg?: boolean | undefined;
+    $minWidth?: string | undefined;
+    $minHeight?: string | undefined;
+    $maxWidth?: string | undefined;
+    $maxHeight?: string | undefined;
+    $mobileFullscreen: boolean;
+}, never>;
+export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    topSpace: string;
+}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    topSpace: string;
+    $mobileFullscreen: boolean;
+}, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const H4: import("styled-components").StyledComponent<"h4", import("@xstyled/system").Theme, {}, never>;
+export declare const ButtonsContainer: 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/build/dts/Blocks/Modal/types.d.ts

@@ -0,0 +1,45 @@
+import { MutableRefObject } from 'react';
+export type TopSpace = 'default' | 'medium';
+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;
+    onConfirm?: (close: () => void) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    confirmLabel?: JSX.Element | string;
+    cancelLabel?: JSX.Element | string;
+    isLoading?: boolean;
+    isConfirmDisabled?: boolean;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    width?: Width;
+    whiteBg?: boolean;
+    miniCloseBtn?: boolean;
+    ignoreClickOutside?: boolean;
+    closeEverywhere?: boolean;
+    withCloseIcon?: boolean;
+    overlayColor?: string;
+    minWidth?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    topSpace?: TopSpace;
+    mobileFullscreen?: boolean;
+}
+export type ModalData = Record<string, any>;
+export type ControlProps<T = ModalData> = {
+    isOpen: boolean;
+    onClose: () => void;
+    onOpen: (data?: T) => void;
+    data?: T;
+};
+export interface UseClickOutsideProps {
+    onClose?: () => void;
+    ignoreClickOutside?: boolean;
+    parentRef?: MutableRefObject<HTMLDivElement | null | undefined>;
+    closeCurrent?: boolean;
+    allowScrollbarClick?: boolean;
+}

package/build/dts/Blocks/Modal/utils.d.ts

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

package/build/dts/Blocks/Tabs/TabContent.d.ts

@@ -0,0 +1,2 @@
+import { TabContentProps } from './types';
+export declare const TabContent: ({ activeTab, value, children }: TabContentProps) => React.ReactNode | React.ReactNode[];

package/build/dts/Blocks/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TabsProps } from './types';
+export declare const Tabs: ({ tabsDefinition, activeTab, onTabSwitch }: TabsProps) => JSX.Element;

package/build/dts/Blocks/Tabs/hooks/useTabs.d.ts

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

package/build/dts/Blocks/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { Tabs } from './Tabs';
+export { useTabs } from './hooks/useTabs';
+export type { TabDefinition } from './types';

package/build/dts/Blocks/Tabs/stories/Tabs.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ tabsDefinition, activeTab, onTabSwitch }: import("../types").TabsProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ActiveTabWithBadgeAndIcon: Story;
+export declare const ActiveTabWithBadge: Story;
+export declare const ActiveTabWithIcon: Story;

package/build/dts/Blocks/Tabs/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledImageBox: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, 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;
+}, never>;
+export declare const TabPanel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/build/dts/Blocks/Tabs/types.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export type TabDefinition = {
+    label: string;
+    icon?: string;
+    badgeCount?: number;
+    default?: true;
+};
+export type TabsProps = {
+    tabsDefinition: TabDefinition[];
+    activeTab: number;
+    onTabSwitch: (tab: number) => void;
+};
+export type TabElementProps = {
+    tabDefinition: TabDefinition;
+    value: number;
+    isActive: boolean;
+    onTabSwitch: (tab: number) => void;
+};
+export type UseTabsHook = (tabDefinitions: TabDefinition[]) => {
+    activeTab: number;
+    onTabSwitch: (tab: number) => void;
+};
+export type TabContentProps = {
+    activeTab: number;
+    value: number;
+    children: React.ReactNode | React.ReactNode[];
+};

package/build/dts/Elements/Alert/Alert.d.ts

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

package/build/dts/Elements/Alert/index.d.ts

@@ -0,0 +1,2 @@
+import Alert from './Alert';
+export { Alert };

package/build/dts/Elements/Alert/stories/Alert.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("../types").IAlert;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Danger: Story;
+export declare const DangerInline: Story;
+export declare const DangerWithMessage: Story;
+export declare const WithDescription: Story;
+export declare const WithCloseAnywhere: Story;

package/build/dts/Elements/Alert/styles.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+export declare const StyledAlert: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, any, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
+    $inline?: boolean | undefined;
+    $colorFill: React.ReactText;
+    $bgColor: React.ReactText;
+}, "color">;
+export declare const VerticalSeparator: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, any, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
+    $colorFill?: import("react").ReactText | undefined;
+}, "color">;
+export declare const IconWrap: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, 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<{
+    (props: {
+        as?: any;
+        children?: import("react").ReactNode;
+        to?: string | Function | {
+            pathname?: string | undefined;
+            search?: string | undefined;
+            hash?: string | undefined;
+            state?: object | undefined;
+        } | undefined;
+        target?: string | undefined;
+        color?: string | undefined;
+        size: number | "inherit";
+        disabled?: boolean | undefined;
+        onClick?: Function | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        to: string;
+        color: string;
+        disabled: boolean;
+        size: number;
+        padding: string;
+        replace: boolean;
+    };
+}, any, {
+    $colorFill: string;
+}, never>;
+export declare const ActionButton: import("styled-components").StyledComponent<"button", any, {
+    $colorFill: React.ReactText;
+}, 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/build/dts/Elements/Alert/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export type Props = {
+    intent?: 'success' | 'info' | 'warning' | 'danger';
+    inline?: boolean;
+    onClick?: () => void;
+    onClose?: () => void;
+    title?: string;
+    text?: string;
+    closeAnywhere?: boolean;
+    href?: string;
+    actionLabel?: React.ReactElement | string;
+    actionType?: 'link' | 'button';
+    desc?: string;
+    [key: string]: any;
+};
+export interface IAlert {
+    (props: Props): JSX.Element;
+}

package/build/dts/Elements/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Props } from './types';
+export declare const Avatar: ({ src, size, colorFront, colorBack, className, hoverColorBack, ...rest }: Props) => JSX.Element;

package/build/dts/Elements/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar } from './Avatar';

package/build/dts/Elements/Avatar/stories/Avatar.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ src, size, colorFront, colorBack, className, hoverColorBack, ...rest }: import("../types").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithImage: Story;

package/build/dts/Elements/Avatar/types.d.ts

@@ -0,0 +1,8 @@
+export type Props = {
+    src?: string;
+    size?: number;
+    className?: string;
+    colorFront?: string;
+    colorBack?: string;
+    hoverColorBack?: string;
+};

package/build/dts/Elements/Badge/Badge.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type Props = {
+    children?: React.ReactNode;
+    label?: string | number | JSX.Element;
+    color?: string;
+    size?: string | number;
+    childWidth?: string | number;
+    topPosition?: boolean;
+    fontSize?: number;
+};
+declare const Badge: ({ children, color, size, fontSize, label, childWidth, topPosition }: Props) => JSX.Element;
+export default Badge;

package/build/dts/Elements/Badge/index.d.ts

@@ -0,0 +1,2 @@
+import Badge from './Badge';
+export { Badge };

package/build/dts/Elements/Badge/stories/Badge.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, color, size, fontSize, label, childWidth, topPosition }: import("../Badge").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Colored: Story;

package/build/dts/Elements/BorderedBox/BorderedBox.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const BorderedBox: ({ children, className, id, ...rest }: Props) => JSX.Element;
+export default BorderedBox;

package/build/dts/Elements/BorderedBox/index.d.ts

@@ -0,0 +1,2 @@
+import BorderedBox from './BorderedBox';
+export { BorderedBox };

package/build/dts/Elements/BorderedBox/stories/BorderedBox.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, className, id, ...rest }: import("../types").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/build/dts/Elements/BorderedBox/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type Props = {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+};

package/build/dts/Elements/Button/Button.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const Button: ({ isLoading, loadingText, icon, appearance, disabled, sizing, buttonRef, onClick, fullWidth, ...props }: Props) => JSX.Element;
+export default Button;

package/build/dts/Elements/Button/index.d.ts

@@ -0,0 +1,4 @@
+import Button from './Button';
+import { AppearanceValue } from './types';
+export { Button };
+export type { AppearanceValue };

package/build/dts/Elements/Button/stories/Button.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isLoading, loadingText, icon, appearance, disabled, sizing, buttonRef, onClick, fullWidth, ...props }: import("../types").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const PrimaryLight: Story;
+export declare const Secondary: Story;
+export declare const Success: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const DisabledPrimary: Story;
+export declare const DisabledSecondary: Story;
+export declare const Loading: Story;
+export declare const WithIcon: Story;

package/build/dts/Elements/Button/styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const LoadingIconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    $addMargin: boolean;
+}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: import("../Icon").IconProps) => JSX.Element, import("@xstyled/system").Theme, {
+    $addMargin: boolean;
+}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
+    disabled: boolean;
+    columnAlign?: boolean | undefined;
+    children?: any;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    fullWidth: boolean;
+    mt?: string | number | undefined;
+    mr?: string | number | undefined;
+    mb?: string | number | undefined;
+    ml?: string | number | undefined;
+}, never>;