@reapit/elements 4.0.5 → 4.1.1

package/dist/cjs/components/accordion/__styles__/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ElAccordionContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
 export declare const ElAccordionTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElAccordionTitleContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElAccordionTitleContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/dist/cjs/components/accordion/accordion.d.ts

@@ -1,21 +1,24 @@
 import { Dispatch, FC, HTMLAttributes, ReactNode, SetStateAction } from 'react';
 export interface AccordionBaseProps extends HTMLAttributes<HTMLDivElement> {
 }
+export interface AccordionBaseItemProps extends HTMLAttributes<HTMLAnchorElement> {
+}
 export interface AccordionTitleItemProps {
 }
 export interface AccordionItemProps {
     title: string;
     titleItems?: ReactNode[];
     content: ReactNode;
+    onClick?: () => void;
 }
 export interface AccordionProps extends AccordionBaseProps {
     items: AccordionItemProps[];
 }
 export declare const AccordionContainer: FC<AccordionBaseProps>;
-export declare const AccordionItem: FC<AccordionBaseProps>;
-export declare const AccordionTitle: FC<AccordionBaseProps>;
+export declare const AccordionItem: FC<AccordionBaseItemProps>;
+export declare const AccordionTitle: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const AccordionTitleContentWrapper: FC<AccordionBaseProps>;
 export declare const AccordionTitleContent: FC<AccordionBaseProps>;
 export declare const AccordionContent: FC<AccordionBaseProps>;
-export declare const handleSetOpenItem: (openItem: number, setOpenItem: Dispatch<SetStateAction<number | null>>) => () => void;
+export declare const handleSetOpenItem: (openItem: number, setOpenItem: Dispatch<SetStateAction<number | null>>, onClick?: () => void) => () => void;
 export declare const Accordion: FC<AccordionProps>;

package/dist/cjs/components/accordion/accordion.stories.d.ts

@@ -0,0 +1,8 @@
+import { Accordion } from './index';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactUsage: StoryObj<typeof Accordion>;

package/dist/cjs/components/avatar/avatar.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./avatar").AvatarProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSrc: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithImage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/badge/badge.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./badge").BadgeProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithIntent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/breadcrumb/__styles__/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const ElBreadCrumbItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElBreadCrumbItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
 export declare const ElBreadCrumbContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/dist/cjs/components/breadcrumb/breadcrumb.d.ts

@@ -1,11 +1,11 @@
 import { Dispatch, FC, HTMLAttributes, MouseEvent, SetStateAction } from 'react';
-export interface BreadCrumbItem extends HTMLAttributes<HTMLDivElement> {
+export interface BreadCrumbItem extends HTMLAttributes<HTMLAnchorElement> {
     text: string;
     onClick: () => void;
 }
-export interface BreadCrumbProps extends HTMLAttributes<HTMLDivElement> {
+export interface BreadCrumbProps extends HTMLAttributes<HTMLElement> {
     items: BreadCrumbItem[];
     defaultActiveIndex?: number;
 }
-export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e: MouseEvent<HTMLDivElement>) => void;
+export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e: MouseEvent<HTMLAnchorElement>) => void;
 export declare const BreadCrumb: FC<BreadCrumbProps>;

package/dist/cjs/components/breadcrumb/breadcrumb.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./breadcrumb").BreadCrumbProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const DefaultIndex: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/button/__styles__/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/** @deprecated - to remove at v5 */
 export declare const elButtonSize2: import("@linaria/core").LinariaClassName;
 export declare const elButtonSize3: import("@linaria/core").LinariaClassName;
 export declare const elButtonSize4: import("@linaria/core").LinariaClassName;

package/dist/cjs/components/button/button.d.ts

@@ -14,15 +14,15 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     className?: string;
     buttonSize?: ButtonSize;
     buttonIcon?: ButtonIcon;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     chevronLeft?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     chevronRight?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     fullWidth?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     fixedWidth?: boolean;
-    /** Deprecated - will be removed at v5 release */
+    /** @deprecated - will be removed at v5 release */
     size?: ButtonSizeType;
 }
 export interface FloatingButtonProps extends ButtonProps {

package/dist/cjs/components/button/button.stories.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./button").ButtonProps>;
+};
+export default _default;
+export declare const DefaultUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Intent: {
+    args: {
+        intent: string;
+        children: string;
+    };
+};
+export declare const Loading: {
+    args: {
+        loading: boolean;
+        children: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        children: string;
+    };
+};
+export declare const StandardAttributes: {
+    name: string;
+    args: {
+        onClick: import("@storybook/addon-actions").HandlerFunction;
+        type: string;
+        children: string;
+    };
+};
+export declare const Group: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ButtonSize: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ButtonIcons: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Floating: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    component: import("react").FC<import("./button").FloatingButtonProps>;
+};

package/dist/cjs/components/card/card-components.d.ts

@@ -23,13 +23,13 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     mainCardBody?: ReactNode;
     mainCardImgUrl?: ReactNode;
     mainCardAvatarUrl?: ReactNode;
-    /** Deprecated -  will be removed at v5 release*/
+    /** @peprecated -  will be removed at v5 release*/
     mainContextMenuItems?: ContextMenuItem[];
     hasListCard?: boolean;
     listCardHeading?: ReactNode;
     listCardSubHeading?: ReactNode;
     listCardItems?: CardListItemProps[];
