@amsterdam/design-system-react 0.14.0 → 0.15.0

package/dist/index.cjs.js

@@ -14,7 +14,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
  * Copyright Gemeente Amsterdam
  */
 var defaultValues$2 = {
-  headingLevel: 1,
+  headingLevel: null,
   sectionAs: 'section'
 };
 var AccordionContext = /*#__PURE__*/react.createContext(defaultValues$2);
@@ -27,41 +27,41 @@ function getHeadingTag(level) {
       return 'h3';
     case 4:
       return 'h4';
+    // Ensure valid HTML with invalid input outside of TypeScript.
     default:
       return 'h1';
   }
 }
 
-var _excluded$1A = ["className", "inverseColor", "size", "square", "svg"];
-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 = ["className", "color", "size", "square", "svg"];
+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 Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    _ref$size = _ref.size,
-    size = _ref$size === undefined ? 'level-3' : _ref$size,
+    color = _ref.color,
+    size = _ref.size,
     square = _ref.square,
     svg = _ref.svg,
-    restProps = _objectWithoutProperties(_ref, _excluded$1A);
-  return jsxRuntime.jsx("span", _objectSpread$1I(_objectSpread$1I({
-    ref: ref,
-    className: clsx('ams-icon', inverseColor && 'ams-icon--inverse-color', size === 'level-3' && 'ams-icon--size-3', size === 'level-4' && 'ams-icon--size-4', size === 'level-5' && 'ams-icon--size-5', size === 'level-6' && 'ams-icon--size-6', square && 'ams-icon--square', className)
+    restProps = _objectWithoutProperties(_ref, _excluded$1B);
+  return jsxRuntime.jsx("span", _objectSpread$1J(_objectSpread$1J({
+    className: clsx('ams-icon', color && "ams-icon--".concat(color), size && "ams-icon--".concat(size), square && 'ams-icon--square', className),
+    ref: ref
   }, restProps), {}, {
     children: typeof svg === 'function' ? svg() : svg
   }));
 });
 Icon.displayName = 'Icon';
 
-var _excluded$1z = ["label", "expanded", "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", "expanded", "label"];
+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 AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var label = _ref.label,
-    _ref$expanded = _ref.expanded,
-    expanded = _ref$expanded === undefined ? false : _ref$expanded,
-    children = _ref.children,
+  var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1z);
+    _ref$expanded = _ref.expanded,
+    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+    label = _ref.label,
+    restProps = _objectWithoutProperties(_ref, _excluded$1A);
   var _useContext = react.useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     sectionAs = _useContext.sectionAs;
@@ -74,7 +74,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var id = react.useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
-  return jsxRuntime.jsxs("div", _objectSpread$1H(_objectSpread$1H({
+  return jsxRuntime.jsxs("div", _objectSpread$1I(_objectSpread$1I({
     className: clsx('ams-accordion__section', className),
     ref: ref
   }, restProps), {}, {
@@ -90,9 +90,9 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         },
         type: "button",
         children: [jsxRuntime.jsx(Icon, {
-          svg: designSystemReactIcons.ChevronDownIcon,
-          size: "level-5",
-          className: "ams-accordion__icon"
+          className: "ams-accordion__icon",
+          size: "heading-4",
+          svg: designSystemReactIcons.ChevronDownIcon
         }), label]
       })
     }), jsxRuntime.jsx(SectionTag, {
@@ -112,71 +112,53 @@ AccordionSection.displayName = 'Accordion.Section';
  * Copyright Gemeente Amsterdam
  */
 var KeyboardKeys = {
-  ArrowUp: 'ArrowUp',
   ArrowDown: 'ArrowDown',
-  ArrowRight: 'ArrowRight',
   ArrowLeft: 'ArrowLeft',
-  Home: 'Home',
-  End: 'End'
+  ArrowRight: 'ArrowRight',
+  ArrowUp: 'ArrowUp',
+  End: 'End',
+  Home: 'Home'
 };
 var FOCUSABLE_ELEMENTS = ['a[href]:not([disabled])', 'button:not([disabled])', 'textarea:not([disabled])', 'input[type="text"]:not([disabled])', 'input[type="radio"]:not([disabled])', 'input[type="checkbox"]:not([disabled])', 'select:not([disabled])'];
 var useKeyboardFocus = function useKeyboardFocus(ref, options) {
-  var _options$rotating = options.rotating,
-    rotating = _options$rotating === undefined ? false : _options$rotating,
-    _options$directChildr = options.directChildrenOnly,
-    directChildrenOnly = _options$directChildr === undefined ? false : _options$directChildr,
+  var _options$directChildr = options.directChildrenOnly,
+    directChildrenOnly = _options$directChildr === void 0 ? false : _options$directChildr,
+    _options$focusableEle = options.focusableElements,
+    focusableElements = _options$focusableEle === void 0 ? FOCUSABLE_ELEMENTS : _options$focusableEle,
     _options$horizontally = options.horizontally,
-    horizontally = _options$horizontally === undefined ? false : _options$horizontally;
-  var next = horizontally ? KeyboardKeys.ArrowRight : KeyboardKeys.ArrowDown;
-  var previous = horizontally ? KeyboardKeys.ArrowLeft : KeyboardKeys.ArrowUp;
+    horizontally = _options$horizontally === void 0 ? false : _options$horizontally,
+    _options$rotating = options.rotating,
+    rotating = _options$rotating === void 0 ? false : _options$rotating;
+  var nextKey = horizontally ? KeyboardKeys.ArrowRight : KeyboardKeys.ArrowDown;
+  var prevKey = horizontally ? KeyboardKeys.ArrowLeft : KeyboardKeys.ArrowUp;
   var keyDown = function keyDown(e) {
-    if (ref.current) {
-      var element = ref.current;
-      var activeElement = window.document.activeElement;
-      var directChildSelector = directChildrenOnly ? ':scope > ' : '';
-      var focusableEls = Array.from(element.querySelectorAll("".concat(directChildSelector).concat(FOCUSABLE_ELEMENTS.join(", ".concat(directChildSelector)))));
-      var getIndex = function getIndex(el) {
-        return el && focusableEls.includes(el) ? focusableEls.indexOf(el) : 0;
-      };
-      var el;
-      switch (e.key) {
-        case next:
-          {
-            if (getIndex(activeElement) !== focusableEls.length - 1) {
-              el = focusableEls[getIndex(activeElement) + 1];
-              // If there is nothing focused yet, set the focus on the first element
-              if (activeElement && !focusableEls.includes(activeElement)) {
-                el = focusableEls[0];
-              }
-            } else if (rotating) {
-              el = focusableEls[0];
-            }
-            break;
-          }
-        case previous:
-          {
-            if (getIndex(activeElement) !== 0) {
-              el = focusableEls[getIndex(activeElement) - 1];
-            } else if (rotating) {
-              el = focusableEls[focusableEls.length - 1];
-            }
-            break;
-          }
-        case KeyboardKeys.Home:
-          {
-            el = focusableEls[0];
-            break;
-          }
-        case KeyboardKeys.End:
-          {
-            el = focusableEls[focusableEls.length - 1];
-            break;
-          }
-      }
-      if ((e.key === KeyboardKeys.ArrowDown || e.key === KeyboardKeys.ArrowUp || e.key === KeyboardKeys.ArrowLeft || e.key === KeyboardKeys.ArrowRight || e.key === KeyboardKeys.Home || e.key === KeyboardKeys.End) && el instanceof HTMLElement) {
-        el.focus();
-        e.preventDefault();
-      }
+    if (!ref.current) return;
+    var element = ref.current;
+    var _document = document,
+      activeElement = _document.activeElement;
+    var directChildSelector = directChildrenOnly ? ':scope > ' : '';
+    var focusableEls = Array.from(element.querySelectorAll("".concat(directChildSelector).concat(focusableElements.join(", ".concat(directChildSelector)))));
+    var getIndex = function getIndex(el) {
+      return el && focusableEls.includes(el) ? focusableEls.indexOf(el) : -1;
+    };
+    var targetElement;
+    switch (e.key) {
+      case nextKey:
+        targetElement = focusableEls[getIndex(activeElement) + 1] || (rotating ? focusableEls[0] : undefined);
+        break;
+      case prevKey:
+        targetElement = focusableEls[getIndex(activeElement) - 1] || (rotating ? focusableEls[focusableEls.length - 1] : undefined);
+        break;
+      case KeyboardKeys.Home:
+        targetElement = focusableEls[0];
+        break;
+      case KeyboardKeys.End:
+        targetElement = focusableEls[focusableEls.length - 1];
+        break;
+    }
+    if (targetElement instanceof HTMLElement) {
+      targetElement.focus();
+      e.preventDefault();
     }
   };
   return {
@@ -189,7 +171,7 @@ var AccordionRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     headingLevel = _ref.headingLevel,
     _ref$sectionAs = _ref.sectionAs,
-    sectionAs = _ref$sectionAs === undefined ? 'section' : _ref$sectionAs;
+    sectionAs = _ref$sectionAs === void 0 ? 'section' : _ref$sectionAs;
   var innerRef = react.useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
   react.useImperativeHandle(ref, function () {
@@ -217,78 +199,95 @@ var Accordion = Object.assign(AccordionRoot, {
   Section: AccordionSection
 });
 
-var _excluded$1y = ["children", "className"];
-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$1z = ["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 ActionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1y);
-  return jsxRuntime.jsx("div", _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1z);
+  return jsxRuntime.jsx("div", _objectSpread$1H(_objectSpread$1H({}, restProps), {}, {
     className: clsx('ams-action-group', className),
+    ref: ref,
     role: "group",
     children: children
   }));
 });
 ActionGroup.displayName = 'ActionGroup';
 
-var _excluded$1x = ["children", "className", "inverseColor", "level", "size"];
-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$1y = ["children", "className", "color", "level", "size"];
+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 Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    _ref$level = _ref.level,
-    level = _ref$level === undefined ? 1 : _ref$level,
+    color = _ref.color,
+    level = _ref.level,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$1x);
+    restProps = _objectWithoutProperties(_ref, _excluded$1y);
   var Tag = getHeadingTag(level);
-  var sizeOrLevel = size !== null && size !== undefined ? size : "level-".concat(level);
-  return jsxRuntime.jsx(Tag, _objectSpread$1F(_objectSpread$1F({
-    ref: ref,
-    className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
+  var visualLevel = size ? size.slice(-1) : level;
+  return jsxRuntime.jsx(Tag, _objectSpread$1G(_objectSpread$1G({
+    className: clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
+    ref: ref
   }, restProps), {}, {
     children: children
   }));
 });
 Heading.displayName = 'Heading';
 
-var _excluded$1w = ["className", "label", "contrastColor", "inverseColor", "size", "svg"];
-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$1x = ["className", "color", "label", "size", "svg"];
+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 IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    color = _ref.color,
     label = _ref.label,
-    contrastColor = _ref.contrastColor,
-    inverseColor = _ref.inverseColor,
-    _ref$size = _ref.size,
-    size = _ref$size === undefined ? 'level-5' : _ref$size,
+    size = _ref.size,
     _ref$svg = _ref.svg,
-    svg = _ref$svg === undefined ? designSystemReactIcons.CloseIcon : _ref$svg,
-    restProps = _objectWithoutProperties(_ref, _excluded$1w);
-  return jsxRuntime.jsxs("button", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
+    svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
+    restProps = _objectWithoutProperties(_ref, _excluded$1x);
+  return jsxRuntime.jsxs("button", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
+    className: clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
     ref: ref,
-    className: clsx('ams-icon-button', contrastColor && 'ams-icon-button--contrast-color', inverseColor && 'ams-icon-button--inverse-color', className),
     children: [jsxRuntime.jsx("span", {
       className: "ams-visually-hidden",
       children: label
     }), jsxRuntime.jsx(Icon, {
-      svg: svg,
       size: size,
-      square: true
+      square: true,
+      svg: svg
     })]
   }));
 });
 IconButton.displayName = 'IconButton';
 
+var _excluded$1w = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
+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 Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var align = _ref.align,
+    alignVertical = _ref.alignVertical,
+    _ref$as = _ref.as,
+    Tag = _ref$as === void 0 ? 'div' : _ref$as,
+    children = _ref.children,
+    className = _ref.className,
+    gap = _ref.gap,
+    wrap = _ref.wrap,
+    restProps = _objectWithoutProperties(_ref, _excluded$1w);
+  return jsxRuntime.jsx(Tag, _objectSpread$1E(_objectSpread$1E({}, 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
+  }));
+});
+Row.displayName = 'Row';
+
 var _excluded$1v = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
 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 iconSvgBySeverity = {
   error: designSystemReactIcons.AlertIcon,
-  info: designSystemReactIcons.InfoIcon,
   success: designSystemReactIcons.CheckmarkIcon,
   warning: designSystemReactIcons.AlertIcon
 };
@@ -297,63 +296,51 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     closeable = _ref.closeable,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
-    closeButtonLabel = _ref$closeButtonLabel === undefined ? 'Sluiten' : _ref$closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
     heading = _ref.heading,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === undefined ? 2 : _ref$headingLevel,
+    headingLevel = _ref.headingLevel,
     onClose = _ref.onClose,
-    _ref$severity = _ref.severity,
-    severity = _ref$severity === undefined ? 'warning' : _ref$severity,
+    severity = _ref.severity,
     restProps = _objectWithoutProperties(_ref, _excluded$1v);
-  var alertSize = heading ? 'level-4' : 'level-5';
-  var Tag = heading ? 'section' : 'div';
-  return jsxRuntime.jsxs(Tag, _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
-    ref: ref,
+  var SeverityIcon = severity ? iconSvgBySeverity[severity] : designSystemReactIcons.InfoIcon;
+  return jsxRuntime.jsxs("section", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
     className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
+    ref: ref,
     children: [jsxRuntime.jsx("div", {
-      className: "ams-alert__icon",
+      className: "ams-alert__severity-indicator",
       children: jsxRuntime.jsx(Icon, {
-        size: alertSize,
-        svg: iconSvgBySeverity[severity]
+        color: "inverse",
+        size: "heading-4",
+        svg: SeverityIcon
       })
     }), jsxRuntime.jsxs("div", {
       className: "ams-alert__content",
-      children: [heading && jsxRuntime.jsx(Heading, {
-        level: headingLevel,
-        size: "level-4",
-        children: heading
+      children: [jsxRuntime.jsxs(Row, {
+        align: "between",
+        alignVertical: "start",
+        children: [jsxRuntime.jsx(Heading, {
+          level: headingLevel,
+          size: "level-4",
+          children: heading
+        }), closeable && jsxRuntime.jsx(IconButton, {
+          label: closeButtonLabel,
+          onClick: onClose,
+          size: "heading-4"
+        })]
       }), children]
-    }), closeable && jsxRuntime.jsx(IconButton, {
-      label: closeButtonLabel,
-      size: alertSize,
-      onClick: onClose
     })]
   }));
 });
 Alert.displayName = 'Alert';
 
-var _excluded$1u = ["aspectRatio", "className"];
+var _excluded$1u = ["className", "color", "imageSrc", "label"];
 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 Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var aspectRatio = _ref.aspectRatio,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1u);
-  return jsxRuntime.jsx("img", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-image', aspectRatio && "ams-aspect-ratio--".concat(aspectRatio), className)
-  }));
-});
-Image.displayName = 'Image';
-
-var _excluded$1t = ["label", "imageSrc", "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 AvatarContent = function AvatarContent(_ref) {
   var imageSrc = _ref.imageSrc,
     initials = _ref.initials;
   if (imageSrc) {
-    return jsxRuntime.jsx(Image, {
+    return jsxRuntime.jsx("img", {
       alt: "",
       src: imageSrc
     });
@@ -365,22 +352,21 @@ var AvatarContent = function AvatarContent(_ref) {
     });
   }
   return jsxRuntime.jsx(Icon, {
-    svg: designSystemReactIcons.PersonalLoginIcon,
-    size: "level-6"
+    size: "small",
+    svg: designSystemReactIcons.PersonalLoginIcon
   });
 };
 var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
-  var label = _ref2.label,
+  var className = _ref2.className,
+    color = _ref2.color,
     imageSrc = _ref2.imageSrc,
-    className = _ref2.className,
-    _ref2$color = _ref2.color,
-    color = _ref2$color === undefined ? 'blue' : _ref2$color,
-    restProps = _objectWithoutProperties(_ref2, _excluded$1t);
+    label = _ref2.label,
+    restProps = _objectWithoutProperties(_ref2, _excluded$1u);
   var initials = label.slice(0, 2).toUpperCase();
   var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
-  return jsxRuntime.jsxs("span", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
+  return jsxRuntime.jsxs("span", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
+    className: clsx('ams-avatar', color && "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
     ref: ref,
-    className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
     children: [jsxRuntime.jsx("span", {
       className: "ams-visually-hidden",
       children: a11yLabel
@@ -392,49 +378,48 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 Avatar.displayName = 'Avatar';
 
-var _excluded$1s = ["label", "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$1t = ["className", "color", "label"];
+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 Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var label = _ref.label,
-    className = _ref.className,
-    _ref$color = _ref.color,
-    color = _ref$color === undefined ? 'dark-green' : _ref$color,
-    restProps = _objectWithoutProperties(_ref, _excluded$1s);
-  return jsxRuntime.jsx("span", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
+  var className = _ref.className,
+    color = _ref.color,
+    label = _ref.label,
+    restProps = _objectWithoutProperties(_ref, _excluded$1t);
+  return jsxRuntime.jsx("span", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
+    className: clsx('ams-badge', color && "ams-badge--".concat(color), className),
     ref: ref,
-    className: clsx('ams-badge', "ams-badge--".concat(color), className),
     children: label
   }));
 });
 Badge.displayName = 'Badge';
 
-var _excluded$1r = ["children", "className", "inverseColor"];
-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$1s = ["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 Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$1r);
-  return jsxRuntime.jsx("blockquote", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
+    color = _ref.color,
+    restProps = _objectWithoutProperties(_ref, _excluded$1s);
+  return jsxRuntime.jsx("blockquote", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
+    className: clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
     ref: ref,
-    className: clsx('ams-blockquote', inverseColor && 'ams-blockquote--inverse-color', className),
     children: children
   }));
 });
 Blockquote.displayName = 'Blockquote';
 
-var _excluded$1q = ["children", "className"];
-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$1r = ["children", "className"];
+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 BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1q);
+    restProps = _objectWithoutProperties(_ref, _excluded$1r);
   return jsxRuntime.jsx("li", {
     className: "ams-breadcrumb__item",
-    children: jsxRuntime.jsx("a", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
+    children: jsxRuntime.jsx("a", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
       className: clsx.clsx('ams-breadcrumb__link', className),
       ref: ref,
       children: children
@@ -443,14 +428,14 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 BreadcrumbLink.displayName = 'Breadcrumb.Link';
 
-var _excluded$1p = ["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; }
+var _excluded$1q = ["children", "className"];
+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 BreadcrumbRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1p);
-  return jsxRuntime.jsx("nav", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1q);
+  return jsxRuntime.jsx("nav", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
     className: clsx.clsx('ams-breadcrumb', className),
     ref: ref,
     children: jsxRuntime.jsx("ol", {
@@ -487,12 +472,12 @@ 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$1o = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
-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$1p = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
+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 BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
-    Tag = _ref$as === undefined ? 'div' : _ref$as,
+    Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
     colSpan = _ref.colSpan,
@@ -500,10 +485,10 @@ var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     has = _ref.has,
     rowSpan = _ref.rowSpan,
     rowStart = _ref.rowStart,
-    restProps = _objectWithoutProperties(_ref, _excluded$1o);
-  return jsxRuntime.jsx(Tag, _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1p);
+  return jsxRuntime.jsx(Tag, _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
     className: clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
+    ref: ref,
     children: children
   }));
 });
@@ -523,9 +508,9 @@ var paddingClasses = function paddingClasses(componentName, paddingBottom, paddi
   return classes;
 };
 
-var _excluded$1n = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
-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$1o = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
+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 BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -533,10 +518,10 @@ var BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     paddingBottom = _ref.paddingBottom,
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
-    restProps = _objectWithoutProperties(_ref, _excluded$1n);
-  return jsxRuntime.jsx("div", _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1o);
+  return jsxRuntime.jsx("div", _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
     className: clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
+    ref: ref,
     children: children
   }));
 });
@@ -545,9 +530,9 @@ var Breakout = Object.assign(BreakoutRoot, {
   Cell: BreakoutCell
 });
 
-var _excluded$1m = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
-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$1n = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
+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 Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -557,57 +542,55 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     iconOnly = _ref.iconOnly,
     type = _ref.type,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === undefined ? 'primary' : _ref$variant,
-    restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  return jsxRuntime.jsxs("button", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    restProps = _objectWithoutProperties(_ref, _excluded$1n);
+  return jsxRuntime.jsxs("button", _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
     className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
     disabled: disabled,
     ref: ref,
     type: type || 'button',
     children: [icon && (iconBefore || iconOnly) && jsxRuntime.jsx(Icon, {
-      svg: icon,
-      size: "level-5",
-      square: iconOnly
+      square: iconOnly,
+      svg: icon
     }), icon && iconOnly ? jsxRuntime.jsx("span", {
       className: "ams-visually-hidden",
       children: children
     }) : children, icon && !iconBefore && !iconOnly && jsxRuntime.jsx(Icon, {
-      svg: icon,
-      size: "level-5"
+      svg: icon
     })]
   }));
 });
 Button.displayName = 'Button';
 
