@altinn/altinn-components 0.26.1 → 0.27.1

package/dist/types/lib/components/Forms/Field.d.ts

@@ -0,0 +1,7 @@
+import { FieldProps as DsFieldProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type FieldProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & Omit<DsFieldProps, 'data-size' | 'data-color'>;
+export declare const Field: ({ size, color, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/FieldBase.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { FieldProps } from '..';
+export type FieldBaseProps = {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    children?: ReactNode;
+} & FieldProps;
+export declare const FieldBase: ({ size, color, label, helperText, children, ...restProps }: FieldBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Fieldset.d.ts

@@ -0,0 +1,7 @@
+import { FieldsetProps as DsFieldsetProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type FieldsetProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & Omit<DsFieldsetProps, 'data-size' | 'data-color'>;
+export declare const Fieldset: ({ size, color, children, ...props }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/FieldsetBase.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { FieldsetProps } from '..';
+export type FieldsetBaseProps = {
+    legend?: ReactNode;
+    inline?: boolean;
+    children?: ReactNode;
+} & FieldsetProps;
+export declare const FieldsetBase: ({ legend, children, ...props }: FieldsetBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+declare const meta: {
+    title: string;
+    parameters: {};
+    args: {};
+};
+export default meta;
+export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Input.d.ts

@@ -0,0 +1,10 @@
+import { InputProps as DsInputProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type InputProps = {
+    /** Width of input in count of characters */
+    inputSize?: DsInputProps['size'];
+    /** Change size of input, according to predefined field sizes */
+    size?: FieldSize;
+    color?: FieldColor;
+} & Omit<DsInputProps, 'data-size' | 'data-color' | 'size'>;
+export declare const Input: ({ inputSize, size, color, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Label.d.ts

@@ -0,0 +1,7 @@
+import { LabelProps as DsLabelProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type LabelProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & Omit<DsLabelProps, 'data-size' | 'data-color'>;
+export declare const Label: ({ size, color, children, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Legend.d.ts

@@ -0,0 +1,7 @@
+import { FieldsetLegendProps as DsLegendProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type LegendProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & Omit<DsLegendProps, 'data-size' | 'data-color'>;
+export declare const Legend: ({ size, color, children, ...props }: LegendProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/OptionsBase.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export interface OptionsBaseProps {
+    children?: ReactNode;
+    size?: FieldSize;
+    color?: FieldColor;
+    inline?: boolean;
+}
+export declare const OptionsBase: ({ size, color, inline, children }: OptionsBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Radio.d.ts

@@ -0,0 +1,7 @@
+import { RadioProps as DsRadioProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type RadioProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & DsRadioProps;
+export declare const Radio: ({ size, color, label, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Radio.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, color, label, ...rest }: import('./Radio').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        value: string;
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Forms/RadioOptions.d.ts

@@ -0,0 +1,6 @@
+import { OptionsBaseProps, RadioProps } from '..';
+export interface RadioOptionsProps extends OptionsBaseProps {
+    name?: string;
+    options?: RadioProps[];
+}
+export declare const RadioOptions: ({ name, options, ...restProps }: RadioOptionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/RadioOptions.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ name, options, ...restProps }: import('./RadioOptions').RadioOptionsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Inline: Story;

package/dist/types/lib/components/Forms/Select.d.ts

@@ -0,0 +1,9 @@
+import { SelectProps as DsSelectProps } from '@digdir/designsystemet-react';
+import { ReactNode } from 'react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type SelectProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+    children?: ReactNode;
+} & Omit<DsSelectProps, 'data-size' | 'data-color'>;
+export declare const Select: ({ size, color, children, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/SelectField.d.ts

@@ -0,0 +1,8 @@
+import { SelectProps } from '..';
+import { FieldSize } from '../../types/fields.ts';
+export interface SelectFieldProps extends SelectProps {
+    children?: React.ReactNode;
+    size?: FieldSize;
+    label?: string;
+}
+export declare const SelectField: ({ size, label, children, ...rest }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/SelectField.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, label, children, ...rest }: import('./SelectField').SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Forms/Switch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps as DsSwitchProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type SwitchProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & DsSwitchProps;
+export declare const Switch: ({ size, color, label, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Switch.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        value: string;
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Forms/SwitchOptions.d.ts

@@ -0,0 +1,6 @@
+import { OptionsBaseProps, SwitchProps } from '..';
+export interface SwitchOptionsProps extends OptionsBaseProps {
+    options?: SwitchProps[];
+    name?: string;
+}
+export declare const SwitchOptions: ({ name, options, ...restProps }: SwitchOptionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/SwitchOptions.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ name, options, ...restProps }: import('./SwitchOptions').SwitchOptionsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Inline: Story;

package/dist/types/lib/components/Forms/TextField.d.ts

@@ -0,0 +1,6 @@
+import { FieldBaseProps, InputProps } from '..';
+export interface TextFieldProps extends InputProps {
+    label?: FieldBaseProps['label'];
+    helperText?: FieldBaseProps['helperText'];
+}
+export declare const TextField: ({ size, color, label, helperText, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/TextField.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, color, label, helperText, ...rest }: import('./TextField').TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        label: string;
+        placeholder: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Forms/Textarea.d.ts

@@ -0,0 +1,7 @@
+import { TextareaProps as DsTextareaProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type TextareaProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & Omit<DsTextareaProps, 'data-size' | 'data-color'>;
+export declare const Textarea: ({ size, color, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/TextareaField.d.ts

@@ -0,0 +1,6 @@
+import { FieldBaseProps, TextareaProps } from '..';
+export interface TextareaFieldProps extends TextareaProps {
+    label?: FieldBaseProps['label'];
+    helperText?: FieldBaseProps['helperText'];
+}
+export declare const TextareaField: ({ size, color, label, helperText, ...rest }: TextareaFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/TextareaField.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, color, label, helperText, ...rest }: import('./TextareaField.tsx').TextareaFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        label: string;
+        placeholder: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,19 @@
+export * from './Field';
+export * from './Fieldset';
+export * from './Legend';
+export * from './Label';
+export * from './Input';
+export * from './Textarea';
+export * from './Select';
+export * from './Radio';
+export * from './Checkbox';
+export * from './Switch';
+export * from './FieldBase';
+export * from './TextField';
+export * from './TextareaField';
+export * from './SelectField';
+export * from './FieldsetBase';
+export * from './OptionsBase';
+export * from './RadioOptions';
+export * from './SwitchOptions';
+export * from './CheckboxOptions';

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

@@ -1,5 +1,6 @@
 import { AvatarProps, BadgeProps } from '../';
 import { MenuItemGroups, MenuSearchProps } from '../Menu';
+import { MenuItemsVirtualProps } from '../Menu/MenuItems';
 export interface AccountSearchProps extends MenuSearchProps {
     getResultsLabel?: (hits: number) => string;
     hidden?: boolean;
@@ -20,6 +21,7 @@ export interface AccountMenuProps {
     accountSearch?: AccountSearchProps;
     currentAccount?: AccountMenuItem;
     onSelectAccount?: (id: string) => void;
-    isVirtualized?: boolean;
+    menuItemsVirtual?: MenuItemsVirtualProps;
+    scrollRefStyles?: React.CSSProperties;
 }
-export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, isVirtualized, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, isVirtualized, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -10,7 +10,8 @@ declare const meta: {
         accountSearch?: import('./AccountMenu').AccountSearchProps;
         currentAccount?: import('./AccountMenu').AccountMenuItem;
         onSelectAccount?: (id: string) => void;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('..').MenuItemsVirtualProps;
+        scrollRefStyles?: React.CSSProperties;
     };
 };
 export default meta;

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

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

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

@@ -3,7 +3,7 @@ import { Account } from './AccountButton.tsx';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, menuItemsVirtual, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -21,7 +21,8 @@ declare const meta: {
         accounts?: import('./AccountMenu.tsx').AccountMenuItem[];
         accountGroups?: import('../index.ts').MenuItemGroups;
         accountSearch?: import('./AccountMenu.tsx').AccountSearchProps;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('../index.ts').MenuItemsVirtualProps;
+        scrollRefStyles?: React.CSSProperties;
     };
 };
 export default meta;

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

@@ -20,4 +20,5 @@ declare const meta: {
 export default meta;
 export declare const CurrentAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubItems: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ChangeLocale: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -35,4 +35,4 @@ export interface ListItemInputProps extends ListItemProps {
     /** Child items */
     items?: ListItemProps[];
 }
-export declare const ListItem: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ 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;

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

@@ -2,7 +2,7 @@ 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, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    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;
     parameters: {};
     args: {
         id: string;

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

@@ -42,5 +42,7 @@ export interface ListItemBaseProps {
     onMouseEnter?: HTMLProps<HTMLDivElement>['onMouseEnter'];
     /** The children elements of the list item. */
     children?: ReactNode;
+    /** Id of list item. */
+    id?: string;
 }
-export declare const ListItemBase: ({ as, interactive, size, variant, color, theme, shadow, hidden, selected, className, onMouseEnter, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ as, interactive, size, variant, color, theme, shadow, hidden, selected, className, onMouseEnter, id, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 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, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    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;
     parameters: {};
     args: {
         id: string;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {};
 };
@@ -12,7 +12,7 @@ export declare const NeutralInboxMenu: {
     args: {
         color: string;
         theme: string;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
         level?: number;
         expanded?: boolean;
         search?: import('./MenuSearch').MenuSearchProps;
@@ -29,7 +29,7 @@ export declare const CompanyInboxMenu: {
     args: {
         color: string;
         theme: string;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
         level?: number;
         expanded?: boolean;
         search?: import('./MenuSearch').MenuSearchProps;
@@ -46,7 +46,7 @@ export declare const PersonInboxMenu: {
     args: {
         color: string;
         theme: string;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
         level?: number;
         expanded?: boolean;
         search?: import('./MenuSearch').MenuSearchProps;
@@ -64,7 +64,7 @@ export declare const NeutralCompanyMenu: {
     args: {
         color: string;
         theme?: import('./MenuBase').MenuTheme;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
         level?: number;
         expanded?: boolean;
         search?: import('./MenuSearch').MenuSearchProps;
@@ -82,7 +82,7 @@ export declare const NeutralPersonMenu: {
     args: {
         color: string;
         theme?: import('./MenuBase').MenuTheme;
-        isVirtualized?: boolean;
+        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
         level?: number;
         expanded?: boolean;
         search?: import('./MenuSearch').MenuSearchProps;

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

@@ -1,9 +1,9 @@
 import { MenuTheme } from './MenuBase';
 import { MenuItemColor } from './MenuItemBase';
-import { MenuItemsProps } from './MenuItems';
+import { MenuItemsProps, MenuItemsVirtualProps } from './MenuItems';
 export interface MenuProps extends MenuItemsProps {
     color?: MenuItemColor;
     theme?: MenuTheme;
-    isVirtualized?: boolean;
+    menuItemsVirtual?: MenuItemsVirtualProps;
 }
-export declare const Menu: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {};
 };

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

@@ -10,6 +10,10 @@ export interface MenuGroupProps {
     defaultIconTheme?: IconTheme;
 }
 export type MenuItemGroups = Record<string, MenuGroupProps>;
+export interface MenuItemsVirtualProps {
+    isVirtualized?: boolean;
+    scrollRefStyles?: React.CSSProperties;
+}
 export interface MenuItemsProps {
     level?: number;
     expanded?: boolean;

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

@@ -1,2 +1,6 @@
 import { MenuItemsProps } from './MenuItems';
-export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+interface MenuItemsVirtualProps extends MenuItemsProps {
+    scrollRefStyles?: React.CSSProperties;
+}
+export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, scrollRefStyles, }: MenuItemsVirtualProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ type, name, title, description, loading, children }: import('./DashboardHeader').DashboardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Company: Story;
+export declare const Person: Story;

package/dist/types/lib/components/Page/{Patterns.stories.d.ts → Examples.stories.d.ts}

@@ -22,4 +22,6 @@ export default meta;
 export declare const ProfileDashboard: () => import("react/jsx-runtime").JSX.Element;
 export declare const ProfileAccounts: () => import("react/jsx-runtime").JSX.Element;
 export declare const CompanyDashboard: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyInbox: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyDialog: () => import("react/jsx-runtime").JSX.Element;
 export declare const ServicePage: () => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ export interface ToolbarButtonProps {
     as?: ElementType;
     type?: ToolbarButtonType;
     ariaLabel?: string;
+    iconAltText?: string;
     removable?: boolean;
     selected?: boolean;
     active?: boolean;
@@ -11,4 +12,4 @@ export interface ToolbarButtonProps {
     onToggle?: MouseEventHandler;
     onRemove?: MouseEventHandler;
 }
-export declare const ToolbarButton: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarButton: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -30,5 +30,5 @@ export * from './Typography';
 export * from './ResourceList';
 export * from './AccessAreaList';
 export * from './AccessPackageList';
-export * from './TextField';
+export * from './Forms';
 export * from './DsComponents';

package/dist/types/lib/types/fields.d.ts

@@ -0,0 +1,2 @@
+export type FieldSize = 'xs' | 'sm' | 'md' | 'lg';
+export type FieldColor = 'inherit' | 'accent' | 'company' | 'person' | 'neutral' | 'success' | 'warning' | 'error' | 'danger' | 'info' | 'alert';