-    /** Deprecated -  will be removed at v5 release*/
+    /** @deprecated -  will be removed at v5 release*/
     listContextMenuItems?: ContextMenuItem[];
     isSelected?: boolean;
 }

package/dist/cjs/components/card/card.stories.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./card-components").CardProps>;
+};
+export default _default;
+export declare const CardWithAvatar: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CardWithImage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CardWithBody: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CardFocussed: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CardWithList: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CardCompleteExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactShorthandAvatarBody: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ReactShorthandList: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactShorthandComplete: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/chip/chip.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./chip").ChipProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ChipGroupUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/drawer/drawer.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./drawer").DrawerProps>;
+};
+export default _default;
+export declare const BasicUsageClosed: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ReactUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactUsageCanDismiss: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/file-input/file-input.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+    component: import("./file-input").FileInputWrapped;
+};
+export default _default;
+export declare const DefaultUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const AdvancedUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/form-layout/form-layout.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./form-layout").FormLayoutProps>;
+};
+export default _default;
+export declare const BasicForm: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ComplexForm: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/grid/grid.stories.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BasicUsageQuarterAndHalves: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BasicUsageSplitScreenGrid: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BasicUsageSplitScreenGridThirds: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const CustomUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactExampleResponsiveCustomisation: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/icon/icon.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./icon-component").IconProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IconFontSize: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IconCustomSizes: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IconIntent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const OtherIcons: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LegacyIcons: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/input/input.stories.d.ts

@@ -0,0 +1,67 @@
+import { StoryObj } from '@storybook/react';
+import { Input } from './index';
+declare const _default: {
+    title: string;
+    component: import("./input").InputWrapped;
+};
+export default _default;
+export declare const InputText: StoryObj<typeof Input>;
+export declare const InputWithError: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputEmail: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputPassword: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputNumber: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputTel: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputUrl: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputSearch: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputDate: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputTime: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputDatetimeLocal: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputWeek: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputMonth: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputFile: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputCheckbox: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputRadio: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/input-add-on/input-add-on.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./input-add-on").InputAddOnProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithIcon: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithIntent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/input-error/input-error.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export interface InputErrorInterface {
     message: string;
 }
-export declare const InputError: ({ message }: InputErrorInterface) => React.JSX.Element;
+export declare const InputError: ({ message }: InputErrorInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/input-error/input-error.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+    component: ({ message }: import("./input-error").InputErrorInterface) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const ErrorMessage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/input-group/input-group.stories.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+    title: string;
+    component: import("./input-group").InputGroupWrapped;
+};
+export default _default;
+export declare const CompleteExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const WithIconOnly: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const WithLabelOnly: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const WithInputAddOnOnly: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ReactShorthand: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ReactShorthandCustomId: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ReactShorthandAllProps: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputCheckbox: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputCheckboxWithIntent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputCheckboxNoIcon: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputCheckboxNoLabel: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputRadio: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputRadioWithIntent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputRadioWithInputAddOn: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ErrorMessage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/key-value-list/key-value-list.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./key-value-list").KeyValueListProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const UsageLargeGrid: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/label/label.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./label").LabelProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/layout/__styles__/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const elHasGreyBackground: import("@linaria/core").LinariaClassName;
 export declare const elHasMaxWidth: import("@linaria/core").LinariaClassName;
-export declare const ElMainContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
-export declare const ElPageContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
-export declare const ElSecondaryNavContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
+export declare const elMainContainer: import("@linaria/core").LinariaClassName;
+export declare const elPageContainer: import("@linaria/core").LinariaClassName;
+export declare const elSecondaryNavContainer: import("@linaria/core").LinariaClassName;
 export declare const ElMolecule: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElFlexContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const elFlexContainer: import("@linaria/core").LinariaClassName;

package/dist/cjs/components/layout/layout.d.ts

@@ -1,7 +1,9 @@
 import { HTMLAttributes, FC } from 'react';
+type LayoutTags = 'main' | 'aside' | 'section' | 'div';
 export interface ContainerProps extends HTMLAttributes<HTMLElement> {
     hasGreyBackground?: boolean;
     hasMaxWidth?: boolean;
+    tag?: LayoutTags;
 }
 export interface ContainerFlexProps extends ContainerProps {
     isFlexRow?: boolean;
@@ -28,8 +30,13 @@ export interface ContainerFlexProps extends ContainerProps {
     isFlexAlignEnd?: boolean;
     hasGreyBackground?: boolean;
 }
+interface TaggedElementProps extends ContainerProps {
+    baseClass: string;
+}
+export declare const TaggedElement: FC<TaggedElementProps>;
 export declare const MainContainer: FC<ContainerProps>;
 export declare const PageContainer: FC<ContainerProps>;
 export declare const SecondaryNavContainer: FC<ContainerProps>;
 export declare const Molecule: FC<ContainerProps>;
 export declare const FlexContainer: FC<ContainerFlexProps>;
+export {};

package/dist/cjs/components/layout/layout.stories.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./layout").ContainerProps>;
+};
+export default _default;
+export declare const MainContainerUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SecondaryNavContainerUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PageContainerUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PageContainerMaxWidth: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const HasGreyBackground: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexContainerUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CombinedContainerComponents: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CompleteCombinedExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CompleteCombinedExampleMaxWidth: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/loader/loader.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./loader").LoaderProps>;
+};
+export default _default;
+export declare const Inline: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithALabel: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FullPageLoader: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/mobile-controls/mobile-controls.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./mobile-controls").MobileControlsProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};