@reapit/elements 5.0.0-beta.1 → 5.0.0-beta.3

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

@@ -7,6 +7,7 @@ export interface AccordionItemProps {
     title: string;
     titleItems?: ReactNode[];
     content: ReactNode;
+    onClick?: () => void;
 }
 export interface AccordionProps extends AccordionBaseProps {
     items: AccordionItemProps[];
@@ -17,5 +18,5 @@ export declare const AccordionTitle: FC<AccordionBaseProps>;
 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/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/button.d.ts

@@ -14,16 +14,6 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     className?: string;
     buttonSize?: ButtonSize;
     buttonIcon?: ButtonIcon;
-    /** Deprecated - will be removed at v5 release */
-    chevronLeft?: boolean;
-    /** Deprecated - will be removed at v5 release */
-    chevronRight?: boolean;
-    /** Deprecated - will be removed at v5 release */
-    fullWidth?: boolean;
-    /** Deprecated - will be removed at v5 release */
-    fixedWidth?: boolean;
-    /** Deprecated - will be removed at v5 release */
-    size?: ButtonSizeType;
 }
 export interface FloatingButtonProps extends ButtonProps {
     icon: IconNames;
@@ -31,7 +21,6 @@ export interface FloatingButtonProps extends ButtonProps {
 export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
     alignment?: ButtonGroupAlignment;
 }
-export declare const resolveButtonSize: (size: ButtonSizeType) => void;
 export declare const resolveButtonClassName: (intent?: Intent) => string;
 export declare const Button: FC<ButtonProps>;
 export declare const ButtonGroup: FC<ButtonGroupProps>;

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/__styles__/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-export declare const elCardContextMenuOpen: import("@linaria/core").LinariaClassName;
 export declare const elCardFocussed: import("@linaria/core").LinariaClassName;
 export declare const ElCardWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elCardSubHeadingWrapAvatar: import("@linaria/core").LinariaClassName;
@@ -12,7 +11,6 @@ export declare const ElCardSubHeadingAdditional: import("@linaria/react").Styled
 export declare const elCardBodyWrapExpanded: import("@linaria/core").LinariaClassName;
 export declare const ElCardBodyWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elMobileListToggle: import("@linaria/core").LinariaClassName;
-export declare const ElMobileToggle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const ElCardAvatarWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElCardImageWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
     as?: import("react").ElementType<any> | undefined;
@@ -28,7 +26,3 @@ export declare const ElCardListItemTextWrap: import("@linaria/react").StyledComp
 export declare const ElCardListItemTextPrimary: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElCardListItemTextSecondary: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElCardListIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuItems: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardContextMenuToggle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -23,20 +23,12 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     mainCardBody?: ReactNode;
     mainCardImgUrl?: ReactNode;
     mainCardAvatarUrl?: ReactNode;
-    /** Deprecated -  will be removed at v5 release*/
-    mainContextMenuItems?: ContextMenuItem[];
     hasListCard?: boolean;
     listCardHeading?: ReactNode;
     listCardSubHeading?: ReactNode;
     listCardItems?: CardListItemProps[];
-    /** Deprecated -  will be removed at v5 release*/
-    listContextMenuItems?: ContextMenuItem[];
     isSelected?: boolean;
 }
 export declare const handleToggleContextMenu: (contextMenuOpen: boolean, setContextMenuOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
-export declare const handleToggleMainMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
-export declare const handleToggleListMobileOpen: (listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
-export declare const handleToggleBothMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>, listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
 export declare const handleMouseHover: (hoverIndex: number | null, setHoverIndex: Dispatch<SetStateAction<number | null>>) => () => void;
-export declare const CardContextMenu: FC<CardContextMenuProps>;
 export declare const Card: FC<CardProps>;

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

@@ -12,7 +12,6 @@ export declare const CardMainWrap: FC<CardBaseProps>;
 export declare const CardBodyWrap: FC<CardBaseProps>;
 export declare const CardImageWrap: FC<CardBaseProps>;
 export declare const CardAvatarWrap: FC<CardBaseProps>;
-export declare const CardMobileToggle: FC<CardButtonProps>;
 export declare const CardList: FC<CardBaseProps>;
 export declare const CardListMainWrap: FC<CardBaseProps>;
 export declare const CardListHeading: FC<CardBaseProps>;
@@ -22,7 +21,3 @@ export declare const CardListItemTextWrap: FC<CardBaseProps>;
 export declare const CardListItemTextPrimary: FC<CardBaseProps>;
 export declare const CardListItemTextSecondary: FC<CardBaseProps>;
 export declare const CardListIcon: FC<CardBaseProps>;
-export declare const CardContextMenuWrapper: FC<CardBaseProps>;
-export declare const CardContextMenuItems: FC<CardBaseProps>;
-export declare const CardContextMenuItem: FC<CardBaseProps>;
-export declare const CardContextMenuToggle: FC<CardBaseProps>;

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/__styles__/index.d.ts

@@ -1,9 +1,3 @@
 /// <reference types="react" />
-export declare const elIconSizeSmallest: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeSmall: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeMedium: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeLarge: import("@linaria/core").LinariaClassName;
-export declare const elIconSizeLargest: import("@linaria/core").LinariaClassName;
 export declare const elIconMenu: import("@linaria/core").LinariaClassName;
-export declare const elIconNew: import("@linaria/core").LinariaClassName;
 export declare const ElIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/dist/cjs/components/icon/icon-component.d.ts

@@ -1,7 +1,7 @@
 import { FC, HTMLAttributes } from 'react';
 import { Intent } from '../../helpers/intent';
-import { iconSet, iconSetLegacy } from '../../icons';
-export type IconNames = keyof typeof iconSet | keyof typeof iconSetLegacy;
+import { iconSet } from '../../icons';
+export type IconNames = keyof typeof iconSet;
 export type IconSize = 'smallest' | 'small' | 'medium' | 'large' | 'largest';
 export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
     icon: IconNames;
@@ -10,8 +10,5 @@ export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     height?: string;
     width?: string;
-    /** Deprecated, will be removed at v5 */
-    iconSize?: IconSize;
 }
-export declare const getIconSize: (iconSize?: IconSize) => string | null;
 export declare const Icon: FC<IconProps>;

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

@@ -0,0 +1,21 @@
+/// <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;
+};

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

@@ -4,5 +4,4 @@ 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 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>>;

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

@@ -31,5 +31,4 @@ export interface ContainerFlexProps extends ContainerProps {
 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>;

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;
+};