@altinn/altinn-components 0.10.1 → 0.10.3

package/dist/lib/components/Autocomplete/Autocomplete.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ className, items, groups, expanded, onSelect }: import('./Autocomplete').AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Scopes: Story;
+export declare const TooFewWords: Story;
+export declare const ScopesAndResults: Story;
+export declare const LoadingResults: Story;
+export declare const NoHits: Story;
+export declare const ScopesAndMixedResults: Story;
+export declare const ScopesAndSuggestions: Story;
+export declare const ScopesResultsAndSuggestions: Story;

package/dist/{components → lib/components}/Autocomplete/AutocompleteItem.d.ts

@@ -1,7 +1,8 @@
+import { BadgeProps } from '../Badge';
 import { BookmarksListItemProps } from '../Bookmarks';
 import { DialogListItemProps } from '../Dialog/';
+import { ListItemProps } from '../List/';
 import { ScopeListItemProps } from './ScopeListItem';
-import { BadgeProps } from '../Badge';
 export type AutocompleteItemType = 'scope' | 'dialog' | 'bookmark' | 'information';
 export interface AutoCompleteItemWithType {
     type: AutocompleteItemType;
@@ -18,9 +19,9 @@ export interface DialogAutocompleteItemProps extends AutoCompleteItemWithType, D
 export interface BookmarkAutocompleteItemProps extends AutoCompleteItemWithType, BookmarksListItemProps {
     type: 'bookmark';
 }
-export interface InformationAutocompleteItemProps extends AutoCompleteItemWithType {
+export interface InformationAutocompleteItemProps extends AutoCompleteItemWithType, ListItemProps {
     type: 'information';
-    badge: BadgeProps;
+    badge?: BadgeProps;
 }
 export type AutocompleteItemProps = ScopeAutocompleteItemProps | DialogAutocompleteItemProps | BookmarkAutocompleteItemProps | InformationAutocompleteItemProps;
 export declare const AutocompleteItem: ({ type, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Avatar/avatar.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        type: "person";
+        size: "xl";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Person: Story;
+export declare const Company: Story;
+export declare const Logo: Story;

package/dist/{components → lib/components}/Bookmarks/BookmarksList.d.ts

@@ -1,5 +1,5 @@
 import { BookmarksListItemProps } from './BookmarksListItem';
 export interface BookmarksListProps {
-    items: BookmarksListItemProps[];
+    items?: BookmarksListItemProps[];
 }
 export declare const BookmarksList: ({ items }: BookmarksListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Bookmarks/BookmarksList.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items }: import('./BookmarksList').BookmarksListProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            id: string;
+            title: string;
+            params: ({
+                type: "search";
+                label: string;
+            } | {
+                type: "filter";
+                label: string;
+            })[];
+        } | {
+            id: string;
+            params: ({
+                type: "search";
+                label: string;
+            } | {
+                type: "filter";
+                label: string;
+            })[];
+            title?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithContextMenu: Story;

package/dist/lib/components/Bookmarks/BookmarksListItem.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { BookmarksListItemProps } from '..';
+declare const meta: {
+    title: string;
+    component: ({ size, title, description, params, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        id: string;
+        params: ({
+            type: "search";
+            label: string;
+        } | {
+            type: "filter";
+            label: string;
+        })[];
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomTitle: Story;
+export declare const LotsOfParams: Story;
+export declare const Sizes: (args: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Bookmarks/BookmarksSection.stories.d.ts

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, items, updatedAtLabel }: import('./BookmarksSection').BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        title: string;
+        updatedAtLabel: string;
+        items: ({
+            id: string;
+            title: string;
+            params: ({
+                type: "search";
+                label: string;
+            } | {
+                type: "filter";
+                label: string;
+            })[];
+        } | {
+            id: string;
+            params: ({
+                type: "search";
+                label: string;
+            } | {
+                type: "filter";
+                label: string;
+            })[];
+            title?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithContextMenu: Story;

package/dist/lib/components/Button/Buttons.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {};
+    args: {
+        color: string;
+    };
+    argTypes: {
+        color: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const VariantsAndSizes: (args: Story) => import("react/jsx-runtime").JSX.Element;

package/dist/{components → lib/components}/Button/IconButton.d.ts

@@ -1,7 +1,7 @@
 import { MouseEventHandler } from 'react';
 import { IconName } from '../Icon';
 import { ButtonColor, ButtonSize, ButtonVariant } from './ButtonBase';
-interface IconButtonProps {
+export interface IconButtonProps {
     icon: IconName;
     color?: ButtonColor;
     size?: ButtonSize;
@@ -11,4 +11,3 @@ interface IconButtonProps {
     onClick?: MouseEventHandler;
 }
 export declare const IconButton: ({ variant, color, size, icon, iconSize, className, onClick, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/components/Button/IconButton.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { IconButtonProps } from './IconButton';
+declare const meta: {
+    title: string;
+    component: ({ variant, color, size, icon, iconSize, className, onClick, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        icon: "x-mark";
+        size: "sm";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: (args: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{components → lib/components}/Byline/Byline.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps } from '..';
-export type BylineSize = 'xs' | 'sm' | 'lg';
+export type BylineSize = 'xs' | 'sm' | 'md' | 'lg';
 export interface BylineProps {
     size?: BylineSize;
     avatar?: AvatarProps;

package/dist/lib/components/Byline/Byline.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, size, avatar, avatarGroup, datetime, children }: import('./Byline').BylineProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        datetime: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Avatar: Story;
+export declare const LargeAvatar: Story;

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dialog } from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SimpleLetter: Story;
+export declare const ExtendedLetter: Story;
+export declare const TypographyMetadata: Story;
+export declare const ReportingRequired: Story;
+export declare const ReportingDraft: Story;
+export declare const ReportingInProgress: Story;
+export declare const ReportingCompleted: Story;
+export declare const Transmissions: Story;
+export declare const TransmissionsInProgress: Story;
+export declare const TransmissionsCompleted: Story;

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ updatedAt, updatedAtLabel, seenBy, activityLog, children }: import('./DialogContent').DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        updatedAt: string;
+        updatedAtLabel: string;
+        children: string;
+        seenBy: {
+            seenByEndUser: true;
+            label: string;
+        };
+        activityLog: {
+            label: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ExtendedContent: Story;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { DialogListItemSize } from './DialogListItem';
+export interface DialogDescriptionProps {
+    size: DialogListItemSize;
+    className?: string;
+    loading?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Dialog summary
+ */
+export declare const DialogDescription: ({ size, loading, children }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import { DialogListItem, DialogListItemProps } from './DialogListItem';
+declare const meta: Meta<typeof DialogListItem>;
+export default meta;
+export declare const Statuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loading: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DueAt: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Attachments: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TouchedBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextLength: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Selectable: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sizes: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, label, seenByEndUser, seenByOthersCount, onClick, ...rest }: import('./DialogSeenBy').DialogSeenByProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        seenByEndUser: true;
+        seenByOthersCount: number;
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Unseen: Story;
+export declare const seenByEndUser: Story;
+export declare const seenByEndUserAndOthers: Story;
+export declare const ExampleLabel: ({ seenByEndUser, seenByOthersCount, }: {
+    seenByEndUser: boolean;
+    seenByOthersCount: number;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, size, touchedBy, className }: import('./DialogTouchedBy').DialogTouchedByProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        touchedBy: {
+            name: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,76 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, items, toolbar }: import('./DialogTransmissions').DialogTransmissionsProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        title: string;
+        items: ({
+            createdAt: string;
+            createdAtLabel: string;
+            sender: {
+                type: "company";
+                name: string;
+                imageUrl: string;
+            };
+            badge: {
+                label: string;
+            };
+            title: string;
+            summary: string;
+            attachments: {
+                title: string;
+                items: {
+                    label: string;
+                    href: string;
+                }[];
+            };
+        } | {
+            sender: {
+                name: string;
+                type?: undefined;
+                imageUrl?: undefined;
+            };
+            title: string;
+            createdAtLabel: string;
+            summary: string;
+            createdAt?: undefined;
+            badge?: undefined;
+            attachments?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSearch: {
+    args: {
+        toolbar: {
+            search: {
+                label: string;
+                placeholder: string;
+            };
+        };
+    };
+};
+export declare const WithFilters: {
+    args: {
+        toolbar: {
+            filters: {
+                name: string;
+                label: string;
+                optionType: string;
+                options: {
+                    groupId: string;
+                    label: string;
+                    value: string;
+                }[];
+            }[];
+            search: {
+                label: string;
+                placeholder: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,5 @@
+import { DialogProps } from '..';
+/**
+ * Draft dialog variant,
+ */
+export declare const DraftDialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, recipientLabel, summary, body, actions, attachments, additionalInfo, contactInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DraftDialog } from './DraftDialog';
+declare const meta: Meta<typeof DraftDialog>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SimpleLetter: Story;
+export declare const ExtendedLetter: Story;
+export declare const TypographyMetadata: Story;
+export declare const ReportingRequired: Story;
+export declare const ReportingDraft: Story;
+export declare const ReportingInProgress: Story;
+export declare const ReportingCompleted: Story;
+export declare const Transmissions: Story;
+export declare const TransmissionsInProgress: Story;
+export declare const TransmissionsCompleted: Story;
+export declare const Draft: Story;
+export declare const Sent: Story;

package/dist/lib/components/GlobalMenu/AccountMenu.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        accounts?: import('./AccountMenu').AccountMenuItem[];
+        accountGroups?: import('..').MenuItemGroups;
+        accountSearch?: import('./AccountMenu').AccountSearchProps;
+        currentAccount?: import('./AccountMenu').AccountMenuItem;
+        onSelectAccount?: (id: string) => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{components → lib/components}/GlobalMenu/GlobalMenu.d.ts

@@ -12,5 +12,6 @@ export interface GlobalMenuProps extends AccountMenuProps {
     className?: string;
     currentAccount?: Account;
     onSelectAccount?: (id: string) => void;
+    onClose?: () => void;
 }
-export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/GlobalMenu/GlobalMenu.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+import { Account } from './AccountButton.tsx';
+import { GlobalMenuProps } from './GlobalMenu';
+declare const meta: {
+    title: string;
+    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: import('../index.ts').MenuItemProps[];
+        groups?: import('../index.ts').MenuItemGroups;
+        menuLabel?: string;
+        backLabel?: string;
+        logoutButton?: import('./LogoutButton.tsx').LogoutButtonProps;
+        changeLabel?: string;
+        className?: string;
+        currentAccount?: Account;
+        onSelectAccount?: (id: string) => void;
+        onClose?: () => void;
+        accounts?: import('./AccountMenu.tsx').AccountMenuItem[];
+        accountGroups?: import('../index.ts').MenuItemGroups;
+        accountSearch?: import('./AccountMenu.tsx').AccountSearchProps;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Login: Story;

package/dist/lib/components/Header/Header.stories.d.ts

@@ -0,0 +1,21 @@
+import { HeaderProps } from './Header';
+declare const meta: {
+    title: string;
+    component: ({ search, menu, currentAccount, logo, badge }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        search: {
+            name: string;
+            placeholder: string;
+        };
+        menu: import('..').GlobalMenuProps;
+        currentAccount?: import('..').Account;
+        badge?: import('..').BadgeProps;
+        logo?: import('./HeaderLogo').HeaderLogoProps;
+    };
+};
+export default meta;
+export declare const Default: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Icon } from './Icon';
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/Layout/Layout.stories.d.ts

@@ -0,0 +1,20 @@
+import { LayoutProps } from '../';
+declare const meta: {
+    title: string;
+    component: ({ theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        theme: "person";
+        header: import('../Header').HeaderProps;
+        footer: import('../Footer').FooterProps;
+        sidebar: {
+            menu: import('../Menu').MenuProps;
+        };
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default meta;
+export declare const Default: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/LayoutAction/ActionFooter.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ hidden, children }: import('./ActionFooter').ActionFooterProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Menu: Story;
+export declare const Snackbars: Story;
+export declare const MenuAndSnackbar: Story;

package/dist/lib/components/LayoutAction/ActionMenu.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ theme, items }: import('./ActionMenu').ActionMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        theme: "global-dark";
+        items: ({
+            id: string;
+            icon: "arrow-redo";
+            title: string;
+        } | {
+            id: string;
+            icon: "eye";
+            title: string;
+        } | {
+            id: string;
+            icon: "archive";
+            title: string;
+        } | {
+            id: string;
+            icon: "trash";
+            title: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ theme, defaultItemSize, defaultItemColor, spacing, items }: import('./List').ListProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: {
+            id: string;
+            title: string;
+            description: string;
+            href: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/List/ListItem.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { ListItemProps } from '../';
+declare const meta: {
+    title: string;
+    component: ({ className, color, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, description, badge, linkText, linkIcon, label, menu, select, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        id: string;
+        title: string;
+        description: string;
+        size: "sm";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MediaTypes: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loading: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controls: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Selectable: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Colors: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sizes: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Collapsible: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;