-var _excluded$1l = ["children", "className", "inverseColor", "size"];
-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$1m = ["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 Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
+    color = _ref.color,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsxRuntime.jsx("p", _objectSpread$1t(_objectSpread$1t({
-    ref: ref,
-    className: clsx('ams-paragraph', size && "ams-paragraph--".concat(size), inverseColor && 'ams-paragraph--inverse-color', className)
+    restProps = _objectWithoutProperties(_ref, _excluded$1m);
+  return jsxRuntime.jsx("p", _objectSpread$1u(_objectSpread$1u({
+    className: clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
+    ref: ref
   }, restProps), {}, {
     children: children
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var _excluded$1k = ["children", "className", "tagline"];
-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$1l = ["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 CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
-    restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  return jsxRuntime.jsxs("hgroup", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1l);
+  return jsxRuntime.jsxs("hgroup", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
     className: clsx('ams-card__heading-group', className),
+    ref: ref,
     children: [children, jsxRuntime.jsx(Paragraph, {
       size: "small",
       children: tagline
@@ -616,31 +599,31 @@ var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CardHeadingGroup.displayName = 'Card.HeadingGroup';
 
-var _excluded$1j = ["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 _excluded$1k = ["children", "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 CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  return jsxRuntime.jsx("a", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1k);
+  return jsxRuntime.jsx("a", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
     className: clsx('ams-card__link', className),
+    ref: ref,
     children: children
   }));
 });
 CardLink.displayName = 'Card.Link';
 
-var _excluded$1i = ["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$1j = ["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 CardRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1i);
-  return jsxRuntime.jsx("article", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsxRuntime.jsx("article", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
     className: clsx('ams-card', className),
+    ref: ref,
     children: children
   }));
 });
@@ -650,32 +633,32 @@ var Card = Object.assign(CardRoot, {
   Link: CardLink
 });
 
-var _excluded$1h = ["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; }
+var _excluded$1i = ["className", "length", "maxLength"];
+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 CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
-    restProps = _objectWithoutProperties(_ref, _excluded$1h);
-  return jsxRuntime.jsx("div", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+  return jsxRuntime.jsx("div", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
+    ref: ref,
     role: "status",
     children: "".concat(length, " van ").concat(maxLength, " tekens")
   }));
 });
 CharacterCount.displayName = 'CharacterCount';
 
-var _excluded$1g = ["children", "className", "invalid", "indeterminate"];
-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$1h = ["children", "className", "indeterminate", "invalid"];
+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 Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    invalid = _ref.invalid,
     indeterminate = _ref.indeterminate,
-    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
   var id = react.useId();
   var innerRef = react.useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
@@ -693,7 +676,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     // without a containing element
     jsxRuntime.jsxs("div", {
       className: clsx('ams-checkbox', className),
-      children: [jsxRuntime.jsx("input", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+      children: [jsxRuntime.jsx("input", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
         "aria-invalid": invalid || undefined,
         className: "ams-checkbox__input",
         id: id,
@@ -711,36 +694,36 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded$1f = ["align", "alignHorizontal", "as", "children", "className", "gap"];
-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; }
+var _excluded$1g = ["align", "alignHorizontal", "as", "children", "className", "gap"];
+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 Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var align = _ref.align,
     alignHorizontal = _ref.alignHorizontal,
     _ref$as = _ref.as,
-    Tag = _ref$as === undefined ? 'div' : _ref$as,
+    Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
     gap = _ref.gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$1f);
-  return jsxRuntime.jsx(Tag, _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsxRuntime.jsx(Tag, _objectSpread$1o(_objectSpread$1o({}, 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
   }));
 });
 Column.displayName = 'Column';
 
-var _excluded$1e = ["className", "invalid", "type"];
-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 = ["className", "invalid", "type"];
+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; }
 var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'date' : _ref$type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsxRuntime.jsx("input", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+    type = _ref$type === void 0 ? 'date' : _ref$type,
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsxRuntime.jsx("input", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-date-input', className),
     ref: ref,
@@ -749,63 +732,63 @@ var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 DateInput.displayName = 'DateInput';
 
-var _excluded$1d = ["children", "className"];
-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 = ["children", "className"];
+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 DescriptionListDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsxRuntime.jsx("dd", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsxRuntime.jsx("dd", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
     className: clsx('ams-description-list__description', className),
+    ref: ref,
     children: children
   }));
 });
 DescriptionListDescription.displayName = 'DescriptionList.Description';
 
-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 _excluded$1d = ["children", "className"];
+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 DescriptionListSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsxRuntime.jsx("div", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsxRuntime.jsx("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
     className: clsx('ams-description-list__section', className),
+    ref: ref,
     children: children
   }));
 });
 DescriptionListSection.displayName = 'DescriptionList.Section';
 
-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 DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsxRuntime.jsx("dt", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsxRuntime.jsx("dt", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
     className: clsx('ams-description-list__term', className),
+    ref: ref,
     children: children
   }));
 });
 DescriptionListTerm.displayName = 'DescriptionList.Term';
 
