@loadsmart/loadsmart-ui 6.0.1 → 6.0.3

package/dist/components/Dialog/Dialog.d.ts

@@ -1,37 +1,37 @@
-import { ReactNode } from 'react';
-import type { ButtonProps } from '../Button';
-interface WithScaleProps {
-    scale?: 'small' | 'default' | 'large';
-}
-export interface DialogProps extends WithScaleProps {
-    className?: string;
-    id?: string;
-    open: boolean;
-    children: ReactNode;
-    onOverlayClick?: () => void;
-}
-declare function DialogActions({ scale, direction, children, }: {
-    scale?: 'small' | 'default' | 'large';
-    direction?: 'vertical' | 'horizontal';
-    children: ReactNode;
-}): JSX.Element;
-export interface DialogActionConfirmProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
-    onConfirm: () => void;
-}
-declare function DialogActionConfirm({ onConfirm, children, ...others }: DialogActionConfirmProps): JSX.Element;
-export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
-    onCancel: () => void;
-}
-declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): JSX.Element;
-declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
-declare namespace Dialog {
-    var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;
-    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
-    var ActionConfirm: typeof DialogActionConfirm;
-    var ActionCancel: typeof DialogActionCancel;
-    var Actions: typeof DialogActions;
-    var Close: import("styled-components").StyledComponent<typeof import("../../common/CloseButton/CloseButton").default, any, {
-        size: 16;
-    }, "size">;
-}
-export default Dialog;
+import { ReactNode } from 'react';
+import type { ButtonProps } from '../Button';
+interface WithScaleProps {
+    scale?: 'small' | 'default' | 'large';
+}
+export interface DialogProps extends WithScaleProps {
+    className?: string;
+    id?: string;
+    open: boolean;
+    children: ReactNode;
+    onOverlayClick?: () => void;
+}
+declare function DialogActions({ scale, direction, children, }: {
+    scale?: 'small' | 'default' | 'large';
+    direction?: 'vertical' | 'horizontal';
+    children: ReactNode;
+}): JSX.Element;
+export interface DialogActionConfirmProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
+    onConfirm: () => void;
+}
+declare function DialogActionConfirm({ onConfirm, children, ...others }: DialogActionConfirmProps): JSX.Element;
+export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
+    onCancel: () => void;
+}
+declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): JSX.Element;
+declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
+declare namespace Dialog {
+    var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;
+    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+    var ActionConfirm: typeof DialogActionConfirm;
+    var ActionCancel: typeof DialogActionCancel;
+    var Actions: typeof DialogActions;
+    var Close: import("styled-components").StyledComponent<typeof import("../../common/CloseButton/CloseButton").default, any, {
+        size: 16;
+    }, "size">;
+}
+export default Dialog;

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -1,67 +1,67 @@
-import type { Meta } from '@storybook/react/types-6-0';
-import type { DialogProps } from './Dialog';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare function WithoutHeader(args: DialogProps): JSX.Element;
-export declare namespace WithoutHeader {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithHeader(args: DialogProps): JSX.Element;
-export declare namespace WithHeader {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithHeaderAndBody(args: DialogProps): JSX.Element;
-export declare namespace WithHeaderAndBody {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCloseButton(args: DialogProps): JSX.Element;
-export declare namespace WithCloseButton {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithActionConfirm(args: DialogProps): JSX.Element;
-export declare namespace WithActionConfirm {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCustomActionConfirmLabel(args: DialogProps): JSX.Element;
-export declare namespace WithCustomActionConfirmLabel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCustomActionCancelLabel(args: DialogProps): JSX.Element;
-export declare namespace WithCustomActionCancelLabel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithActionConfirmAndCancel(args: DialogProps): JSX.Element;
-export declare namespace WithActionConfirmAndCancel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithInlineActions(args: DialogProps): JSX.Element;
-export declare namespace WithInlineActions {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
+import type { Meta } from '@storybook/react/types-6-0';
+import type { DialogProps } from './Dialog';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare function WithoutHeader(args: DialogProps): JSX.Element;
+export declare namespace WithoutHeader {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithHeader(args: DialogProps): JSX.Element;
+export declare namespace WithHeader {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithHeaderAndBody(args: DialogProps): JSX.Element;
+export declare namespace WithHeaderAndBody {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithCloseButton(args: DialogProps): JSX.Element;
+export declare namespace WithCloseButton {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithActionConfirm(args: DialogProps): JSX.Element;
+export declare namespace WithActionConfirm {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithCustomActionConfirmLabel(args: DialogProps): JSX.Element;
+export declare namespace WithCustomActionConfirmLabel {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithCustomActionCancelLabel(args: DialogProps): JSX.Element;
+export declare namespace WithCustomActionCancelLabel {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithActionConfirmAndCancel(args: DialogProps): JSX.Element;
+export declare namespace WithActionConfirmAndCancel {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}
+export declare function WithInlineActions(args: DialogProps): JSX.Element;
+export declare namespace WithInlineActions {
+    var args: {
+        scale: string;
+        open: boolean;
+    };
+}

package/dist/components/Dialog/Dialog.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Dialog/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Dialog } from './Dialog';
-export type { DialogProps, DialogActionConfirmProps, DialogActionCancelProps } from './Dialog';
-export { default as useDialog } from './useDialog';
-export type { useDialogProps } from './useDialog';
+export { default as Dialog } from './Dialog';
+export type { DialogProps, DialogActionConfirmProps, DialogActionCancelProps } from './Dialog';
+export { default as useDialog } from './useDialog';
+export type { useDialogProps } from './useDialog';

package/dist/components/Dialog/useDialog.d.ts

@@ -1,12 +1,12 @@
-export interface useDialogProps {
-    open: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-declare function useDialog({ open: openProp, onOpen, onClose, }: useDialogProps): {
-    open: boolean;
-    show: () => void;
-    hide: () => void;
-    toggle: () => void;
-};
-export default useDialog;
+export interface useDialogProps {
+    open: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+declare function useDialog({ open: openProp, onOpen, onClose }: useDialogProps): {
+    open: boolean;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+};
+export default useDialog;

package/dist/components/DragDropFile/DragDropFile.context.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { DragDropFileContextValue, DragDropFileProviderProps } from './types';
-export declare const DragDropFileContext: React.Context<DragDropFileContextValue | undefined>;
-export declare const DragDropFileProvider: ({ fileList, onFilesAdded, onFileRemoved, onRetryUpload, children, }: DragDropFileProviderProps) => JSX.Element;
-export declare const useDragDropFileContext: () => DragDropFileContextValue;
+import React from 'react';
+import type { DragDropFileContextValue, DragDropFileProviderProps } from './types';
+export declare const DragDropFileContext: React.Context<DragDropFileContextValue | undefined>;
+export declare const DragDropFileProvider: ({ fileList, onFilesAdded, onFileRemoved, onRetryUpload, children, }: DragDropFileProviderProps) => JSX.Element;
+export declare const useDragDropFileContext: () => DragDropFileContextValue;

package/dist/components/DragDropFile/DragDropFile.d.ts

@@ -1,7 +1,7 @@
-declare const DragDropFile: {
-    (): null;
-    Wrapper: ({ children, ...props }: Partial<import("../..").StackProps>) => JSX.Element;
-    DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: import("./types").DropZoneProps) => JSX.Element;
-    FileList: ({ disabled, ...props }: import("./types").FileListProps) => JSX.Element | null;
-};
-export default DragDropFile;
+declare const DragDropFile: {
+    (): null;
+    Wrapper: ({ children, ...props }: Partial<import("../..").StackProps>) => JSX.Element;
+    DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: import("./types").DropZoneProps) => JSX.Element;
+    FileList: ({ disabled, ...props }: import("./types").FileListProps) => JSX.Element | null;
+};
+export default DragDropFile;

package/dist/components/DragDropFile/DragDropFile.stories.d.ts

@@ -1,33 +1,33 @@
-import type { Meta } from '@storybook/react/types-6-0';
-import type { DropZoneProps } from './types';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-declare type PlaygroundProps = DropZoneProps & {
-    errorMessage?: string;
-};
-export declare function Playground({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        hint: string;
-        accept: string;
-        multiple: boolean;
-    };
-}
-export declare function WithInitialFileList({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
-export declare namespace WithInitialFileList {
-    var args: {
-        hint: string;
-        accept: string;
-        multiple: boolean;
-    };
-}
-export declare function GeneralError({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
-export declare namespace GeneralError {
-    var args: {
-        hint: string;
-        accept: string;
-        multiple: boolean;
-        error: boolean;
-        errorMessage: string;
-    };
-}
+import type { Meta } from '@storybook/react/types-6-0';
+import type { DropZoneProps } from './types';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+type PlaygroundProps = DropZoneProps & {
+    errorMessage?: string;
+};
+export declare function Playground({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare namespace Playground {
+    var args: {
+        hint: string;
+        accept: string;
+        multiple: boolean;
+    };
+}
+export declare function WithInitialFileList({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare namespace WithInitialFileList {
+    var args: {
+        hint: string;
+        accept: string;
+        multiple: boolean;
+    };
+}
+export declare function GeneralError({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare namespace GeneralError {
+    var args: {
+        hint: string;
+        accept: string;
+        multiple: boolean;
+        error: boolean;
+        errorMessage: string;
+    };
+}

package/dist/components/DragDropFile/components/DropZone.d.ts

@@ -1,3 +1,3 @@
-import type { DropZoneProps } from '../types';
-declare const DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: DropZoneProps) => JSX.Element;
-export default DropZone;
+import type { DropZoneProps } from '../types';
+declare const DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: DropZoneProps) => JSX.Element;
+export default DropZone;

package/dist/components/DragDropFile/components/DropZone.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/DragDropFile/components/FileItem.d.ts

@@ -1,3 +1,3 @@
-import type { FileItemProps } from '../types';
-declare const FileItem: (props: FileItemProps) => JSX.Element;
-export default FileItem;
+import type { FileItemProps } from '../types';
+declare const FileItem: (props: FileItemProps) => JSX.Element;
+export default FileItem;

package/dist/components/DragDropFile/components/FileList.d.ts

@@ -1,3 +1,3 @@
-import type { FileListProps } from '../types';
-declare const FileList: ({ disabled, ...props }: FileListProps) => JSX.Element | null;
-export default FileList;
+import type { FileListProps } from '../types';
+declare const FileList: ({ disabled, ...props }: FileListProps) => JSX.Element | null;
+export default FileList;

package/dist/components/DragDropFile/components/FileList.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/DragDropFile/components/Wrapper.d.ts

@@ -1,6 +1,6 @@
-import type { WrapperProps } from '../types';
-/**
- * This is a `Stack` component customized with the needed spacing between the DragDropFile inner components
- */
-declare const Wrapper: ({ children, ...props }: WrapperProps) => JSX.Element;
-export default Wrapper;
+import type { WrapperProps } from '../types';
+/**
+ * This is a `Stack` component customized with the needed spacing between the DragDropFile inner components
+ */
+declare const Wrapper: ({ children, ...props }: WrapperProps) => JSX.Element;
+export default Wrapper;

package/dist/components/DragDropFile/index.d.ts

@@ -1,3 +1,3 @@
-export { DragDropFileProvider, useDragDropFileContext } from './DragDropFile.context';
-export { default as DragDropFile } from './DragDropFile';
-export type { FileStatus, FileWithStatus, DropZoneProps, DragDropFileProviderProps, DragDropFileContextValue, } from './types';
+export { DragDropFileProvider, useDragDropFileContext } from './DragDropFile.context';
+export { default as DragDropFile } from './DragDropFile';
+export type { FileStatus, FileWithStatus, DropZoneProps, DragDropFileProviderProps, DragDropFileContextValue, } from './types';

package/dist/components/DragDropFile/mocks.d.ts

@@ -1,9 +1,9 @@
-import type { FileWithStatus } from './types';
-export declare const loadingFile: File;
-export declare const errorFile: File;
-export declare const successFile: File;
-export declare const filesMock: File[];
-export declare const loadingFileItem: FileWithStatus;
-export declare const errorFileItem: FileWithStatus;
-export declare const successFileItem: FileWithStatus;
-export declare const fileListMock: FileWithStatus[];
+import type { FileWithStatus } from './types';
+export declare const loadingFile: File;
+export declare const errorFile: File;
+export declare const successFile: File;
+export declare const filesMock: File[];
+export declare const loadingFileItem: FileWithStatus;
+export declare const errorFileItem: FileWithStatus;
+export declare const successFileItem: FileWithStatus;
+export declare const fileListMock: FileWithStatus[];

package/dist/components/DragDropFile/styles.d.ts

@@ -1,10 +1,10 @@
-import { StackProps, Stack } from "../Layout/Stack";
-import type { DropZoneProps } from './types';
-export declare const DragDropFileWrapper: import("styled-components").StyledComponent<typeof Stack, any, {
-    withFileList: boolean;
-}, never>;
-export declare const DropZoneWrapper: import("styled-components").StyledComponent<(props: StackProps) => JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
-export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const UploadIcon: import("styled-components").StyledComponent<(props: import("../IconFactory").IconProps<import("../IconFactory").IconMapping>) => JSX.Element, any, {}, never>;
-export declare const FileListUL: import("styled-components").StyledComponent<(props: StackProps) => JSX.Element, any, {}, never>;
-export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { StackProps, Stack } from 'components/Layout/Stack';
+import type { DropZoneProps } from './types';
+export declare const DragDropFileWrapper: import("styled-components").StyledComponent<typeof Stack, any, {
+    withFileList: boolean;
+}, never>;
+export declare const DropZoneWrapper: import("styled-components").StyledComponent<(props: StackProps) => JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
+export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const UploadIcon: import("styled-components").StyledComponent<(props: import("../IconFactory").IconProps<import("../IconFactory").IconMapping>) => JSX.Element, any, {}, never>;
+export declare const FileListUL: import("styled-components").StyledComponent<(props: StackProps) => JSX.Element, any, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/DragDropFile/types.d.ts

@@ -1,71 +1,71 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { StackProps } from "../Layout/Stack";
-export declare type WrapperProps = Partial<StackProps>;
-export declare type DropZoneProps = Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    /**
-     * Optional hint to be rendered below the main call to action text.
-     */
-    hint?: string;
-    /**
-     * Whether the input should allow multiple files.
-     */
-    multiple?: boolean;
-    /**
-     * List (or single string) of allowed file formats.
-     */
-    accept?: string | string[];
-    /**
-     * Disables the drop zone.
-     */
-    disabled?: boolean;
-    /**
-     * Applies error styles to the drop zone wrapper.
-     */
-    error?: boolean;
-    /**
-     * Useful to render custom content inside the dropzone.
-     * If provided, the icon, call to action, and hint won't be rendered.
-     */
-    renderCustomContent?: (params: {
-        isDragging: boolean;
-    }) => JSX.Element;
-};
-export declare type FileStatus = 'loading' | 'error' | 'success';
-export declare type FileWithStatus = {
-    file: File;
-    status: FileStatus;
-    errorMessage?: string;
-};
-export declare type FileItemProps = FileWithStatus & {
-    onRemove: () => void;
-    onRetry?: () => void;
-    disabled?: boolean;
-};
-export declare type FileListProps = Partial<StackProps> & {
-    /**
-     * Disables the buttons within the file items.
-     */
-    disabled?: boolean;
-};
-export declare type DragDropFileProviderProps = {
-    /**
-     * List of items including the file and its status.
-     */
-    fileList: FileWithStatus[];
-    /**
-     * Function that will be triggered when new files are added to the input.
-     */
-    onFilesAdded: (newFiles: File[]) => void;
-    /**
-     * Function that will be triggered when a file is removed from the list.
-     */
-    onFileRemoved: (newFileList: FileWithStatus[], removedItem: FileWithStatus, removedItemIndex: number) => void;
-    /**
-     * Optional function to retry upload on a file item with error status.
-     */
-    onRetryUpload?: (item: FileWithStatus, removedItemIndex: number) => void;
-    children: ReactNode;
-};
-export declare type DragDropFileContextValue = Pick<DragDropFileProviderProps, 'fileList' | 'onFilesAdded' | 'onRetryUpload'> & {
-    onRemoveFile: (removedItem: FileWithStatus, removedItemIndex: number) => void;
-};
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { StackProps } from 'components/Layout/Stack';
+export type WrapperProps = Partial<StackProps>;
+export type DropZoneProps = Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    /**
+     * Optional hint to be rendered below the main call to action text.
+     */
+    hint?: string;
+    /**
+     * Whether the input should allow multiple files.
+     */
+    multiple?: boolean;
+    /**
+     * List (or single string) of allowed file formats.
+     */
+    accept?: string | string[];
+    /**
+     * Disables the drop zone.
+     */
+    disabled?: boolean;
+    /**
+     * Applies error styles to the drop zone wrapper.
+     */
+    error?: boolean;
+    /**
+     * Useful to render custom content inside the dropzone.
+     * If provided, the icon, call to action, and hint won't be rendered.
+     */
+    renderCustomContent?: (params: {
+        isDragging: boolean;
+    }) => JSX.Element;
+};
+export type FileStatus = 'loading' | 'error' | 'success';
+export type FileWithStatus = {
+    file: File;
+    status: FileStatus;
+    errorMessage?: string;
+};
+export type FileItemProps = FileWithStatus & {
+    onRemove: () => void;
+    onRetry?: () => void;
+    disabled?: boolean;
+};
+export type FileListProps = Partial<StackProps> & {
+    /**
+     * Disables the buttons within the file items.
+     */
+    disabled?: boolean;
+};
+export type DragDropFileProviderProps = {
+    /**
+     * List of items including the file and its status.
+     */
+    fileList: FileWithStatus[];
+    /**
+     * Function that will be triggered when new files are added to the input.
+     */
+    onFilesAdded: (newFiles: File[]) => void;
+    /**
+     * Function that will be triggered when a file is removed from the list.
+     */
+    onFileRemoved: (newFileList: FileWithStatus[], removedItem: FileWithStatus, removedItemIndex: number) => void;
+    /**
+     * Optional function to retry upload on a file item with error status.
+     */
+    onRetryUpload?: (item: FileWithStatus, removedItemIndex: number) => void;
+    children: ReactNode;
+};
+export type DragDropFileContextValue = Pick<DragDropFileProviderProps, 'fileList' | 'onFilesAdded' | 'onRetryUpload'> & {
+    onRemoveFile: (removedItem: FileWithStatus, removedItemIndex: number) => void;
+};

package/dist/components/Drawer/Drawer.d.ts

@@ -1,28 +1,28 @@
-import type { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
-export interface DrawerProps {
-    children?: ReactNode;
-    className?: string;
-    open: boolean;
-    onClose?: () => void;
-    onClickOutside?: () => void;
-}
-export interface DrawerHeaderProps {
-    className?: string;
-}
-declare function DrawerHeader({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): JSX.Element;
-export interface DrawerBodyProps {
-    className?: string;
-}
-declare function DrawerBody({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): JSX.Element;
-export interface DrawerFooterProps {
-    className?: string;
-}
-declare function DrawerFooter({ children, className, ...others }: PropsWithChildren<DrawerFooterProps>): JSX.Element;
-declare function Drawer({ className, children, open, onClose, onClickOutside, ...others }: DrawerProps): JSX.Element;
-declare namespace Drawer {
-    var Header: typeof DrawerHeader;
-    var Body: typeof DrawerBody;
-    var Footer: typeof DrawerFooter;
-}
-export default Drawer;
+import type { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+export interface DrawerProps {
+    children?: ReactNode;
+    className?: string;
+    open: boolean;
+    onClose?: () => void;
+    onClickOutside?: () => void;
+}
+export interface DrawerHeaderProps {
+    className?: string;
+}
+declare function DrawerHeader({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): JSX.Element;
+export interface DrawerBodyProps {
+    className?: string;
+}
+declare function DrawerBody({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): JSX.Element;
+export interface DrawerFooterProps {
+    className?: string;
+}
+declare function DrawerFooter({ children, className, ...others }: PropsWithChildren<DrawerFooterProps>): JSX.Element;
+declare function Drawer({ className, children, open, onClose, onClickOutside, ...others }: DrawerProps): JSX.Element;
+declare namespace Drawer {
+    var Header: typeof DrawerHeader;
+    var Body: typeof DrawerBody;
+    var Footer: typeof DrawerFooter;
+}
+export default Drawer;