@reapit/elements 4.0.5 → 4.1.0

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./modal").ModalProps>;
+};
+export default _default;
+export declare const BasicUsageClosed: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ReactModal: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const UseModalExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const UseModalExampleMultipleModals: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/multi-select/multi-select.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./multi-select").MultiSelectProps>;
+};
+export default _default;
+export declare const BasicExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const GreyChips: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./nav-responsive").NavResponsiveProps>;
+};
+export default _default;
+export declare const BasicExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BasicExampleMobileMenuOpen: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactUsageWithCustomBrand: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/page-header/page-header.stories.d.ts

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./pagination").PaginationProps>;
+};
+export default _default;
+export declare const BasicExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactExample: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactExampleWithStartEndButtons: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/components/persistent-notification/persistent-notification.stories.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./persistent-notification").PersistentNotificationProps>;
+};
+export default _default;
+export declare const FullReactExampleFixedPosition: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const DefaultUsageInline: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithADifferentIcon: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentPrimary: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentNeutral: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentSuccess: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentPending: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentWarning: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentDanger: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InlineNotifcationIntentDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/cjs/components/placeholder-image/images/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const placeholderImageSet: {
-    placeholderLarge: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
-    placeholderSmall: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+    placeholderLarge: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+    placeholderSmall: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 };

package/dist/cjs/components/placeholder-image/images/placeholder-images/placeholderLarge.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;