@altinn/altinn-components 0.29.0 → 0.29.2

package/dist/types/lib/components/Menu/MenuOption.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, ...rest }: import('./MenuOption').MenuOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { MenuSearchProps } from './MenuSearch';
 declare const meta: {
     title: string;

package/dist/types/lib/components/Metadata/MetaItem.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, reverse, size, variant, icon, children, ...rest }: import('./MetaItem').MetaItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/MetaProgress.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ size, variant, progress, children }: import('./MetaProgress').MetaProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/MetaTimestamp.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, size, variant, datetime, icon, children, }: import('./MetaTimestamp').MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/Metadata.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { Metadata } from './Metadata';
 declare const meta: Meta<typeof Metadata>;
 export default meta;

package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ items }: import('./Breadcrumbs').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/ContactSection.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { ContactSection } from './ContactSection';
 declare const meta: Meta<typeof ContactSection>;
 export default meta;

package/dist/types/lib/components/Page/Flex.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ as, color, size, theme, shadow, direction, reverse, align, justify, spacing, padding, margin, bleed, className, style, children, ...rest }: import('./Flex').FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/Grid.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ as, size, theme, color, cols, reverse, spacing, className, style, children, }: import('./Grid').GridProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ children, className, spacing, items, ...rest }: import('../List').ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { PageMenu } from './PageMenu';
 declare const meta: Meta<typeof PageMenu>;
 export default meta;

package/dist/types/lib/components/Page/PageNav.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ color, padding, breadcrumbs, backButton, controls, }: import('./PageNav').PageNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageTabs.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ theme, color, items, padding }: import('./PageTabs').PageTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ResourceList/ResourceList.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ items, size, ...props }: import('./ResourceList').ResourceListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ResourceList/ResourceListItem.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, ...props }: import('./ResourceListItem').ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ className, items, groups, expanded, onSelect }: import('./Autocomplete').AutocompleteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { SearchbarProps } from '..';
 declare const meta: {
     title: string;

package/dist/types/lib/components/Settings/Settings.stories.d.ts

@@ -10,5 +10,4 @@ export declare const CollapsibleList: () => import("react/jsx-runtime").JSX.Elem
 export declare const CompanySettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const PersonSettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const ContactSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const NotificationSettings: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsItem.d.ts

@@ -1,6 +1,7 @@
 import { ListItemBaseProps, ListItemHeaderProps, ListItemLabelProps } from '..';
 export interface SettingsItemProps extends ListItemBaseProps, ListItemHeaderProps {
     id?: string;
+    groupId?: string;
     collapsible?: boolean;
     expanded?: boolean;
     label?: ListItemHeaderProps['children'];

package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ color, size, expanded, icon, label, title, value, description, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -7,8 +7,9 @@ declare const meta: {
     args: {
         ariaLabel: string;
     };
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
         id?: string | undefined;
+        groupId?: string | undefined;
         collapsible?: boolean | undefined;
         expanded?: boolean | undefined;
         label?: React.ReactNode;

package/dist/types/lib/components/Settings/SettingsList.d.ts

@@ -0,0 +1,9 @@
+import { SettingsItemProps } from '..';
+export interface SettingsGroupProps {
+    title?: string;
+}
+export interface SettingsListProps {
+    items: SettingsItemProps[];
+    groups?: Record<string, SettingsGroupProps>;
+}
+export declare const SettingsList: ({ items, groups }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsSection.d.ts

@@ -0,0 +1,9 @@
+import { SectionProps } from '..';
+export interface SettingsSectionProps extends SectionProps {
+    as?: SectionProps['as'];
+    color?: SectionProps['color'];
+    theme?: SectionProps['theme'];
+    size?: SectionProps['size'];
+    children?: SectionProps['children'];
+}
+export declare const SettingsSection: ({ size, theme, padding, spacing, shadow, as, color, children, }: SettingsSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Settings';
+export * from './SettingsSection';
 export * from './SettingsItem';
+export * from './SettingsList';

package/dist/types/lib/components/Snackbar/SnackbarItem.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { SnackbarItemProps } from '..';
 declare const meta: {
     title: string;

package/dist/types/lib/components/Timeline/TimelineActivity.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, byline, icon, color, typographyProps, margin, spacing, datetime, children, footer, ...props }: import('./TimelineActivity').TimelineActivityProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineFooter.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, as, color, icon, iconColor, children, }: import('./TimelineFooter').TimelineFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineHeader.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ as, loading, color, icon, children }: import('./TimelineHeader').TimelineHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, level, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Toolbar } from '..';
 declare const meta: {
     title: string;

package/dist/types/lib/components/Toolbar/ToolbarAdd.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ label, items, id }: import('./ToolbarAdd').ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarDate.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ removable, label, name, filterState, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarDaterange.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ id, title, description, fromLabel, toLabel, label, value, }: import('./ToolbarDaterange').ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ removable, label, name, filterState, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ label, value, groups, search, items, id }: import('./ToolbarMenu').ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarOptions.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ name, search, optionGroups, options, onChange, optionType, }: import('./ToolbarOptions').ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ value, name, placeholder, clearButtonAltText, onChange, onClear, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Transmission/Transmission.stories.d.ts

