@altinn/altinn-components 0.27.1 → 0.28.1

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

@@ -2,13 +2,13 @@ import { StoryObj } from '@storybook/react';
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, color, variant, shadow, border, loading, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {
         id: string;
         as: "button";
         title: string;
-        titleAs: "h2";
+        ariaLabel: string;
         onClick: () => void;
     };
 };
@@ -24,8 +24,10 @@ export declare const Selectable: (args: ListItemProps) => import("react/jsx-runt
 export declare const Collapsible: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CollapsibleExpanded: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const NonInteractive: () => import("react/jsx-runtime").JSX.Element;
-export declare const Theme: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Shadows: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Border: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sizes: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OverridingIcon: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OverridingBadge: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OverridingLabel: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItemBase.d.ts

@@ -1,13 +1,9 @@
 import { ElementType, HTMLProps, ReactNode } from 'react';
-import { Color } from '..';
+import { Color, Shadow } from '..';
 export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ListItemVariant = 'solid' | 'dotted';
-export type ListItemShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ListItemBorder = 'none' | 'solid' | 'dotted';
 export type ListItemColor = Color;
-export type ListItemTheme = 'transparent' | 'default' | 'subtle' | 'surface' | 'base';
 export interface ListItemBaseProps {
-    /** The title of the list item. */
-    title?: string;
     /** If true, the list item is interactive and has a hover state. */
     interactive?: boolean;
     /** The element type to render as. */
@@ -16,14 +12,14 @@ export interface ListItemBaseProps {
     tabIndex?: number;
     /** The color of the list item. */
     color?: ListItemColor;
-    /** The theme of the list item. */
-    theme?: ListItemTheme;
     /** The variant of the list item. */
-    variant?: ListItemVariant;
+    variant?: string;
     /** The size of the list item. */
     size?: ListItemSize;
-    /** The shadow style of the list item. */
-    shadow?: ListItemShadow;
+    /** Shadow size. */
+    shadow?: Shadow;
+    /** Border style. */
+    border?: ListItemBorder;
     /** Additional class names for the list item. */
     className?: string;
     /** If true, the list item shows a loading state. */
@@ -45,4 +41,4 @@ export interface ListItemBaseProps {
     /** Id of list item. */
     id?: string;
 }
-export declare const ListItemBase: ({ as, interactive, size, variant, color, theme, shadow, hidden, selected, className, onMouseEnter, id, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ as, interactive, size, color, variant, shadow, border, hidden, selected, className, onMouseEnter, id, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItemHeader.d.ts

@@ -1,10 +1,8 @@
-import { ElementType, ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, ListItemColor, ListItemLinkProps, ListItemSelectProps, ListItemSize, ListItemTheme, SvgElement } from '..';
+import { ReactNode } from 'react';
+import { BadgeProps, ListItemColor, ListItemIconProps, ListItemLabelProps, ListItemLinkProps, ListItemSelectProps, ListItemSize } from '..';
 export interface ListItemHeaderProps extends ListItemLinkProps {
     /** The color of the list item. */
     color?: ListItemColor;
-    /** The theme of the list item. */
-    theme?: ListItemTheme;
     /** Header is loading */
     interactive?: boolean;
     /** Header is loading */
@@ -22,17 +20,11 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Whether to display the item with a link icon */
     linkIcon?: boolean;
     /** Title */
-    title?: string;
-    /** Element type of the list-item header label. Defaults to h2*/
-    titleAs?: ElementType;
+    title?: ListItemLabelProps['title'];
     /** Description */
-    description?: string;
+    description?: ListItemLabelProps['description'];
     /** List item icon */
-    icon?: SvgElement | IconProps | ReactNode | undefined;
-    /** List item avatar */
-    avatar?: AvatarProps;
-    /** List item avatarGroup */
-    avatarGroup?: AvatarGroupProps;
+    icon?: ListItemIconProps['icon'];
     /** Optional badge */
     badge?: BadgeProps | ReactNode | undefined;
     /** Custom controls */
@@ -44,4 +36,4 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Used as decerning text for the ListItem without title, defaults to title */
     ariaLabel?: string;
 }
-export declare const ListItemHeader: ({ as, interactive, color, theme, loading, disabled, collapsible, linkIcon, expanded, select, href, onClick, onKeyPress, tabIndex, size, title, description, icon, avatar, active, avatarGroup, badge, controls, className, children, ariaLabel, titleAs, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemHeader: ({ as, interactive, color, loading, disabled, collapsible, linkIcon, expanded, select, href, onClick, onKeyPress, tabIndex, size, title, description, icon, active, badge, controls, className, children, ariaLabel, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItemIcon.d.ts

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
-import { IconOrAvatarProps } from '../';
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
 export type ListItemIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface ListItemIconProps extends IconOrAvatarProps {
+export interface ListItemIconProps {
     loading?: boolean;
-    children?: ReactNode;
+    size?: ListItemIconSize;
+    icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps | ReactNode;
+    theme?: IconTheme;
+    badge?: BadgeProps | undefined;
 }
-export declare const ListItemIcon: ({ loading, size, icon, avatar, avatarGroup, children }: ListItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ListItemIcon: ({ loading, size, icon, theme, badge }: ListItemIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/List/ListItemLabel.d.ts

@@ -1,13 +1,13 @@
-import { ElementType, ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { HeadingProps } from '..';
 import { ListItemSize } from './ListItemBase';
 export interface ListItemLabelProps {
     id?: string;
     loading?: boolean;
     size?: ListItemSize;
-    title?: string;
-    titleAs?: ElementType;
-    weight?: 'bold' | 'normal';
-    description?: string;
+    title?: HeadingProps | ReactNode | string;
+    description?: HeadingProps | ReactNode | string;
     children?: ReactNode;
+    className?: string;
 }
-export declare const ListItemLabel: ({ loading, size, title, titleAs, weight, description, children, id, }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLabel: ({ loading, size, title, description, children, id, className, }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItemLink.d.ts

@@ -1,8 +1,6 @@
 import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
-import { ListItemSize } from './ListItemBase';
 export interface ListItemLinkProps {
     interactive?: boolean;
-    size?: ListItemSize;
     as?: ElementType;
     href?: string;
     onClick?: () => void;
@@ -16,4 +14,4 @@ export interface ListItemLinkProps {
     active?: boolean;
     describedby?: string;
 }
-export declare const ListItemLink: ({ interactive, size, as, loading, disabled, selected, href, onClick, onKeyPress, className, children, active, describedby, }: ListItemLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLink: ({ interactive, as, loading, disabled, selected, href, onClick, onKeyPress, className, children, active, describedby, }: ListItemLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItemSelect.d.ts

@@ -1,12 +1,6 @@
-import { ChangeEventHandler } from 'react';
-import { ListItemSize } from './ListItemBase';
-export type ListItemSelectProps = {
-    size?: ListItemSize;
-    checked?: boolean;
-    onChange?: ChangeEventHandler;
-    className?: string;
-};
+import { CheckboxProps } from '..';
+export type ListItemSelectProps = CheckboxProps;
 /**
- * Dialog checkbox
+ * List item checkbox
  */
-export declare const ListItemSelect: ({ size, checked, onChange, className }: ListItemSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemSelect: ({ className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,16 @@
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, color, variant, shadow, border, loading, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {
         id: string;
         title: string;
+        description: string;
     };
 };
 export default meta;
-export declare const Theme: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element[];
-export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const Variant: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Options: ({ variant, ...args }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VariantSize: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,4 @@ export * from './ListItemIcon';
 export * from './ListItemControls';
 export * from './ListItemSelect';
 export * from './ListItem';
-export * from './ListBase';
 export * from './List';

package/dist/types/lib/components/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
-import { MenuItemColor, MenuItemSize, MenuItemTheme } from './';
+import { AvatarGroupProps, AvatarProps, BadgeProps, SvgElement } from '..';
+import { MenuItemColor, MenuItemIconProps, MenuItemSize, MenuItemTheme } from './';
 export interface MenuItemProps {
     id: string;
     type?: string;
@@ -20,9 +20,9 @@ export interface MenuItemProps {
     groupId?: string | number;
     title?: string;
     description?: string;
-    icon?: SvgElement | IconProps | ReactNode;
-    iconTheme?: IconTheme;
-    iconBadge?: BadgeProps | undefined;
+    icon?: MenuItemIconProps['icon'];
+    iconTheme?: MenuItemIconProps['theme'];
+    iconBadge?: MenuItemIconProps['badge'];
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
     badge?: BadgeProps | undefined;

package/dist/types/lib/components/Menu/MenuItemBase.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
 import { BadgeProps, Color, SvgElement } from '..';
 export type MenuItemColor = Color;
-export type MenuItemSize = 'xs' | 'sm' | 'md' | 'lg';
+export type MenuItemSize = 'sm' | 'md' | 'lg';
 export type MenuItemTheme = 'default' | 'subtle' | 'surface' | 'base';
 export interface MenuItemBaseProps {
     as?: ElementType;

package/dist/types/lib/components/Menu/MenuItemIcon.d.ts

@@ -1,8 +1,10 @@
-import { ReactNode } from 'react';
-import { BadgeProps, IconOrAvatarProps } from '..';
-interface MenuItemIconProps extends IconOrAvatarProps {
-    iconBadge?: BadgeProps | undefined;
-    children?: ReactNode;
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
+export type MenuItemIconSize = 'sm' | 'md' | 'lg';
+export interface MenuItemIconProps {
+    loading?: boolean;
+    size?: MenuItemIconSize;
+    icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps;
+    theme?: IconTheme;
+    badge?: BadgeProps | undefined;
 }
-export declare const MenuItemIcon: ({ size, icon, iconTheme, iconBadge, avatar, avatarGroup, children, }: MenuItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare const MenuItemIcon: ({ loading, size, icon, theme, badge }: MenuItemIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/{Meta → Metadata}/MetaItem.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
+import { MetaItemSize, MetaItemVariant } from '..';
 import { SvgElement } from '../Icon';
-import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
 export interface MetaItemProps {
     loading?: boolean;
     reverse?: boolean;

package/dist/types/lib/components/{Meta/MetaItemMedia.d.ts → Metadata/MetaItemIcon.d.ts}

@@ -1,9 +1,9 @@
 import { SvgElement } from '../Icon';
 import { MetaItemSize } from './MetaItemBase';
-interface MetaItemMediaProps {
+interface MetaItemIconProps {
     size?: MetaItemSize;
     progress?: number;
     icon?: SvgElement;
 }
-export declare const MetaItemMedia: ({ size, icon, progress }: MetaItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
+export declare const MetaItemIcon: ({ size, icon, progress }: MetaItemIconProps) => false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/{Meta → Metadata}/MetaProgress.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
+import { MetaItemSize, MetaItemVariant } from '..';
 export interface MetaProgressProps {
     /** Meta size */
     size?: MetaItemSize;

package/dist/types/lib/components/{Meta → Metadata}/MetaTimestamp.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
+import { MetaItemSize, MetaItemVariant } from '..';
 import { SvgElement } from '../Icon';
-import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
 export interface MetaTimestampProps {
     loading?: boolean;
     /** Meta size */

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

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

package/dist/types/lib/components/{Meta → Metadata}/index.d.ts

@@ -1,6 +1,6 @@
 export * from './MetaBase';
 export * from './MetaItemBase';
-export * from './MetaItemMedia';
+export * from './MetaItemIcon';
 export * from './MetaItemLabel';
 export * from './MetaItem';
 export * from './MetaProgress';

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

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

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

@@ -6,11 +6,13 @@ export type FlexJustify = 'initial' | 'start' | 'end' | 'center' | 'between';
 export type FlexSpacing = 'page' | 'xs' | Range<11>;
 export type FlexPadding = 'page' | Range<11>;
 export type FlexMargin = 0 | 'page' | 'section' | 'bottom';
+export type FlexSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface FlexProps {
     as?: ElementType;
     shadow?: Shadow;
     color?: Color;
     theme?: Theme;
+    size?: FlexSize;
     direction?: FlexDirection;
     reverse?: boolean;
     align?: FlexAlign;
@@ -24,4 +26,4 @@ export interface FlexProps {
     style?: CSSProperties;
     id?: string;
 }
-export declare const Flex: ({ as, color, theme, shadow, direction, reverse, align, justify, spacing, padding, margin, bleed, className, style, children, ...rest }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flex: ({ as, color, size, theme, shadow, direction, reverse, align, justify, spacing, padding, margin, bleed, className, style, children, ...rest }: FlexProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Color, Range, Theme } from '..';
-export type GridElement = 'div' | 'section' | 'article' | 'header' | 'footer';
+export type GridElement = 'div' | 'section' | 'article' | 'header' | 'footer' | 'ul';
 export type GridCols = 2 | 3 | 4;
 export type GridSpacing = 'xs' | Range<11>;
 export type GridPadding = 'page' | Range<11>;

package/dist/types/lib/components/Page/PageHeader.d.ts

@@ -15,4 +15,4 @@ export interface PageHeaderProps extends SectionProps {
     breadcrumbs?: BreadcrumbsLinkProps[];
     controls?: ReactNode;
 }
-export declare const PageHeader: ({ variant, size, title, description, icon, avatar, avatarGroup, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageHeader: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, size, title, description, icon, avatar, avatarGroup, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

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

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

@@ -4,7 +4,6 @@ export * from './PageMenu';
 export * from './PageTabs';
 export * from './PageHeader';
 export * from './PageDetails';
-export * from './ArticleHeader';
 export * from './Flex';
 export * from './Grid';
 export * from './Breadcrumbs';
@@ -13,5 +12,3 @@ export * from './Section';
 export * from './ContactSection';
 export * from './ContactButtons';
 export * from './AccordionSection';
-export * from './DashboardHeader';
-export * from './DashboardCard';

package/dist/types/lib/components/Profile/AccountListItem.d.ts

@@ -2,10 +2,11 @@ import { ContextMenuProps, ListItemProps } from '..';
 export type AccountListItemType = 'person' | 'company' | 'group';
 export interface AccountListItemProps extends ListItemProps {
     id?: string;
+    title: string;
     type?: AccountListItemType;
     favourite?: boolean;
     contextMenu?: ContextMenuProps;
     label?: string;
     favouriteLabel?: string;
 }
-export declare const AccountListItem: ({ size, expanded, type, avatar, avatarGroup, title, description, label, favourite, contextMenu, favouriteLabel, children, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItem: ({ size, expanded, type, icon, title, description, label, favourite, contextMenu, favouriteLabel, children, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,57 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, expanded, type, icon, title, description, label, favourite, contextMenu, favouriteLabel, children, ...item }: import('./AccountListItem').AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        icon: {
+            type: "company";
+            name: string;
+        };
+        title: string;
+        description: string;
+    };
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        id?: string | undefined;
+        title: string;
+        type?: import('./AccountListItem').AccountListItemType | undefined;
+        favourite?: boolean | undefined;
+        contextMenu?: import('..').ContextMenuProps | undefined;
+        label?: string | undefined;
+        favouriteLabel?: string | undefined;
+        variant?: import('..').ListItemVariant | undefined;
+        className?: string | undefined;
+        loading?: boolean | undefined;
+        description?: React.ReactNode | import('..').HeadingProps;
+        ariaLabel?: string | undefined;
+        icon?: import('..').SvgElement | import('..').IconProps | React.ReactNode | import('..').AvatarProps | import('..').AvatarGroupProps;
+        badge?: React.ReactNode | import('..').BadgeProps;
+        linkIcon?: boolean | undefined;
+        interactive?: boolean | undefined;
+        as?: React.ElementType | undefined;
+        tabIndex?: number | undefined;
+        color?: import('..').ListItemColor | undefined;
+        size?: import('..').ListItemSize | undefined;
+        shadow?: import('..').Shadow | undefined;
+        border?: import('..').ListItemBorder | undefined;
+        disabled?: boolean | undefined;
+        hidden?: boolean | undefined;
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+        expanded?: boolean | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        children?: React.ReactNode;
+        select?: import('..').ListItemSelectProps | undefined;
+        collapsible?: boolean | undefined;
+        controls?: React.ReactNode;
+        href?: string | undefined;
+        onClick?: (() => void) | undefined;
+        onKeyPress?: React.KeyboardEventHandler | undefined;
+        describedby?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Expanded: Story;

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

@@ -1,6 +1,6 @@
 import { ListProps } from '../List';
 import { ResourceListItemProps } from './ResourceListItem';
-export interface ResourceListProps extends Omit<ListProps, 'items'> {
+export interface ResourceListProps extends ListProps {
     items: ResourceListItemProps[];
 }
-export declare const ResourceList: ({ items, defaultItemSize, ...props }: ResourceListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResourceList: ({ items, size, ...props }: ResourceListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,21 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items, defaultItemSize, ...props }: import('./ResourceList').ResourceListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, size, ...props }: import('./ResourceList').ResourceListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
-        defaultItemSize: "md";
+        size: "md";
+        items: {
+            id: string;
+            ownerName: string;
+            resourceName: string;
+            ownerLogoUrl: string;
+            ownerLogoUrlAlt: string;
+        }[];
     };
     argTypes: {
-        defaultItemSize: {
+        size: {
             options: string[];
             control: {
                 type: "inline-radio";

package/dist/types/lib/components/Search/SearchItem.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { AvatarProps, IconProps, ListItemBaseProps, ListItemHeaderProps } from '..';
+export interface SearchCategory {
+    name?: string;
+    icon?: IconProps;
+}
+export interface SearchItemProps extends ListItemBaseProps, ListItemHeaderProps {
+    id?: string;
+    title?: ReactNode;
+    summary?: ReactNode;
+    owner?: AvatarProps;
+    category?: SearchCategory;
+}
+export declare const SearchItem: ({ color, size, title, summary, owner, category, ...item }: SearchItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1 @@
-export * from './Searchbar';
-export * from './SearchbarBase';
-export * from './SearchField';
-export * from './AutocompleteBase';
-export * from './AutocompleteGroup';
-export * from './Autocomplete';
-export * from './AutocompleteItem';
-export * from './ScopeListItem';
-export * from './SuggestListItem';
-export * from './QueryLabel';
+export * from './SearchItem';

package/dist/types/lib/components/{Search → Searchbar}/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteGroupProps, AutocompleteItemProps } from '..';
+import { AutocompleteGroupProps, AutocompleteItemProps } from '../index.ts';
 export interface AutocompleteProps {
     items: AutocompleteItemProps[];
     groups?: Record<string, AutocompleteGroupProps>;

package/dist/types/lib/components/{Search → Searchbar}/Searchbar.stories.d.ts

@@ -3,7 +3,6 @@ import { SearchbarProps } from '..';
 declare const meta: {
     title: string;
     component: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
     parameters: {};
     args: {
         placeholder: string;

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

@@ -0,0 +1,10 @@
+export * from './Searchbar';
+export * from './SearchbarBase';
+export * from './SearchField';
+export * from './AutocompleteBase';
+export * from './AutocompleteGroup';
+export * from './Autocomplete';
+export * from './AutocompleteItem';
+export * from './ScopeListItem';
+export * from './SuggestListItem';
+export * from './QueryLabel';

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

@@ -0,0 +1,9 @@
+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/components/Settings/Settings.stories.d.ts

@@ -0,0 +1,14 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+export declare const SettingsList: () => import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleList: () => 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 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

@@ -0,0 +1,12 @@
+import { ListItemBaseProps, ListItemHeaderProps } from '..';
+export interface SettingsItemProps extends ListItemBaseProps, ListItemHeaderProps {
+    id?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
+    icon?: ListItemHeaderProps['icon'];
+    label?: ListItemHeaderProps['children'];
+    value?: string | number;
+    title?: string;
+    description?: string;
+}
+export declare const SettingsItem: ({ color, size, expanded, icon, label, title, value, description, children, ...item }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;