@amsterdam/design-system-react 2.2.0 → 3.1.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
-import { createContext, forwardRef, useContext, useState, useId, useRef, useImperativeHandle, useEffect, useCallback, useMemo, useLayoutEffect, startTransition } from 'react';
+import { createContext, forwardRef, useContext, useState, useId, useRef, useImperativeHandle, useEffect, startTransition, useMemo } from 'react';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { ChevronDownIcon, CloseIcon, WarningFillIcon, SuccessFillIcon, ErrorFillIcon, InfoFillIcon, PersonFillIcon, WarningIcon, DocumentIcon, ChevronBackwardIcon, ChevronForwardIcon, SearchIcon } from '@amsterdam/design-system-react-icons';
+import { ChevronDownIcon, CloseIcon, WarningFillIcon, SuccessFillIcon, ErrorFillIcon, InfoFillIcon, PersonFillIcon, WarningIcon, DocumentIcon, ChevronBackwardIcon, ChevronForwardIcon, ArrowForwardIcon, SearchIcon } from '@amsterdam/design-system-react-icons';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 
 /**
@@ -71,8 +71,8 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
  * Copyright Gemeente Amsterdam
  */
 var defaultValues$2 = {
-  // Level 2 is set here, but it is never used.
-  // headingLevel is a required prop in Accordion, which always overwrites it.
+  // Default value for type safety.
+  // The actual value is always provided via Accordion’s required headingLevel prop.
   headingLevel: 2
 };
 var AccordionContext = /*#__PURE__*/createContext(defaultValues$2);
@@ -95,9 +95,9 @@ function getHeadingTag(level) {
   }
 }
 
-var _excluded$1C = ["children", "className", "color", "level", "size"];
-function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1D = ["children", "className", "color", "level", "size"];
+function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-heading--docs Heading docs at Amsterdam Design System}
  */
@@ -107,10 +107,10 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
     color = _ref.color,
     level = _ref.level,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$1C);
+    restProps = _objectWithoutProperties(_ref, _excluded$1D);
   var Tag = getHeadingTag(level);
   var visualLevel = size ? size.slice(-1) : level;