@@ -38,10 +38,10 @@ declare const meta: {
         onKeyPress?: React.KeyboardEventHandler | undefined;
         onClick?: (() => void) | undefined;
         onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        interactive?: boolean | undefined;
         collapsible?: boolean | undefined;
         description?: React.ReactNode | import('..').HeadingProps;
         linkIcon?: boolean | undefined;
-        interactive?: boolean | undefined;
         ariaLabel?: string | undefined;
         shadow?: import('..').Shadow | undefined;
     };

package/dist/types/lib/components/Typography/Heading.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, as, size, leading, weight, color, variant, maxRows, className, style, children, }: import('./Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Typography/Typography.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ loading, loadingText, as, size, color, variant, className, style, maxWidth, children, ...restProps }: import('./Typography').TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Profile/Settings.stories.d.ts

@@ -5,12 +5,11 @@ declare const meta: {
     args: {};
 };
 export default meta;
+export declare const DashboardSettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const ContactSettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const MoreSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const NotificationSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const SettingsList: () => import("react/jsx-runtime").JSX.Element;
-export declare const CollapsibleList: () => import("react/jsx-runtime").JSX.Element;
+export declare const EtceteraSettings: () => import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleSettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const CompanySettings: () => import("react/jsx-runtime").JSX.Element;
 export declare const PersonSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const CompanyNotifications: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Profile.stories.d.ts

@@ -7,10 +7,10 @@ declare const meta: {
     args: {};
 };
 export default meta;
-export declare const Dashboard: () => import("react/jsx-runtime").JSX.Element;
-export declare const Accounts: () => import("react/jsx-runtime").JSX.Element;
-export declare const Users: () => import("react/jsx-runtime").JSX.Element;
-export declare const Access: () => import("react/jsx-runtime").JSX.Element;
-export declare const Settings: () => import("react/jsx-runtime").JSX.Element;
-export declare const Notifications: () => import("react/jsx-runtime").JSX.Element;
-export declare const Log: () => import("react/jsx-runtime").JSX.Element;
+export declare const DashboardPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const UsersPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccessPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationsPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityLogPage: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -31,17 +31,13 @@
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@chromatic-com/storybook": "^3.2.6",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-mdx-gfm": "^8.6.14",
-    "@storybook/addon-themes": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@chromatic-com/storybook": "^4.0.0",
+    "@storybook/addon-a11y": "^9.0.4",
+    "@storybook/addon-docs": "^9.0.4",
+    "@storybook/addon-links": "^9.0.4",
+    "@storybook/addon-mdx-gfm": "^9.0.0-alpha.13",
+    "@storybook/addon-themes": "^9.0.4",
+    "@storybook/react-vite": "^9.0.4",
     "@storybook/test-runner": "^0.22.0",
     "@types/react": "^19.1.5",
     "@types/react-dom": "^18.3.7",
@@ -52,9 +48,9 @@
     "lint-staged": "^15.5.2",
     "playwright": "^1.52.0",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^8.6.14",
-    "storybook-addon-tag-badges": "^1.4.0",
-    "storybook-addon-theme-provider": "^0.2.9",
+    "storybook": "^9.0.4",
+    "storybook-addon-tag-badges": "^2.0.0",
+    "storybook-addon-theme-provider": "^0.2.10",
     "typescript": "^5.8.3",
     "vite": "^5.4.19",
     "vite-plugin-dts": "^4.5.4",
@@ -78,7 +74,7 @@
     "lint:fix": "biome check ./lib --write",
     "dev": "vite",
     "build-storybook": "storybook build",
-    "test-storybook": "test-storybook --maxWorkers 3",
+    "test-storybook": "test-storybook",
     "install:browsers": "pnpm exec playwright install"
   }
 }

package/dist/components/Settings/Settings.js

@@ -1,20 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { Section as f } from "../Page/Section.js";
-const j = ({
-  size: t = "sm",
-  theme: o = "default",
-  padding: r = 4,
-  spacing: m = 6,
-  shadow: i = "xs",
-  as: p,
-  color: e,
-  children: s
-}) => /* @__PURE__ */ n(f, { as: p, size: t, color: e, theme: o, padding: r, spacing: m, shadow: i, children: s });
-export {
-  j as Settings
-};

package/dist/types/lib/components/Settings/Settings.d.ts

@@ -1,9 +0,0 @@
-import { SectionProps } from '..';
-export interface SettingsProps extends SectionProps {
-    as?: SectionProps['as'];
-    color?: SectionProps['color'];
-    theme?: SectionProps['theme'];
-    size?: SectionProps['size'];
-    children?: SectionProps['children'];
-}
-export declare const Settings: ({ size, theme, padding, spacing, shadow, as, color, children, }: SettingsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Profile/Accounts.stories.d.ts

@@ -1,14 +0,0 @@
-import { AccountListItemProps } from '../../components';
-declare const meta: {
-    title: string;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-export declare const Accounts: () => import("react/jsx-runtime").JSX.Element;
-export declare const AccountDetails: ({ type, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AccountToolbar: ({ id, isCurrentEndUser, favourite, onToggleFavourite, }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CompanyDetails: ({ id, parentId, uniqueId, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PersonDetails: ({ id, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GroupDetails: ({ accountIds }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;