-var _excluded$1a = ["children", "className", "inverseColor", "termsWidth"];
-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", "color", "termsWidth"];
+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 DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
+    color = _ref.color,
     termsWidth = _ref.termsWidth,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsxRuntime.jsx("dl", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsxRuntime.jsx("dl", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    className: clsx('ams-description-list', color && "ams-description-list--".concat(color), termsWidth && "ams-description-list--".concat(termsWidth), className),
     ref: ref,
-    className: clsx('ams-description-list', termsWidth && "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
     children: children
   }));
 });
@@ -816,37 +799,38 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
   Term: DescriptionListTerm
 });
 
-var _excluded$19 = ["children", "className", "closeButtonLabel", "footer", "heading"];
-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", "closeButtonLabel", "footer", "heading"];
+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 closeDialog = function closeDialog(event) {
   var _event$currentTarget$;
-  return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === undefined ? undefined : _event$currentTarget$.close();
+  return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.close();
 };
 var openDialog = function openDialog(id) {
   var _document$querySelect;
-  return (_document$querySelect = document.querySelector(id)) === null || _document$querySelect === undefined ? undefined : _document$querySelect.showModal();
+  return (_document$querySelect = document.querySelector(id)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.showModal();
 };
 var DialogRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
-    closeButtonLabel = _ref$closeButtonLabel === undefined ? 'Sluiten' : _ref$closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
     footer = _ref.footer,
     heading = _ref.heading,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsxRuntime.jsxs("dialog", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxRuntime.jsxs("dialog", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
     className: clsx('ams-dialog', className),
+    ref: ref,
     children: [jsxRuntime.jsxs("header", {
       className: "ams-dialog__header",
       children: [jsxRuntime.jsx(Heading, {
+        level: 1,
         size: "level-4",
         children: heading
       }), jsxRuntime.jsx(IconButton, {
         label: closeButtonLabel,
         onClick: closeDialog,
-        size: "level-4",
+        size: "heading-4",
         type: "button"
       })]
     }), jsxRuntime.jsx("div", {
@@ -864,22 +848,22 @@ var Dialog = Object.assign(DialogRoot, {
   open: openDialog
 });
 
-var _excluded$18 = ["children", "className", "icon", "prefix"];
-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", "icon", "prefix"];
+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 ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     _ref$prefix = _ref.prefix,
-    prefix = _ref$prefix === undefined ? 'Invoerfout' : _ref$prefix,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsxRuntime.jsxs("p", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
-    ref: ref,
+    prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsxRuntime.jsxs("p", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
     className: clsx('ams-error-message', className),
+    ref: ref,
     children: [jsxRuntime.jsx(Icon, {
-      svg: icon ? icon : designSystemReactIcons.AlertIcon,
-      size: "level-6"
+      size: "small",
+      svg: icon ? icon : designSystemReactIcons.AlertIcon
     }), jsxRuntime.jsxs("span", {
       className: "ams-visually-hidden",
       children: [prefix, ': ']
@@ -888,25 +872,25 @@ var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ErrorMessage.displayName = 'ErrorMessage';
 
-var _excluded$17 = ["children", "className", "invalid"];
-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 Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var _excluded$18 = ["children", "className", "invalid"];
+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 Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsxRuntime.jsx("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxRuntime.jsx("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     className: clsx('ams-field', invalid && 'ams-field--invalid', className),
+    ref: ref,
     children: children
   }));
 });
 Field.displayName = 'Field';
 
-var _excluded$16 = ["className", "hint", "optional"];
-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 = ["className", "hint", "optional"];
+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 getHintText = function getHintText(_ref) {
   var hint = _ref.hint,
     optional = _ref.optional;
@@ -921,22 +905,22 @@ var Hint = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     hint = _ref2.hint,
     optional = _ref2.optional,
-    restProps = _objectWithoutProperties(_ref2, _excluded$16);
+    restProps = _objectWithoutProperties(_ref2, _excluded$17);
   var hintText = getHintText({
     hint: hint,
     optional: optional
   });
-  return hintText && jsxRuntime.jsxs("span", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
-    ref: ref,
+  return hintText && jsxRuntime.jsxs("span", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     className: clsx('ams-hint', className),
+    ref: ref,
     children: ["(", hintText, ")"]
   }));
 });
 Hint.displayName = 'Hint';
 
-var _excluded$15 = ["children", "className", "hint", "invalid", "legend", "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 _excluded$16 = ["children", "className", "hint", "invalid", "legend", "optional"];
+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 FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -944,10 +928,10 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     invalid = _ref.invalid,
     legend = _ref.legend,
     optional = _ref.optional,
-    restProps = _objectWithoutProperties(_ref, _excluded$15);
-  return jsxRuntime.jsxs("fieldset", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsxs("fieldset", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
+    ref: ref,
     children: [jsxRuntime.jsxs("legend", {
       className: "ams-field-set__legend",
       children: [legend, " ", jsxRuntime.jsx(Hint, {
@@ -959,32 +943,32 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FieldSet.displayName = 'FieldSet';
 
-var _excluded$14 = ["children", "className", "inverseColor"];
-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 = ["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; }
 var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsxRuntime.jsx("figcaption", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    color = _ref.color,
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsxRuntime.jsx("figcaption", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+    className: clsx('ams-figure__caption', color && "ams-figure__caption--".concat(color), className),
     ref: ref,
-    className: clsx('ams-figure__caption', inverseColor && 'ams-figure__caption--inverse-color', className),
     children: children
   }));
 });
 FigureCaption.displayName = 'Figure.Caption';
 
-var _excluded$13 = ["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$14 = ["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 FigureRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsxRuntime.jsx("figure", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsxRuntime.jsx("figure", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     className: clsx('ams-figure', className),
+    ref: ref,
     children: children
   }));
 });
@@ -993,15 +977,15 @@ var Figure = Object.assign(FigureRoot, {
   Caption: FigureCaption
 });
 
-var _excluded$12 = ["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$13 = ["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 FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsxRuntime.jsx("input", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("input", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     className: clsx('ams-file-input', className),
+    ref: ref,
     type: "file"
   }));
 });
@@ -1060,26 +1044,26 @@ var formatFileType = function formatFileType(fileType) {
   }
 };
 
-var _excluded$11 = ["file", "onDelete", "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 = ["className", "file", "onDelete"];
+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 FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var file = _ref.file,
+  var className = _ref.className,
+    file = _ref.file,
     onDelete = _ref.onDelete,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsxRuntime.jsxs("li", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsxs("li", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     className: clsx('ams-file-list__item', className),
+    ref: ref,
     children: [jsxRuntime.jsx("div", {
       className: "ams-file-list__item-preview",
       children: file.type.startsWith('image/') ? jsxRuntime.jsx("img", {
-        src: URL.createObjectURL(file),
-        alt: file.name
+        alt: file.name,
+        src: URL.createObjectURL(file)
       }) : jsxRuntime.jsx(Icon, {
-        svg: designSystemReactIcons.DocumentIcon,
-        size: "level-3",
-        square: true
+        size: "heading-3",
+        square: true,
+        svg: designSystemReactIcons.DocumentIcon
       })
     }), jsxRuntime.jsxs("div", {
       className: "ams-file-list__item-info",
@@ -1089,10 +1073,10 @@ var FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       })]
     }), onDelete && jsxRuntime.jsx("div", {
       children: jsxRuntime.jsx(Button, {
-        variant: "tertiary",
         onClick: function onClick() {
           return onDelete();
         },
+        variant: "tertiary",
         children: "Verwijder"
       })
     })]
@@ -1100,16 +1084,16 @@ var FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FileListItem.displayName = 'FileList.Item';
 
-var _excluded$10 = ["children", "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 = ["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 FileListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsxRuntime.jsx("ul", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxRuntime.jsx("ul", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     className: clsx('ams-file-list', className),
+    ref: ref,
     children: children
   }));
 });
@@ -1118,35 +1102,53 @@ var FileList = Object.assign(FileListRoot, {
   Item: FileListItem
 });
 
+var _excluded$10 = ["children", "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 FooterMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$10);
+  return jsxRuntime.jsx("ul", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    className: clsx('ams-footer__menu', className),
+    ref: ref,
+    children: children
+  }));
+});
+FooterMenu.displayName = 'Footer.Menu';
+
 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 FooterBottom = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var FooterMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsxRuntime.jsx("div", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-footer__bottom', className),
-    children: children
-  }));
+  return jsxRuntime.jsx("li", {
+    className: "ams-footer__menu-item",
+    children: jsxRuntime.jsx("a", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+      className: clsx('ams-footer__menu-link', className),
+      ref: ref,
+      children: children
+    }))
+  });
 });
-FooterBottom.displayName = 'Footer.Bottom';
+FooterMenuLink.displayName = 'Footer.MenuLink';
 
 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 FooterTop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var FooterSpotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$_);
   return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+    className: clsx('ams-footer__spotlight', className),
     ref: ref,
-    className: clsx('ams-footer__top', className),
     children: children
   }));
 });
-FooterTop.displayName = 'Footer.Top';
+FooterSpotlight.displayName = 'Footer.Spotlight';
 
 var _excluded$Z = ["children", "className"];
 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; }
@@ -1156,200 +1158,53 @@ var FooterRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$Z);
   return jsxRuntime.jsx("footer", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-footer', className),
+    ref: ref,
     children: children
   }));
 });
 FooterRoot.displayName = 'Footer';
 var Footer = Object.assign(FooterRoot, {
-  Bottom: FooterBottom,
-  Top: FooterTop
+  Menu: FooterMenu,
+  MenuLink: FooterMenuLink,
+  Spotlight: FooterSpotlight
 });
 
-var _excluded$Y = ["children", "className", "icon", "contrastColor", "inverseColor", "size"];
+var _excluded$Y = ["as", "children", "className", "span", "start"];
 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 iconSizeMap = {
-  small: 'level-6',
-  medium: 'level-5',
-  large: 'level-4'
-};
-/** One link with a Link List. */
-var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    icon = _ref.icon,
-    contrastColor = _ref.contrastColor,
-    inverseColor = _ref.inverseColor,
-    size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsxRuntime.jsx("li", {
-    children: jsxRuntime.jsxs("a", _objectSpread$14(_objectSpread$14({
-      className: clsx('ams-link-list__link', contrastColor && 'ams-link-list__link--contrast-color', inverseColor && 'ams-link-list__link--inverse-color', size && "ams-link-list__link--".concat(size), className),
-      ref: ref
-    }, restProps), {}, {
-      children: [jsxRuntime.jsx(Icon, {
-        svg: icon !== null && icon !== undefined ? icon : designSystemReactIcons.ChevronRightIcon,
-        size: iconSizeMap[size !== null && size !== undefined ? size : 'medium']
-      }), children]
-    }))
-  });
-});
-LinkListLink.displayName = 'LinkList.Link';
-
-var _excluded$X = ["children", "className"];
-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; }
-/** A collection of related links. */
-var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
-  return jsxRuntime.jsx("ul", _objectSpread$13(_objectSpread$13({
-    ref: ref,
-    className: clsx('ams-link-list', className)
-  }, restProps), {}, {
-    children: children
-  }));
-});
-LinkListRoot.displayName = 'LinkList';
-var LinkList = Object.assign(LinkListRoot, {
-  Link: LinkListLink
-});
-
-var _excluded$W = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
-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 FormErrorListWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    errors = _ref.errors,
-    _ref$focusOnRender = _ref.focusOnRender,
-    focusOnRender = _ref$focusOnRender === undefined ? true : _ref$focusOnRender,
-    hasFocusedOnce = _ref.hasFocusedOnce,
-    _ref$heading = _ref.heading,
-    heading = _ref$heading === undefined ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === undefined ? 2 : _ref$headingLevel,
-    setHasFocusedOnce = _ref.setHasFocusedOnce,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  var innerRef = react.useRef(null);
-  // use a passed ref if it's there, otherwise use innerRef
-  react.useImperativeHandle(ref, function () {
-    return innerRef.current;
-  });
-  react.useEffect(function () {
-    if (innerRef.current && focusOnRender && !hasFocusedOnce) {
-      innerRef.current.focus();
-      setHasFocusedOnce(true);
-    }
-  }, [innerRef]);
-  return jsxRuntime.jsx(Alert, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
-    className: clsx('ams-form-error-list', className),
-    heading: heading,
-    headingLevel: headingLevel,
-    ref: innerRef,
-    severity: "error",
-    tabIndex: -1,
-    children: jsxRuntime.jsx(LinkList, {
-      children: errors.map(function (_ref2) {
-        var id = _ref2.id,
-          label = _ref2.label;
-        return jsxRuntime.jsx(LinkList.Link, {
-          href: id,
-          children: label
-        }, "".concat(id, "-").concat(label));
-      })
-    })
-  }));
-});
-FormErrorListWithErrors.displayName = 'FormErrorListWithErrors';
-
-var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle(/** The list of error messages used to calculate the error count. */
-errors) {
-  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    plural: 'invoerfouten',
-    singular: 'invoerfout'
-  };
-  var _useState = react.useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    documentTitle = _useState2[0],
-    setDocumentTitle = _useState2[1];
-  react.useEffect(function () {
-    setDocumentTitle(document.title);
-  }, []);
-  if (!documentTitle) return null;
-  if (errors.length === 1) {
-    document.title = "(".concat(errors.length, " ").concat(label.singular, ") ").concat(documentTitle);
-  } else if (errors.length > 1) {
-    document.title = "(".concat(errors.length, " ").concat(label.plural, ") ").concat(documentTitle);
-  } else {
-    document.title = documentTitle;
-  }
-  return null;
-};
-
-var _excluded$V = ["errors", "errorCountLabel"];
-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 FormErrorList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var errors = _ref.errors,
-    errorCountLabel = _ref.errorCountLabel,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
-  // A Form Error List without errors only resets the document title.
-  // With errors, it renders the FormErrorListWithErrors component.
-  useAddErrorCountToDocumentTitle(errors, errorCountLabel);
-  // Focus should only be set on first render of FormErrorListWithErrors.
-  // Subsequent renders should not set focus.
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasFocusedOnce = _useState2[0],
-    setHasFocusedOnce = _useState2[1];
-  if (errors.length === 0) return undefined;
-  return jsxRuntime.jsx(FormErrorListWithErrors, _objectSpread$11(_objectSpread$11({}, restProps), {}, {
-    errors: errors,
-    hasFocusedOnce: hasFocusedOnce,
-    ref: ref,
-    setHasFocusedOnce: setHasFocusedOnce
-  }));
-});
-FormErrorList.displayName = 'FormErrorList';
-
-var _excluded$U = ["as", "children", "className", "span", "start"];
-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 GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
-    Tag = _ref$as === undefined ? 'div' : _ref$as,
+    Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
     span = _ref.span,
     start = _ref.start,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  return jsxRuntime.jsx(Tag, _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsxRuntime.jsx(Tag, _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     className: clsx('ams-grid__cell', gridCellClasses(span, start), className),
+    ref: ref,
     children: children
   }));
 });
 GridCell.displayName = 'Grid.Cell';
 