-  return jsx(Tag, _objectSpread$1L(_objectSpread$1L({
+  return jsx(Tag, _objectSpread$1M(_objectSpread$1M({
     className: clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
     ref: ref
   }, restProps), {}, {
@@ -119,9 +119,9 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Heading.displayName = 'Heading';
 
-var _excluded$1B = ["className", "color", "size", "square", "svg"];
-function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1C = ["className", "color", "size", "square", "svg"];
+function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-icon--docs Icon docs at Amsterdam Design System}
  * @see {@link https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs Icons overview at Amsterdam Design System}
@@ -132,8 +132,8 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size = _ref.size,
     square = _ref.square,
     svg = _ref.svg,
-    restProps = _objectWithoutProperties(_ref, _excluded$1B);
-  return jsx("span", _objectSpread$1K(_objectSpread$1K({
+    restProps = _objectWithoutProperties(_ref, _excluded$1C);
+  return jsx("span", _objectSpread$1L(_objectSpread$1L({
     className: clsx('ams-icon', color && "ams-icon--".concat(color), size && "ams-icon--".concat(size), square && 'ams-icon--square', className),
     hidden // The icon is only shown when the CSS loads, so we hide it by default.
     : true,
@@ -144,9 +144,9 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Icon.displayName = 'Icon';
 
-var _excluded$1A = ["children", "className", "expanded", "label"];
-function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1B = ["children", "className", "expanded", "label"];
+function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // The 'ams-accordion__header' class is @deprecated and will be removed in a future release.
 var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -154,7 +154,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$expanded = _ref.expanded,
     expanded = _ref$expanded === void 0 ? false : _ref$expanded,
     label = _ref.label,
-    restProps = _objectWithoutProperties(_ref, _excluded$1A);
+    restProps = _objectWithoutProperties(_ref, _excluded$1B);
   var _useContext = useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     sectionAs = _useContext.sectionAs;
@@ -167,7 +167,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var iconSize = "heading-".concat(headingLevel);
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
-  return jsxs("div", _objectSpread$1J(_objectSpread$1J({
+  return jsxs("div", _objectSpread$1K(_objectSpread$1K({
     className: clsx('ams-accordion__section', className),
     ref: ref
   }, restProps), {}, {
@@ -238,17 +238,17 @@ var Accordion = Object.assign(AccordionRoot, {
   Section: AccordionSection
 });
 
-var _excluded$1z = ["children", "className"];
-function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1A = ["children", "className"];
+function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs Action Group docs at Amsterdam Design System}
  */
 var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1z);
-  return jsx("div", _objectSpread$1I(_objectSpread$1I({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1A);
+  return jsx("div", _objectSpread$1J(_objectSpread$1J({}, restProps), {}, {
     className: clsx('ams-action-group', className),
     ref: ref,
     role: "group",
@@ -257,9 +257,9 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ActionGroup.displayName = 'ActionGroup';
 
-var _excluded$1y = ["className", "color", "label", "size", "svg", "type"];
-function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1z = ["className", "color", "label", "size", "svg", "type"];
+function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-icon-button--docs Icon Button docs at Amsterdam Design System}
  */
@@ -271,8 +271,8 @@ var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$svg = _ref.svg,
     svg = _ref$svg === void 0 ? CloseIcon : _ref$svg,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1y);
-  return jsxs("button", _objectSpread$1H(_objectSpread$1H({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1z);
+  return jsxs("button", _objectSpread$1I(_objectSpread$1I({}, restProps), {}, {
     className: clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
     ref: ref,
     type: type || 'button',
@@ -288,9 +288,9 @@ var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 IconButton.displayName = 'IconButton';
 
-var _excluded$1x = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
-function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1y = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
+function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System}
  */
@@ -303,8 +303,8 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     gap = _ref.gap,
     wrap = _ref.wrap,
-    restProps = _objectWithoutProperties(_ref, _excluded$1x);
-  return jsx(Tag, _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1y);
+  return jsx(Tag, _objectSpread$1H(_objectSpread$1H({}, restProps), {}, {
     className: clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
     ref: ref,
     children: children
@@ -312,9 +312,9 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Row.displayName = 'Row';
 
-var _excluded$1w = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingId", "headingLevel", "onClose", "severity"];
-function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1x = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingId", "headingLevel", "onClose", "severity"];
+function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var iconSvgBySeverity = {
   error: ErrorFillIcon,
   success: SuccessFillIcon,
@@ -335,9 +335,9 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
     headingLevel = _ref.headingLevel,
     onClose = _ref.onClose,
     severity = _ref.severity,
-    restProps = _objectWithoutProperties(_ref, _excluded$1w);
+    restProps = _objectWithoutProperties(_ref, _excluded$1x);
   var SeverityIcon = severity ? iconSvgBySeverity[severity] : InfoFillIcon;
-  return jsxs("section", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
+  return jsxs("section", _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
     "aria-labelledby": headingId || undefined,
     className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
     ref: ref,
@@ -369,9 +369,9 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Alert.displayName = 'Alert';
 
-var _excluded$1v = ["className", "color", "imageSrc", "label"];
-function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1w = ["className", "color", "imageSrc", "label"];
+function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AvatarContent = function AvatarContent(_ref) {
   var imageSrc = _ref.imageSrc,
     initials = _ref.initials;
@@ -400,10 +400,10 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     color = _ref2.color,
     imageSrc = _ref2.imageSrc,
     label = _ref2.label,
-    restProps = _objectWithoutProperties(_ref2, _excluded$1v);
+    restProps = _objectWithoutProperties(_ref2, _excluded$1w);
   var initials = label.slice(0, 2).toUpperCase();
   var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
-  return jsxs("span", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
+  return jsxs("span", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
     className: clsx('ams-avatar', color && "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
     ref: ref,
     children: [jsx("span", {
@@ -417,28 +417,31 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 Avatar.displayName = 'Avatar';
 
-var _excluded$1u = ["className", "color", "label"];
-function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1v = ["className", "color", "icon", "label"];
+function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-badge--docs Badge docs at Amsterdam Design System}
  */
 var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
+    icon = _ref.icon,
     label = _ref.label,
-    restProps = _objectWithoutProperties(_ref, _excluded$1u);
-  return jsx("span", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1v);
+  return jsxs("span", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
     className: clsx('ams-badge', color && "ams-badge--".concat(color), className),
     ref: ref,
-    children: label
+    children: [icon && jsx(Icon, {
+      svg: icon
+    }), label]
   }));
 });
 Badge.displayName = 'Badge';
 
-var _excluded$1t = ["children", "className", "color"];
-function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1u = ["children", "className", "color"];
+function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-blockquote--docs Blockquote docs at Amsterdam Design System}
  */
@@ -446,8 +449,8 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
-    restProps = _objectWithoutProperties(_ref, _excluded$1t);
-  return jsx("blockquote", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1u);
+  return jsx("blockquote", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
     className: clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
     ref: ref,
     children: children
@@ -455,16 +458,16 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Blockquote.displayName = 'Blockquote';
 
-var _excluded$1s = ["children", "className"];
-function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1t = ["children", "className"];
+function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1s);
+    restProps = _objectWithoutProperties(_ref, _excluded$1t);
   return jsx("li", {
     className: "ams-breadcrumb__item",
-    children: jsx("a", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
+    children: jsx("a", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
       className: clsx('ams-breadcrumb__link', className),
       ref: ref,
       children: children
@@ -473,14 +476,14 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BreadcrumbLink.displayName = 'Breadcrumb.Link';
 
-var _excluded$1r = ["children", "className"];
-function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1s = ["children", "className"];
+function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreadcrumbRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1r);
-  return jsx("nav", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1s);
+  return jsx("nav", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
     className: clsx('ams-breadcrumb', className),
     ref: ref,
     children: jsx("ol", {
@@ -538,9 +541,9 @@ var breakoutCellClasses = function breakoutCellClasses(colSpan, colStart, rowSpa
   return [].concat(_toConsumableArray(addGridClass('ams-breakout__cell--col-span-', colSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--col-start-', colStart)), _toConsumableArray(addGridClass('ams-breakout__cell--row-span-', rowSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--row-start-', rowStart)));
 };
 
-var _excluded$1q = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
-function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1r = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
+function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -551,8 +554,8 @@ var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
     has = _ref.has,
     rowSpan = _ref.rowSpan,
     rowStart = _ref.rowStart,
-    restProps = _objectWithoutProperties(_ref, _excluded$1q);
-  return jsx(Tag, _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1r);
+  return jsx(Tag, _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
     className: clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
     ref: ref,
     children: children
@@ -560,9 +563,9 @@ var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BreakoutCell.displayName = 'Breakout.Cell';
 
-var _excluded$1p = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
-function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1q = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
+function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -570,8 +573,8 @@ var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     paddingBottom = _ref.paddingBottom,
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
-    restProps = _objectWithoutProperties(_ref, _excluded$1p);
-  return jsx("div", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1q);
+  return jsx("div", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
     className: clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
     ref: ref,
     children: children
@@ -585,9 +588,9 @@ var Breakout = Object.assign(BreakoutRoot, {
   Cell: BreakoutCell
 });
 
-var _excluded$1o = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
-function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1p = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
+function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs Button docs at Amsterdam Design System}
  */
@@ -601,8 +604,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     type = _ref.type,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-    restProps = _objectWithoutProperties(_ref, _excluded$1o);
-  return jsxs("button", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1p);
+  return jsxs("button", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
     className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
     disabled: disabled,
     ref: ref,
@@ -620,17 +623,17 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Button.displayName = 'Button';
 
-var _excluded$1n = ["children", "className"];
-function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1o = ["children", "className"];
+function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-call-to-action-link--docs CallToActionLink docs at Amsterdam Design System}
  */
 var CallToActionLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1n);
-  return jsx("a", _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1o);
+  return jsx("a", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
     className: clsx('ams-call-to-action-link', className),
     ref: ref,
     children: children
@@ -638,16 +641,16 @@ var CallToActionLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CallToActionLink.displayName = 'CallToActionLink';
 
-var _excluded$1m = ["children", "className", "size"];
-function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1n = ["children", "className", "size"];
+function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'level-3' : _ref$size,
-    restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  return jsx(Heading, _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1n);
+  return jsx(Heading, _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
     className: clsx('ams-card__heading', className),
     ref: ref,
     size: size,
@@ -656,9 +659,20 @@ var CardHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CardHeading.displayName = 'Card.Heading';
 
-var _excluded$1l = ["children", "className", "color", "size"];
-function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1m = ["children", "className", "color", "size"];
+function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var wrapChildren = function wrapChildren(size, children) {
+  if (size === 'large') return jsx("b", {
+    className: "ams-paragraph__b",
+    children: children
+  });
+  if (size === 'small') return jsx("small", {
+    className: "ams-paragraph__small",
+    children: children
+  });
+  return children;
+};
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-paragraph--docs Paragraph docs at Amsterdam Design System}
  */
@@ -667,25 +681,25 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     color = _ref.color,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsx("p", _objectSpread$1u(_objectSpread$1u({
+    restProps = _objectWithoutProperties(_ref, _excluded$1m);
+  return jsx("p", _objectSpread$1v(_objectSpread$1v({
     className: clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
     ref: ref
   }, restProps), {}, {
-    children: children
+    children: wrapChildren(size, children)
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var _excluded$1k = ["children", "className", "tagline"];
-function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1l = ["children", "className", "tagline"];
+function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardHeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
-    restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  return jsxs("hgroup", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1l);
+  return jsxs("hgroup", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
     className: clsx('ams-card__heading-group', className),
     ref: ref,
     children: [children, jsx(Paragraph, {
@@ -704,9 +718,9 @@ var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
   return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
 };
 
-var _excluded$1j = ["aspectRatio", "className", "width"];
-function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1k = ["aspectRatio", "className", "width"];
+function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image--docs Image docs at Amsterdam Design System}
  */
@@ -714,8 +728,8 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var aspectRatio = _ref.aspectRatio,
     className = _ref.className,
     width = _ref.width,
-    restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  return jsx("img", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1k);
+  return jsx("img", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
     className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
     ref: ref,
     width: width !== null && width !== void 0 ? width : 600
@@ -723,27 +737,27 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Image.displayName = 'Image';
 
-var _excluded$1i = ["className"];
-function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1j = ["className"];
+function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1i);
-  return jsx(Image, _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsx(Image, _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
     className: clsx('ams-card__image', className),
     ref: ref
   }));
 });
 CardImage.displayName = 'Card.Image';
 
-var _excluded$1h = ["children", "className"];
-function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1i = ["children", "className"];
+function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1h);
-  return jsx("a", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+  return jsx("a", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
     className: clsx('ams-card__link', className),
     ref: ref,
     children: children
@@ -751,14 +765,14 @@ var CardLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CardLink.displayName = 'Card.Link';
 
-var _excluded$1g = ["children", "className"];
-function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1h = ["children", "className"];
+function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsx("article", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
+  return jsx("article", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     className: clsx('ams-card', className),
     ref: ref,
     children: children
@@ -775,9 +789,9 @@ var Card = Object.assign(CardRoot, {
   Link: CardLink
 });
 
-var _excluded$1f = ["className", "length", "maxLength"];
-function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1g = ["className", "length", "maxLength"];
+function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-character-count--docs Character Count docs at Amsterdam Design System}
  */
@@ -785,8 +799,8 @@ var CharacterCount = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
-    restProps = _objectWithoutProperties(_ref, _excluded$1f);
-  return jsx("div", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsx("div", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
     className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
     ref: ref,
     role: "status",
@@ -795,10 +809,10 @@ var CharacterCount = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CharacterCount.displayName = 'CharacterCount';
 
-function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SvgCheckbox = function SvgCheckbox(props) {
-  return jsxs("svg", _objectSpread$1n(_objectSpread$1n({
+  return jsxs("svg", _objectSpread$1o(_objectSpread$1o({
     "aria-hidden": "true",
     focusable: "false",
     viewBox: "0 0 24 24",
@@ -841,9 +855,9 @@ var SvgCheckbox = function SvgCheckbox(props) {
   }));
 };
 
-var _excluded$1e = ["children", "className", "icon", "id", "indeterminate", "invalid"];
-function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1f = ["children", "className", "icon", "id", "indeterminate", "invalid"];
+function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-checkbox--docs Checkbox docs at Amsterdam Design System}
  */
@@ -855,7 +869,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id = _ref.id,
     indeterminate = _ref.indeterminate,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
   var inputId = id || useId();
   var innerRef = useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
@@ -873,7 +887,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // without a containing element
     jsxs("div", {
       className: clsx('ams-checkbox', className),
-      children: [jsx("input", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+      children: [jsx("input", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
         "aria-invalid": invalid || undefined,
         className: "ams-checkbox__input",
         id: inputId,
@@ -893,9 +907,9 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded$1d = ["align", "alignHorizontal", "as", "children", "className", "gap"];
-function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1e = ["align", "alignHorizontal", "as", "children", "className", "gap"];
+function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-column--docs Column docs at Amsterdam Design System}
  */
@@ -907,8 +921,8 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     gap = _ref.gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsx(Tag, _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsx(Tag, _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
     className: clsx('ams-column', align && "ams-column--align-".concat(align), alignHorizontal && "ams-column--align-horizontal-".concat(alignHorizontal), gap && "ams-column--gap-".concat(gap), className),
     ref: ref,
     children: children
@@ -916,9 +930,9 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Column.displayName = 'Column';
 
-var _excluded$1c = ["className", "invalid", "type"];
-function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1d = ["className", "invalid", "type"];
+function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-date-input--docs Date Input docs at Amsterdam Design System}
  */
@@ -927,8 +941,8 @@ var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     invalid = _ref.invalid,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'date' : _ref$type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsx("input", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsx("input", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-date-input', className),
     ref: ref,
@@ -937,14 +951,14 @@ var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DateInput.displayName = 'DateInput';
 
-var _excluded$1b = ["children", "className"];
-function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1c = ["children", "className"];
+function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsx("dd", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsx("dd", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
     className: clsx('ams-description-list__description', className),
     ref: ref,
     children: children
@@ -952,14 +966,14 @@ var DescriptionListDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DescriptionListDescription.displayName = 'DescriptionList.Description';
 
-var _excluded$1a = ["children", "className"];
-function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1b = ["children", "className"];
+function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsx("div", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsx("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
     className: clsx('ams-description-list__section', className),
     ref: ref,
     children: children
@@ -967,14 +981,14 @@ var DescriptionListSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DescriptionListSection.displayName = 'DescriptionList.Section';
 
-var _excluded$19 = ["children", "className"];
-function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1a = ["children", "className"];
+function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsx("dt", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsx("dt", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
     className: clsx('ams-description-list__term', className),
     ref: ref,
     children: children
@@ -982,16 +996,16 @@ var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DescriptionListTerm.displayName = 'DescriptionList.Term';
 
-var _excluded$18 = ["children", "className", "color", "termsWidth"];
-function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$19 = ["children", "className", "color", "termsWidth"];
+function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     termsWidth = _ref.termsWidth,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsx("dl", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsx("dl", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
     className: clsx('ams-description-list', color && "ams-description-list--".concat(color), termsWidth && "ams-description-list--".concat(termsWidth), className),
     ref: ref,
     children: children
@@ -1007,9 +1021,9 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
   Term: DescriptionListTerm
 });
 
-var _excluded$17 = ["children", "className", "closeButtonLabel", "footer", "heading"];
-function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$18 = ["children", "className", "closeButtonLabel", "footer", "heading"];
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var closeDialog = function closeDialog(event) {
   var _event$currentTarget$;
   return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.close();
@@ -1025,8 +1039,8 @@ var DialogRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
     footer = _ref.footer,
     heading = _ref.heading,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxs("dialog", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     className: clsx('ams-dialog', className),
     ref: ref,
     children: [jsxs("header", {
@@ -1059,9 +1073,9 @@ var Dialog = Object.assign(DialogRoot, {
   open: openDialog
 });
 
-var _excluded$16 = ["children", "className", "icon", "prefix"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$17 = ["children", "className", "icon", "prefix"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-error-message--docs Error Message docs at Amsterdam Design System}
  */
@@ -1072,8 +1086,8 @@ var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
     icon = _ref$icon === void 0 ? WarningIcon : _ref$icon,
     _ref$prefix = _ref.prefix,
     prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsxs("p", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
+  return jsxs("p", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     className: clsx('ams-error-message', className),
     ref: ref,
     children: [jsx(Icon, {
@@ -1086,9 +1100,9 @@ var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ErrorMessage.displayName = 'ErrorMessage';
 
-var _excluded$15 = ["children", "className", "invalid"];
-function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$16 = ["children", "className", "invalid"];
+function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field--docs Field docs at Amsterdam Design System}
  */
@@ -1096,8 +1110,8 @@ var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$15);
-  return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     className: clsx('ams-field', invalid && 'ams-field--invalid', className),
     ref: ref,
     children: children
@@ -1105,9 +1119,9 @@ var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Field.displayName = 'Field';
 
-var _excluded$14 = ["className", "hint", "inFieldSet", "optional"];
-function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$15 = ["className", "hint", "inFieldSet", "optional"];
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getHintText = function getHintText(_ref) {
   var hint = _ref.hint,
     optional = _ref.optional;
@@ -1123,12 +1137,12 @@ var Hint = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     hint = _ref2.hint,
     inFieldSet = _ref2.inFieldSet,
     optional = _ref2.optional,
-    restProps = _objectWithoutProperties(_ref2, _excluded$14);
+    restProps = _objectWithoutProperties(_ref2, _excluded$15);
   var hintText = getHintText({
     hint: hint,
     optional: optional
   });
-  return hintText && jsxs("span", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+  return hintText && jsxs("span", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     className: clsx('ams-hint', inFieldSet && 'ams-hint--in-fieldset', className),
     ref: ref,
     children: ["(", hintText, ")"]
@@ -1136,9 +1150,9 @@ var Hint = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 Hint.displayName = 'Hint';
 
-var _excluded$13 = ["children", "className", "hint", "inFieldSet", "invalid", "legend", "legendIsPageHeading", "optional"];
-function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$14 = ["children", "className", "hint", "inFieldSet", "invalid", "legend", "legendIsPageHeading", "optional"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field-set--docs Field Set docs at Amsterdam Design System}
  */
@@ -1151,7 +1165,7 @@ var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     legend = _ref.legend,
     legendIsPageHeading = _ref.legendIsPageHeading,
     optional = _ref.optional,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
   var legendContent = jsxs(Fragment, {
     children: [legend, " ", jsx(Hint, {
       hint: hint,
@@ -1159,7 +1173,7 @@ var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
       optional: optional
     })]
   });
-  return jsxs("fieldset", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+  return jsxs("fieldset", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
     ref: ref,
     children: [jsx("legend", {
@@ -1173,15 +1187,15 @@ var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FieldSet.displayName = 'FieldSet';
 
-var _excluded$12 = ["children", "className", "color"];
-function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$13 = ["children", "className", "color"];
+function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsx("figcaption", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsx("figcaption", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     className: clsx('ams-figure__caption', color && "ams-figure__caption--".concat(color), className),
     ref: ref,
     children: children
@@ -1189,14 +1203,14 @@ var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FigureCaption.displayName = 'Figure.Caption';
 
-var _excluded$11 = ["children", "className"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$12 = ["children", "className"];
+function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FigureRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsx("figure", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsx("figure", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     className: clsx('ams-figure', className),
     ref: ref,
     children: children
@@ -1210,16 +1224,16 @@ var Figure = Object.assign(FigureRoot, {
   Caption: FigureCaption
 });
 
-var _excluded$10 = ["className"];
-function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$11 = ["className"];
+function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-file-input--docs File Input docs at Amsterdam Design System}
  */
 var FileInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsx("input", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     className: clsx('ams-file-input', className),
     ref: ref,
     type: "file"
@@ -1280,15 +1294,15 @@ var formatFileType = function formatFileType(fileType) {
   }
 };
 
-var _excluded$$ = ["className", "file", "onDelete"];
-function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$10 = ["className", "file", "onDelete"];
+function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FileListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     file = _ref.file,
     onDelete = _ref.onDelete,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsxs("li", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$10);
+  return jsxs("li", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     className: clsx('ams-file-list__item', className),
     ref: ref,
     children: [jsx("div", {
@@ -1320,14 +1334,14 @@ var FileListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FileListItem.displayName = 'FileList.Item';
 
-var _excluded$_ = ["children", "className"];
-function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$$ = ["children", "className"];
+function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FileListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
-  return jsx("ul", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsx("ul", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     className: clsx('ams-file-list', className),
     ref: ref,
     children: children
@@ -1341,9 +1355,9 @@ var FileList = Object.assign(FileListRoot, {
   Item: FileListItem
 });
 
-var _excluded$Z = ["as", "children", "className", "span", "start"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$_ = ["as", "children", "className", "span", "start"];
+function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -1351,8 +1365,8 @@ var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     span = _ref.span,
     start = _ref.start,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsx(Tag, _objectSpread$15(_objectSpread$15({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     className: clsx('ams-grid__cell', gridCellClasses(span, start), className),
     ref: ref,
     children: children
@@ -1360,9 +1374,9 @@ var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 GridCell.displayName = 'Grid.Cell';
 
-var _excluded$Y = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
-function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Z = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GridRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -1372,8 +1386,8 @@ var GridRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     paddingBottom = _ref.paddingBottom,
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsx(Tag, _objectSpread$14(_objectSpread$14({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsx(Tag, _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses('grid', paddingBottom, paddingTop, paddingVertical), className),
     ref: ref,
     children: children
@@ -1387,135 +1401,46 @@ var Grid = Object.assign(GridRoot, {
   Cell: GridCell
 });
 
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-var defaultValues$1 = {
-  currentSlideId: 0,
-  goToNextSlide: function goToNextSlide() {},
-  goToPreviousSlide: function goToPreviousSlide() {},
-  goToSlideId: function goToSlideId() {},
-  isAtEnd: false,
-  isAtStart: true
+var _excluded$Y = ["icon"];
+function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ImageSliderControl = function ImageSliderControl(_ref) {
+  var icon = _ref.icon,
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsx(Button, _objectSpread$14({
+    className: "ams-image-slider__control",
+    color: "inverse",
+    icon: icon
+  }, restProps));
 };
-var ImageSliderContext = /*#__PURE__*/createContext(defaultValues$1);
-
-var _excluded$X = ["className", "nextLabel", "previousLabel"];
-function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageSliderControls = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    nextLabel = _ref.nextLabel,
-    previousLabel = _ref.previousLabel,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
-  var _useContext = useContext(ImageSliderContext),
-    goToNextSlide = _useContext.goToNextSlide,
-    goToPreviousSlide = _useContext.goToPreviousSlide,
-    isAtEnd = _useContext.isAtEnd,
-    isAtStart = _useContext.isAtStart;
-  var handleClickPrevious = useCallback(function () {
-    return goToPreviousSlide();
-  }, [goToPreviousSlide]);
-  var handleClickNext = useCallback(function () {
-    return goToNextSlide();
-  }, [goToNextSlide]);
-  return jsxs("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
-    className: clsx('ams-image-slider__controls', className),
-    ref: ref,
-    children: [jsx(Button, {
-      className: "ams-image-slider__control ams-image-slider__control--previous",
-      color: "inverse",
-      disabled: isAtStart,
-      icon: ChevronBackwardIcon,
-      iconOnly: true,
-      onClick: handleClickPrevious,
-      children: previousLabel
-    }), jsx(Button, {
-      className: "ams-image-slider__control ams-image-slider__control--next",
-      color: "inverse",
-      disabled: isAtEnd,
-      icon: ChevronForwardIcon,
-      iconOnly: true,
-      onClick: handleClickNext,
-      children: nextLabel
-    })]
-  }));
-});
-ImageSliderControls.displayName = 'ImageSliderControls';
-
-var _excluded$W = ["children", "className", "slideId"];
-function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageSliderItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    slideId = _ref.slideId,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  var _useContext = useContext(ImageSliderContext),
-    currentSlideId = _useContext.currentSlideId;
-  var isInView = useMemo(function () {
-    return currentSlideId === slideId;
-  }, [currentSlideId, slideId]);
-  var itemClassName = useMemo(function () {
-    return clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
-  }, [isInView, className]);
-  return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
-    "aria-hidden": !isInView ? true : undefined,
-    className: itemClassName,
-    ref: ref,
-    children: children
-  }));
-});
-ImageSliderItem.displayName = 'ImageSlider.Item';
-
-var _excluded$V = ["children", "className"];
-function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageSliderScroller = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
-  return jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
-    className: clsx('ams-image-slider__scroller', className),
-    ref: ref,
-    children: children
-  }));
-});
-ImageSliderScroller.displayName = 'ImageSlider.Scroller';
 
-var _excluded$U = ["className", "imageLabel", "thumbnails"];
-function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+var ImageSliderThumbnails = function ImageSliderThumbnails(_ref) {
+  var currentSlideId = _ref.currentSlideId,
     imageLabel = _ref.imageLabel,
-    thumbnails = _ref.thumbnails,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  var _useContext = useContext(ImageSliderContext),
-    currentSlideId = _useContext.currentSlideId,
-    goToNextSlide = _useContext.goToNextSlide,
-    goToPreviousSlide = _useContext.goToPreviousSlide,
-    goToSlideId = _useContext.goToSlideId;
-  var handleKeyDown = useCallback(function (event) {
+    scrollToSlide = _ref.scrollToSlide,
+    thumbnails = _ref.thumbnails;
+  var handleKeyDown = function handleKeyDown(event) {
     var element = event.currentTarget.children[currentSlideId];
     if (event.key === 'ArrowRight') {
       var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
       if (nextElement) {
         nextElement.focus();
-        goToNextSlide();
+        scrollToSlide(currentSlideId + 1);
       }
     }
     if (event.key === 'ArrowLeft') {
       var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
       if (previousElement) {
         previousElement.focus();
-        goToPreviousSlide();
+        scrollToSlide(currentSlideId - 1);
       }
     }
-  }, [currentSlideId, goToNextSlide, goToPreviousSlide]);
-  var renderThumbnails = useMemo(function () {
-    return thumbnails.map(function (_ref2, index) {
+  };
+  return jsx("nav", {
+    className: "ams-image-slider__thumbnails",
+    onKeyDown: handleKeyDown,
+    role: "tablist",
+    children: thumbnails.map(function (_ref2, index) {
       var alt = _ref2.alt,
         aspectRatio = _ref2.aspectRatio,
         src = _ref2.src;
@@ -1526,7 +1451,7 @@ var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
         "aria-setsize": thumbnails.length,
         className: clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view', generateAspectRatioClass(aspectRatio)),
         onClick: function onClick() {
-          return goToSlideId(index);
+          return scrollToSlide(index);
         },
         role: "tab",
         style: {
@@ -1534,23 +1459,68 @@ var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
         },
         tabIndex: currentSlideId === index ? 0 : -1,
         type: "button"
-      }, index);
-    });
-  }, [currentSlideId, goToSlideId, imageLabel, thumbnails]);
-  return jsx("nav", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    className: clsx('ams-image-slider__thumbnails', className),
-    onKeyDown: handleKeyDown,
-    ref: ref,
-    role: "tablist",
-    children: renderThumbnails
-  }));
-});
-ImageSliderThumbnails.displayName = 'ImageSlider.Thumbnails';
+      }, "".concat(index, "-").concat(src));
+    })
+  });
+};
 
-var _excluded$T = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
-function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+function debounce(fn, delay) {
+  var timer = null;
+  return function () {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(function () {
+      return fn.apply(_this, args);
+    }, delay);
+  };
+}
+
+var scrollToSlide = function scrollToSlide(id, ref) {
+  var _ref$current;
+  var element = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children[id];
+  var scrollerElement = ref.current;
+  if (!element || !scrollerElement) return;
+  scrollerElement.scrollTo({
+    left: element.offsetLeft
+  });
+};
+
+var scrollToCurrentSlideOnResize = function scrollToCurrentSlideOnResize(_ref) {
+  var _ref$current;
+  var currentSlideId = _ref.currentSlideId,
+    ref = _ref.ref;
+  var scrollerElement = ref.current;
+  var currentSlideElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children[currentSlideId];
+  if (!scrollerElement || !currentSlideElement) return;
+  var expectedScrollLeft = currentSlideElement.offsetLeft;
+  if (Math.abs(scrollerElement.scrollLeft - expectedScrollLeft) < 1) return;
+  scrollToSlide(currentSlideId, ref);
+};
+
+var setCurrentSlideIdToVisibleSlide = function setCurrentSlideIdToVisibleSlide(_ref) {
+  var _ref$current;
+  var observations = _ref.observations,
+    ref = _ref.ref,
+    setCurrentSlideId = _ref.setCurrentSlideId;
+  var images = Array.from(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children) || []);
+  if (images.length === 0) return;
+  observations.forEach(function (observation) {
+    if (observation.isIntersecting) {
+      setCurrentSlideId(images.indexOf(observation.target));
+    }
+  });
+};
+
+var _excluded$X = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
+function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
+ */
+var ImageSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     controls = _ref.controls,
     _ref$imageLabel = _ref.imageLabel,
@@ -1560,163 +1530,112 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     nextLabel = _ref$nextLabel === void 0 ? 'Volgende' : _ref$nextLabel,
     _ref$previousLabel = _ref.previousLabel,
     previousLabel = _ref$previousLabel === void 0 ? 'Vorige' : _ref$previousLabel,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  if (images.length === 0) return null;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     currentSlideId = _useState2[0],
     setCurrentSlideId = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isAtStart = _useState4[0],
-    setIsAtStart = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isAtEnd = _useState6[0],
-    setIsAtEnd = _useState6[1];
-  var targetRef = useRef(null);
-  var observerRef = useRef(null);
-  var inView = useCallback(function (observations) {
-    var _targetRef$current;
-    var images = Array.from(((_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.children) || []);
-    observations.forEach(function (observation) {
-      if (observation.isIntersecting) {
-        setCurrentSlideId(images.indexOf(observation.target));
-      }
-    });
-  }, []);
-  var observerOptions = useMemo(function () {
-    return {
-      root: targetRef.current,
+  var scrollerRef = useRef(null);
+  var isAtStart = currentSlideId === 0;
+  var isAtEnd = currentSlideId === images.length - 1;
+  useEffect(function () {
+    if (!scrollerRef.current) return undefined;
+    var observerOptions = {
+      root: scrollerRef.current,
       threshold: 0.6
     };
-  }, []);
-  var updateControls = useCallback(function () {
-    var sliderScrollerElement = targetRef.current;
-    if (!sliderScrollerElement) return;
-    var firstElement = sliderScrollerElement.firstElementChild,
-      lastElement = sliderScrollerElement.lastElementChild;
-    setIsAtStart(firstElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
-    setIsAtEnd(lastElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
-  }, [currentSlideId]);
-  useEffect(function () {
-    if (targetRef.current) {
-      observerRef.current = new IntersectionObserver(inView, observerOptions);
-      var observer = observerRef.current;
-      var slides = Array.from(targetRef.current.children);
-      slides.forEach(function (slide) {
-        return observer.observe(slide);
+    var observer = new IntersectionObserver(function (observations) {
+      return setCurrentSlideIdToVisibleSlide({
+        observations: observations,
+        ref: scrollerRef,
+        setCurrentSlideId: setCurrentSlideId
       });
-      targetRef.current.addEventListener('scrollend', synchronise);
-      updateControls();
-      return function () {
-        var _targetRef$current2;
-        slides.forEach(function (slide) {
-          return observer.unobserve(slide);
-        });
-        (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 || _targetRef$current2.removeEventListener('scrollend', synchronise);
-      };
-    }
-    return undefined;
-  }, [inView, observerOptions, updateControls]);
-  var synchronise = useCallback(function () {
-    return updateControls();
-  }, [updateControls]);
-  var goToSlide = useCallback(function (element) {
-    var sliderScrollerElement = targetRef.current;
-    if (!sliderScrollerElement || !element) return;
-    sliderScrollerElement.scrollTo({
-      left: element.offsetLeft
+    }, observerOptions);
+    var slides = Array.from(scrollerRef.current.children);
+    slides.forEach(function (slide) {
+      return observer.observe(slide);
     });
+    return function () {
+      return observer.disconnect();
+    };
   }, []);
-  var goToSlideId = useCallback(function (id) {
-    var _targetRef$current3;
-    var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.children[id];
-    if (element) goToSlide(element);
-  }, [goToSlide]);
-  var goToNextSlide = useCallback(function () {
-    var _targetRef$current4;
-    var element = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.children[currentSlideId];
-    var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
-    if (nextElement) goToSlide(nextElement);
-  }, [currentSlideId, goToSlide]);
-  var goToPreviousSlide = useCallback(function () {
-    var _targetRef$current5;
-    var element = (_targetRef$current5 = targetRef.current) === null || _targetRef$current5 === void 0 ? void 0 : _targetRef$current5.children[currentSlideId];
-    var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
-    if (previousElement) goToSlide(previousElement);
-  }, [currentSlideId, goToSlide]);
   useEffect(function () {
-    var handleResize = function handleResize() {
-      var _targetRef$current6;
-      var sliderScrollerElement = targetRef.current;
-      var currentSlideElement = (_targetRef$current6 = targetRef.current) === null || _targetRef$current6 === void 0 ? void 0 : _targetRef$current6.children[currentSlideId];
-      if (!sliderScrollerElement || !currentSlideElement) return;
-      var expectedScrollLeft = currentSlideElement.offsetLeft;
-      if (Math.abs(sliderScrollerElement.scrollLeft - expectedScrollLeft) < 1) return;
-      goToSlide(currentSlideElement);
-    };
+    var handleResize = debounce(function () {
+      return scrollToCurrentSlideOnResize({
+        currentSlideId: currentSlideId,
+        ref: scrollerRef
+      });
+    }, 100);
     window.addEventListener('resize', handleResize);
     return function () {
       return window.removeEventListener('resize', handleResize);
     };
-  }, [currentSlideId, goToSlide]);
-  return jsx(ImageSliderContext.Provider, {
-    value: {
-      currentSlideId: currentSlideId,
-      goToNextSlide: goToNextSlide,
-      goToPreviousSlide: goToPreviousSlide,
-      goToSlideId: goToSlideId,
-      isAtEnd: isAtEnd,
-      isAtStart: isAtStart
-    },
-    children: jsxs("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
-      "aria-roledescription": "carousel",
-      className: clsx('ams-image-slider', controls && 'ams-image-slider--controls', className),
-      ref: ref,
-      tabIndex: -1,
-      children: [controls && jsx(ImageSliderControls, {
-        nextLabel: nextLabel,
-        previousLabel: previousLabel
-      }), jsx(ImageSliderScroller, {
-        "aria-live": "polite",
-        ref: targetRef,
-        role: "group",
-        tabIndex: 0,
-        children: images.map(function (_ref2, index) {
-          var alt = _ref2.alt,
-            aspectRatio = _ref2.aspectRatio,
-            sizes = _ref2.sizes,
-            src = _ref2.src,
-            srcSet = _ref2.srcSet;
-          return jsx(ImageSliderItem, {
-            slideId: index,
-            children: jsx(Image, {
-              alt: alt,
-              aspectRatio: aspectRatio,
-              sizes: sizes,
-              src: src,
-              srcSet: srcSet
-            })
-          }, index);
-        })
-      }), jsx(ImageSliderThumbnails, {
-        imageLabel: imageLabel,
-        thumbnails: images
+  }, [currentSlideId]);
+  return jsxs("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    "aria-roledescription": "carousel",
+    className: clsx('ams-image-slider',
+    // The 'ams-image-slider--controls' class is @deprecated and will be removed in a future release.
+    controls && 'ams-image-slider--controls', className),
+    ref: ref,
+    children: [controls && jsxs("div", {
+      className: "ams-image-slider__controls",
+      children: [jsx(ImageSliderControl, {
+        disabled: isAtStart,
+        icon: ChevronBackwardIcon,
+        iconOnly: true,
+        onClick: function onClick() {
+          return scrollToSlide(currentSlideId - 1, scrollerRef);
+        },
+        children: previousLabel
+      }), jsx(ImageSliderControl, {
+        disabled: isAtEnd,
+        icon: ChevronForwardIcon,
+        iconOnly: true,
+        onClick: function onClick() {
+          return scrollToSlide(currentSlideId + 1, scrollerRef);
+        },
+        children: nextLabel
       })]
-    }))
-  });
-});
-ImageSliderRoot.displayName = 'ImageSlider';
-/**
- * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
- */
-var ImageSlider = Object.assign(ImageSliderRoot, {
-  Item: ImageSliderItem
+    }), jsx("div", {
+      "aria-live": "polite",
+      className: "ams-image-slider__scroller",
+      ref: scrollerRef,
+      role: "group",
+      tabIndex: 0,
+      children: images.map(function (_ref2, index) {
+        var alt = _ref2.alt,
+          aspectRatio = _ref2.aspectRatio,
+          sizes = _ref2.sizes,
+          src = _ref2.src,
+          srcSet = _ref2.srcSet;
+        return jsx(Image, {
+          alt: alt,
+          "aria-hidden": index !== currentSlideId ? true : undefined,
+          aspectRatio: aspectRatio,
+          className: clsx('ams-image-slider__item',
+          // The 'ams-image-slider__item--in-view' class is @deprecated and will be removed in a future release.
+          index === currentSlideId && 'ams-image-slider__item--in-view'),
+          sizes: sizes,
+          src: src,
+          srcSet: srcSet
+        }, "".concat(index, "-").concat(src));
+      })
+    }), jsx(ImageSliderThumbnails, {
+      currentSlideId: currentSlideId,
+      imageLabel: imageLabel,
+      scrollToSlide: function scrollToSlide$1(id) {
+        return scrollToSlide(id, scrollerRef);
+      },
+      thumbnails: images
+    })]
+  }));
 });
+ImageSlider.displayName = 'ImageSlider';
 
-var _excluded$S = ["children", "className", "color", "icon", "size"];
-function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$W = ["children", "className", "color", "icon", "size"];
+function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** One link with a Link List. */
 var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -1725,9 +1644,9 @@ var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? ChevronForwardIcon : _ref$icon,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
+    restProps = _objectWithoutProperties(_ref, _excluded$W);
   return jsx("li", {
-    children: jsxs("a", _objectSpread$_(_objectSpread$_({
+    children: jsxs("a", _objectSpread$12(_objectSpread$12({
       className: clsx('ams-link-list__link', color && "ams-link-list__link--".concat(color), size && "ams-link-list__link--".concat(size), className),
       ref: ref
     }, restProps), {}, {
@@ -1740,15 +1659,15 @@ var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 LinkListLink.displayName = 'LinkList.Link';
 
-var _excluded$R = ["children", "className"];
-function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$V = ["children", "className"];
+function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** A collection of related links. */
 var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsx("ul", _objectSpread$Z(_objectSpread$Z({
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
+  return jsx("ul", _objectSpread$11(_objectSpread$11({
     className: clsx('ams-link-list', className),
     ref: ref
   }, restProps), {}, {
@@ -1763,9 +1682,9 @@ var LinkList = Object.assign(LinkListRoot, {
   Link: LinkListLink
 });
 
-var _excluded$Q = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
-function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$U = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
+function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InvalidFormAlertWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     errors = _ref.errors,
@@ -1776,7 +1695,7 @@ var InvalidFormAlertWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
     heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
     headingLevel = _ref.headingLevel,
     setHasFocusedOnce = _ref.setHasFocusedOnce,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
   var innerRef = useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
   useImperativeHandle(ref, function () {
@@ -1788,7 +1707,7 @@ var InvalidFormAlertWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setHasFocusedOnce(true);
     }
   }, [innerRef]);
-  return jsx(Alert, _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
+  return jsx(Alert, _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     className: clsx('ams-invalid-form-alert', className),
     heading: heading,
     // Remove the default label for the Alert.
@@ -1836,16 +1755,16 @@ errors) {
   return null;
 };
 
-var _excluded$P = ["errorCountLabel", "errors"];
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$T = ["errorCountLabel", "errors"];
+function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-invalid-form-alert--docs Invalid Form Alert docs at Amsterdam Design System}
  */
 var InvalidFormAlert = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var errorCountLabel = _ref.errorCountLabel,
     errors = _ref.errors,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
   // An Invalid Form Alert without errors only resets the document title.
   // With errors, it renders the InvalidFormAlertWithErrors component.
   useAddErrorCountToDocumentTitle(errors, errorCountLabel);
@@ -1856,7 +1775,7 @@ var InvalidFormAlert = /*#__PURE__*/forwardRef(function (_ref, ref) {
     hasFocusedOnce = _useState2[0],
     setHasFocusedOnce = _useState2[1];
   if (errors.length === 0) return undefined;
-  return jsx(InvalidFormAlertWithErrors, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+  return jsx(InvalidFormAlertWithErrors, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     errors: errors,
     hasFocusedOnce: hasFocusedOnce,
     ref: ref,
@@ -1865,9 +1784,9 @@ var InvalidFormAlert = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 InvalidFormAlert.displayName = 'InvalidFormAlert';
 
-var _excluded$O = ["children", "className", "hint", "inFieldSet", "isPageHeading", "optional"];
-function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$S = ["children", "className", "hint", "inFieldSet", "isPageHeading", "optional"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-label--docs Label docs at Amsterdam Design System}
  */
@@ -1878,8 +1797,8 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inFieldSet = _ref.inFieldSet,
     isPageHeading = _ref.isPageHeading,
     optional = _ref.optional,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  var labelElement = jsxs("label", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  var labelElement = jsxs("label", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     className: clsx('ams-label', inFieldSet && 'ams-label--in-fieldset', className),
     ref: ref,
     children: [children, " ", jsx(Hint, {
@@ -1895,9 +1814,9 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Label.displayName = 'Label';
 
-var _excluded$N = ["children", "className", "color"];
-function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$R = ["children", "className", "color"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs Link docs at Amsterdam Design System}
  */
@@ -1905,8 +1824,8 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsx("a", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsx("a", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     className: clsx('ams-link', color && "ams-link--".concat(color), className),
     ref: ref,
     children: children
@@ -1914,10 +1833,10 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Link.displayName = 'Link';
 
-function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$U(_objectSpread$U({
+  return jsxs("svg", _objectSpread$Y(_objectSpread$Y({
     className: "ams-logo",
     focusable: "false",
     height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
@@ -1940,10 +1859,10 @@ var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 LogoAmsterdam.displayName = 'LogoAmsterdam';
 
-function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$T(_objectSpread$T({
+  return jsxs("svg", _objectSpread$X(_objectSpread$X({
     className: "ams-logo",
     focusable: "false",
     height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
@@ -1970,10 +1889,10 @@ var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
 
-function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoMuseumWeesp = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$S(_objectSpread$S({
+  return jsxs("svg", _objectSpread$W(_objectSpread$W({
     className: "ams-logo",
     fill: "none",
     focusable: "false",
@@ -2009,10 +1928,10 @@ var LogoMuseumWeesp = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
 
-function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$R(_objectSpread$R({
+  return jsxs("svg", _objectSpread$V(_objectSpread$V({
     className: "ams-logo",
     focusable: "false",
     height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
@@ -2039,10 +1958,10 @@ var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 LogoStadsarchief.displayName = 'LogoStadsarchief';
 
-function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$Q(_objectSpread$Q({
+  return jsxs("svg", _objectSpread$U(_objectSpread$U({
     className: "ams-logo",
     focusable: "false",
     height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
@@ -2069,10 +1988,10 @@ var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
 
-function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$P(_objectSpread$P({
+  return jsxs("svg", _objectSpread$T(_objectSpread$T({
     className: "ams-logo",
     focusable: "false",
     height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
@@ -2099,33 +2018,33 @@ var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
 
-var _excluded$M = ["aria-label", "brand", "className"];
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Q = ["aria-label", "brand", "className"];
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var logoConfig = {
   amsterdam: {
     label: 'Gemeente Amsterdam logo',
-    logo: LogoAmsterdam
+    svg: LogoAmsterdam
   },
   'ggd-amsterdam': {
     label: 'GGD Amsterdam logo',
-    logo: LogoGgdAmsterdam
+    svg: LogoGgdAmsterdam
   },
   'museum-weesp': {
     label: 'Gemeente Amsterdam Museum Weesp logo',
-    logo: LogoMuseumWeesp
+    svg: LogoMuseumWeesp
   },
   stadsarchief: {
     label: 'Gemeente Amsterdam Stadsarchief logo',
-    logo: LogoStadsarchief
+    svg: LogoStadsarchief
   },
   'stadsbank-van-lening': {
     label: 'Gemeente Amsterdam Stadsbank van Lening logo',
-    logo: LogoStadsbankVanLening
+    svg: LogoStadsbankVanLening
   },
   'vga-verzekeringen': {
     label: 'Gemeente Amsterdam VGA Verzekeringen logo',
-    logo: LogoVgaVerzekeringen
+    svg: LogoVgaVerzekeringen
   }
 };
 /**
@@ -2136,28 +2055,29 @@ var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$brand = _ref.brand,
     brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  var LogoComponent = logoConfig[brand].logo;
-  var logoLabel = logoConfig[brand].label;
-  return jsx(LogoComponent, _objectSpread$O(_objectSpread$O({}, restProps), {}, {
-    "aria-label": ariaLabel || logoLabel,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  var config = typeof brand === 'string' ? logoConfig[brand] : brand;
+  var label = config.label,
+    LogoComponent = config.svg;
+  return jsx(LogoComponent, _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+    "aria-label": ariaLabel || label,
     className: clsx('ams-logo', className),
     ref: ref
   }));
 });
 Logo.displayName = 'Logo';
 
-var _excluded$L = ["children", "className"];
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$P = ["children", "className"];
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-mark--docs Mark docs at Amsterdam Design System}
  */
 var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsx("mark", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsx("mark", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     className: clsx('ams-mark', className),
     ref: ref,
     children: children
@@ -2165,17 +2085,17 @@ var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
 
-var _excluded$K = ["children", "className", "color", "icon"];
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$O = ["children", "className", "color", "icon"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     icon = _ref.icon,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
   return jsx("li", {
-    children: jsxs("a", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+    children: jsxs("a", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
       className: clsx('ams-menu__link', color && "ams-menu__link--".concat(color), className),
       ref: ref,
       children: [jsx(Icon, {
@@ -2187,20 +2107,20 @@ var MenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 MenuLink.displayName = 'Menu.Link';
 
-var _excluded$J = ["accessibleName", "children", "className", "inWideWindow"];
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$N = ["accessibleName", "children", "className", "inWideWindow"];
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$accessibleName = _ref.accessibleName,
     accessibleName = _ref$accessibleName === void 0 ? 'Hoofdnavigatie' : _ref$accessibleName,
     children = _ref.children,
     className = _ref.className,
     inWideWindow = _ref.inWideWindow,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
   // In a medium or narrow window, the Menu is a child of the `nav` of Page Header.
   // In a wide window, we render a `nav` element and the related accessibility features.
   var Tag = inWideWindow ? 'nav' : 'div';
-  return jsxs(Tag, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+  return jsxs(Tag, _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     "aria-labelledby": inWideWindow ? 'primary-navigation' : undefined,
     className: clsx('ams-menu', inWideWindow && "ams-menu--in-wide-window", className),
     ref: ref,
@@ -2222,14 +2142,14 @@ var Menu = Object.assign(MenuRoot, {
   Link: MenuLink
 });
 
-var _excluded$I = ["children", "className"];
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$M = ["children", "className"];
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsx("li", _objectSpread$K(_objectSpread$K({
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsx("li", _objectSpread$O(_objectSpread$O({
     className: clsx('ams-ordered-list__item', className),
     ref: ref
   }, restProps), {}, {
@@ -2238,9 +2158,9 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 OrderedListItem.displayName = 'OrderedList.Item';
 
-var _excluded$H = ["children", "className", "color", "markers", "size"];
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$L = ["children", "className", "color", "markers", "size"];
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2248,8 +2168,8 @@ var OrderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$markers = _ref.markers,
     markers = _ref$markers === void 0 ? true : _ref$markers,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsx("ol", _objectSpread$J(_objectSpread$J({
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsx("ol", _objectSpread$N(_objectSpread$N({
     className: clsx('ams-ordered-list', color && "ams-ordered-list--".concat(color), !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className),
     ref: ref
   }, restProps), {}, {
@@ -2264,17 +2184,17 @@ var OrderedList = Object.assign(OrderedListRoot, {
   Item: OrderedListItem
 });
 
-var _excluded$G = ["children", "className"];
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$K = ["children", "className"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-overlap--docs Overlap docs at Amsterdam Design System}
  */
 var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  return jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
     className: clsx('ams-overlap', className),
     ref: ref,
     children: children
@@ -2282,9 +2202,9 @@ var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Overlap.displayName = 'Overlap';
 
-var _excluded$F = ["children", "className", "withMenu"];
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$J = ["children", "className", "withMenu"];
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page--docs Page docs at Amsterdam Design System}
  */
@@ -2292,8 +2212,8 @@ var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     withMenu = _ref.withMenu,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  return jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
     className: clsx('ams-page', withMenu && 'ams-page--with-menu', className),
     ref: ref,
     children: children
@@ -2301,31 +2221,41 @@ var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Page.displayName = 'Page';
 
-var _excluded$E = ["children", "className"];
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$I = ["children", "className", "heading", "headingLevel"];
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageFooterMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsx("ul", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
-    className: clsx('ams-page-footer__menu', className),
-    ref: ref,
-    children: children
-  }));
+    _ref$heading = _ref.heading,
+    heading = _ref$heading === void 0 ? 'Over deze website' : _ref$heading,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  var HeadingTag = getHeadingTag(headingLevel);
+  return jsxs(Fragment, {
+    children: [jsx(HeadingTag, {
+      className: "ams-visually-hidden",
+      children: heading
+    }), jsx("ul", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
+      className: clsx('ams-page-footer__menu', className),
+      ref: ref,
+      children: children
+    }))]
+  });
 });
 PageFooterMenu.displayName = 'PageFooter.Menu';
 
-var _excluded$D = ["children", "className"];
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$H = ["children", "className"];
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageFooterMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
   return jsx("li", {
     className: "ams-page-footer__menu-item",
-    children: jsx("a", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
+    children: jsx("a", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
       className: clsx('ams-page-footer__menu-link', className),
       ref: ref,
       children: children
@@ -2334,14 +2264,14 @@ var PageFooterMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PageFooterMenuLink.displayName = 'PageFooter.MenuLink';
 
-var _excluded$C = ["children", "className"];
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$G = ["children", "className"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageFooterSpotlight = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
-  return jsx("div", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     className: clsx('ams-page-footer__spotlight', className),
     ref: ref,
     children: children
@@ -2349,14 +2279,14 @@ var PageFooterSpotlight = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PageFooterSpotlight.displayName = 'PageFooter.Spotlight';
 
-var _excluded$B = ["children", "className"];
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$F = ["children", "className"];
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageFooterRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
-  return jsx("footer", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsx("footer", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
     className: clsx('ams-page-footer', className),
     ref: ref,
     children: children
@@ -2382,45 +2312,45 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
     _useState2 = _slicedToArray(_useState, 2),
     matches = _useState2[0],
     setMatches = _useState2[1];
-  useLayoutEffect(function () {
+  useEffect(function () {
     // Check for window object to avoid SSR issues
-    if (typeof window !== 'undefined') {
-      var media = window.matchMedia("(min-width: ".concat(BREAKPOINTS[breakpoint], ")"));
-      if (media.matches !== matches) {
-        setMatches(media.matches);
-      }
-      var listener = function listener() {
-        return setMatches(media.matches);
-      };
-      window.addEventListener('resize', listener);
-      return function () {
-        return window.removeEventListener('resize', listener);
-      };
-    }
-    return undefined;
-  }, [matches, breakpoint]);
+    if (typeof window === 'undefined') return undefined;
+    var query = "(min-width: ".concat(BREAKPOINTS[breakpoint], ")");
+    var media = window.matchMedia(query);
+    var listener = function listener() {
+      return setMatches(media.matches);
+    };
+    // Set initial state
+    setMatches(media.matches);
+    media.addEventListener('change', listener);
+    return function () {
+      return media.removeEventListener('change', listener);
+    };
+  }, [breakpoint]);
   return matches;
 };
 
-var _excluded$A = ["children", "className"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$E = ["children", "className"];
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeaderGridCellNarrowWindowOnly = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  return jsx(Grid.Cell, _objectSpread$C(_objectSpread$C({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsx(Grid.Cell, _objectSpread$G(_objectSpread$G({}, restProps), {}, {
     className: clsx('ams-page-header__grid-cell-narrow-window-only', className),
+    hidden // Hide until its CSS loads; this cell duplicates the non-fixed links in the Page Header Menu.
+    : true,
     ref: ref,
     children: children
   }));
 });
 PageHeaderGridCellNarrowWindowOnly.displayName = 'PageHeader.GridCellNarrowWindowOnly';
 
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeaderMenuIcon = function PageHeaderMenuIcon(props) {
-  return jsxs("svg", _objectSpread$B(_objectSpread$B({
+  return jsxs("svg", _objectSpread$F(_objectSpread$F({
     "aria-hidden": "true",
     focusable: "false",
     viewBox: "0 0 24 24",
@@ -2439,18 +2369,18 @@ var PageHeaderMenuIcon = function PageHeaderMenuIcon(props) {
   }));
 };
 
-var _excluded$z = ["children", "className", "fixed", "icon"];
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$D = ["children", "className", "fixed", "icon"];
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeaderMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     fixed = _ref.fixed,
     icon = _ref.icon,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
   return jsx("li", {
     className: clsx('ams-page-header__menu-item', fixed && 'ams-page-header__menu-item--fixed'),
-    children: jsxs("a", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
+    children: jsxs("a", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
       className: clsx('ams-page-header__menu-link', className),
       ref: ref,
       children: [children, icon && jsx(Icon, {
@@ -2461,9 +2391,9 @@ var PageHeaderMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PageHeaderMenuLink.displayName = 'PageHeader.MenuLink';
 
-var _excluded$y = ["brandName", "children", "className", "logoAccessibleName", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$C = ["brandName", "children", "className", "logoAccessibleName", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonIcon", "menuButtonText", "menuButtonTextForHide", "menuButtonTextForShow", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoLinkContent = function LogoLinkContent(_ref) {
   var brandName = _ref.brandName,
     logoAccessibleName = _ref.logoAccessibleName,
@@ -2493,17 +2423,22 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
     _ref2$logoLinkCompone = _ref2.logoLinkComponent,
     logoLinkComponent = _ref2$logoLinkCompone === void 0 ? function (props) {
-      return jsx("a", _objectSpread$z({}, props));
+      return jsx("a", _objectSpread$D({}, props));
     } : _ref2$logoLinkCompone,
     _ref2$logoLinkTitle = _ref2.logoLinkTitle,
     logoLinkTitle = _ref2$logoLinkTitle === void 0 ? "Ga naar de homepage".concat(brandName ? " van ".concat(brandName) : '') : _ref2$logoLinkTitle,
+    menuButtonIcon = _ref2.menuButtonIcon,
     _ref2$menuButtonText = _ref2.menuButtonText,
     menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
+    _ref2$menuButtonTextF = _ref2.menuButtonTextForHide,
+    menuButtonTextForHide = _ref2$menuButtonTextF === void 0 ? 'Verberg navigatiemenu' : _ref2$menuButtonTextF,
+    _ref2$menuButtonTextF2 = _ref2.menuButtonTextForShow,
+    menuButtonTextForShow = _ref2$menuButtonTextF2 === void 0 ? 'Laat navigatiemenu zien' : _ref2$menuButtonTextF2,
     menuItems = _ref2.menuItems,
     _ref2$navigationLabel = _ref2.navigationLabel,
     navigationLabel = _ref2$navigationLabel === void 0 ? 'Hoofdnavigatie' : _ref2$navigationLabel,
     noMenuButtonOnWideWindow = _ref2.noMenuButtonOnWideWindow,
-    restProps = _objectWithoutProperties(_ref2, _excluded$y);
+    restProps = _objectWithoutProperties(_ref2, _excluded$C);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -2517,7 +2452,7 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       setOpen(false);
     }
   }, [isWideWindow]);
-  return jsxs("header", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
+  return jsxs("header", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
     className: clsx('ams-page-header', className),
     ref: ref,
     children: [jsxs(Link, {
@@ -2550,7 +2485,9 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       }), jsxs("ul", {
         className: "ams-page-header__menu",
         children: [menuItems, hasMegaMenu && jsx("li", {
-          className: clsx(noMenuButtonOnWideWindow && 'ams-page-header__mega-menu-button-item--hide-on-wide-window'),
+          className: clsx('ams-page-header__mega-menu-button-item', noMenuButtonOnWideWindow && 'ams-page-header__mega-menu-button-item--hide-on-wide-window'),
+          hidden // Hide the list item containing the menu button until its CSS loads. If it doesn't load, the menu will always be visible.
+          : true,
           children: jsxs("button", {
             "aria-controls": "ams-page-header-mega-menu",
             "aria-expanded": open,
@@ -2560,14 +2497,18 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
             },
             type: "button",
             children: [jsx("span", {
+              "aria-hidden": "true",
               className: "ams-page-header__mega-menu-button-label",
               children: menuButtonText
+            }), jsx("span", {
+              className: "ams-visually-hidden",
+              children: open ? menuButtonTextForHide : menuButtonTextForShow
             }), jsx("span", {
               "aria-hidden": "true",
               className: "ams-page-header__mega-menu-button-hidden-label",
               children: menuButtonText
             }), jsx(Icon, {
-              svg: jsx(PageHeaderMenuIcon, {
+              svg: menuButtonIcon !== null && menuButtonIcon !== void 0 ? menuButtonIcon : jsx(PageHeaderMenuIcon, {
                 className: clsx('ams-page-header__menu-icon', open && 'ams-page-header__menu-icon--open')
               })
             })]
@@ -2590,9 +2531,9 @@ var PageHeader = Object.assign(PageHeaderRoot, {
   MenuLink: PageHeaderMenuLink
 });
 
-var _excluded$x = ["children", "className", "color"];
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$B = ["children", "className", "color"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @deprecated We no longer use this size of headings. Use `Heading` with level 1 instead.
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-page-heading--docs Page Heading docs at Amsterdam Design System}
@@ -2601,8 +2542,8 @@ var PageHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
-    restProps = _objectWithoutProperties(_ref, _excluded$x);
-  return jsx("h1", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  return jsx("h1", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
     className: clsx('ams-page-heading', color && "ams-page-heading--".concat(color), className),
     ref: ref,
     children: children
@@ -2694,9 +2635,9 @@ var Spacer = function Spacer() {
   });
 };
 
-var _excluded$w = ["accessibleName", "accessibleNameId", "className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextAccessibleName", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousAccessibleName", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$A = ["accessibleName", "accessibleNameId", "className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextAccessibleName", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousAccessibleName", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-pagination--docs Pagination docs at Amsterdam Design System}
  */
@@ -2706,7 +2647,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     _ref$linkComponent = _ref.linkComponent,
     linkComponent = _ref$linkComponent === void 0 ? function (props) {
-      return jsx("a", _objectSpread$x({}, props));
+      return jsx("a", _objectSpread$B({}, props));
     } : _ref$linkComponent,
     linkTemplate = _ref.linkTemplate,
     _ref$maxVisiblePages = _ref.maxVisiblePages,
@@ -2724,7 +2665,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
     totalPages = _ref.totalPages,
     visuallyHiddenLabel = _ref.visuallyHiddenLabel,
     visuallyHiddenLabelId = _ref.visuallyHiddenLabelId,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
   // Don't show pagination if you only have one page
   if (totalPages <= 1) {
     return null;
@@ -2732,7 +2673,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var Link = linkComponent;
   // Get array of page numbers and / or spacers
   var range = getRange(page, totalPages, maxVisiblePages);
-  return jsxs("nav", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+  return jsxs("nav", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
     "aria-labelledby": accessibleNameId || visuallyHiddenLabelId || 'ams-pagination-a11y-label',
     className: clsx('ams-pagination', className),
     ref: ref,
@@ -2781,9 +2722,9 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Pagination.displayName = 'Pagination';
 
-var _excluded$v = ["className", "dir", "invalid"];
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$z = ["className", "dir", "invalid"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-password-input--docs Password Input docs at Amsterdam Design System}
  */
@@ -2791,8 +2732,8 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsx("input", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsx("input", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     autoCorrect: "off",
     className: clsx('ams-password-input', className),
@@ -2804,6 +2745,135 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PasswordInput.displayName = 'PasswordInput';
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+var defaultValues$1 = {
+  // Default value for type safety.
+  // The actual value is always provided via ProgressList’s required headingLevel prop.
+  headingLevel: 2
+};
+var ProgressListContext = /*#__PURE__*/createContext(defaultValues$1);
+
+var _excluded$y = ["children", "className", "hasSubsteps", "heading", "status"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ProgressListStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    hasSubsteps = _ref.hasSubsteps,
+    heading = _ref.heading,
+    status = _ref.status,
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  var _useContext = useContext(ProgressListContext),
+    headingLevel = _useContext.headingLevel;
+  return jsxs("li", _objectSpread$z(_objectSpread$z({
+    "aria-current": status === 'current' ? 'step' : undefined,
+    className: clsx(className, 'ams-progress-list__step', hasSubsteps && 'ams-progress-list__step--has-substeps', status && "ams-progress-list__step--".concat(status)),
+    ref: ref
+  }, restProps), {}, {
+    children: [jsxs("div", {
+      className: "ams-progress-list__indicator",
+      children: [jsx("div", {
+        className: "ams-progress-list__marker",
+        children: jsx("span", {
+          className: "ams-progress-list__marker-shape",
+          children: status === 'current' && jsx(Icon, {
+            color: "inverse",
+            svg: ArrowForwardIcon
+          })
+        })
+      }), jsx("span", {
+        className: "ams-progress-list__connector"
+      })]
+    }), jsxs("div", {
+      className: "ams-progress-list__content",
+      children: [jsx(Heading, {
+        className: "ams-progress-list__heading",
+        level: headingLevel,
+        children: heading
+      }), children]
+    })]
+  }));
+});
+ProgressListStep.displayName = 'ProgressList.Step';
+
+var _excluded$x = ["children", "className", "status"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ProgressListSubstep = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    status = _ref.status,
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxs("li", _objectSpread$y(_objectSpread$y({
+    "aria-current": status === 'current' ? 'step' : undefined,
+    className: clsx('ams-progress-list-substeps__step', status && "ams-progress-list-substeps__step--".concat(status), className),
+    ref: ref
+  }, restProps), {}, {
+    children: [jsxs("div", {
+      className: "ams-progress-list-substeps__indicator",
+      children: [jsx("div", {
+        className: "ams-progress-list-substeps__marker",
+        children: jsx("span", {
+          className: "ams-progress-list-substeps__marker-shape"
+        })
+      }), jsx("span", {
+        className: "ams-progress-list-substeps__connector"
+      })]
+    }), jsx("div", {
+      className: "ams-progress-list-substeps__content",
+      children: children
+    })]
+  }));
+});
+ProgressListSubstep.displayName = 'ProgressList.Substep';
+
+var _excluded$w = ["children", "className"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ProgressListSubsteps = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
+  return jsx("ol", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+    className: clsx('ams-progress-list-substeps', className),
+    ref: ref,
+    children: children
+  }));
+});
+ProgressListSubsteps.displayName = 'ProgressList.Substeps';
+
+var _excluded$v = ["children", "className", "headingLevel"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ProgressListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    headingLevel = _ref.headingLevel,
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsx(ProgressListContext.Provider, {
+    value: {
+      headingLevel: headingLevel
+    },
+    children: jsx("ol", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
+      className: clsx('ams-progress-list', "ams-progress-list--heading-".concat(headingLevel), className),
+      ref: ref,
+      children: children
+    }))
+  });
+});
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-progress-list--docs Progress List docs at Amsterdam Design System}
+ */
+var ProgressList = Object.assign(ProgressListRoot, {
+  Step: ProgressListStep,
+  Substep: ProgressListSubstep,
+  Substeps: ProgressListSubsteps
+});
+ProgressListRoot.displayName = 'ProgressList';
+
 function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SvgRadio = function SvgRadio(props) {
@@ -3574,5 +3644,5 @@ var UnorderedList = Object.assign(UnorderedListRoot, {
   Item: UnorderedListItem
 });
 
-export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, CallToActionLink, 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, Menu, 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 { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, CallToActionLink, 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, Menu, OrderedList, Overlap, Page, PageFooter, PageHeader, PageHeading, Pagination, Paragraph, PasswordInput, ProgressList, Radio, Row, SearchField, Select, SkipLink, Spotlight, StandaloneLink, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, UnorderedList, generateAspectRatioClass };
 //# sourceMappingURL=index.esm.js.map