@amsterdam/design-system-react 0.15.0 → 0.16.0

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { PropsWithChildren, HTMLAttributes, BlockquoteHTMLAttributes, AnchorHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, DialogHTMLAttributes, MouseEvent, ForwardRefExoticComponent, SVGProps, RefAttributes, ImgHTMLAttributes, LabelHTMLAttributes, OlHTMLAttributes, LiHTMLAttributes, ComponentType, OptionHTMLAttributes, OptgroupHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { PropsWithChildren, HTMLAttributes, BlockquoteHTMLAttributes, AnchorHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, DialogHTMLAttributes, MouseEvent, ImgHTMLAttributes, LabelHTMLAttributes, ForwardRefExoticComponent, SVGProps, RefAttributes, OlHTMLAttributes, LiHTMLAttributes, ComponentType, OptionHTMLAttributes, OptgroupHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TextareaHTMLAttributes } from 'react';
 
 type HeadingProps = {
     /** Changes the text colour for readability on a dark background. */
@@ -180,32 +180,37 @@ type GridColumnNumbers = {
     medium: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
     wide: GridColumnNumber;
 };
-type GridPaddingSize = 'small' | 'medium' | 'large';
+declare const gridGaps: readonly ["none", "large", "2x-large"];
+type GridGap = (typeof gridGaps)[number];
+declare const gridPaddings: readonly ["large", "x-large", "2x-large"];
+type GridPadding = (typeof gridPaddings)[number];
 declare const gridTags: readonly ["article", "aside", "div", "footer", "header", "main", "nav", "section"];
 type GridTag = (typeof gridTags)[number];
 type GridPaddingVerticalProp = {
     paddingBottom?: never;
     paddingTop?: never;
     /** The amount of space above and below. */
-    paddingVertical?: GridPaddingSize;
+    paddingVertical?: GridPadding;
 };
 type GridPaddingTopAndBottomProps = {
     /** The amount of space below. */
-    paddingBottom?: GridPaddingSize;
+    paddingBottom?: GridPadding;
     /** The amount of space above. */
-    paddingTop?: GridPaddingSize;
+    paddingTop?: GridPadding;
     paddingVertical?: never;
 };
 type GridProps = {
     /** The HTML tag to use. */
     as?: GridTag;
     /** The amount of space between rows. */
-    gapVertical?: 'none' | 'small' | 'large';
+    gapVertical?: GridGap;
 } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<any>> & {
     Cell: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<unknown>>;
 };
 
+declare const breakoutCellTags: readonly ["article", "div", "section"];
+type BreakoutCellTag = (typeof breakoutCellTags)[number];
 type BreakoutCellSpanAllProp = {
     /** Lets the cell span the full width of all grid variants. */
     colSpan: 'all';
@@ -230,7 +235,7 @@ type BreakoutCellRowSpanAndStartProps = {
 };
 type BreakoutCellProps = {
     /** The HTML element to use. */
-    as?: 'article' | 'div' | 'section';
+    as?: BreakoutCellTag;
 } & (BreakoutCellSpanAllProp | BreakoutCellSpanAndStartProps) & BreakoutCellRowSpanAndStartProps & PropsWithChildren<HTMLAttributes<HTMLElement>>;
 
 type BreakoutRowNumber = 1 | 2 | 3 | 4;
@@ -244,7 +249,7 @@ declare const Breakout: react.ForwardRefExoticComponent<GridProps & react.RefAtt
     Cell: react.ForwardRefExoticComponent<BreakoutCellProps & react.RefAttributes<any>>;
 };
 
-declare const iconSizes: string[];
+declare const iconSizes: readonly ["small", "large", "heading-3", "heading-4", "heading-5", "heading-6"];
 type IconSize = (typeof iconSizes)[number];
 type IconProps = {
     /** Changes the icon colour for readability on a dark background. */
@@ -292,15 +297,37 @@ type ButtonProps = {
 } & (IconButtonProps$1 | TextButtonProps) & PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+declare const aspectRatioOptions: readonly ["9:16", "3:4", "1:1", "4:3", "16:9", "16:5"];
+type AspectRatioProps = {
+    /** The aspect ratio to display media content in. */
+    aspectRatio?: (typeof aspectRatioOptions)[number];
+};
+declare const crossAlignOptions: readonly ["start", "center", "baseline", "end"];
+type CrossAlign = (typeof crossAlignOptions)[number];
+declare const crossAlignOptionsForColumn: ("center" | "start" | "end")[];
+type CrossAlignForColumn = (typeof crossAlignOptionsForColumn)[number];
+declare const mainAlignOptions: readonly ["center", "end", "between", "around", "evenly"];
+type MainAlign = (typeof mainAlignOptions)[number];
+
 type CardProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
 declare const Card: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLElement>> & {
+    Heading: react.ForwardRefExoticComponent<{
+        color?: "inverse";
+        level: 1 | 2 | 3 | 4;
+        size?: "level-1" | "level-2" | "level-3" | "level-4" | "level-5" | "level-6";
+    } & HTMLAttributes<HTMLHeadingElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLHeadingElement>>;
     HeadingGroup: react.ForwardRefExoticComponent<{
         tagline: string;
     } & HTMLAttributes<HTMLElement> & {
         children?: react.ReactNode | undefined;
     } & react.RefAttributes<HTMLElement>>;
+    Image: react.ForwardRefExoticComponent<{
+        alt: string;
+    } & AspectRatioProps & Omit<react.ImgHTMLAttributes<HTMLImageElement>, "children"> & react.RefAttributes<HTMLImageElement>>;
     Link: react.ForwardRefExoticComponent<react.AnchorHTMLAttributes<HTMLAnchorElement> & {
         children?: react.ReactNode | undefined;
     } & react.RefAttributes<HTMLAnchorElement>>;
@@ -341,21 +368,10 @@ declare const Checkbox: react.ForwardRefExoticComponent<{
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
-declare const aspectRatioOptions: readonly ["9:16", "3:4", "1:1", "4:3", "16:9", "16:5"];
-type AspectRatioProps = {
-    /** The aspect ratio to display media content in. */
-    aspectRatio?: (typeof aspectRatioOptions)[number];
-};
-declare const crossAlignOptions: readonly ["start", "center", "baseline", "end"];
-type CrossAlign = (typeof crossAlignOptions)[number];
-declare const crossAlignOptionsForColumn: ("center" | "start" | "end")[];
-type CrossAlignForColumn = (typeof crossAlignOptionsForColumn)[number];
-declare const mainAlignOptions: readonly ["center", "end", "between", "around", "evenly"];
-type MainAlign = (typeof mainAlignOptions)[number];
-
-declare const columnGaps: readonly ["none", "x-small", "small", "large", "x-large"];
-type ColumnGap = (typeof columnGaps)[number];
-type ColumnTag = 'article' | 'div' | 'section';
+declare const columnTags: readonly ["article", "div", "section"];
+type ColumnTag = (typeof columnTags)[number];
+declare const columnGapSizes: readonly ["none", "x-small", "small", "large", "x-large"];
+type ColumnGap = (typeof columnGapSizes)[number];
 type ColumnProps = {
     /**
      * The vertical alignment of the items in the column.
@@ -548,87 +564,6 @@ declare const FileList: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUList
     } & HTMLAttributes<HTMLLIElement> & react.RefAttributes<HTMLLIElement>>;
 };
 
-type FooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
-declare const Footer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
-    children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLElement>> & {
-    Menu: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
-        children?: react.ReactNode | undefined;
-    } & react.RefAttributes<HTMLUListElement>>;
-    MenuLink: react.ForwardRefExoticComponent<react.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        children?: react.ReactNode | undefined;
-    } & react.RefAttributes<HTMLAnchorElement>>;
-    Spotlight: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        children?: react.ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-};
-
-type FooterMenuProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
-
-type FooterMenuLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
-
-type FooterSpotlightProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
-
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-
-type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'museum-weesp' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
-type LogoProps = {
-    /** The name of the brand for which to display the logo. */
-    brand?: LogoBrand;
-} & SVGProps<SVGSVGElement>;
-declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
-
-type HeaderProps = {
-    /** The name of the application. */
-    brandName?: string;
-    /** The name of the brand for which to display the logo. */
-    logoBrand?: LogoBrand;
-    /** The url for the link on the logo. */
-    logoLink?: string;
-    /** The accessible text for the link on the logo. */
-    logoLinkTitle?: string;
-    /** The text for the menu button. */
-    menuButtonText?: string;
-    /** A slot for the menu items. Use Header.MenuLink here. */
-    menuItems?: ReactNode;
-    /** The accessible label for the navigation section. */
-    navigationLabel?: string;
-    /** Whether the menu button is visible on wide screens.  */
-    noMenuButtonOnWideWindow?: boolean;
-} & HTMLAttributes<HTMLElement>;
-declare const Header: react.ForwardRefExoticComponent<{
-    /** The name of the application. */
-    brandName?: string;
-    /** The name of the brand for which to display the logo. */
-    logoBrand?: LogoBrand;
-    /** The url for the link on the logo. */
-    logoLink?: string;
-    /** The accessible text for the link on the logo. */
-    logoLinkTitle?: string;
-    /** The text for the menu button. */
-    menuButtonText?: string;
-    /** A slot for the menu items. Use Header.MenuLink here. */
-    menuItems?: ReactNode;
-    /** The accessible label for the navigation section. */
-    navigationLabel?: string;
-    /** Whether the menu button is visible on wide screens.  */
-    noMenuButtonOnWideWindow?: boolean;
-} & HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>> & {
-    GridCellNarrowWindowOnly: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<HTMLElement>>;
-    MenuLink: react.ForwardRefExoticComponent<{
-        fixed?: boolean;
-    } & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        children?: ReactNode | undefined;
-    } & react.RefAttributes<HTMLAnchorElement>>;
-};
-
-type HeaderMenuLinkProps = {
-    fixed?: boolean;
-} & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
-
 type IconButtonProps = {
     /** Changes the text colour for readability on a light or dark background. */
     color?: 'contrast' | 'inverse';
@@ -651,17 +586,13 @@ declare const IconButton: react.ForwardRefExoticComponent<{
 } & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
 type ImageProps = {
-    /**
-     * A textual description of the content of the image.
-     */
+    /** A textual description of the content of the image. */
     alt: string;
-} & AspectRatioProps & ImgHTMLAttributes<HTMLImageElement>;
+} & AspectRatioProps & Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'>;
 declare const Image: react.ForwardRefExoticComponent<{
-    /**
-     * A textual description of the content of the image.
-     */
+    /** A textual description of the content of the image. */
     alt: string;
-} & AspectRatioProps & ImgHTMLAttributes<HTMLImageElement> & react.RefAttributes<HTMLImageElement>>;
+} & AspectRatioProps & Omit<ImgHTMLAttributes<HTMLImageElement>, "children"> & react.RefAttributes<HTMLImageElement>>;
 
 declare const generateAspectRatioClass: (aspectRatio?: string) => string | undefined;
 
@@ -772,18 +703,13 @@ declare const Label: react.ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLab
     optional?: boolean;
 } & react.RefAttributes<HTMLLabelElement>>;
 
-type LinkVariant = 'standalone' | 'inline';
 type LinkProps = {
     /** Changes the text colour for readability on a light or dark background. */
     color?: 'contrast' | 'inverse';
-    /** Whether the link is inline or stands alone. */
-    variant?: LinkVariant;
 } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
 declare const Link: react.ForwardRefExoticComponent<{
     /** Changes the text colour for readability on a light or dark background. */
     color?: "contrast" | "inverse";
-    /** Whether the link is inline or stands alone. */
-    variant?: LinkVariant;
 } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "placeholder"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type LinkListProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
@@ -808,23 +734,23 @@ type LinkListLinkProps = {
     size?: 'small' | 'large';
 } & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+
+type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'museum-weesp' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
+type LogoProps = {
+    /** The name of the brand for which to display the logo. */
+    brand?: LogoBrand;
+} & SVGProps<SVGSVGElement>;
+declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
+
 type MarkProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
 declare const Mark: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLElement>>;
 
-type MegaMenuProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
-/** @deprecated Use child components in Header instead. */
-declare const MegaMenu: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLDivElement>> & {
-    ListCategory: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        children?: react.ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-};
-
-type MegaMenuListCategoryProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
-
 type OrderedListProps = {
     /** Changes the text colour for readability on a dark background. */
     color?: 'inverse';
@@ -855,6 +781,80 @@ declare const Overlap: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEle
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type PageProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+declare const Page: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type PageFooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
+declare const PageFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLElement>> & {
+    Menu: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLUListElement>>;
+    MenuLink: react.ForwardRefExoticComponent<react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLAnchorElement>>;
+    Spotlight: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLDivElement>>;
+};
+
+type PageFooterMenuProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
+
+type PageFooterMenuLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+
+type PageFooterSpotlightProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+
+type PageHeaderProps = {
+    /** The name of the application. */
+    brandName?: string;
+    /** The name of the brand for which to display the logo. */
+    logoBrand?: LogoBrand;
+    /** The url for the link on the logo. */
+    logoLink?: string;
+    /** The accessible text for the link on the logo. */
+    logoLinkTitle?: string;
+    /** The text for the menu button. */
+    menuButtonText?: string;
+    /** A slot for the menu items. Use PageHeader.MenuLink here. */
+    menuItems?: ReactNode;
+    /** The accessible label for the navigation section. */
+    navigationLabel?: string;
+    /** Whether the menu button is visible on wide screens.  */
+    noMenuButtonOnWideWindow?: boolean;
+} & HTMLAttributes<HTMLElement>;
+declare const PageHeader: react.ForwardRefExoticComponent<{
+    /** The name of the application. */
+    brandName?: string;
+    /** The name of the brand for which to display the logo. */
+    logoBrand?: LogoBrand;
+    /** The url for the link on the logo. */
+    logoLink?: string;
+    /** The accessible text for the link on the logo. */
+    logoLinkTitle?: string;
+    /** The text for the menu button. */
+    menuButtonText?: string;
+    /** A slot for the menu items. Use PageHeader.MenuLink here. */
+    menuItems?: ReactNode;
+    /** The accessible label for the navigation section. */
+    navigationLabel?: string;
+    /** Whether the menu button is visible on wide screens.  */
+    noMenuButtonOnWideWindow?: boolean;
+} & HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>> & {
+    GridCellNarrowWindowOnly: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<HTMLElement>>;
+    MenuLink: react.ForwardRefExoticComponent<{
+        fixed?: boolean;
+    } & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children?: ReactNode | undefined;
+    } & react.RefAttributes<HTMLAnchorElement>>;
+};
+
+type PageHeaderMenuLinkProps = {
+    fixed?: boolean;
+} & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+
 type PageHeadingProps = {
     /** Changes the text colour for readability on a dark background. */
     color?: 'inverse';
@@ -866,31 +866,6 @@ declare const PageHeading: react.ForwardRefExoticComponent<{
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLHeadingElement>>;
 
-type PageMenuProps = {
-    /** Whether the items align to the end margin. Set to `true` if the Page Menu itself does so. */
-    alignEnd?: boolean;
-    /** Whether menu items should wrap if they don’t fit on a single row. */
-    wrap?: boolean;
-} & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
-declare const PageMenu: react.ForwardRefExoticComponent<{
-    /** Whether the items align to the end margin. Set to `true` if the Page Menu itself does so. */
-    alignEnd?: boolean;
-    /** Whether menu items should wrap if they don’t fit on a single row. */
-    wrap?: boolean;
-} & HTMLAttributes<HTMLUListElement> & {
-    children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLUListElement>> & {
-    Link: react.ForwardRefExoticComponent<{
-        icon?: Function;
-    } & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        children?: react.ReactNode | undefined;
-    } & react.RefAttributes<HTMLAnchorElement>>;
-};
-
-type PageMenuLinkProps = {
-    icon?: Function;
-} & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
-
 type PaginationProps = {
     /** The React component to use for the links. */
     linkComponent?: ComponentType<AnchorHTMLAttributes<HTMLAnchorElement>>;
@@ -985,9 +960,10 @@ declare const Radio: react.ForwardRefExoticComponent<{
     children?: ReactNode | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
-declare const rowGaps: readonly ["none", "x-small", "small", "large", "x-large"];
-type RowGap = (typeof rowGaps)[number];
-type RowTag = 'article' | 'div' | 'section';
+declare const rowTags: readonly ["article", "div", "section"];
+type RowTag = (typeof rowTags)[number];
+declare const rowGapSizes: readonly ["none", "x-small", "small", "large", "x-large"];
+type RowGap = (typeof rowGapSizes)[number];
 type RowProps = {
     /**
      * The horizontal alignment of the items in the row.
@@ -1045,22 +1021,6 @@ declare const Row: react.ForwardRefExoticComponent<{
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<unknown>>;
 
-type ScreenMaxWidth = 'wide' | 'x-wide';
-type ScreenProps = {
-    /** Whether the screen should stretch to the full height of the viewport. */
-    fullHeight?: boolean;
-    /** The maximum width of the screen. */
-    maxWidth?: ScreenMaxWidth;
-} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
-declare const Screen: react.ForwardRefExoticComponent<{
-    /** Whether the screen should stretch to the full height of the viewport. */
-    fullHeight?: boolean;
-    /** The maximum width of the screen. */
-    maxWidth?: ScreenMaxWidth;
-} & HTMLAttributes<HTMLDivElement> & {
-    children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
 type SearchFieldProps = PropsWithChildren<HTMLAttributes<HTMLFormElement>>;
 declare const SearchField: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFormElement> & {
     children?: react.ReactNode | undefined;
@@ -1116,6 +1076,8 @@ declare const SearchField: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFo
         unselectable?: "on" | "off" | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -1376,23 +1338,38 @@ declare const SkipLink: react.ForwardRefExoticComponent<AnchorHTMLAttributes<HTM
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLAnchorElement>>;
 
+declare const spotlightTags: readonly ["article", "aside", "div", "footer", "section"];
+type SpotlightTag = (typeof spotlightTags)[number];
 declare const spotlightColors: readonly ["azure", "green", "lime", "magenta", "orange", "yellow"];
 type SpotlightColor = (typeof spotlightColors)[number];
 type SpotlightProps = {
     /** The HTML element to use. */
-    as?: 'article' | 'aside' | 'div' | 'footer' | 'section';
+    as?: SpotlightTag;
     /** The background colour. */
     color?: SpotlightColor;
 } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
 declare const Spotlight: react.ForwardRefExoticComponent<{
     /** The HTML element to use. */
-    as?: "article" | "aside" | "div" | "footer" | "section";
+    as?: SpotlightTag;
     /** The background colour. */
     color?: SpotlightColor;
 } & HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<unknown>>;
 
+type StandaloneLinkProps = {
+    /** Changes the text colour for readability on a light or dark background. */
+    color?: 'contrast' | 'inverse';
+    /** Adds an icon to the link, showing it before the link text. */
+    icon?: Function;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
+declare const StandaloneLink: react.ForwardRefExoticComponent<{
+    /** Changes the text colour for readability on a light or dark background. */
+    color?: "contrast" | "inverse";
+    /** Adds an icon to the link, showing it before the link text. */
+    icon?: Function;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "placeholder"> & react.RefAttributes<HTMLAnchorElement>>;
+
 type SwitchProps = PropsWithChildren<InputHTMLAttributes<HTMLInputElement>>;
 declare const Switch: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     children?: react.ReactNode | undefined;
@@ -1461,19 +1438,19 @@ type TableOfContentsLinkProps = {
 type TableOfContentsListProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
 
 type TabsProps = {
-    /** The identifier of the initially active tab. Corresponds to its `tab` value. */
+    /** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
     activeTab?: string;
-    onTabChange?: (tabId: string) => void;
+    onTabChange?: (panelId: string) => void;
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 declare const Tabs: react.ForwardRefExoticComponent<{
-    /** The identifier of the initially active tab. Corresponds to its `tab` value. */
+    /** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
     activeTab?: string;
-    onTabChange?: (tabId: string) => void;
+    onTabChange?: (panelId: string) => void;
 } & HTMLAttributes<HTMLDivElement> & {
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLDivElement>> & {
     Button: react.ForwardRefExoticComponent<{
-        tab: string;
+        'aria-controls': string;
     } & react.ButtonHTMLAttributes<HTMLButtonElement> & {
         children?: react.ReactNode | undefined;
     } & react.RefAttributes<HTMLButtonElement>>;
@@ -1481,22 +1458,22 @@ declare const Tabs: react.ForwardRefExoticComponent<{
         children?: react.ReactNode | undefined;
     } & react.RefAttributes<HTMLDivElement>>;
     Panel: react.ForwardRefExoticComponent<{
-        tab: string;
+        id: string;
     } & HTMLAttributes<HTMLDivElement> & {
         children?: react.ReactNode | undefined;
     } & react.RefAttributes<HTMLDivElement>>;
 };
 
 type TabsPanelProps = {
-    /** The identifier of the corresponding Tab. */
-    tab: string;
+    /** The identifier of the Tab Panel. */
+    id: string;
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 
 type TabsListProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 
 type TabsButtonProps = {
-    /** An identifier. */
-    tab: string;
+    /** The identifier of the corresponding tab panel. */
+    'aria-controls': string;
 } & PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
 
 type TextAreaProps = {
@@ -1536,13 +1513,6 @@ declare const TimeInput: react.ForwardRefExoticComponent<{
     invalid?: boolean;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "aria-invalid" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const TopTaskLink: react.ForwardRefExoticComponent<{
-    /** The text content. */
-    description: string;
-    /** The title. */
-    label: string;
-} & AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
-
 type UnorderedListProps = {
     /** Changes the text colour for readability on a dark background. */
     color?: 'inverse';
@@ -1568,5 +1538,5 @@ declare const UnorderedList: react.ForwardRefExoticComponent<{
 
 type UnorderedListItemProps = PropsWithChildren<LiHTMLAttributes<HTMLLIElement>>;
 
-export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, Figure, FileInput, FileList, Footer, Grid, Header, Heading, Hint, Icon, IconButton, Image, ImageSlider, InvalidFormAlert, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, PasswordInput, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList, generateAspectRatioClass };
-export type { AccordionProps, AccordionSectionProps, ActionGroupProps, AlertProps, AvatarProps, BadgeProps, BlockquoteProps, BreadcrumbLinkProps, BreadcrumbProps, BreakoutCellProps, BreakoutProps, ButtonProps, CardHeadingGroupProps, CardLinkProps, CardProps, CharacterCountProps, CheckboxProps, ColumnProps, DateInputProps, DescriptionListDescriptionProps, DescriptionListProps, DescriptionListTermProps, DialogProps, ErrorLink, ErrorMessageProps, FieldProps, FieldSetProps, FigureProps, FileInputProps, FileListProps, FooterMenuLinkProps, FooterMenuProps, FooterProps, FooterSpotlightProps, GridCellProps, GridColumnNumber, GridColumnNumbers, GridProps, HeaderMenuLinkProps, HeaderProps, HeadingProps, HintProps, IconButtonProps, IconProps, ImageProps, ImageSliderItemProps, ImageSliderProps, InvalidFormAlertProps, LinkListLinkProps, LinkListProps, LinkProps, LogoBrand, LogoProps, MarkProps, MegaMenuListCategoryProps, MegaMenuProps, OrderedListItemProps, OrderedListProps, OverlapProps, PageHeadingProps, PageMenuLinkProps, PageMenuProps, PaginationProps, ParagraphProps, PasswordInputProps, RadioProps, RowProps, ScreenProps, SearchFieldProps, SelectOptionProps, SelectProps, SkipLinkProps, SpotlightProps, SwitchProps, TableOfContentsLinkProps, TableOfContentsListProps, TableOfContentsProps, TableProps, TabsButtonProps, TabsListProps, TabsPanelProps, TabsProps, TextAreaProps, TextInputProps, TimeInputProps, UnorderedListItemProps, UnorderedListProps };
+export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, Figure, FileInput, FileList, Grid, Heading, Hint, Icon, IconButton, Image, ImageSlider, InvalidFormAlert, Label, Link, LinkList, Logo, Mark, OrderedList, Overlap, Page, PageFooter, PageHeader, PageHeading, Pagination, Paragraph, PasswordInput, Radio, Row, SearchField, Select, SkipLink, Spotlight, StandaloneLink, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, UnorderedList, generateAspectRatioClass };
+export type { AccordionProps, AccordionSectionProps, ActionGroupProps, AlertProps, AvatarProps, BadgeProps, BlockquoteProps, BreadcrumbLinkProps, BreadcrumbProps, BreakoutCellProps, BreakoutProps, ButtonProps, CardHeadingGroupProps, CardLinkProps, CardProps, CharacterCountProps, CheckboxProps, ColumnProps, DateInputProps, DescriptionListDescriptionProps, DescriptionListProps, DescriptionListTermProps, DialogProps, ErrorLink, ErrorMessageProps, FieldProps, FieldSetProps, FigureProps, FileInputProps, FileListProps, GridCellProps, GridColumnNumber, GridColumnNumbers, GridProps, HeadingProps, HintProps, IconButtonProps, IconProps, ImageProps, ImageSliderItemProps, ImageSliderProps, InvalidFormAlertProps, LinkListLinkProps, LinkListProps, LinkProps, LogoBrand, LogoProps, MarkProps, OrderedListItemProps, OrderedListProps, OverlapProps, PageFooterMenuLinkProps, PageFooterMenuProps, PageFooterProps, PageFooterSpotlightProps, PageHeaderMenuLinkProps, PageHeaderProps, PageHeadingProps, PageProps, PaginationProps, ParagraphProps, PasswordInputProps, RadioProps, RowProps, SearchFieldProps, SelectOptionProps, SelectProps, SkipLinkProps, SpotlightProps, StandaloneLinkProps, SwitchProps, TableOfContentsLinkProps, TableOfContentsListProps, TableOfContentsProps, TableProps, TabsButtonProps, TabsListProps, TabsPanelProps, TabsProps, TextAreaProps, TextInputProps, TimeInputProps, UnorderedListItemProps, UnorderedListProps };