@norges-domstoler/dds-components 2.3.0 → 2.3.1

package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { BreadcrumbsProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        smallScreen?: boolean | undefined;
+    } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        smallScreen: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: BreadcrumbsProps) => JSX.Element;
+export declare const Default: (args: BreadcrumbsProps) => JSX.Element;
+export declare const SmallScreen: () => JSX.Element;

package/dist/src/components/Button/Button.stories.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        size?: import("./Button.types").ButtonSize | undefined;
+        label?: string | undefined;
+        purpose?: import("./Button.types").ButtonPurpose | undefined;
+        iconPosition?: import("./Button.types").IconPosition | undefined;
+        appearance?: import("./Button.types").ButtonAppearance | undefined;
+        loading?: boolean | undefined;
+        Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+        fullWidth?: boolean | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        loading: {
+            control: {
+                type: string;
+            };
+        };
+        fullWidth: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewWithText: (args: ButtonProps) => JSX.Element;
+export declare const OverviewJustIcon: (args: ButtonProps) => JSX.Element;
+export declare const OverviewSizes: (args: ButtonProps) => JSX.Element;
+export declare const OverviewLoading: (args: ButtonProps) => JSX.Element;
+export declare const OverviewFullWidth: (args: ButtonProps) => JSX.Element;
+export declare const Default: (args: ButtonProps) => JSX.Element;
+export declare const WithIcon: (args: ButtonProps) => JSX.Element;
+export declare const Icon: (args: ButtonProps) => JSX.Element;
+export declare const Ghost: (args: ButtonProps) => JSX.Element;
+export declare const Borderless: (args: ButtonProps) => JSX.Element;
+export declare const Rounded: (args: ButtonProps) => JSX.Element;

package/dist/src/components/Card/Card.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps, ExpandableCardProps } from '.';
+declare const _default: {
+    title: string;
+    component: (props: CardProps) => JSX.Element;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: CardProps) => JSX.Element;
+export declare const Accordion: (args: ExpandableCardProps) => JSX.Element;
+export declare const Examples: (args: CardProps) => JSX.Element;

package/dist/src/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type CardAccordionBodyProps = {
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
     isExpanded?: boolean;
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
     headerId?: string;
     /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: CSS.Property.PaddingTop<string>;
+    paddingTop?: Property.PaddingTop<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
@@ -14,5 +14,5 @@ export declare const CardAccordionBody: import("react").ForwardRefExoticComponen
     /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
     headerId?: string | undefined;
     /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
-    paddingTop?: CSS.Property.PaddingTop<string> | undefined;
+    paddingTop?: Property.PaddingTop<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { CheckboxProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        error?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: CheckboxProps) => JSX.Element;
+export declare const Default: (args: CheckboxProps) => JSX.Element;

package/dist/src/components/Checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { CheckboxGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ label, direction, errorMessage, tip, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: CheckboxGroupProps) => JSX.Element;
+export declare const Default: (args: CheckboxGroupProps) => JSX.Element;

package/dist/src/components/Datepicker/Datepicker.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { InputProps } from '../../helpers/Input';
-import * as CSS from 'csstype';
+import { InputProps } from '../../helpers';
+import { Property } from 'csstype';
 export declare type DatepickerProps = InputProps;
 export declare const Datepicker: import("react").ForwardRefExoticComponent<{
     label?: string | undefined;
-    width?: CSS.Property.Width<string> | undefined;
+    width?: Property.Width<string> | undefined;
     tip?: string | undefined;
     errorMessage?: string | undefined;
 } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/src/components/Datepicker/Datepicker.stories.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { DatepickerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        label?: string | undefined;
+        width?: import("csstype").Property.Width<string> | undefined;
+        tip?: string | undefined;
+        errorMessage?: string | undefined;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const OverviewDate: () => JSX.Element;
+export declare const OverviewDatetime: () => JSX.Element;
+export declare const Default: (args: DatepickerProps) => JSX.Element;
+export declare const WithLabel: (args: DatepickerProps) => JSX.Element;
+export declare const Datetime: (args: DatepickerProps) => JSX.Element;
+export declare const DatetimeWithLabel: (args: DatepickerProps) => JSX.Element;

package/dist/src/components/DescriptionList/DescriptionList.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DescriptionListProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        appearance?: import("./DescriptionList").DescriptionListAppearance | undefined;
+    } & import("react").HTMLAttributes<HTMLDListElement> & import("react").RefAttributes<HTMLDListElement>>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: DescriptionListProps) => JSX.Element;
+export declare const Group: (args: DescriptionListProps) => JSX.Element;
+export declare const WithIcon: (args: DescriptionListProps) => JSX.Element;
+export declare const ColumnExample: (args: DescriptionListProps) => JSX.Element;