-var _excluded$T = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
-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$X = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
+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 GridRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
-    Tag = _ref$as === undefined ? 'div' : _ref$as,
+    Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
     gapVertical = _ref.gapVertical,
     paddingBottom = _ref.paddingBottom,
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
-  return jsxRuntime.jsx(Tag, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return jsxRuntime.jsx(Tag, _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses('grid', paddingBottom, paddingTop, paddingVertical), className),
+    ref: ref,
     children: children
   }));
 });
@@ -1358,12 +1213,12 @@ var Grid = Object.assign(GridRoot, {
   Cell: GridCell
 });
 
-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; }
+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 LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$_(_objectSpread$_({
-    className: "ams-logo",
+  return jsxRuntime.jsxs("svg", _objectSpread$12(_objectSpread$12({
     "aria-hidden": "true",
+    className: "ams-logo",
     focusable: "false",
     ref: ref,
     viewBox: "0 0 115 40",
@@ -1371,23 +1226,23 @@ var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
   }, props), {}, {
     children: [jsxRuntime.jsx("path", {
       className: "ams-logo__text-primary",
-      fill: "#EC0000",
-      d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"
+      d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__emblem",
-      fill: "#EC0000",
-      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"
+      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
+      fill: "#EC0000"
     })]
   }));
 });
 LogoAmsterdam.displayName = 'LogoAmsterdam';
 
-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; }
+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 LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
-    className: "ams-logo",
+  return jsxRuntime.jsxs("svg", _objectSpread$11(_objectSpread$11({
     "aria-hidden": "true",
+    className: "ams-logo",
     focusable: "false",
     ref: ref,
     viewBox: "0 0 115 40",
@@ -1395,31 +1250,31 @@ var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
   }, props), {}, {
     children: [jsxRuntime.jsx("path", {
       className: "ams-logo__emblem",
-      fill: "#EC0000",
-      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"
+      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-primary",
-      fill: "#EC0000",
-      d: "m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"
+      d: "m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-secondary",
-      fill: "#000",
-      d: "M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z"
+      d: "M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z",
+      fill: "#000"
     })]
   }));
 });
 LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
 
