@altinn/altinn-components 0.5.2 → 0.6.1

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { LayoutTheme } from '.';
+import { FooterProps } from '../Footer';
+import { HeaderProps } from '../Header';
+import { MenuProps } from '../Menu';
+interface SidebarProps {
+    theme?: LayoutTheme;
+    menu?: MenuProps;
+    children?: ReactNode;
+    hidden?: boolean;
+}
+interface ContentProps {
+    theme?: LayoutTheme;
+}
+export interface LayoutProps {
+    theme?: LayoutTheme;
+    header?: HeaderProps;
+    footer?: FooterProps;
+    sidebar?: SidebarProps;
+    content?: ContentProps;
+    children: ReactNode;
+}
+export declare const Layout: ({ theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Layout/LayoutBase.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export type LayoutTheme = 'global' | 'global-dark' | 'neutral' | 'company' | 'person';
+export interface LayoutBaseProps {
+    theme?: LayoutTheme;
+    currentId?: string;
+    children?: ReactNode;
+}
+/**
+ * Base layout container where you can set the application theme colors.
+ *
+ * Anatomy of a layout:
+ *
+ * - LayoutBase
+ *  - Header
+ *  - LayoutBody
+ *    - LayoutSidebar
+ *    - LayoutContent
+ *  - Footer
+ *
+ */
+export declare const LayoutBase: ({ currentId, theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Layout/LayoutBody.d.ts

@@ -0,0 +1,7 @@
+import { LayoutBaseProps } from './LayoutBase';
+/**
+ * Body layout container. Should be a child of LayoutBase.
+ * Defines a max-width for the application body.
+ *
+ */
+export declare const LayoutBody: ({ theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Layout/LayoutContent.d.ts

@@ -0,0 +1,7 @@
+import { LayoutBaseProps } from './LayoutBase';
+/**
+ * Content layout container. Should be a child of LayoutBody.
+ *
+ *
+ */
+export declare const LayoutContent: ({ theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Layout/LayoutSidebar.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { LayoutTheme } from './LayoutBase';
+/**
+ * Sidebar layout container. Should be a child of LayoutBody.
+ *
+ * Will be hidden on small screens.
+ */
+export interface LayoutSidebarProps {
+    theme?: LayoutTheme;
+    hidden?: boolean;
+    children?: ReactNode;
+}
+export declare const LayoutSidebar: ({ theme, hidden, children }: LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface ActionFooterProps {
+    hidden: boolean;
+    children?: ReactElement;
+}
+export declare const ActionFooter: ({ hidden, children }: ActionFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LayoutAction/ActionHeader.d.ts

@@ -0,0 +1,7 @@
+export interface ActionHeaderProps {
+    title: string;
+    hidden?: boolean;
+    dismissable?: boolean;
+    onDismiss?: () => void;
+}
+export declare const ActionHeader: ({ hidden, title, dismissable, onDismiss }: ActionHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { MenuItemProps, MenuTheme } from '../Menu';
+export interface ActionMenuProps {
+    theme?: MenuTheme;
+    items?: MenuItemProps[];
+}
+export declare const ActionMenu: ({ theme, items }: ActionMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { ListSpacing, ListTheme } from '../List';
+import { ListItemProps } from './ListItem';
+import { ListItemSize } from './ListItemBase';
+export interface ListProps {
+    size?: ListItemSize;
+    spacing?: ListSpacing;
+    theme?: ListTheme;
+    items?: ListItemProps[];
+}
+export declare const List: ({ theme, size, spacing, items }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListBase.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type ListTheme = 'inherit' | 'global' | 'neutral' | 'person' | 'company';
+export type ListSpacing = 'none' | 'sm' | 'md' | 'lg';
+export interface ListBaseProps {
+    theme?: ListTheme;
+    spacing?: ListSpacing;
+    children?: ReactNode;
+}
+export declare const ListBase: ({ theme, spacing, children }: ListBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { ElementType, ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps } from '../Avatar';
+import { BadgeProps } from '../Badge';
+import { IconName } from '../Icon';
+import { ListItemColor, ListItemSize } from './ListItemBase';
+export interface ListItemProps {
+    id: string;
+    type?: string;
+    /** Element type to render */
+    as?: ElementType;
+    color?: ListItemColor;
+    href?: string;
+    onClick?(): void;
+    /** Item is active */
+    active?: boolean;
+    /** Item should be hidden from view */
+    hidden?: boolean;
+    /** Collapsible item, sets linkIcon to "chevron down" */
+    collapsible?: boolean;
+    /** Item is expanded, sets linkIcon to "chevron up" */
+    expanded?: boolean;
+    /** Item is selected */
+    selected?: boolean;
+    /** Item is disabled, should disable mouse events */
+    disabled?: boolean;
+    /** Display an icon indicating behaviour */
+    linkIcon?: IconName;
+    /** Size of list item */
+    size?: ListItemSize;
+    /** Title */
+    title?: string;
+    /** Optional description */
+    description?: string;
+    /** Optional badge */
+    badge?: BadgeProps;
+    /** List item icon */
+    icon?: IconName;
+    /** List item avatar */
+    avatar?: AvatarProps;
+    /** List item avatarGroup */
+    avatarGroup?: AvatarGroupProps;
+    children?: ReactNode;
+    items?: ListItemProps[];
+    className?: string;
+}
+export declare const ListItem: ({ as, color, children, selected, disabled, size, icon, avatar, avatarGroup, badge, title, description, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
+import { BadgeProps } from '../Badge';
+import { ContextMenuProps } from '../ContextMenu';
+import { IconName } from '../Icon';
+export type ListItemColor = 'default' | 'accent';
+export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface ListItemBaseProps {
+    as?: ElementType;
+    size?: ListItemSize;
+    menu?: ContextMenuProps;
+    linkIcon?: IconName;
+    color?: ListItemColor;
+    badge?: BadgeProps;
+    href?: string;
+    className?: string;
+    active?: boolean;
+    hidden?: boolean;
+    collapsible?: boolean;
+    selected?: boolean;
+    expanded?: boolean;
+    onClick?: () => void;
+    onKeyPress?: KeyboardEventHandler;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+}
+export declare const ListItemBase: ({ as, children, className, href, size, color, active, hidden, collapsible, selected, expanded, linkIcon, menu, badge, onClick, onKeyPress, style, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ListItemSize } from './ListItemBase';
+export interface ListItemLabelProps {
+    size?: ListItemSize;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+}
+export declare const ListItemLabel: ({ size, title, description, children }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItemMedia.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps } from '../Avatar';
+import { IconName } from '../Icon';
+import { ListItemColor, ListItemSize } from './ListItemBase';
+interface ListItemMediaProps {
+    color?: ListItemColor;
+    size?: ListItemSize;
+    icon?: IconName;
+    avatar?: AvatarProps;
+    avatarGroup?: AvatarGroupProps;
+    children?: ReactNode;
+}
+export declare const ListItemMedia: ({ size, color, icon, avatar, avatarGroup, children, }: ListItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { MenuTheme } from './MenuBase';
+import { MenuItemsProps } from './MenuItems';
+import { MenuSearchProps } from './MenuSearch';
+export interface MenuProps extends MenuItemsProps {
+    theme?: MenuTheme;
+    search?: MenuSearchProps;
+}
+export declare const Menu: ({ theme, defaultItemColor, defaultItemSize, groups, items, search, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuBase.d.ts

@@ -0,0 +1,27 @@
+import { ElementType, ReactNode } from 'react';
+export type MenuTheme = 'inherit' | 'global' | 'neutral' | 'company' | 'person' | 'global-dark';
+export type MenuListRole = 'presentation' | 'group';
+export type MenuListItemRole = 'presentation' | 'group' | 'separator';
+export interface MenuBaseProps {
+    as?: ElementType;
+    theme?: MenuTheme;
+    className?: string;
+    children?: ReactNode;
+}
+export interface MenuListProps {
+    as?: ElementType;
+    role?: MenuListRole;
+    expanded?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export interface MenuListItemProps {
+    as?: ElementType;
+    role?: MenuListItemRole;
+    expanded?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const MenuBase: ({ as, theme, className, children }: MenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuList: ({ as, role, expanded, className, children }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuListItem: ({ as, role, expanded, className, children, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuHeader.d.ts

@@ -0,0 +1,4 @@
+export interface MenuHeaderProps {
+    title: string;
+}
+export declare const MenuHeader: ({ title }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuInputField.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEventHandler } from 'react';
+type InputType = 'text' | 'date' | 'search';
+export interface MenuInputFieldProps {
+    placeholder?: string;
+    type?: InputType;
+    label?: string;
+    name: string;
+    value: string;
+    onChange: ChangeEventHandler;
+}
+export declare const MenuInputField: ({ label, type, value, name, placeholder, onChange, }: MenuInputFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,35 @@
+import { ElementType, MouseEventHandler, ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps } from '../Avatar';
+import { BadgeProps } from '../Badge';
+import { IconName } from '../Icon';
+import { MenuItemColor, MenuItemSize } from './MenuItemBase';
+export interface MenuItemProps {
+    id: string;
+    tabIndex?: number;
+    type?: string;
+    as?: ElementType;
+    color?: MenuItemColor;
+    size?: MenuItemSize;
+    href?: string;
+    onClick?: MouseEventHandler;
+    hidden?: boolean;
+    active?: boolean;
+    collapsible?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    groupId?: string | number;
+    title?: string;
+    description?: string;
+    label?: string;
+    badge?: BadgeProps;
+    icon?: IconName;
+    avatar?: AvatarProps;
+    avatarGroup?: AvatarGroupProps;
+    children?: ReactNode;
+    items?: MenuItemProps[];
+    linkIcon?: IconName;
+    linkText?: string;
+    className?: string;
+}
+export declare const MenuItem: ({ as, color, size, children, selected, disabled, icon, avatar, avatarGroup, badge, label, title, description, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { ElementType, MouseEventHandler, ReactNode } from 'react';
+import { BadgeProps } from '../Badge';
+import { IconName } from '../Icon';
+export type MenuItemColor = 'neutral' | 'subtle' | 'strong' | 'company' | 'person';
+export type MenuItemSize = 'sm' | 'md' | 'lg';
+export interface MenuItemBaseProps {
+    as?: ElementType;
+    onClick?: MouseEventHandler;
+    color?: MenuItemColor;
+    children?: ReactNode;
+    tabIndex?: number;
+    size?: MenuItemSize;
+    linkIcon?: IconName;
+    linkText?: string;
+    badge?: BadgeProps;
+    collapsible?: boolean;
+    active?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const MenuItemBase: ({ as, onClick, size, color, linkIcon, linkText, badge, tabIndex, active, collapsible, expanded, selected, disabled, className, children, ...rest }: MenuItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuItemLabel.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { MenuItemSize } from './MenuItemBase';
+export interface MenuItemLabelProps {
+    size?: MenuItemSize;
+    label?: string;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+}
+export declare const MenuItemLabel: ({ size, label, title, description, children }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuItemMedia.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps } from '../Avatar';
+import { IconName } from '../Icon';
+import { MenuItemColor, MenuItemSize } from './MenuItemBase';
+interface MenuItemMediaProps {
+    color?: MenuItemColor;
+    size?: MenuItemSize;
+    icon?: IconName;
+    avatar?: AvatarProps;
+    avatarGroup?: AvatarGroupProps;
+    children?: ReactNode;
+}
+export declare const MenuItemMedia: ({ size, color, icon, avatar, avatarGroup, children }: MenuItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { MenuItemColor, MenuItemProps, MenuItemSize } from '../';
+export interface MenuGroupProps {
+    title?: string;
+    divider?: boolean;
+    defaultItemColor?: MenuItemColor;
+    defaultItemSize?: MenuItemSize;
+}
+export type MenuItemGroups = Record<string, MenuGroupProps>;
+export interface MenuItemsProps {
+    level?: number;
+    expanded?: boolean;
+    items: MenuItemProps[];
+    groups?: MenuItemGroups;
+    defaultItemColor?: MenuItemColor;
+    defaultItemSize?: MenuItemSize;
+}
+export declare const MenuItems: ({ level, expanded, items, groups, defaultItemColor, defaultItemSize, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuOption.d.ts

@@ -0,0 +1,19 @@
+import { ChangeEventHandler } from 'react';
+import { BadgeProps } from '../Badge';
+import { MenuItemSize } from './MenuItemBase';
+export type MenuOptionType = 'checkbox' | 'radio';
+export interface MenuOptionProps {
+    value: string | number;
+    label: string;
+    groupId?: string;
+    size?: MenuItemSize;
+    name?: string;
+    title?: string;
+    description?: string;
+    badge?: BadgeProps;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: ChangeEventHandler;
+    type?: MenuOptionType;
+}
+export declare const MenuOption: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuSearch.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEventHandler } from 'react';
+export interface MenuSearchProps {
+    placeholder?: string;
+    name: string;
+    value: string;
+    onChange: ChangeEventHandler;
+}
+export declare const MenuSearch: ({ value, name, placeholder, onChange }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;

package/{lib/components/Menu/index.ts → dist/components/Menu/index.d.ts}

@@ -2,6 +2,7 @@ export * from './MenuItemBase';
 export * from './MenuItemLabel';
 export * from './MenuItemMedia';
 export * from './MenuItem';
+export * from './MenuInputField';
 export * from './MenuOption';
 export * from './MenuSearch';
 export * from './MenuHeader';

package/dist/components/Meta/MetaBase.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { MetaItemSize } from './MetaItemBase';
+export interface MetaBaseProps {
+    size?: MetaItemSize;
+    children?: ReactNode;
+}
+export declare const MetaBase: ({ size, children }: MetaBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaItem.d.ts

@@ -0,0 +1,18 @@
+import { ElementType, ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
+export interface MetaItemProps {
+    /**  Render as element */
+    as?: ElementType;
+    /** Meta size */
+    size?: MetaItemSize;
+    /** Variant */
+    variant?: MetaItemVariant;
+    /** Icon name */
+    icon?: IconName;
+    /** Label */
+    children?: ReactNode;
+    /** classname */
+    className?: string;
+}
+export declare const MetaItem: ({ size, variant, icon, children, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaItemBase.d.ts

@@ -0,0 +1,15 @@
+import { ElementType, ReactNode } from 'react';
+export type MetaItemVariant = 'solid' | 'outline' | 'dotted' | 'text';
+export type MetaItemSize = 'xs';
+export type MetaItemColor = 'subtle';
+export interface MetaItemBaseProps {
+    as?: ElementType;
+    variant?: MetaItemVariant;
+    size?: MetaItemSize;
+    color?: MetaItemColor;
+    datetime?: string;
+    progress?: number;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const MetaItemBase: ({ as, variant, size, color, progress, datetime, className, children, ...rest }: MetaItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaItemLabel.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
+export interface MetaItemLabelProps {
+    /** Meta size */
+    size?: MetaItemSize;
+    /** Variant */
+    variant?: MetaItemVariant;
+    /** Label */
+    children?: ReactNode;
+}
+export declare const MetaItemLabel: ({ size, variant, children }: MetaItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaItemMedia.d.ts

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

package/dist/components/Meta/MetaList.d.ts

@@ -0,0 +1,12 @@
+import { MetaItemBaseProps, MetaItemSize } from './MetaItemBase';
+export type MetaListItemType = 'default' | 'progress' | 'timestamp';
+export interface MetaListItemProps extends MetaItemBaseProps {
+    label: string;
+    type?: MetaListItemType;
+}
+export interface MetaListProps {
+    items: MetaListItemProps[];
+    size?: MetaItemSize;
+}
+export declare const MetaListItem: ({ type, label, ...rest }: MetaListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaList: ({ size, items }: MetaListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaProgress.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
+export interface MetaProgressProps {
+    /** Meta size */
+    size?: MetaItemSize;
+    /** Variant */
+    variant?: MetaItemVariant;
+    /** Progress of 100 */
+    progress?: number;
+    /** Label */
+    children?: ReactNode;
+}
+export declare const MetaProgress: ({ size, variant, progress, children }: MetaProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaTimestamp.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
+export interface MetaTimestampProps {
+    /** Meta size */
+    size?: MetaItemSize;
+    /** Variant */
+    variant?: MetaItemVariant;
+    /** Datetime in ISO format */
+    datetime?: string;
+    /** Icon name */
+    icon?: IconName;
+    /** Label */
+    children?: ReactNode;
+}
+export declare const MetaTimestamp: ({ size, variant, datetime, icon, children }: MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/PageBase.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { SectionBaseProps } from './SectionBase';
+export interface PageBaseProps extends SectionBaseProps {
+    children?: ReactNode;
+}
+export declare const PageBase: ({ children, ...props }: PageBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { PageHeaderMediaProps } from './PageHeaderMedia';
+import { SectionBaseProps } from './SectionBase';
+export interface PageHeaderProps extends SectionBaseProps, PageHeaderMediaProps {
+    title?: string;
+    description?: string;
+}
+export declare const PageHeader: ({ title, description, icon, avatar, avatarGroup, children, ...props }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/PageHeaderMedia.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps } from '../Avatar';
+import { IconName } from '../Icon';
+export interface PageHeaderMediaProps {
+    icon?: IconName;
+    avatar?: AvatarProps;
+    avatarGroup?: AvatarGroupProps;
+    children?: ReactNode;
+}
+export declare const PageHeaderMedia: ({ icon, avatar, avatarGroup }: PageHeaderMediaProps) => false | import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/PageNav.d.ts

@@ -0,0 +1,14 @@
+import { ElementType, ReactNode } from 'react';
+export interface PageBackButtonProps {
+    as?: ElementType;
+    href?: string;
+    label?: string;
+}
+export interface PageNavProps {
+    backButton?: PageBackButtonProps;
+    children?: ReactNode;
+}
+/**
+ * Page navigation bar with back button or breadcrumbs.
+ */
+export declare const PageNav: ({ backButton, children, }: PageNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/SectionBase.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties, ReactNode } from 'react';
+export type SectionElement = 'section' | 'main' | 'header' | 'footer' | 'div';
+export type SectionColor = 'transparent' | 'white' | 'subtle' | 'accent';
+export type SectionSpacing = 'none' | 'sm' | 'md' | 'lg';
+export type SectionMargin = 'none' | 'sm' | 'md' | 'lg';
+export type SectionShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface SectionBaseProps {
+    as?: SectionElement;
+    color?: SectionColor;
+    padding?: boolean;
+    spacing?: SectionSpacing;
+    margin?: SectionMargin;
+    shadow?: SectionShadow;
+    inset?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const SectionBase: ({ as, color, padding, spacing, margin, shadow, inset, className, style, children, }: SectionBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/SectionFooter.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface SectionFooterProps {
+    margin?: boolean;
+    children?: ReactNode;
+}
+export declare const SectionFooter: ({ margin, children }: SectionFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/SectionHeader.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface SectionHeaderProps {
+    padding?: boolean;
+    margin?: boolean;
+    children?: ReactNode;
+}
+export declare const SectionHeader: ({ margin, children }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element;