package/dist/src/components/DescriptionList/DescriptionListGroup.d.ts

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type DescriptionListGroupProps = {
     /**Custom margin. */
-    margin?: CSS.Property.Margin<string>;
+    margin?: Property.Margin<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DescriptionListGroup: import("react").ForwardRefExoticComponent<{
     /**Custom margin. */
-    margin?: CSS.Property.Margin<string> | undefined;
+    margin?: Property.Margin<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DividerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        color?: import("./Divider").DividerColor | undefined;
+    } & import("react").HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
+    argTypes: {};
+};
+export default _default;
+export declare const Overview: (args: DividerProps) => JSX.Element;
+export declare const Default: (args: DividerProps) => JSX.Element;
+export declare const Example: (args: DividerProps) => JSX.Element;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { DrawerProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        size?: import("./Drawer").DrawerSize | undefined;
+        placement?: import("./Drawer").DrawerPlacement | undefined;
+        header?: import("react").ReactNode;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        parentElement?: HTMLElement | undefined;
+        widthProps?: import("./Drawer").WidthProps | undefined;
+        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const OverviewPlacement: (args: DrawerProps) => JSX.Element;
+export declare const OverviewSizes: (args: DrawerProps) => JSX.Element;
+export declare const Default: (args: DrawerProps) => JSX.Element;
+export declare const LongContent: (args: DrawerProps) => JSX.Element;

package/dist/src/components/GlobalMessage/GlobalMessage.stories.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { GlobalMessageProps } from './GlobalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message?: string | undefined;
+        purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        closable: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: GlobalMessageProps) => JSX.Element;
+export declare const Default: (args: GlobalMessageProps) => JSX.Element;
+export declare const Closable: (args: GlobalMessageProps) => JSX.Element;

package/dist/src/components/IconWrapper/IconWrapper.d.ts

@@ -1,7 +1,7 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
     /**Ikon. */
@@ -9,6 +9,6 @@ export declare type IconWrapperProps = {
     /**Størrelsen til ikonet. */
     iconSize?: IconSize;
     /**Fargen til ikonet. */
-    color?: CSS.Property.Color;
+    color?: Property.Color;
 } & HTMLAttributes<SVGElement>;
 export declare function IconWrapper({ Icon, iconSize, color, className, style, ...rest }: IconWrapperProps): JSX.Element;

package/dist/src/components/IconWrapper/IconWrapper.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IconWrapper, IconWrapperProps } from '.';
+declare const _default: {
+    title: string;
+    component: typeof IconWrapper;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: IconWrapperProps) => JSX.Element;
+export declare const Default: (args: IconWrapperProps) => JSX.Element;
+export declare const Inline: (args: IconWrapperProps) => JSX.Element;

package/dist/src/components/InputMessage/InputMessage.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { InputMessageProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message: string;
+        messageType: import("./InputMessage").InputMessageType;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: InputMessageProps) => JSX.Element;

package/dist/src/components/InternalHeader/InternalHeader.stories.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { InternalHeaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ applicationName, smallScreen, navigationElements, contextMenuElements, currentPageHref, userProps, onCurrentPageChange, ...rest }: InternalHeaderProps) => JSX.Element;
+    argTypes: {
+        applicationName: {
+            control: {
+                type: string;
+            };
+        };
+        currentPageHref: {
+            control: {
+                type: string;
+            };
+        };
+        smallScreen: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: InternalHeaderProps) => JSX.Element;
+export declare const WithNavigationAndContextMenu: (args: InternalHeaderProps) => JSX.Element;
+export declare const WithCurrentPage: (args: InternalHeaderProps) => JSX.Element;
+export declare const SmallScreenWithNavigation: () => JSX.Element;
+export declare const SmallScreenWithContextMenu: (args: InternalHeaderProps) => JSX.Element;
+export declare const SmallScreenWithNavigationAndContextMenu: () => JSX.Element;
+export declare const NoStoryHeading: (args: InternalHeaderProps) => JSX.Element;
+export declare const NoStoryHeadingSmallScreen: () => JSX.Element;
+export declare const NoStoryHeadingSmallScreenLong: () => JSX.Element;
+export declare const NonInteractiveUserOnly: () => JSX.Element;