-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; }
+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 LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$Y(_objectSpread$Y({
-    className: "ams-logo",
+  return jsxRuntime.jsxs("svg", _objectSpread$10(_objectSpread$10({
     "aria-hidden": "true",
+    className: "ams-logo",
+    fill: "none",
     focusable: "false",
     ref: ref,
     viewBox: "0 0 121 42",
-    fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {}, {
     children: [jsxRuntime.jsx("path", {
@@ -1447,12 +1302,12 @@ var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
 
-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; }
+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 LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$X(_objectSpread$X({
-    className: "ams-logo",
+  return jsxRuntime.jsxs("svg", _objectSpread$$(_objectSpread$$({
     "aria-hidden": "true",
+    className: "ams-logo",
     focusable: "false",
     ref: ref,
     viewBox: "0 0 98 40",
@@ -1460,27 +1315,27 @@ var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
   }, props), {}, {
     children: [jsxRuntime.jsx("path", {
       className: "ams-logo__emblem",
-      fill: "#EC0000",
-      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z"
+      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-primary",
-      fill: "#EC0000",
-      d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z"
+      d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-secondary",
-      fill: "#000",
-      d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z"
+      d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z",
+      fill: "#000"
     })]
   }));
 });
 LogoStadsarchief.displayName = 'LogoStadsarchief';
 
-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; }
+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 LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
-    className: "ams-logo",
+  return jsxRuntime.jsxs("svg", _objectSpread$_(_objectSpread$_({
     "aria-hidden": "true",
+    className: "ams-logo",
     focusable: "false",
     ref: ref,
     viewBox: "0 0 159 42",
@@ -1488,27 +1343,27 @@ var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref)
   }, props), {}, {
     children: [jsxRuntime.jsx("path", {
       className: "ams-logo__emblem",
-      fill: "#EC0000",
-      d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z"
+      d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-secondary",
-      fill: "#000",
-      d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z"
+      d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z",
+      fill: "#000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-primary",
-      fill: "#EC0000",
-      d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"
+      d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
+      fill: "#EC0000"
     })]
   }));
 });
 LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
 
-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; }
+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 LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$V(_objectSpread$V({
-    className: "ams-logo",
+  return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
     "aria-hidden": "true",
+    className: "ams-logo",
     focusable: "false",
     ref: ref,
     viewBox: "0 0 145 43",
@@ -1516,24 +1371,24 @@ var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
   }, props), {}, {
     children: [jsxRuntime.jsx("path", {
       className: "ams-logo__emblem",
-      fill: "#EC0000",
-      d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z"
+      d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z",
+      fill: "#EC0000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-secondary",
-      fill: "#000",
-      d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z"
+      d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z",
+      fill: "#000"
     }), jsxRuntime.jsx("path", {
       className: "ams-logo__text-primary",
-      fill: "#EC0000",
-      d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"
+      d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
+      fill: "#EC0000"
     })]
   }));
 });
 LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
 
-var _excluded$S = ["brand", "className"];
-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 _excluded$W = ["brand", "className"];
+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 logoConfig = {
   amsterdam: LogoAmsterdam,
   'ggd-amsterdam': LogoGgdAmsterdam,
@@ -1544,25 +1399,25 @@ var logoConfig = {
 };
 var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$brand = _ref.brand,
-    brand = _ref$brand === undefined ? 'amsterdam' : _ref$brand,
+    brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
+    restProps = _objectWithoutProperties(_ref, _excluded$W);
   var LogoComponent = logoConfig[brand];
-  return jsxRuntime.jsx(LogoComponent, _objectSpread$U(_objectSpread$U({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-logo', className)
+  return jsxRuntime.jsx(LogoComponent, _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
+    className: clsx('ams-logo', className),
+    ref: ref
   }));
 });
 Logo.displayName = 'Logo';
 
-var _excluded$R = ["children", "className"];
-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 _excluded$V = ["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 HeaderGridCellNarrowWindowOnly = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsxRuntime.jsx(Grid.Cell, _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
+  return jsxRuntime.jsx(Grid.Cell, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
     className: clsx('ams-header__grid-cell-narrow-window-only', className),
     ref: ref,
     children: children
@@ -1570,48 +1425,48 @@ var HeaderGridCellNarrowWindowOnly = /*#__PURE__*/react.forwardRef(function (_re
 });
 HeaderGridCellNarrowWindowOnly.displayName = 'Header.GridCellNarrowWindowOnly';
 
-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 HeaderMenuIcon = function HeaderMenuIcon(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$S(_objectSpread$S({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
+  return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
     "aria-hidden": "true",
-    focusable: "false"
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), {}, {
     children: [jsxRuntime.jsx("line", {
+      className: "ams-header__menu-icon-top",
       x1: "0",
       x2: "100%",
       y1: "50%",
-      y2: "50%",
-      className: "ams-header__menu-icon-top"
+      y2: "50%"
     }), jsxRuntime.jsx("line", {
+      className: "ams-header__menu-icon-middle",
       x1: "0",
       x2: "100%",
       y1: "50%",
-      y2: "50%",
-      className: "ams-header__menu-icon-middle"
+      y2: "50%"
     }), jsxRuntime.jsx("line", {
+      className: "ams-header__menu-icon-bottom",
       x1: "0",
       x2: "100%",
       y1: "50%",
-      y2: "50%",
-      className: "ams-header__menu-icon-bottom"
+      y2: "50%"
     })]
   }));
 };
 
-var _excluded$Q = ["children", "className", "fixed"];
-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; }
+var _excluded$U = ["children", "className", "fixed"];
+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 HeaderMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     fixed = _ref.fixed,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
   return jsxRuntime.jsx("li", {
     className: clsx('ams-header__menu-item', fixed && 'ams-header__menu-item--fixed'),
-    children: jsxRuntime.jsx("a", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+    children: jsxRuntime.jsx("a", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
       className: clsx('ams-header__menu-link', className),
       ref: ref,
       children: children
@@ -1650,81 +1505,85 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
   return matches;
 };
 
-var _excluded$P = ["brandName", "className", "children", "logoBrand", "logoLink", "logoLinkTitle", "menuItems", "menuButtonText", "navigationLabel", "noMenuButtonOnWideWindow"];
-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 HeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var _excluded$T = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
+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 LogoLinkContent = function LogoLinkContent(_ref) {
   var brandName = _ref.brandName,
-    className = _ref.className,
-    children = _ref.children,
-    _ref$logoBrand = _ref.logoBrand,
-    logoBrand = _ref$logoBrand === undefined ? 'amsterdam' : _ref$logoBrand,
-    _ref$logoLink = _ref.logoLink,
-    logoLink = _ref$logoLink === undefined ? '/' : _ref$logoLink,
-    _ref$logoLinkTitle = _ref.logoLinkTitle,
-    logoLinkTitle = _ref$logoLinkTitle === undefined ? 'Ga naar de homepage' : _ref$logoLinkTitle,
-    menuItems = _ref.menuItems,
-    _ref$menuButtonText = _ref.menuButtonText,
-    menuButtonText = _ref$menuButtonText === undefined ? 'Menu' : _ref$menuButtonText,
-    _ref$navigationLabel = _ref.navigationLabel,
-    navigationLabel = _ref$navigationLabel === undefined ? 'Hoofdnavigatie' : _ref$navigationLabel,
-    noMenuButtonOnWideWindow = _ref.noMenuButtonOnWideWindow,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
+    logoBrand = _ref.logoBrand;
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("span", {
+      className: clsx(logoBrand === 'amsterdam' && Boolean(brandName) && 'ams-header__logo-container'),
+      children: jsxRuntime.jsx(Logo, {
+        brand: logoBrand
+      })
+    }), brandName && jsxRuntime.jsx("span", {
+      "aria-hidden": "true",
+      className: "ams-header__brand-name",
+      children: brandName
+    })]
+  });
+};
+var HeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var brandName = _ref2.brandName,
+    children = _ref2.children,
+    className = _ref2.className,
+    _ref2$logoBrand = _ref2.logoBrand,
+    logoBrand = _ref2$logoBrand === void 0 ? 'amsterdam' : _ref2$logoBrand,
+    _ref2$logoLink = _ref2.logoLink,
+    logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
+    _ref2$logoLinkTitle = _ref2.logoLinkTitle,
+    logoLinkTitle = _ref2$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref2$logoLinkTitle,
+    _ref2$menuButtonText = _ref2.menuButtonText,
+    menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
+    menuItems = _ref2.menuItems,
+    _ref2$navigationLabel = _ref2.navigationLabel,
+    navigationLabel = _ref2$navigationLabel === void 0 ? 'Hoofdnavigatie' : _ref2$navigationLabel,
+    noMenuButtonOnWideWindow = _ref2.noMenuButtonOnWideWindow,
+    restProps = _objectWithoutProperties(_ref2, _excluded$T);
   var _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var isWideWindow = useIsAfterBreakpoint('wide');
+  var hasMegaMenu = Boolean(children);
+  var isWideWindow = hasMegaMenu && useIsAfterBreakpoint('wide');
   react.useEffect(function () {
     // Close the menu when the menu button disappears
     if (noMenuButtonOnWideWindow && isWideWindow) {
       setOpen(false);
     }
   }, [isWideWindow]);
-  return jsxRuntime.jsxs("header", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
-    ref: ref,
+  return jsxRuntime.jsxs("header", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     className: clsx('ams-header', className),
-    children: [jsxRuntime.jsxs("div", {
-      className: "ams-header__branding",
-      children: [jsxRuntime.jsxs("a", {
-        className: "ams-header__logo-link",
-        href: logoLink,
-        children: [jsxRuntime.jsx("span", {
-          className: "ams-visually-hidden",
-          children: logoLinkTitle
-        }), jsxRuntime.jsx(Logo, {
-          brand: logoBrand
-        })]
-      }), brandName && jsxRuntime.jsx(Heading, {
-        level: 1,
-        size: "level-5",
-        className: "ams-header__brand-name",
-        children: brandName
+    ref: ref,
+    children: [jsxRuntime.jsxs("a", {
+      className: "ams-header__logo-link",
+      href: logoLink,
+      children: [jsxRuntime.jsx("span", {
+        className: "ams-visually-hidden",
+        children: logoLinkTitle
+      }), jsxRuntime.jsx(LogoLinkContent, {
+        brandName: brandName,
+        logoBrand: logoBrand
       })]
-    }), (children || menuItems) && jsxRuntime.jsxs("nav", {
-      className: "ams-header__navigation",
+    }), (hasMegaMenu || menuItems) && jsxRuntime.jsxs("nav", {
       "aria-labelledby": "primary-navigation",
+      className: "ams-header__navigation",
       children: [jsxRuntime.jsx("h2", {
-        id: "primary-navigation",
         className: "ams-visually-hidden",
+        id: "primary-navigation",
         children: navigationLabel
-      }), jsxRuntime.jsxs("div", {
-        className: "ams-header__branding ams-header__branding--hidden",
-        "aria-hidden": true,
-        children: [jsxRuntime.jsx("div", {
-          className: "ams-header__logo-link",
-          children: jsxRuntime.jsx(Logo, {
-            brand: logoBrand
-          })
-        }), brandName && jsxRuntime.jsx("span", {
-          className: "ams-heading ams-heading--level-5 ams-header__brand-name",
-          children: brandName
-        })]
+      }), jsxRuntime.jsx("div", {
+        className: "ams-header__logo-link ams-header__logo-link--hidden",
+        children: jsxRuntime.jsx(LogoLinkContent, {
+          brandName: brandName,
+          logoBrand: logoBrand
+        })
       }), jsxRuntime.jsxs("ul", {
         className: "ams-header__menu",
-        children: [menuItems, children && jsxRuntime.jsx("li", {
+        children: [menuItems, hasMegaMenu && jsxRuntime.jsx("li", {
           className: clsx(noMenuButtonOnWideWindow && 'ams-header__mega-menu-button-item--hide-on-wide-window'),
-          children: jsxRuntime.jsxs("button", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+          children: jsxRuntime.jsxs("button", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
             "aria-controls": "ams-mega-menu",
             "aria-expanded": open,
             className: "ams-header__mega-menu-button",
@@ -1742,12 +1601,11 @@ var HeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
             }), jsxRuntime.jsx(Icon, {
               svg: jsxRuntime.jsx(HeaderMenuIcon, {
                 className: clsx('ams-header__menu-icon', open && 'ams-header__menu-icon--open')
-              }),
-              size: "level-5"
+              })
             })]
           }))
         })]
-      }), children && jsxRuntime.jsx("div", {
+      }), hasMegaMenu && jsxRuntime.jsx("div", {
         className: clsx('ams-header__mega-menu', !open && 'ams-header__mega-menu--closed'),
         id: "ams-mega-menu",
         children: children
@@ -1761,53 +1619,71 @@ var Header = Object.assign(HeaderRoot, {
   MenuLink: HeaderMenuLink
 });
 
+var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
+  return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
+};
+
+var _excluded$S = ["aspectRatio", "className"];
+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 Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var aspectRatio = _ref.aspectRatio,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsxRuntime.jsx("img", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
+    ref: ref
+  }));
+});
+Image.displayName = 'Image';
+
 /**
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
 var defaultValues$1 = {
   currentSlideId: 0,
-  isAtStart: true,
-  isAtEnd: false,
   goToNextSlide: function goToNextSlide() {},
   goToPreviousSlide: function goToPreviousSlide() {},
-  goToSlideId: function goToSlideId() {}
+  goToSlideId: function goToSlideId() {},
+  isAtEnd: false,
+  isAtStart: true
 };
 var ImageSliderContext = /*#__PURE__*/react.createContext(defaultValues$1);
 
-var _excluded$O = ["className", "nextLabel", "previousLabel"];
-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 _excluded$R = ["className", "nextLabel", "previousLabel"];
+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 ImageSliderControls = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     nextLabel = _ref.nextLabel,
     previousLabel = _ref.previousLabel,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
   var _useContext = react.useContext(ImageSliderContext),
-    isAtStart = _useContext.isAtStart,
-    isAtEnd = _useContext.isAtEnd,
     goToNextSlide = _useContext.goToNextSlide,
-    goToPreviousSlide = _useContext.goToPreviousSlide;
+    goToPreviousSlide = _useContext.goToPreviousSlide,
+    isAtEnd = _useContext.isAtEnd,
+    isAtStart = _useContext.isAtStart;
   var handleClickPrevious = react.useCallback(function () {
     return goToPreviousSlide();
   }, [goToPreviousSlide]);
   var handleClickNext = react.useCallback(function () {
     return goToNextSlide();
   }, [goToNextSlide]);
-  return jsxRuntime.jsxs("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+  return jsxRuntime.jsxs("div", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     className: clsx('ams-image-slider__controls', className),
     ref: ref,
     children: [jsxRuntime.jsx(IconButton, {
       className: "ams-image-slider__control ams-image-slider__control--previous",
+      color: "inverse",
       disabled: isAtStart,
-      inverseColor: true,
       label: previousLabel,
       onClick: handleClickPrevious,
       svg: designSystemReactIcons.ChevronLeftIcon
     }), jsxRuntime.jsx(IconButton, {
       className: "ams-image-slider__control ams-image-slider__control--next",
+      color: "inverse",
       disabled: isAtEnd,
-      inverseColor: true,
       label: nextLabel,
       onClick: handleClickNext,
       svg: designSystemReactIcons.ChevronRightIcon
@@ -1816,14 +1692,14 @@ var ImageSliderControls = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ImageSliderControls.displayName = 'ImageSliderControls';
 
-var _excluded$N = ["children", "slideId", "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 = ["children", "className", "slideId"];
+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; }
 var ImageSliderItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    slideId = _ref.slideId,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
+    slideId = _ref.slideId,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
   var _useContext = react.useContext(ImageSliderContext),
     currentSlideId = _useContext.currentSlideId;
   var isInView = react.useMemo(function () {
@@ -1832,7 +1708,7 @@ var ImageSliderItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var itemClassName = react.useMemo(function () {
     return clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
   }, [isInView, className]);
-  return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O(_objectSpread$O({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$R(_objectSpread$R(_objectSpread$R({}, restProps), {}, {
     className: itemClassName,
     ref: ref
   }, !isInView && {
@@ -1843,14 +1719,14 @@ var ImageSliderItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ImageSliderItem.displayName = 'ImageSlider.Item';
 
-var _excluded$M = ["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$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 ImageSliderScroller = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     className: clsx('ams-image-slider__scroller', className),
     ref: ref,
     children: children
@@ -1858,14 +1734,14 @@ var ImageSliderScroller = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ImageSliderScroller.displayName = 'ImageSlider.Scroller';
 
-var _excluded$L = ["className", "imageLabel", "thumbnails"];
-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 = ["className", "imageLabel", "thumbnails"];
+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 ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     imageLabel = _ref.imageLabel,
     thumbnails = _ref.thumbnails,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
   var _useContext = react.useContext(ImageSliderContext),
     currentSlideId = _useContext.currentSlideId,
     goToNextSlide = _useContext.goToNextSlide,
@@ -1874,14 +1750,14 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var handleKeyDown = react.useCallback(function (event) {
     var element = event.currentTarget.children[currentSlideId];
     if (event.key === 'ArrowRight') {
-      var nextElement = element === null || element === undefined ? undefined : element.nextElementSibling;
+      var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
       if (nextElement) {
         nextElement.focus();
         goToNextSlide();
       }
     }
     if (event.key === 'ArrowLeft') {
-      var previousElement = element === null || element === undefined ? undefined : element.previousElementSibling;
+      var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
       if (previousElement) {
         previousElement.focus();
         goToPreviousSlide();
@@ -1898,7 +1774,7 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         "aria-posinset": index + 1,
         "aria-selected": currentSlideId === index ? 'true' : 'false',
         "aria-setsize": thumbnails.length,
-        className: clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view', aspectRatio && "ams-aspect-ratio--".concat(aspectRatio)),
+        className: clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view', generateAspectRatioClass(aspectRatio)),
         onClick: function onClick() {
           return goToSlideId(index);
         },
@@ -1910,7 +1786,7 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       }, index);
     });
   }, [currentSlideId, goToSlideId, imageLabel, thumbnails]);
-  return jsxRuntime.jsx("nav", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+  return jsxRuntime.jsx("nav", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     className: clsx('ams-image-slider__thumbnails', className),
     onKeyDown: handleKeyDown,
     ref: ref,
@@ -1920,20 +1796,20 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ImageSliderThumbnails.displayName = 'ImageSlider.Thumbnails';
 
-var _excluded$K = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
-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 = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
+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 ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     controls = _ref.controls,
     _ref$imageLabel = _ref.imageLabel,
-    imageLabel = _ref$imageLabel === undefined ? 'Afbeelding' : _ref$imageLabel,
+    imageLabel = _ref$imageLabel === void 0 ? 'Afbeelding' : _ref$imageLabel,
     images = _ref.images,
     _ref$nextLabel = _ref.nextLabel,
-    nextLabel = _ref$nextLabel === undefined ? 'Volgende' : _ref$nextLabel,
+    nextLabel = _ref$nextLabel === void 0 ? 'Volgende' : _ref$nextLabel,
     _ref$previousLabel = _ref.previousLabel,
-    previousLabel = _ref$previousLabel === undefined ? 'Vorige' : _ref$previousLabel,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
+    previousLabel = _ref$previousLabel === void 0 ? 'Vorige' : _ref$previousLabel,
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
   var _useState = react.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     currentSlideId = _useState2[0],
@@ -1950,7 +1826,7 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var observerRef = react.useRef(null);
   var inView = react.useCallback(function (observations) {
     var _targetRef$current;
-    var images = Array.from(((_targetRef$current = targetRef.current) === null || _targetRef$current === undefined ? undefined : _targetRef$current.children) || []);
+    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));
@@ -1966,10 +1842,10 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var updateControls = react.useCallback(function () {
     var sliderScrollerElement = targetRef.current;
     if (!sliderScrollerElement) return;
-    var lastElement = sliderScrollerElement.lastElementChild,
-      firstElement = sliderScrollerElement.firstElementChild;
-    setIsAtStart(firstElement === (sliderScrollerElement === null || sliderScrollerElement === undefined ? undefined : sliderScrollerElement.children[currentSlideId]));
-    setIsAtEnd(lastElement === (sliderScrollerElement === null || sliderScrollerElement === undefined ? undefined : sliderScrollerElement.children[currentSlideId]));
+    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]);
   react.useEffect(function () {
     if (targetRef.current) {
@@ -1986,7 +1862,7 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         slides.forEach(function (slide) {
           return observer.unobserve(slide);
         });
-        (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === undefined || _targetRef$current2.removeEventListener('scrollend', synchronise);
+        (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 || _targetRef$current2.removeEventListener('scrollend', synchronise);
       };
     }
     return undefined;
@@ -2003,26 +1879,26 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   }, []);
   var goToSlideId = react.useCallback(function (id) {
     var _targetRef$current3;
-    var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === undefined ? undefined : _targetRef$current3.children[id];
+    var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.children[id];
     if (element) goToSlide(element);
   }, [goToSlide]);
   var goToNextSlide = react.useCallback(function () {
     var _targetRef$current4;
-    var element = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === undefined ? undefined : _targetRef$current4.children[currentSlideId];
-    var nextElement = element === null || element === undefined ? undefined : element.nextElementSibling;
+    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 = react.useCallback(function () {
     var _targetRef$current5;
-    var element = (_targetRef$current5 = targetRef.current) === null || _targetRef$current5 === undefined ? undefined : _targetRef$current5.children[currentSlideId];
-    var previousElement = element === null || element === undefined ? undefined : element.previousElementSibling;
+    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]);
   react.useEffect(function () {
     var handleResize = function handleResize() {
       var _targetRef$current6;
       var sliderScrollerElement = targetRef.current;
-      var currentSlideElement = (_targetRef$current6 = targetRef.current) === null || _targetRef$current6 === undefined ? undefined : _targetRef$current6.children[currentSlideId];
+      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;
@@ -2035,18 +1911,18 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   }, [currentSlideId, goToSlide]);
   return jsxRuntime.jsx(ImageSliderContext.Provider, {
     value: {
-      isAtStart: isAtStart,
-      isAtEnd: isAtEnd,
       currentSlideId: currentSlideId,
       goToNextSlide: goToNextSlide,
       goToPreviousSlide: goToPreviousSlide,
-      goToSlideId: goToSlideId
+      goToSlideId: goToSlideId,
+      isAtEnd: isAtEnd,
+      isAtStart: isAtStart
     },
-    children: jsxRuntime.jsxs("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+    children: jsxRuntime.jsxs("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
       "aria-roledescription": "carousel",
       className: clsx('ams-image-slider', controls && 'ams-image-slider--controls', className),
-      tabIndex: -1,
       ref: ref,
+      tabIndex: -1,
       children: [controls && jsxRuntime.jsx(ImageSliderControls, {
         nextLabel: nextLabel,
         previousLabel: previousLabel
@@ -2065,7 +1941,7 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
             slideId: index,
             children: jsxRuntime.jsx(Image, {
               alt: alt,
-              className: "ams-aspect-ratio--".concat(aspectRatio),
+              aspectRatio: aspectRatio,
               sizes: sizes,
               src: src,
               srcSet: srcSet
@@ -2084,18 +1960,159 @@ var ImageSlider = Object.assign(ImageSliderRoot, {
   Item: ImageSliderItem
 });
 
-var _excluded$J = ["children", "className", "hint", "optional"];
-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", "color", "icon", "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; }
+/** One link with a Link List. */
+var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    color = _ref.color,
+    icon = _ref.icon,
+    size = _ref.size,
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsxRuntime.jsx("li", {
+    children: jsxRuntime.jsxs("a", _objectSpread$N(_objectSpread$N({
+      className: clsx('ams-link-list__link', color && "ams-link-list__link--".concat(color), size && "ams-link-list__link--".concat(size), className),
+      ref: ref
+    }, restProps), {}, {
+      children: [jsxRuntime.jsx(Icon, {
+        size: size,
+        svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon
+      }), children]
+    }))
+  });
+});
+LinkListLink.displayName = 'LinkList.Link';
+
+var _excluded$L = ["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; }
+/** A collection of related links. */
+var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsxRuntime.jsx("ul", _objectSpread$M(_objectSpread$M({
+    className: clsx('ams-link-list', className),
+    ref: ref
+  }, restProps), {}, {
+    children: children
+  }));
+});
+LinkListRoot.displayName = 'LinkList';
+var LinkList = Object.assign(LinkListRoot, {
+  Link: LinkListLink
+});
+
+var _excluded$K = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
+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 InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    errors = _ref.errors,
+    _ref$focusOnRender = _ref.focusOnRender,
+    focusOnRender = _ref$focusOnRender === void 0 ? true : _ref$focusOnRender,
+    hasFocusedOnce = _ref.hasFocusedOnce,
+    _ref$heading = _ref.heading,
+    heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
+    headingLevel = _ref.headingLevel,
+    setHasFocusedOnce = _ref.setHasFocusedOnce,
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  var innerRef = react.useRef(null);
+  // use a passed ref if it's there, otherwise use innerRef
+  react.useImperativeHandle(ref, function () {
+    return innerRef.current;
+  });
+  react.useEffect(function () {
+    if (innerRef.current && focusOnRender && !hasFocusedOnce) {
+      innerRef.current.focus();
+      setHasFocusedOnce(true);
+    }
+  }, [innerRef]);
+  return jsxRuntime.jsx(Alert, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+    className: clsx('ams-invalid-form-alert', className),
+    heading: heading,
+    headingLevel: headingLevel,
+    ref: innerRef,
+    severity: "error",
+    tabIndex: -1,
+    children: jsxRuntime.jsx(LinkList, {
+      children: errors.map(function (_ref2) {
+        var id = _ref2.id,
+          label = _ref2.label;
+        return jsxRuntime.jsx(LinkList.Link, {
+          href: id,
+          children: label
+        }, "".concat(id, "-").concat(label));
+      })
+    })
+  }));
+});
+InvalidFormAlertWithErrors.displayName = 'InvalidFormAlertWithErrors';
+
+var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle(/** The list of error messages used to calculate the error count. */
+errors) {
+  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    plural: 'invoerfouten',
+    singular: 'invoerfout'
+  };
+  var _useState = react.useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    documentTitle = _useState2[0],
+    setDocumentTitle = _useState2[1];
+  react.useEffect(function () {
+    setDocumentTitle(document.title);
+  }, []);
+  if (!documentTitle) return null;
+  if (errors.length === 1) {
+    document.title = "(".concat(errors.length, " ").concat(label.singular, ") ").concat(documentTitle);
+  } else if (errors.length > 1) {
+    document.title = "(".concat(errors.length, " ").concat(label.plural, ") ").concat(documentTitle);
+  } else {
+    document.title = documentTitle;
+  }
+  return null;
+};
+
+var _excluded$J = ["errorCountLabel", "errors"];
+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 InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var errorCountLabel = _ref.errorCountLabel,
+    errors = _ref.errors,
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  // An Invalid Form Alert without errors only resets the document title.
+  // With errors, it renders the InvalidFormAlertWithErrors component.
+  useAddErrorCountToDocumentTitle(errors, errorCountLabel);
+  // Focus should only be set on first render of InvalidFormAlertWithErrors.
+  // Subsequent renders should not set focus.
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasFocusedOnce = _useState2[0],
+    setHasFocusedOnce = _useState2[1];
+  if (errors.length === 0) return undefined;
+  return jsxRuntime.jsx(InvalidFormAlertWithErrors, _objectSpread$K(_objectSpread$K({}, restProps), {}, {
+    errors: errors,
+    hasFocusedOnce: hasFocusedOnce,
+    ref: ref,
+    setHasFocusedOnce: setHasFocusedOnce
+  }));
+});
+InvalidFormAlert.displayName = 'InvalidFormAlert';
+
+var _excluded$I = ["children", "className", "hint", "optional"];
+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 Label = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     hint = _ref.hint,
     optional = _ref.optional,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsxRuntime.jsxs("label", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsxRuntime.jsxs("label", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     className: clsx('ams-label', className),
+    ref: ref,
     children: [children, " ", jsxRuntime.jsx(Hint, {
       hint: hint,
       optional: optional
@@ -2104,103 +2121,103 @@ var Label = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Label.displayName = 'Label';
 
-var _excluded$I = ["children", "className", "contrastColor", "inverseColor", "variant"];
-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$H = ["children", "className", "color", "variant"];
+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 Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    contrastColor = _ref.contrastColor,
-    inverseColor = _ref.inverseColor,
+    color = _ref.color,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === undefined ? 'standalone' : _ref$variant,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsxRuntime.jsx("a", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
+    variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsxRuntime.jsx("a", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
+    className: clsx('ams-link', color && "ams-link--".concat(color), variant === 'inline' && 'ams-link--inline', variant === 'standalone' && 'ams-link--standalone', className),
     ref: ref,
-    className: clsx('ams-link', contrastColor && 'ams-link--contrast-color', inverseColor && 'ams-link--inverse-color', variant === 'inline' && 'ams-link--inline', variant === 'standalone' && 'ams-link--standalone', className),
     children: children
   }));
 });
 Link.displayName = 'Link';
 
-var _excluded$H = ["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$G = ["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 Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsxRuntime.jsx("mark", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsxRuntime.jsx("mark", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
     className: clsx('ams-mark', className),
+    ref: ref,
     children: children
   }));
 });
 Mark.displayName = 'Mark';
 
-var _excluded$G = ["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 _excluded$F = ["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 MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsxRuntime.jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
     className: clsx('ams-mega-menu__list-category', className),
+    ref: ref,
     children: children
   }));
 });
 MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
 
-var _excluded$F = ["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$E = ["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 MegaMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxRuntime.jsx("div", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
     className: clsx('ams-mega-menu', className),
+    ref: ref,
     children: children
   }));
 });
 MegaMenuRoot.displayName = 'MegaMenu';
+/** @deprecated Use child components in Header instead. */
 var MegaMenu = Object.assign(MegaMenuRoot, {
   ListCategory: MegaMenuListCategory
 });
 
-var _excluded$E = ["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$D = ["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 OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsxRuntime.jsx("li", _objectSpread$F(_objectSpread$F({
-    ref: ref,
-    className: clsx('ams-ordered-list__item', className)
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsxRuntime.jsx("li", _objectSpread$E(_objectSpread$E({
+    className: clsx('ams-ordered-list__item', className),
+    ref: ref
   }, restProps), {}, {
     children: children
   }));
 });
 OrderedListItem.displayName = 'OrderedList.Item';
 
-var _excluded$D = ["children", "className", "inverseColor", "markers", "size"];
-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$C = ["children", "className", "color", "markers", "size"];
+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 OrderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
+    color = _ref.color,
     _ref$markers = _ref.markers,
-    markers = _ref$markers === undefined ? true : _ref$markers,
+    markers = _ref$markers === void 0 ? true : _ref$markers,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return jsxRuntime.jsx("ol", _objectSpread$E(_objectSpread$E({
-    ref: ref,
-    className: clsx('ams-ordered-list', inverseColor && 'ams-ordered-list--inverse-color', !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className)
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("ol", _objectSpread$D(_objectSpread$D({
+    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), {}, {
     children: children
   }));
@@ -2210,69 +2227,70 @@ var OrderedList = Object.assign(OrderedListRoot, {
   Item: OrderedListItem
 });
 
-var _excluded$C = ["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$B = ["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 Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
-  return jsxRuntime.jsx("div", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
-    ref: ref,
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  return jsxRuntime.jsx("div", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
     className: clsx('ams-overlap', className),
+    ref: ref,
     children: children
   }));
 });
 Overlap.displayName = 'Overlap';
 
-var _excluded$B = ["children", "className", "inverseColor"];
-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$A = ["children", "className", "color"];
+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; }
 var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
-  return jsxRuntime.jsx("h1", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
+    color = _ref.color,
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
+  return jsxRuntime.jsx("h1", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
+    className: clsx('ams-page-heading', color && "ams-page-heading--".concat(color), className),
     ref: ref,
-    className: clsx('ams-page-heading', inverseColor && 'ams-page-heading--inverse-color', className),
     children: children
   }));
 });
 PageHeading.displayName = 'PageHeading';
 
-var _excluded$A = ["children", "className", "icon"];
-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; }
+var _excluded$z = ["children", "className", "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 PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
   return jsxRuntime.jsx("li", {
-    children: jsxRuntime.jsxs("a", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
-      ref: ref,
+    children: jsxRuntime.jsxs("a", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
       className: clsx('ams-page-menu__link', className),
+      ref: ref,
       children: [children, icon && jsxRuntime.jsx(Icon, {
-        svg: icon,
-        size: "level-6"
+        size: "small",
+        svg: icon
       })]
     }))
   });
 });
 PageMenuLink.displayName = 'PageMenu.Link';
 
-var _excluded$z = ["alignEnd", "children", "className", "wrap"];
-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$y = ["alignEnd", "children", "className", "wrap"];
+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; }
+/** @deprecated Use the menuItems prop of Header or the Footer.Menu subcomponent instead. */
 var PageMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var alignEnd = _ref.alignEnd,
     children = _ref.children,
     className = _ref.className,
     _ref$wrap = _ref.wrap,
-    wrap = _ref$wrap === undefined ? true : _ref$wrap,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  return jsxRuntime.jsx("ul", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
+    wrap = _ref$wrap === void 0 ? true : _ref$wrap,
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("ul", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     className: clsx('ams-page-menu', alignEnd && "ams-page-menu--align-end", !wrap && "ams-page-menu--no-wrap", className),
     ref: ref,
     children: children
@@ -2283,9 +2301,36 @@ var PageMenu = Object.assign(PageMenuRoot, {
   Link: PageMenuLink
 });
 
-var _excluded$y = ["className", "maxVisiblePages", "nextLabel", "nextVisuallyHiddenLabel", "onPageChange", "page", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel"];
-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 LinkItem = function LinkItem(_ref) {
+  var currentPage = _ref.currentPage,
+    linkComponent = _ref.linkComponent,
+    linkTemplate = _ref.linkTemplate,
+    pageNumber = _ref.pageNumber;
+  if (!linkComponent) return null;
+  var Link = linkComponent;
+  return jsxRuntime.jsx("li", {
+    children: jsxRuntime.jsxs(Link, {
+      "aria-current": pageNumber === currentPage ? 'page' : undefined,
+      className: "ams-pagination__link",
+      href: linkTemplate(pageNumber),
+      children: [jsxRuntime.jsx("span", {
+        className: "ams-visually-hidden",
+        children: pageNumber === currentPage ? "Pagina ".concat(pageNumber) : "Ga naar pagina ".concat(pageNumber)
+      }), jsxRuntime.jsx("span", {
+        "aria-hidden": true,
+        children: pageNumber
+      })]
+    })
+  });
+};
+
+var Spacer = function Spacer() {
+  return jsxRuntime.jsx("li", {
+    "aria-hidden": true,
+    children: "\u2026"
+  });
+};
+
 /**
  * This returns an array of the range, including spacers
  *
@@ -2331,136 +2376,104 @@ function getRange(currentPage, totalPages, maxVisiblePages) {
   }, []);
   return pages;
 }
+
+var _excluded$x = ["className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
+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 Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    _ref$linkComponent = _ref.linkComponent,
+    linkComponent = _ref$linkComponent === void 0 ? function (props) {
+      return jsxRuntime.jsx("a", _objectSpread$y({}, props));
+    } : _ref$linkComponent,
+    linkTemplate = _ref.linkTemplate,
     _ref$maxVisiblePages = _ref.maxVisiblePages,
-    maxVisiblePages = _ref$maxVisiblePages === undefined ? 7 : _ref$maxVisiblePages,
+    maxVisiblePages = _ref$maxVisiblePages === void 0 ? 7 : _ref$maxVisiblePages,
     _ref$nextLabel = _ref.nextLabel,
-    nextLabel = _ref$nextLabel === undefined ? 'volgende' : _ref$nextLabel,
+    nextLabel = _ref$nextLabel === void 0 ? 'volgende' : _ref$nextLabel,
     _ref$nextVisuallyHidd = _ref.nextVisuallyHiddenLabel,
-    nextVisuallyHiddenLabel = _ref$nextVisuallyHidd === undefined ? 'Volgende pagina' : _ref$nextVisuallyHidd,
-    onPageChange = _ref.onPageChange,
+    nextVisuallyHiddenLabel = _ref$nextVisuallyHidd === void 0 ? 'Volgende pagina' : _ref$nextVisuallyHidd,
     _ref$page = _ref.page,
-    page = _ref$page === undefined ? 1 : _ref$page,
+    page = _ref$page === void 0 ? 1 : _ref$page,
     _ref$previousLabel = _ref.previousLabel,
-    previousLabel = _ref$previousLabel === undefined ? 'vorige' : _ref$previousLabel,
+    previousLabel = _ref$previousLabel === void 0 ? 'vorige' : _ref$previousLabel,
     _ref$previousVisually = _ref.previousVisuallyHiddenLabel,
-    previousVisuallyHiddenLabel = _ref$previousVisually === undefined ? 'Vorige pagina' : _ref$previousVisually,
+    previousVisuallyHiddenLabel = _ref$previousVisually === void 0 ? 'Vorige pagina' : _ref$previousVisually,
     totalPages = _ref.totalPages,
     _ref$visuallyHiddenLa = _ref.visuallyHiddenLabel,
-    visuallyHiddenLabel = _ref$visuallyHiddenLa === undefined ? 'Paginering' : _ref$visuallyHiddenLa,
-    restProps = _objectWithoutProperties(_ref, _excluded$y);
-  var _useState = react.useState(page),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentPage = _useState2[0],
-    setCurrentPage = _useState2[1];
-  // Get array of page numbers and / or spacers
-  var range = react.useMemo(function () {
-    return getRange(currentPage, totalPages, maxVisiblePages);
-  }, [currentPage, totalPages, maxVisiblePages]);
-  var onChangePage = function onChangePage(newPage) {
-    if (onPageChange !== undefined) {
-      onPageChange(newPage);
-    }
-    setCurrentPage(newPage);
-  };
-  var onPrevious = function onPrevious() {
-    onChangePage(currentPage - 1);
-  };
-  var onNext = function onNext() {
-    onChangePage(currentPage + 1);
-  };
-  var navLabelId = react.useId();
+    visuallyHiddenLabel = _ref$visuallyHiddenLa === void 0 ? 'Paginering' : _ref$visuallyHiddenLa,
+    _ref$visuallyHiddenLa2 = _ref.visuallyHiddenLabelId,
+    visuallyHiddenLabelId = _ref$visuallyHiddenLa2 === void 0 ? 'ams-pagination-a11y-label' : _ref$visuallyHiddenLa2,
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
   // Don't show pagination if you only have one page
   if (totalPages <= 1) {
     return null;
   }
-  return jsxRuntime.jsxs("nav", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
-    "aria-labelledby": navLabelId,
+  var Link = linkComponent;
+  // Get array of page numbers and / or spacers
+  var range = getRange(page, totalPages, maxVisiblePages);
+  return jsxRuntime.jsxs("nav", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    "aria-labelledby": visuallyHiddenLabelId,
     className: clsx('ams-pagination', className),
     ref: ref,
     children: [jsxRuntime.jsx("span", {
-      id: navLabelId,
       className: "ams-visually-hidden",
+      id: visuallyHiddenLabelId,
       children: visuallyHiddenLabel
-    }), jsxRuntime.jsxs("ol", {
+    }), page !== 1 && jsxRuntime.jsxs(Link, {
+      className: "ams-pagination__link",
+      href: linkTemplate(page - 1),
+      rel: "prev",
+      children: [jsxRuntime.jsx(Icon, {
+        svg: designSystemReactIcons.ChevronLeftIcon
+      }), jsxRuntime.jsx("span", {
+        className: "ams-visually-hidden",
+        children: previousVisuallyHiddenLabel
+      }), jsxRuntime.jsx("span", {
+        "aria-hidden": true,
+        children: previousLabel
+      })]
+    }), jsxRuntime.jsx("ol", {
       className: "ams-pagination__list",
-      children: [jsxRuntime.jsx("li", {
-        children: jsxRuntime.jsxs("button", {
-          className: "ams-pagination__button",
-          disabled: currentPage === 1,
-          onClick: onPrevious,
-          type: "button",
-          children: [jsxRuntime.jsx(Icon, {
-            svg: designSystemReactIcons.ChevronLeftIcon,
-            size: "level-5"
-          }), jsxRuntime.jsx("span", {
-            className: "ams-visually-hidden",
-            children: previousVisuallyHiddenLabel
-          }), jsxRuntime.jsx("span", {
-            "aria-hidden": true,
-            children: previousLabel
-          })]
-        })
-      }), range.map(function (pageNumberOrSpacer) {
-        return typeof pageNumberOrSpacer === 'number' ? jsxRuntime.jsx("li", {
-          children: jsxRuntime.jsxs("button", {
-            "aria-current": pageNumberOrSpacer === currentPage ? true : undefined,
-            className: clsx('ams-pagination__button', pageNumberOrSpacer === currentPage && 'ams-pagination__button--current'),
-            onClick: function onClick() {
-              return pageNumberOrSpacer !== currentPage && onChangePage(pageNumberOrSpacer);
-            },
-            tabIndex: pageNumberOrSpacer === currentPage ? -1 : 0,
-            type: "button",
-            children: [jsxRuntime.jsx("span", {
-              className: "ams-visually-hidden",
-              children: pageNumberOrSpacer === currentPage ? "Pagina ".concat(pageNumberOrSpacer) : "Ga naar pagina ".concat(pageNumberOrSpacer)
-            }), jsxRuntime.jsx("span", {
-              "aria-hidden": true,
-              children: pageNumberOrSpacer
-            })]
-          })
-        }, pageNumberOrSpacer) : jsxRuntime.jsx("li", {
-          "aria-hidden": true,
-          "data-testid": pageNumberOrSpacer,
-          children: "\u2026"
-        }, pageNumberOrSpacer);
-      }), jsxRuntime.jsx("li", {
-        children: jsxRuntime.jsxs("button", {
-          className: "ams-pagination__button",
-          disabled: currentPage === totalPages,
-          onClick: onNext,
-          type: "button",
-          children: [jsxRuntime.jsx("span", {
-            className: "ams-visually-hidden",
-            children: nextVisuallyHiddenLabel
-          }), jsxRuntime.jsx("span", {
-            "aria-hidden": true,
-            children: nextLabel
-          }), jsxRuntime.jsx(Icon, {
-            svg: designSystemReactIcons.ChevronRightIcon,
-            size: "level-5"
-          })]
-        })
+      children: range.map(function (pageNumberOrSpacer) {
+        return typeof pageNumberOrSpacer === 'number' ? jsxRuntime.jsx(LinkItem, {
+          currentPage: page,
+          linkComponent: linkComponent,
+          linkTemplate: linkTemplate,
+          pageNumber: pageNumberOrSpacer
+        }, pageNumberOrSpacer) : jsxRuntime.jsx(Spacer, {}, pageNumberOrSpacer);
+      })
+    }), page !== totalPages && jsxRuntime.jsxs(Link, {
+      className: "ams-pagination__link",
+      href: linkTemplate(page + 1),
+      rel: "next",
+      children: [jsxRuntime.jsx("span", {
+        className: "ams-visually-hidden",
+        children: nextVisuallyHiddenLabel
+      }), jsxRuntime.jsx("span", {
+        "aria-hidden": true,
+        children: nextLabel
+      }), jsxRuntime.jsx(Icon, {
+        svg: designSystemReactIcons.ChevronRightIcon
       })]
     })]
   }));
 });
 Pagination.displayName = 'Pagination';
 
-var _excluded$x = ["className", "dir", "invalid"];
-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$w = ["className", "dir", "invalid"];
+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 PasswordInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$x);
-  return jsxRuntime.jsx("input", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
+  return jsxRuntime.jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     autoCorrect: "off",
     className: clsx('ams-password-input', className),
-    dir: dir !== null && dir !== undefined ? dir : 'auto',
+    dir: dir !== null && dir !== void 0 ? dir : 'auto',
     ref: ref,
     spellCheck: "false",
     type: "password"
@@ -2468,50 +2481,50 @@ var PasswordInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PasswordInput.displayName = 'PasswordInput';
 
-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; }
+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 SvgRadio = function SvgRadio(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$x(_objectSpread$x({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
+  return jsxRuntime.jsxs("svg", _objectSpread$w(_objectSpread$w({
     "aria-hidden": "true",
-    focusable: "false"
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), {}, {
     children: [jsxRuntime.jsx("circle", {
+      className: "ams-radio__circle",
       cx: 12,
       cy: 12,
-      r: 10,
-      className: "ams-radio__circle"
+      r: 10
     }), jsxRuntime.jsx("circle", {
+      className: "ams-radio__hover-indicator",
       cx: 12,
       cy: 12,
-      r: 9.5,
-      className: "ams-radio__hover-indicator"
+      r: 9.5
     }), jsxRuntime.jsx("circle", {
+      className: "ams-radio__checked-indicator",
       cx: 12,
       cy: 12,
-      r: 6,
-      className: "ams-radio__checked-indicator"
+      r: 6
     })]
   }));
 };
 
-var _excluded$w = ["children", "className", "icon", "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$v = ["children", "className", "icon", "invalid"];
+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 Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
   var id = react.useId();
   return (
     // This div is here because NVDA doesn't match the input to the label
     // without a containing element
     jsxRuntime.jsxs("div", {
       className: clsx('ams-radio', className),
-      children: [jsxRuntime.jsx("input", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
+      children: [jsxRuntime.jsx("input", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
         "aria-invalid": invalid || undefined,
         className: "ams-radio__input",
         id: id,
@@ -2522,7 +2535,7 @@ var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         htmlFor: id,
         children: [jsxRuntime.jsx("span", {
           className: "ams-radio__icon-container",
-          children: icon !== null && icon !== undefined ? icon : jsxRuntime.jsx(SvgRadio, {})
+          children: icon !== null && icon !== void 0 ? icon : jsxRuntime.jsx(SvgRadio, {})
         }), children]
       })]
     })
@@ -2530,27 +2543,6 @@ var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Radio.displayName = 'Radio';
 
-var _excluded$v = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
-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 Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var align = _ref.align,
-    alignVertical = _ref.alignVertical,
-    _ref$as = _ref.as,
-    Tag = _ref$as === undefined ? 'div' : _ref$as,
-    children = _ref.children,
-    className = _ref.className,
-    gap = _ref.gap,
-    wrap = _ref.wrap,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsxRuntime.jsx(Tag, _objectSpread$v(_objectSpread$v({}, restProps), {}, {
-    ref: ref,
-    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),
-    children: children
-  }));
-});
-Row.displayName = 'Row';
-
 var _excluded$u = ["children", "className", "fullHeight", "maxWidth"];
 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; }
@@ -2559,11 +2551,11 @@ var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     fullHeight = _ref.fullHeight,
     _ref$maxWidth = _ref.maxWidth,
-    maxWidth = _ref$maxWidth === undefined ? 'wide' : _ref$maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
     restProps = _objectWithoutProperties(_ref, _excluded$u);
   return jsxRuntime.jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-screen', fullHeight && 'ams-screen--full-height', "ams-screen--".concat(maxWidth), className),
+    ref: ref,
     children: children
   }));
 });
@@ -2574,7 +2566,7 @@ function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 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 SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$children = _ref.children,
-    children = _ref$children === undefined ? 'Zoeken' : _ref$children,
+    children = _ref$children === void 0 ? 'Zoeken' : _ref$children,
     restProps = _objectWithoutProperties(_ref, _excluded$t);
   return jsxRuntime.jsx(Button, _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     icon: designSystemReactIcons.SearchIcon,
@@ -2593,19 +2585,19 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     dir = _ref.dir,
     invalid = _ref.invalid,
     _ref$label = _ref.label,
-    label = _ref$label === undefined ? 'Zoeken' : _ref$label,
+    label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
     restProps = _objectWithoutProperties(_ref, _excluded$s);
   var id = react.useId();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx("label", {
-      htmlFor: id,
       className: "ams-visually-hidden",
+      htmlFor: id,
       children: label
     }), jsxRuntime.jsx("input", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
       "aria-invalid": invalid || undefined,
       autoComplete: "off",
       className: clsx('ams-search-field__input', className),
-      dir: dir !== null && dir !== undefined ? dir : 'auto',
+      dir: dir !== null && dir !== void 0 ? dir : 'auto',
       enterKeyHint: "search",
       id: id,
       ref: ref,
@@ -2626,8 +2618,8 @@ var SearchFieldRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsx("form", _objectSpread$r(_objectSpread$r({
     role: "search"
   }, restProps), {}, {
-    ref: ref,
     className: clsx('ams-search-field', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2645,8 +2637,8 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$q);
   return jsxRuntime.jsx("option", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-select__option', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2660,8 +2652,8 @@ var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$p);
   return jsxRuntime.jsx("optgroup", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-select__group', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2684,8 +2676,8 @@ var SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SelectRoot.displayName = 'Select';
 var Select = Object.assign(SelectRoot, {
-  Option: SelectOption,
-  Group: SelectOptionGroup
+  Group: SelectOptionGroup,
+  Option: SelectOption
 });
 
 var _excluded$n = ["children", "className"];
@@ -2696,8 +2688,8 @@ var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$n);
   return jsxRuntime.jsx("a", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-skip-link', 'ams-visually-hidden', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2706,18 +2698,16 @@ SkipLink.displayName = 'SkipLink';
 var _excluded$m = ["as", "children", "className", "color"];
 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 defaultColor = 'purple';
 var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
-    Tag = _ref$as === undefined ? 'div' : _ref$as,
+    Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
-    _ref$color = _ref.color,
-    color = _ref$color === undefined ? defaultColor : _ref$color,
+    color = _ref.color,
     restProps = _objectWithoutProperties(_ref, _excluded$m);
   return jsxRuntime.jsx(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+    className: clsx('ams-spotlight', color && "ams-spotlight--".concat(color), className),
     ref: ref,
-    className: clsx('ams-spotlight', color !== defaultColor && "ams-spotlight--".concat(color), className),
     children: children
   }));
 });
@@ -2737,8 +2727,8 @@ var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       className: "ams-switch__input",
       id: inputId,
       ref: ref,
-      type: "checkbox",
-      role: "switch"
+      role: "switch",
+      type: "checkbox"
     })), jsxRuntime.jsx("label", {
       className: "ams-switch__label",
       htmlFor: inputId
@@ -2755,8 +2745,8 @@ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$k);
   return jsxRuntime.jsx("tbody", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__body', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2770,8 +2760,8 @@ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$j);
   return jsxRuntime.jsx("caption", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__caption', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2785,8 +2775,8 @@ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$i);
   return jsxRuntime.jsx("td", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__cell', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2800,8 +2790,8 @@ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$h);
   return jsxRuntime.jsx("tfoot", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__footer', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2815,8 +2805,8 @@ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$g);
   return jsxRuntime.jsx("thead", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__header', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2830,8 +2820,8 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$f);
   return jsxRuntime.jsx("th", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__header-cell', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2845,8 +2835,8 @@ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$e);
   return jsxRuntime.jsx("tr", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table__row', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2862,8 +2852,8 @@ var TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsx("div", {
     className: "ams-table",
     children: jsxRuntime.jsx("table", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
-      ref: ref,
       className: clsx('ams-table__table', className),
+      ref: ref,
       children: children
     }))
   });
@@ -2906,8 +2896,8 @@ var TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$b);
   return jsxRuntime.jsx("ul", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table-of-contents__list', className),
+    ref: ref,
     children: children
   }));
 });
@@ -2921,11 +2911,11 @@ var TableOfContentsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     heading = _ref.heading,
     _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === undefined ? 2 : _ref$headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
     restProps = _objectWithoutProperties(_ref, _excluded$a);
   return jsxRuntime.jsxs("nav", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-table-of-contents', className),
+    ref: ref,
     children: [heading && jsxRuntime.jsx(Heading, {
       className: "ams-table-of-contents__heading",
       level: headingLevel,
@@ -2945,38 +2935,40 @@ var TableOfContents = Object.assign(TableOfContentsRoot, {
  * Copyright Gemeente Amsterdam
  */
 var defaultValues = {
-  activeTab: 0,
+  activeTabId: undefined,
   tabsId: '',
   updateTab: function updateTab() {}
 };
 var TabsContext = /*#__PURE__*/react.createContext(defaultValues);
 
-var _excluded$9 = ["children", "className", "tab"];
+var _excluded$9 = ["children", "className", "onClick", "tab"];
 function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    _ref$tab = _ref.tab,
-    tab = _ref$tab === undefined ? 0 : _ref$tab,
+    onClick = _ref.onClick,
+    tab = _ref.tab,
     restProps = _objectWithoutProperties(_ref, _excluded$9);
   var _useContext = react.useContext(TabsContext),
-    activeTab = _useContext.activeTab,
+    activeTabId = _useContext.activeTabId,
     tabsId = _useContext.tabsId,
     updateTab = _useContext.updateTab;
+  var handleClick = function handleClick(event) {
+    onClick === null || onClick === void 0 || onClick(event);
+    react.startTransition(function () {
+      updateTab(tab);
+    });
+  };
   return jsxRuntime.jsxs("button", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
     "aria-controls": "".concat(tabsId, "-panel-").concat(tab),
-    "aria-selected": activeTab === tab,
+    "aria-selected": activeTabId === tab,
     className: clsx('ams-tabs__button', className),
     id: "".concat(tabsId, "-tab-").concat(tab),
-    onClick: function onClick() {
-      react.startTransition(function () {
-        updateTab(tab);
-      });
-    },
+    onClick: handleClick,
     ref: ref,
     role: "tab",
-    tabIndex: activeTab === tab ? 0 : -1,
+    tabIndex: activeTabId === tab ? 0 : -1,
     children: [jsxRuntime.jsx("span", {
       "aria-hidden": "true",
       className: "ams-tabs__button-label-hidden",
@@ -2996,93 +2988,110 @@ var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$8);
+  var innerRef = react.useRef(null);
+  // Use a passed ref if it's there, otherwise use innerRef
+  react.useImperativeHandle(ref, function () {
+    return innerRef.current;
+  });
+  var _useKeyboardFocus = useKeyboardFocus(innerRef, {
+      focusableElements: ['button[role="tab"]'],
+      horizontally: true,
+      rotating: true
+    }),
+    keyDown = _useKeyboardFocus.keyDown;
   return jsxRuntime.jsx("div", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
-    role: "tablist",
-    ref: ref,
     className: clsx('ams-tabs__list', className),
+    onKeyDown: keyDown,
+    ref: innerRef,
+    role: "tablist",
     children: children
   }));
 });
 TabsList.displayName = 'Tabs.List';
 
-var _excluded$7 = ["tab", "children", "className"];
+var _excluded$7 = ["children", "className", "tab"];
 function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var tab = _ref.tab,
-    children = _ref.children,
+  var children = _ref.children,
     className = _ref.className,
+    tab = _ref.tab,
     restProps = _objectWithoutProperties(_ref, _excluded$7);
   var _useContext = react.useContext(TabsContext),
-    activeTab = _useContext.activeTab,
+    activeTabId = _useContext.activeTabId,
     tabsId = _useContext.tabsId;
-  if (tab !== activeTab) {
+  if (tab !== activeTabId) {
     return null;
   }
   return jsxRuntime.jsx("div", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
-    role: "tabpanel",
     "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
+    className: clsx('ams-tabs__panel', className),
     id: "".concat(tabsId, "-panel-").concat(tab),
-    tabIndex: 0,
     ref: ref,
-    className: clsx('ams-tabs__panel', className),
+    role: "tabpanel",
+    tabIndex: 0,
     children: children
   }));
 });
 TabsPanel.displayName = 'Tabs.Panel';
 
-var _excluded$6 = ["activeTab", "children", "className"];
+var _excluded$6 = ["activeTab", "children", "className", "onTabChange"];
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var activeTab = _ref.activeTab,
     children = _ref.children,
     className = _ref.className,
+    onTabChange = _ref.onTabChange,
     restProps = _objectWithoutProperties(_ref, _excluded$6);
   var tabsId = react.useId();
-  var innerRef = react.useRef(null);
-  var _useState = react.useState(0),
+  var _useState = react.useState(),
     _useState2 = _slicedToArray(_useState, 2),
     activeTabId = _useState2[0],
     setActiveTabId = _useState2[1];
-  var allTabs = react.useMemo(function () {
+  var allTabIds = react.useMemo(function () {
     if (!Array.isArray(children)) return [];
-    return children[0].props.children;
+    // The first child of Tabs should be TabsList
+    var tabsList = children[0];
+    // Get children of TabsList
+    var tabsListChildren = tabsList.props.children;
+    // TabsList can have 0, 1, or more children
+    // If there is only 1 child, it will be an object
+    if (tabsListChildren.props) {
+      return [tabsListChildren.props.tab];
+    }
+    // If there is more than 1 child, it will be an array
+    if (Array.isArray(tabsListChildren)) {
+      return tabsListChildren.map(function (child) {
+        return child.props.tab;
+      });
+    }
+    // If there are no children, return an empty array
+    return [];
   }, [children]);
   react.useEffect(function () {
-    if (typeof activeTab !== 'number') return;
-    if (!Number.isInteger(activeTab)) return;
-    if (activeTab < 0) {
-      setActiveTabId(0);
-    } else if (activeTab > allTabs.length - 1) {
-      setActiveTabId(allTabs.length - 1);
+    if (!activeTab) {
+      setActiveTabId(allTabIds[0]);
+    } else if (!allTabIds.includes(activeTab)) {
+      console.warn("The active tab \"".concat(activeTab, "\" does not exist. Falling back to the first tab."));
+      setActiveTabId(allTabIds[0]);
     } else {
       setActiveTabId(activeTab);
     }
-  }, [activeTab, allTabs]);
+  }, [activeTab, allTabIds]);
   var updateTab = function updateTab(tab) {
     setActiveTabId(tab);
+    onTabChange === null || onTabChange === void 0 || onTabChange(tab);
   };
-  // Use a passed ref if it's there, otherwise use innerRef
-  react.useImperativeHandle(ref, function () {
-    return innerRef.current;
-  });
-  var _useKeyboardFocus = useKeyboardFocus(innerRef, {
-      rotating: true,
-      horizontally: true
-    }),
-    keyDown = _useKeyboardFocus.keyDown;
   return jsxRuntime.jsx(TabsContext.Provider, {
     value: {
-      activeTab: activeTabId,
-      updateTab: updateTab,
-      tabsId: tabsId
+      activeTabId: activeTabId,
+      tabsId: tabsId,
+      updateTab: updateTab
     },
     children: jsxRuntime.jsx("div", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
-      role: "tabs",
-      ref: innerRef,
-      onKeyDown: keyDown,
       className: clsx('ams-tabs', className),
+      ref: ref,
       children: children
     }))
   });
@@ -3106,7 +3115,7 @@ var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsx("textarea", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className),
-    dir: dir !== null && dir !== undefined ? dir : 'auto',
+    dir: dir !== null && dir !== void 0 ? dir : 'auto',
     ref: ref
   }));
 });
@@ -3120,12 +3129,12 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     dir = _ref.dir,
     invalid = _ref.invalid,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'text' : _ref$type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
     restProps = _objectWithoutProperties(_ref, _excluded$4);
   return jsxRuntime.jsx("input", _objectSpread$4(_objectSpread$4({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-text-input', className),
-    dir: dir !== null && dir !== undefined ? dir : 'auto',
+    dir: dir !== null && dir !== void 0 ? dir : 'auto',
     ref: ref,
     type: type
   }));
@@ -3148,17 +3157,17 @@ var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TimeInput.displayName = 'TimeInput';
 
-var _excluded$2 = ["className", "label", "description"];
+var _excluded$2 = ["className", "description", "label"];
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    label = _ref.label,
     description = _ref.description,
+    label = _ref.label,
     restProps = _objectWithoutProperties(_ref, _excluded$2);
   return jsxRuntime.jsxs("a", _objectSpread$2(_objectSpread$2({}, restProps), {}, {
-    ref: ref,
     className: clsx('ams-top-task-link', className),
+    ref: ref,
     children: [jsxRuntime.jsx("span", {
       className: "ams-top-task-link__label",
       children: label
@@ -3181,28 +3190,28 @@ var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1);
   return jsxRuntime.jsx("li", _objectSpread$1(_objectSpread$1({
-    ref: ref,
-    className: clsx('ams-unordered-list__item', className)
+    className: clsx('ams-unordered-list__item', className),
+    ref: ref
   }, restProps), {}, {
     children: children
   }));
 });
 UnorderedListItem.displayName = 'UnorderedList.Item';
 
-var _excluded = ["children", "className", "inverseColor", "markers", "size"];
+var _excluded = ["children", "className", "color", "markers", "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 UnorderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
+    color = _ref.color,
     _ref$markers = _ref.markers,
-    markers = _ref$markers === undefined ? true : _ref$markers,
+    markers = _ref$markers === void 0 ? true : _ref$markers,
     size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return jsxRuntime.jsx("ul", _objectSpread(_objectSpread({
-    ref: ref,
-    className: clsx('ams-unordered-list', inverseColor && 'ams-unordered-list--inverse-color', !markers && 'ams-unordered-list--no-markers', size && "ams-unordered-list--".concat(size), className)
+    className: clsx('ams-unordered-list', color && "ams-unordered-list--".concat(color), !markers && 'ams-unordered-list--no-markers', size && "ams-unordered-list--".concat(size), className),
+    ref: ref
   }, restProps), {}, {
     children: children
   }));
@@ -3235,7 +3244,6 @@ exports.Figure = Figure;
 exports.FileInput = FileInput;
 exports.FileList = FileList;
 exports.Footer = Footer;
-exports.FormErrorList = FormErrorList;
 exports.Grid = Grid;
 exports.Header = Header;
 exports.Heading = Heading;
@@ -3244,6 +3252,7 @@ exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.Image = Image;
 exports.ImageSlider = ImageSlider;
+exports.InvalidFormAlert = InvalidFormAlert;
 exports.Label = Label;
 exports.Link = Link;
 exports.LinkList = LinkList;
@@ -3273,4 +3282,5 @@ exports.TextInput = TextInput;
 exports.TimeInput = TimeInput;
 exports.TopTaskLink = TopTaskLink;
 exports.UnorderedList = UnorderedList;
+exports.generateAspectRatioClass = generateAspectRatioClass;
 //# sourceMappingURL=index.cjs.js.map