package/dist/src/components/List/List.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ListProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        listType?: import("./List").ListType | undefined;
+        typographyType?: import("./List").ListTypographyType | undefined;
+    } & import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement> & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
+};
+export default _default;
+export declare const Overview: (args: ListProps) => JSX.Element;
+export declare const Default: (args: ListProps) => JSX.Element;
+export declare const Nested: (args: ListProps) => JSX.Element;
+export declare const Example: (args: ListProps) => JSX.Element;

package/dist/src/components/LocalMessage/LocalMessage.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
 export declare type LocalMessageLayout = 'horisontal' | 'vertical';
 export declare type LocalMessageProps = {
@@ -14,7 +14,7 @@ export declare type LocalMessageProps = {
     /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
     layout?: LocalMessageLayout;
     /**Custom bredde ved behov. */
-    width?: CSS.Property.Width<string>;
+    width?: Property.Width<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
     /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
@@ -28,5 +28,5 @@ export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
     /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
     layout?: LocalMessageLayout | undefined;
     /**Custom bredde ved behov. */
-    width?: CSS.Property.Width<string> | undefined;
+    width?: Property.Width<string> | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/LocalMessage/LocalMessage.stories.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { LocalMessageProps } from './LocalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        message?: string | undefined;
+        purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        layout?: import("./LocalMessage").LocalMessageLayout | undefined;
+        width?: import("csstype").Property.Width<string> | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        closable: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: LocalMessageProps) => JSX.Element;
+export declare const Default: (args: LocalMessageProps) => JSX.Element;
+export declare const Closable: (args: LocalMessageProps) => JSX.Element;
+export declare const ComplexContent: (args: LocalMessageProps) => JSX.Element;

package/dist/src/components/LocalMessage/LocalMessage.tokens.d.ts

@@ -1,9 +1,9 @@
 import { CSSObject } from 'styled-components';
-import * as CSS from 'csstype';
+import { Property } from 'csstype';
 export declare const localMessageTokens: {
     container: {
         base: CSSObject;
-        defaultWidth: CSS.Property.Width<string>;
+        defaultWidth: Property.Width<string>;
         info: {
             base: CSSObject;
         };

package/dist/src/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        parentElement?: HTMLElement | undefined;
+        header?: import("react").ReactNode;
+        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        header: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: ModalProps) => JSX.Element;
+export declare const NoActionButtons: (args: ModalProps) => JSX.Element;
+export declare const Scrollable: (args: ModalProps) => JSX.Element;

package/dist/src/components/OverflowMenu/OverflowMenu.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { OverflowMenuProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        items?: import("./OverflowMenu.types").OverflowMenuContextItem[] | undefined;
+        userProps?: import("./OverflowMenu.types").UserProps | undefined;
+        navItems?: import("./OverflowMenu.types").OverflowMenuNavItem[] | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
+        placement?: import("../../hooks").Placement | undefined;
+        offset?: number | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const Default: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithStaticUser: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithInteractiveUser: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithNavigation: (args: OverflowMenuProps) => JSX.Element;
+export declare const WithNavigationAndInteractiveUser: (args: OverflowMenuProps) => JSX.Element;

package/dist/src/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { PaginationProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        itemsAmount: number;
+        defaultItemsPerPage?: number | undefined;
+        defaultActivePage?: number | undefined;
+        withPagination?: boolean | undefined;
+        withCounter?: boolean | undefined;
+        withSelect?: boolean | undefined;
+        selectOptions?: import("./Pagination").PaginationOption[] | undefined;
+        onChange?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
+        onSelectOptionChange?: ((option: import("./Pagination").PaginationOption | null) => void) | undefined;
+        smallScreen?: boolean | undefined;
+    } & Omit<import("react").HTMLAttributes<HTMLElement>, "onChange"> & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        withCounter: {
+            control: string;
+        };
+        withPagination: {
+            control: string;
+        };
+        withSelect: {
+            control: string;
+        };
+        smallScreen: {
+            control: string;
+        };
+        defaultItemsPerPage: {
+            control: string;
+        };
+        defaultActivePage: {
+            control: string;
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: PaginationProps) => JSX.Element;
+export declare const OverviewMobile: (args: PaginationProps) => JSX.Element;
+export declare const Default: (args: PaginationProps) => JSX.Element;