@amsterdam/design-system-react 0.9.0 → 0.11.0

package/dist/index.cjs.js

@@ -1,55 +1,379 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
 var react = require('react');
+var clsx = require('clsx');
 var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 
-var _excluded$1g = ["children", "className"];
+function getHeadingTag(level) {
+  switch (level) {
+    case 2:
+      return 'h2';
+    case 3:
+      return 'h3';
+    case 4:
+      return 'h4';
+    default:
+      return 'h1';
+  }
+}
+
+var _excluded$1k = ["children", "className", "inverseColor", "level", "size"];
+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), !0).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 Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    inverseColor = _ref.inverseColor,
+    _ref$level = _ref.level,
+    level = _ref$level === void 0 ? 1 : _ref$level,
+    size = _ref.size,
+    restProps = _objectWithoutProperties(_ref, _excluded$1k);
+  var Tag = getHeadingTag(level);
+  var sizeOrLevel = size !== null && size !== void 0 ? size : "level-".concat(level);
+  return jsxRuntime.jsx(Tag, _objectSpread$1q(_objectSpread$1q({
+    ref: ref,
+    className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
+  }, restProps), {}, {
+    children: children
+  }));
+});
+Heading.displayName = 'Heading';
+
+var _excluded$1j = ["className", "size", "square", "svg"];
+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), !0).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 Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'level-3' : _ref$size,
+    square = _ref.square,
+    svg = _ref.svg,
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsxRuntime.jsx("span", _objectSpread$1p(_objectSpread$1p({
+    ref: ref,
+    className: clsx('ams-icon', 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), {}, {
+    children: svg()
+  }));
+});
+Icon.displayName = 'Icon';
+
+var _excluded$1i = ["className", "label", "onBackground", "size", "svg"];
+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), !0).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 IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    label = _ref.label,
+    onBackground = _ref.onBackground,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'level-5' : _ref$size,
+    _ref$svg = _ref.svg,
+    svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+  return jsxRuntime.jsxs("button", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
+    children: [jsxRuntime.jsx("span", {
+      className: "ams-visually-hidden",
+      children: label
+    }), jsxRuntime.jsx(Icon, {
+      svg: svg,
+      size: size,
+      square: true
+    })]
+  }));
+});
+IconButton.displayName = 'IconButton';
+
+var _excluded$1h = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
+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), !0).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 iconSvgBySeverity = {
+  error: designSystemReactIcons.AlertIcon,
+  info: designSystemReactIcons.InfoIcon,
+  success: designSystemReactIcons.CheckmarkIcon,
+  warning: designSystemReactIcons.AlertIcon
+};
+var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    closeable = _ref.closeable,
+    _ref$closeButtonLabel = _ref.closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
+    heading = _ref.heading,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    onClose = _ref.onClose,
+    _ref$severity = _ref.severity,
+    severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
+  var alertSize = heading ? 'level-4' : 'level-5';
+  var Tag = heading ? 'section' : 'div';
+  return jsxRuntime.jsxs(Tag, _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
+    children: [jsxRuntime.jsx("div", {
+      className: "ams-alert__icon",
+      children: jsxRuntime.jsx(Icon, {
+        size: alertSize,
+        svg: iconSvgBySeverity[severity]
+      })
+    }), jsxRuntime.jsxs("div", {
+      className: "ams-alert__content",
+      children: [heading && jsxRuntime.jsx(Heading, {
+        level: headingLevel,
+        size: "level-4",
+        children: heading
+      }), children]
+    }), closeable && jsxRuntime.jsx(IconButton, {
+      label: closeButtonLabel,
+      size: alertSize,
+      onClick: onClose
+    })]
+  }));
+});
+Alert.displayName = 'Alert';
+
+var _excluded$1g = ["children", "className", "icon", "onBackground", "size"];
 function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).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 VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+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,
+    onBackground = _ref.onBackground,
+    size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsxRuntime.jsx("span", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+  return jsxRuntime.jsx("li", {
+    children: jsxRuntime.jsxs("a", _objectSpread$1m(_objectSpread$1m({
+      className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
+      ref: ref
+    }, restProps), {}, {
+      children: [jsxRuntime.jsx(Icon, {
+        svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon,
+        size: iconSizeMap[size !== null && size !== void 0 ? size : 'medium']
+      }), children]
+    }))
+  });
+});
+LinkListLink.displayName = 'LinkList.Link';
+
+var _excluded$1f = ["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), !0).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; }
+/** A collection of related links. */
+var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsxRuntime.jsx("ul", _objectSpread$1l(_objectSpread$1l({
     ref: ref,
-    className: clsx('ams-visually-hidden', className),
+    className: clsx('ams-link-list', className)
+  }, restProps), {}, {
     children: children
   }));
 });
-VisuallyHidden.displayName = 'VisuallyHidden';
+LinkListRoot.displayName = 'LinkList';
+var LinkList = Object.assign(LinkListRoot, {
+  Link: LinkListLink
+});
 
-var _excluded$1f = ["children", "className", "prefix"];
-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), !0).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 = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
+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), !0).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 FormErrorListWithErrors = /*#__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,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    setHasFocusedOnce = _ref.setHasFocusedOnce,
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  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$1k(_objectSpread$1k({}, 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$1d = ["errors", "errorCountLabel"];
+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), !0).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 FormErrorList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var errors = _ref.errors,
+    errorCountLabel = _ref.errorCountLabel,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  // 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$1j(_objectSpread$1j({}, restProps), {}, {
+    errors: errors,
+    hasFocusedOnce: hasFocusedOnce,
+    ref: ref,
+    setHasFocusedOnce: setHasFocusedOnce
+  }));
+});
+FormErrorList.displayName = 'FormErrorList';
+
+var _excluded$1c = ["children", "className", "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), !0).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 TableOfContentsLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    label = _ref.label,
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsxRuntime.jsxs("li", {
+    className: "ams-table-of-contents__item",
+    children: [jsxRuntime.jsx("a", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+      className: clsx.clsx('ams-table-of-contents__link', className),
+      ref: ref,
+      children: label
+    })), children]
+  });
+});
+TableOfContentsLink.displayName = 'TableOfContents.Link';
+
+var _excluded$1b = ["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), !0).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 TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsxRuntime.jsx("ul", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-table-of-contents__list', className),
+    children: children
+  }));
+});
+TableOfContentsList.displayName = 'TableOfContents.List';
+
+var _excluded$1a = ["children", "className", "heading", "headingLevel"];
+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), !0).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 TableOfContentsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    heading = _ref.heading,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxRuntime.jsxs("nav", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-table-of-contents', className),
+    children: [heading && jsxRuntime.jsx(Heading, {
+      className: "ams-table-of-contents__heading",
+      level: headingLevel,
+      size: "level-4",
+      children: heading
+    }), children]
+  }));
+});
+TableOfContentsRoot.displayName = 'TableOfContents';
+var TableOfContents = Object.assign(TableOfContentsRoot, {
+  Link: TableOfContentsLink,
+  List: TableOfContentsList
+});
+
+var _excluded$19 = ["children", "className", "prefix"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).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 ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$prefix = _ref.prefix,
     prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
-    restProps = _objectWithoutProperties(_ref, _excluded$1f);
-  return jsxRuntime.jsxs("p", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsxRuntime.jsxs("p", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-error-message', className),
-    children: [jsxRuntime.jsxs(VisuallyHidden, {
+    children: [jsxRuntime.jsxs("span", {
+      className: "ams-visually-hidden",
       children: [prefix, ': ']
     }), children]
   }));
 });
 ErrorMessage.displayName = 'ErrorMessage';
 
-var _excluded$1e = ["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), !0).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$18 = ["className"];
+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), !0).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 FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsxRuntime.jsx("input", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxRuntime.jsx("input", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-file-input', className),
     type: "file"
@@ -57,15 +381,15 @@ var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FileInput.displayName = 'FileInput';
 
-var _excluded$1d = ["children", "className", "invalid"];
-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), !0).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$17 = ["children", "className", "invalid"];
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).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 Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsxRuntime.jsx("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
+  return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-field', invalid && 'ams-field--invalid', className),
     children: children
@@ -73,14 +397,14 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Field.displayName = 'Field';
 
-var _excluded$1c = ["children", "className"];
-function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).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$16 = ["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), !0).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 SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsxRuntime.jsx("option", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsx("option", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-select__option', className),
     children: children
@@ -88,14 +412,14 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SelectOption.displayName = 'Select.Option';
 
-var _excluded$1b = ["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), !0).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$15 = ["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), !0).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 SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsxRuntime.jsx("optgroup", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsxRuntime.jsx("optgroup", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-select__group', className),
     children: children
@@ -103,15 +427,15 @@ var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SelectOptionGroup.displayName = 'Select.Group';
 
-var _excluded$1a = ["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), !0).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$14 = ["children", "className", "invalid"];
+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), !0).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 SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsxRuntime.jsx("select", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsxRuntime.jsx("select", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-select', className),
     ref: ref,
@@ -124,14 +448,14 @@ var Select = Object.assign(SelectRoot, {
   Group: SelectOptionGroup
 });
 
-var _excluded$19 = ["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), !0).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$13 = ["className", "invalid"];
+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), !0).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 TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-time-input', className),
     ref: ref,
@@ -140,59 +464,42 @@ var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TimeInput.displayName = 'TimeInput';
 
-var _excluded$18 = ["className", "invalid"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).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$12 = ["className", "invalid", "type"];
+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), !0).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 DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsxRuntime.jsx("input", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'date' : _ref$type,
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsx("input", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-date-input', className),
     ref: ref,
-    type: "date"
+    type: type
   }));
 });
 DateInput.displayName = 'DateInput';
 
-var _excluded$17 = ["className", "size", "square", "svg"];
-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), !0).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 Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'level-3' : _ref$size,
-    square = _ref.square,
-    svg = _ref.svg,
-    otherProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsxRuntime.jsx("span", _objectSpread$1d(_objectSpread$1d({
-    ref: ref,
-    className: clsx('ams-icon', 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)
-  }, otherProps), {}, {
-    children: svg()
-  }));
-});
-Icon.displayName = 'Icon';
-
-var _excluded$16 = ["className", "cover"];
-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), !0).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$11 = ["className", "cover"];
+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), !0).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 Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$cover = _ref.cover,
     cover = _ref$cover === void 0 ? false : _ref$cover,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsxRuntime.jsx("img", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxRuntime.jsx("img", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-image', cover && 'ams-image--cover', className)
   }));
 });
 Image.displayName = 'Image';
 
-var _excluded$15 = ["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), !0).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$10 = ["label", "imageSrc", "className", "color"];
+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), !0).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 AvatarContent = function AvatarContent(_ref) {
   var imageSrc = _ref.imageSrc,
     initials = _ref.initials;
@@ -218,14 +525,15 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     imageSrc = _ref2.imageSrc,
     className = _ref2.className,
     _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? 'dark-blue' : _ref2$color,
-    restProps = _objectWithoutProperties(_ref2, _excluded$15);
+    color = _ref2$color === void 0 ? 'blue' : _ref2$color,
+    restProps = _objectWithoutProperties(_ref2, _excluded$10);
   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$16(_objectSpread$16({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
-    children: [jsxRuntime.jsx(VisuallyHidden, {
+    children: [jsxRuntime.jsx("span", {
+      className: "ams-visually-hidden",
       children: a11yLabel
     }), jsxRuntime.jsx(AvatarContent, {
       imageSrc: imageSrc,
@@ -235,31 +543,31 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 Avatar.displayName = 'Avatar';
 
-var _excluded$14 = ["className", "length", "maxLength"];
-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), !0).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 FormFieldCharacterCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var _excluded$$ = ["className", "length", "maxLength"];
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsxRuntime.jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsxRuntime.jsx("div", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-form-field-character-counter', length > maxLength && 'ams-form-field-character-counter--error', className),
+    className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
     role: "status",
     children: "".concat(length, " van ").concat(maxLength, " tekens")
   }));
 });
-FormFieldCharacterCounter.displayName = 'FormFieldCharacterCounter';
+CharacterCount.displayName = 'CharacterCount';
 
-var _excluded$13 = ["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), !0).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$_ = ["children", "className"];
+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), !0).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 DescriptionListDetails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsxRuntime.jsx("dd", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsxRuntime.jsx("dd", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__details', className),
     children: children
@@ -267,14 +575,14 @@ var DescriptionListDetails = /*#__PURE__*/react.forwardRef(function (_ref, ref)
 });
 DescriptionListDetails.displayName = 'DescriptionList.Details';
 
-var _excluded$12 = ["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), !0).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$Z = ["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), !0).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 DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsxRuntime.jsx("dt", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsxRuntime.jsx("dt", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__term', className),
     children: children
@@ -282,15 +590,15 @@ var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 DescriptionListTerm.displayName = 'DescriptionList.Term';
 
-var _excluded$11 = ["children", "className", "inverseColor"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Y = ["children", "className", "inverseColor"];
+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), !0).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 DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsxRuntime.jsx("dl", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsxRuntime.jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list', inverseColor && 'ams-description-list--inverse-color', className),
     children: children
@@ -302,40 +610,42 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
   Details: DescriptionListDetails
 });
 
-var _excluded$10 = ["as", "children", "className", "gap"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$X = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
+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), !0).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 Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
+  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,
-    _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsxRuntime.jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+    gap = _ref.gap,
+    wrap = _ref.wrap,
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return jsxRuntime.jsx(Tag, _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-row', "ams-row--".concat(gap), className),
+    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$$ = ["children", "className", "invalid"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$W = ["children", "className", "invalid"];
+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), !0).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 Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
+    restProps = _objectWithoutProperties(_ref, _excluded$W);
   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$15(_objectSpread$15({}, restProps), {}, {
+      children: [jsxRuntime.jsx("input", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
         "aria-invalid": invalid || undefined,
         className: "ams-radio__input",
         id: id,
@@ -364,45 +674,45 @@ var defaultValues$1 = {
 };
 var TabsContext = /*#__PURE__*/react.createContext(defaultValues$1);
 
-var _excluded$_ = ["children", "className", "tab"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$V = ["children", "className", "tab"];
+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), !0).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 TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$tab = _ref.tab,
     tab = _ref$tab === void 0 ? 0 : _ref$tab,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
   var _useContext = react.useContext(TabsContext),
     activeTab = _useContext.activeTab,
-    updateTab = _useContext.updateTab,
-    tabsId = _useContext.tabsId;
-  return jsxRuntime.jsx("button", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
-    role: "tab",
-    id: "".concat(tabsId, "-tab-").concat(tab),
+    tabsId = _useContext.tabsId,
+    updateTab = _useContext.updateTab;
+  return jsxRuntime.jsx("button", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     "aria-controls": "".concat(tabsId, "-panel-").concat(tab),
     "aria-selected": activeTab === tab,
-    tabIndex: activeTab === tab ? 0 : -1,
-    ref: ref,
+    className: clsx('ams-tabs__button', className),
+    id: "".concat(tabsId, "-tab-").concat(tab),
     onClick: function onClick() {
       react.startTransition(function () {
         updateTab(tab);
       });
     },
-    className: clsx('ams-tabs__button', className),
+    ref: ref,
+    role: "tab",
+    tabIndex: activeTab === tab ? 0 : -1,
     children: children
   }));
 });
 TabsButton.displayName = 'Tabs.Button';
 
-var _excluded$Z = ["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), !0).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 _excluded$U = ["children", "className"];
+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), !0).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 TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsxRuntime.jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
+  return jsxRuntime.jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     role: "tablist",
     ref: ref,
     className: clsx('ams-tabs__list', className),
@@ -411,21 +721,21 @@ var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TabsList.displayName = 'Tabs.List';
 
-var _excluded$Y = ["tab", "children", "className"];
-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), !0).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 _excluded$T = ["tab", "children", "className"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).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 TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var tab = _ref.tab,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
   var _useContext = react.useContext(TabsContext),
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId;
   if (tab !== activeTab) {
     return null;
   }
-  return jsxRuntime.jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     role: "tabpanel",
     "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
     id: "".concat(tabsId, "-panel-").concat(tab),
@@ -514,23 +824,41 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
   };
 };
 
-var _excluded$X = ["children", "className"];
-function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).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 _excluded$S = ["activeTab", "children", "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), !0).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 TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
+  var activeTab = _ref.activeTab,
+    children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
   var tabsId = react.useId();
+  var innerRef = react.useRef(null);
   var _useState = react.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var innerRef = react.useRef(null);
+    activeTabId = _useState2[0],
+    setActiveTabId = _useState2[1];
+  var allTabs = react.useMemo(function () {
+    if (!Array.isArray(children)) return [];
+    return children[0].props.children.map(function (child) {
+      return child;
+    });
+  }, [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);
+    } else {
+      setActiveTabId(activeTab);
+    }
+  }, [activeTab, allTabs]);
   var updateTab = function updateTab(tab) {
-    setActiveTab(tab);
+    setActiveTabId(tab);
   };
-  // use a passed ref if it's there, otherwise use innerRef
+  // Use a passed ref if it's there, otherwise use innerRef
   react.useImperativeHandle(ref, function () {
     return innerRef.current;
   });
@@ -541,11 +869,11 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     keyDown = _useKeyboardFocus.keyDown;
   return jsxRuntime.jsx(TabsContext.Provider, {
     value: {
-      activeTab: activeTab,
+      activeTab: activeTabId,
       updateTab: updateTab,
       tabsId: tabsId
     },
-    children: jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+    children: jsxRuntime.jsx("div", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
       role: "tabs",
       ref: innerRef,
       onKeyDown: keyDown,
@@ -561,16 +889,16 @@ var Tabs = Object.assign(TabsRoot, {
   Panel: TabsPanel
 });
 
-var _excluded$W = ["className", "dir", "invalid", "resize"];
-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), !0).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 _excluded$R = ["className", "dir", "invalid", "resize"];
+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), !0).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 TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
     resize = _ref.resize,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  return jsxRuntime.jsx("textarea", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsxRuntime.jsx("textarea", _objectSpread$X(_objectSpread$X({}, 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 !== void 0 ? dir : 'auto',
@@ -579,35 +907,36 @@ var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TextArea.displayName = 'TextArea';
 
-var _excluded$V = ["as", "children", "className", "gap"];
-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), !0).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$Q = ["align", "alignHorizontal", "as", "children", "className", "gap"];
+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), !0).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 Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
+  var align = _ref.align,
+    alignHorizontal = _ref.alignHorizontal,
+    _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
-    _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
-  return jsxRuntime.jsx(Tag, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+    gap = _ref.gap,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxRuntime.jsx(Tag, _objectSpread$W(_objectSpread$W({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-column', "ams-column--".concat(gap), className),
+    className: clsx('ams-column', align && "ams-column--align-".concat(align), alignHorizontal && "ams-column--align-horizontal-".concat(alignHorizontal), gap && "ams-column--gap-".concat(gap), className),
     children: children
   }));
 });
 Column.displayName = 'Column';
 
-var _excluded$U = ["children", "className", "invalid", "legend"];
-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), !0).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$P = ["children", "className", "invalid", "legend"];
+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), !0).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 FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
     legend = _ref.legend,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  return jsxRuntime.jsxs("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsxs("fieldset", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
     children: [jsxRuntime.jsx("legend", {
@@ -618,66 +947,16 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FieldSet.displayName = 'FieldSet';
 
-var _excluded$T = ["children", "className", "icon", "onBackground", "size"];
-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), !0).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 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,
-    onBackground = _ref.onBackground,
-    size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
-  return jsxRuntime.jsx("li", {
-    children: jsxRuntime.jsxs("a", _objectSpread$Z(_objectSpread$Z({
-      className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
-      ref: ref
-    }, restProps), {}, {
-      children: [jsxRuntime.jsx(Icon, {
-        svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon,
-        size: iconSizeMap[size !== null && size !== void 0 ? size : 'medium']
-      }), children]
-    }))
-  });
-});
-LinkListLink.displayName = 'LinkList.Link';
-
-var _excluded$S = ["children", "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), !0).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; }
-/** A collection of related links. */
-var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return jsxRuntime.jsx("ul", _objectSpread$Y(_objectSpread$Y({
-    ref: ref,
-    className: clsx('ams-link-list', className)
-  }, restProps), {}, {
-    children: children
-  }));
-});
-LinkListRoot.displayName = 'LinkList';
-var LinkList = Object.assign(LinkListRoot, {
-  Link: LinkListLink
-});
-
-var _excluded$R = ["label", "className", "color"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$O = ["label", "className", "color"];
+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), !0).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 Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     className = _ref.className,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'dark-green' : _ref$color,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsxRuntime.jsx("span", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsxRuntime.jsx("span", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-badge', "ams-badge--".concat(color), className),
     children: label
@@ -685,266 +964,205 @@ var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Badge.displayName = 'Badge';
 
-var _excluded$Q = ["children", "className"];
-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), !0).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 TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsxRuntime.jsx("tbody", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-table__body', className),
-    children: children
-  }));
-});
-TableBody.displayName = 'Table.Body';
-
-var _excluded$P = ["children", "className"];
-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), !0).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 TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsxRuntime.jsx("caption", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-table__caption', className),
-    children: children
-  }));
-});
-TableCaption.displayName = 'Table.Caption';
-
-var _excluded$O = ["children", "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), !0).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 TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsxRuntime.jsx("td", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-table__cell', className),
-    children: children
-  }));
-});
-TableCell.displayName = 'Table.Cell';
-
 var _excluded$N = ["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), !0).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 TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsxRuntime.jsx("tfoot", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+  return jsxRuntime.jsx("tbody", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-table__footer', className),
+    className: clsx('ams-table__body', className),
     children: children
   }));
 });
-TableFooter.displayName = 'Table.Footer';
+TableBody.displayName = 'Table.Body';
 
 var _excluded$M = ["children", "className"];
 function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).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 TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsxRuntime.jsx("thead", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+  return jsxRuntime.jsx("caption", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-table__header', className),
+    className: clsx('ams-table__caption', className),
     children: children
   }));
 });
-TableHeader.displayName = 'Table.Header';
+TableCaption.displayName = 'Table.Caption';
 
 var _excluded$L = ["children", "className"];
 function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).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 TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsxRuntime.jsx("th", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+  return jsxRuntime.jsx("td", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-table__header-cell', className),
+    className: clsx('ams-table__cell', className),
     children: children
   }));
 });
-TableHeaderCell.displayName = 'Table.HeaderCell';
+TableCell.displayName = 'Table.Cell';
 
 var _excluded$K = ["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), !0).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 TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$K);
-  return jsxRuntime.jsx("tr", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+  return jsxRuntime.jsx("tfoot", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-table__row', className),
+    className: clsx('ams-table__footer', className),
     children: children
   }));
 });
-TableRow.displayName = 'Table.Row';
+TableFooter.displayName = 'Table.Footer';
 
 var _excluded$J = ["children", "className"];
 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), !0).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 TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsxRuntime.jsx("div", {
-    className: "ams-table",
-    children: jsxRuntime.jsx("table", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
-      ref: ref,
-      className: clsx('ams-table__table', className),
-      children: children
-    }))
-  });
-});
-TableRoot.displayName = 'Table';
-var Table = Object.assign(TableRoot, {
-  Body: TableBody,
-  Caption: TableCaption,
-  Cell: TableCell,
-  Footer: TableFooter,
-  Header: TableHeader,
-  HeaderCell: TableHeaderCell,
-  Row: TableRow
+  return jsxRuntime.jsx("thead", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-table__header', className),
+    children: children
+  }));
 });
+TableHeader.displayName = 'Table.Header';
 
 var _excluded$I = ["children", "className"];
 function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).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 MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+  return jsxRuntime.jsx("th", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-mega-menu__list-category', className),
+    className: clsx('ams-table__header-cell', className),
     children: children
   }));
 });
-MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
+TableHeaderCell.displayName = 'Table.HeaderCell';
 
 var _excluded$H = ["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), !0).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 MegaMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-mega-menu', className),
-    children: children
-  }));
-});
-MegaMenuRoot.displayName = 'MegaMenu';
-var MegaMenu = Object.assign(MegaMenuRoot, {
-  ListCategory: MegaMenuListCategory
-});
-
-var _excluded$G = ["className", "label", "onBackground", "size", "svg"];
-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), !0).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 IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    label = _ref.label,
-    onBackground = _ref.onBackground,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'level-5' : _ref$size,
-    _ref$svg = _ref.svg,
-    svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsxRuntime.jsxs("button", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+  return jsxRuntime.jsx("tr", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
-    children: [jsxRuntime.jsx(VisuallyHidden, {
-      children: label
-    }), jsxRuntime.jsx(Icon, {
-      svg: svg,
-      size: size,
-      square: true
-    })]
+    className: clsx('ams-table__row', className),
+    children: children
   }));
 });
-IconButton.displayName = 'IconButton';
+TableRow.displayName = 'Table.Row';
+
+var _excluded$G = ["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), !0).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 TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsxRuntime.jsx("div", {
+    className: "ams-table",
+    children: jsxRuntime.jsx("table", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+      ref: ref,
+      className: clsx('ams-table__table', className),
+      children: children
+    }))
+  });
+});
+TableRoot.displayName = 'Table';
+var Table = Object.assign(TableRoot, {
+  Body: TableBody,
+  Caption: TableCaption,
+  Cell: TableCell,
+  Footer: TableFooter,
+  Header: TableHeader,
+  HeaderCell: TableHeaderCell,
+  Row: TableRow
+});
 
 var _excluded$F = ["children", "className"];
 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), !0).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 SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsxRuntime.jsx("a", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-skip-link', 'ams-visually-hidden', className),
+    className: clsx('ams-mega-menu__list-category', className),
     children: children
   }));
 });
-SkipLink.displayName = 'SkipLink';
+MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
 
 var _excluded$E = ["children", "className"];
 function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).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 Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var MegaMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$E);
   return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-overlap', className),
+    className: clsx('ams-mega-menu', className),
     children: children
   }));
 });
-Overlap.displayName = 'Overlap';
-
-function getHeadingElement(level) {
-  switch (level) {
-    case 2:
-      return 'h2';
-    case 3:
-      return 'h3';
-    case 4:
-      return 'h4';
-    default:
-      return 'h1';
-  }
-}
+MegaMenuRoot.displayName = 'MegaMenu';
+var MegaMenu = Object.assign(MegaMenuRoot, {
+  ListCategory: MegaMenuListCategory
+});
 
-var _excluded$D = ["children", "className", "inverseColor", "level", "size"];
+var _excluded$D = ["children", "className"];
 function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).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 Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    _ref$level = _ref.level,
-    level = _ref$level === void 0 ? 1 : _ref$level,
-    size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$D);
-  var HeadingX = getHeadingElement(level);
-  var sizeOrLevel = size ? size.split('-')[1] : level;
-  return jsxRuntime.jsx(HeadingX, _objectSpread$J(_objectSpread$J({
+  return jsxRuntime.jsx("a", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
-  }, restProps), {}, {
+    className: clsx('ams-skip-link', 'ams-visually-hidden', className),
     children: children
   }));
 });
-Heading.displayName = 'Heading';
+SkipLink.displayName = 'SkipLink';
 
+var _excluded$C = ["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), !0).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 Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-overlap', className),
+    children: children
+  }));
+});
+Overlap.displayName = 'Overlap';
+
+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), !0).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 LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$I(_objectSpread$I({
+  return jsxRuntime.jsxs("svg", _objectSpread$H(_objectSpread$H({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -965,10 +1183,10 @@ var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoAmsterdam.displayName = 'LogoAmsterdam';
 
-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), !0).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; }
+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), !0).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 LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$H(_objectSpread$H({
+  return jsxRuntime.jsxs("svg", _objectSpread$G(_objectSpread$G({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -993,10 +1211,10 @@ var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
 
-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), !0).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; }
+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), !0).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 LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$G(_objectSpread$G({
+  return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1030,10 +1248,10 @@ var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
 
-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), !0).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; }
+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), !0).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 LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
+  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1058,10 +1276,10 @@ var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoStadsarchief.displayName = 'LogoStadsarchief';
 
-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), !0).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; }
+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), !0).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 LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
+  return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1086,10 +1304,10 @@ var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref)
 });
 LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
 
-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), !0).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; }
+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), !0).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 LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
+  return jsxRuntime.jsxs("svg", _objectSpread$C(_objectSpread$C({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1114,9 +1332,9 @@ var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
 
-var _excluded$C = ["brand", "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), !0).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$B = ["brand", "className"];
+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), !0).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 logoConfig = {
   amsterdam: LogoAmsterdam,
   'ggd-amsterdam': LogoGgdAmsterdam,
@@ -1129,38 +1347,39 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$brand = _ref.brand,
     brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
   var LogoComponent = logoConfig[brand];
-  return jsxRuntime.jsx(LogoComponent, _objectSpread$C(_objectSpread$C({}, restProps), {}, {
+  return jsxRuntime.jsx(LogoComponent, _objectSpread$B(_objectSpread$B({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-logo', className)
   }));
 });
 Logo.displayName = 'Logo';
 
-var _excluded$B = ["className", "logoBrand", "logoLink", "logoLinkTitle", "title", "links", "menu"];
-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), !0).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$A = ["appName", "className", "links", "logoBrand", "logoLink", "logoLinkTitle", "menu"];
+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), !0).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 Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+  var appName = _ref.appName,
+    className = _ref.className,
+    links = _ref.links,
     _ref$logoBrand = _ref.logoBrand,
     logoBrand = _ref$logoBrand === void 0 ? 'amsterdam' : _ref$logoBrand,
     _ref$logoLink = _ref.logoLink,
     logoLink = _ref$logoLink === void 0 ? '/' : _ref$logoLink,
     _ref$logoLinkTitle = _ref.logoLinkTitle,
     logoLinkTitle = _ref$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref$logoLinkTitle,
-    title = _ref.title,
-    links = _ref.links,
     menu = _ref.menu,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: jsxRuntime.jsxs("header", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
+    children: jsxRuntime.jsxs("header", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
       ref: ref,
       className: clsx('ams-header', className),
       children: [jsxRuntime.jsxs("a", {
         href: logoLink,
         className: "ams-header__logo-link",
-        children: [jsxRuntime.jsx(VisuallyHidden, {
+        children: [jsxRuntime.jsx("span", {
+          className: "ams-visually-hidden",
           children: logoLinkTitle
         }), jsxRuntime.jsx(Logo, {
           brand: logoBrand
@@ -1171,13 +1390,13 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       }), menu && jsxRuntime.jsx("div", {
         className: "ams-header__menu",
         children: menu
-      }), title && jsxRuntime.jsx("div", {
-        className: "ams-header__title",
+      }), appName && jsxRuntime.jsx("div", {
+        className: "ams-header__app-name",
         children: jsxRuntime.jsx(Heading, {
           level: 1,
           size: "level-3",
-          className: "ams-header__title-heading",
-          children: title
+          className: "ams-header__app-name-heading",
+          children: appName
         })
       })]
     }))
@@ -1185,14 +1404,14 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Header.displayName = 'Header';
 
-var _excluded$A = ["children", "className"];
-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), !0).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$z = ["children", "className"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).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 Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  return jsxRuntime.jsx("mark", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsxRuntime.jsx("mark", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mark', className),
     children: children
@@ -1200,38 +1419,41 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
 
-var _excluded$z = ["className", "dir", "invalid"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$y = ["className", "dir", "invalid", "type"];
+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), !0).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 TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  return jsxRuntime.jsx("input", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("input", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-text-input', className),
     dir: dir !== null && dir !== void 0 ? dir : 'auto',
     ref: ref,
-    type: "text"
+    type: type
   }));
 });
 TextInput.displayName = 'TextInput';
 
-var _excluded$y = ["label", "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), !0).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$x = ["label", "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), !0).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; }
 // TODO: replace this with IconButton when that's done
 // TODO: discuss if IconButton is the right component to replace this
 var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$y);
-  return jsxRuntime.jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxRuntime.jsxs("button", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-search-field__button', className),
-    children: [jsxRuntime.jsx(VisuallyHidden, {
+    children: [jsxRuntime.jsx("span", {
+      className: "ams-visually-hidden",
       children: label
     }), jsxRuntime.jsx(Icon, {
       svg: designSystemReactIcons.SearchIcon,
@@ -1242,24 +1464,23 @@ var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SearchFieldButton.displayName = 'SearchField.Button';
 
-var _excluded$x = ["className", "dir", "invalid", "label"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$w = ["className", "dir", "invalid", "label"];
+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), !0).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 SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
-    restProps = _objectWithoutProperties(_ref, _excluded$x);
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
   var id = react.useId();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx("label", {
       htmlFor: id,
-      children: jsxRuntime.jsx(VisuallyHidden, {
-        children: label
-      })
-    }), jsxRuntime.jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+      className: "ams-visually-hidden",
+      children: label
+    }), jsxRuntime.jsx("input", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
       "aria-invalid": invalid || undefined,
       autoComplete: "off",
       className: clsx('ams-search-field__input', className),
@@ -1274,14 +1495,14 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SearchFieldInput.displayName = 'SearchField.Input';
 
-var _excluded$w = ["children", "className"];
-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), !0).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"];
+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), !0).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 SearchFieldRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
-  return jsxRuntime.jsx("form", _objectSpread$w(_objectSpread$w({
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsxRuntime.jsx("form", _objectSpread$v(_objectSpread$v({
     role: "search"
   }, restProps), {}, {
     ref: ref,
@@ -1295,18 +1516,18 @@ var SearchField = Object.assign(SearchFieldRoot, {
   Input: SearchFieldInput
 });
 
-var _excluded$v = ["actions", "children", "className", "closeButtonLabel", "title"];
-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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$u = ["actions", "children", "className", "closeButtonLabel", "heading"];
+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), !0).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 Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var actions = _ref.actions,
     children = _ref.children,
     className = _ref.className,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
-    title = _ref.title,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsxRuntime.jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+    heading = _ref.heading,
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsxRuntime.jsx("dialog", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-dialog', className),
     children: jsxRuntime.jsxs("form", {
@@ -1316,7 +1537,7 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         className: "ams-dialog__header",
         children: [jsxRuntime.jsx(Heading, {
           size: "level-4",
-          children: title
+          children: heading
         }), jsxRuntime.jsx(IconButton, {
           formNoValidate: true,
           label: closeButtonLabel,
@@ -1334,9 +1555,9 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Dialog.displayName = 'Dialog';
 
-var _excluded$u = ["className", "maxVisiblePages", "nextAriaLabel", "nextLabel", "onPageChange", "page", "previousAriaLabel", "previousLabel", "totalPages"];
-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), !0).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$t = ["className", "maxVisiblePages", "nextAriaLabel", "nextLabel", "onPageChange", "page", "previousAriaLabel", "previousLabel", "totalPages"];
+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), !0).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; }
 /**
  * This returns an array of the range, including spacers
  *
@@ -1398,7 +1619,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$previousLabel = _ref.previousLabel,
     previousLabel = _ref$previousLabel === void 0 ? 'vorige' : _ref$previousLabel,
     totalPages = _ref.totalPages,
-    restProps = _objectWithoutProperties(_ref, _excluded$u);
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
   var _useState = react.useState(page),
     _useState2 = _slicedToArray(_useState, 2),
     currentPage = _useState2[0],
@@ -1423,7 +1644,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   if (totalPages <= 1) {
     return null;
   }
-  return jsxRuntime.jsx("nav", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+  return jsxRuntime.jsx("nav", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     className: clsx('ams-pagination', className),
     ref: ref,
     "aria-label": "Paginering",
@@ -1477,17 +1698,17 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Pagination.displayName = 'Pagination';
 
-var _excluded$t = ["children", "className", "fullHeight", "maxWidth"];
-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), !0).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$s = ["children", "className", "fullHeight", "maxWidth"];
+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), !0).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 Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     fullHeight = _ref.fullHeight,
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
-    restProps = _objectWithoutProperties(_ref, _excluded$t);
-  return jsxRuntime.jsx("div", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  return jsxRuntime.jsx("div", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-screen', fullHeight && 'ams-screen--full-height', "ams-screen--".concat(maxWidth), className),
     children: children
@@ -1495,17 +1716,17 @@ var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Screen.displayName = 'Screen';
 
-var _excluded$s = ["className", "id"];
-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), !0).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 _excluded$r = ["className", "id"];
+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), !0).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 Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     id = _ref.id,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
   var inputId = id || react.useId();
   return jsxRuntime.jsxs("div", {
     className: clsx('ams-switch', className),
-    children: [jsxRuntime.jsx("input", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    children: [jsxRuntime.jsx("input", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
       className: "ams-switch__input",
       id: inputId,
       ref: ref,
@@ -1519,9 +1740,9 @@ var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Switch.displayName = 'Switch';
 
-var _excluded$r = ["children", "className", "as", "color"];
-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), !0).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$q = ["children", "className", "as", "color"];
+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), !0).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 Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1529,8 +1750,8 @@ var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'dark-blue' : _ref$color,
-    restProps = _objectWithoutProperties(_ref, _excluded$r);
-  return jsxRuntime.jsx(Tag, _objectSpread$r(_objectSpread$r({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx(Tag, _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-spotlight', "ams-spotlight--".concat(color), className),
     children: children
@@ -1538,33 +1759,33 @@ var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Spotlight.displayName = 'Spotlight';
 
-var _excluded$q = ["children", "className", "inverseColor", "size"];
-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), !0).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 _excluded$p = ["children", "className", "inverseColor", "size"];
+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), !0).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 Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
     size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$q);
-  return jsxRuntime.jsx("p", _objectSpread$q(_objectSpread$q({
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  return jsxRuntime.jsx("p", _objectSpread$p(_objectSpread$p({
     ref: ref,
     className: clsx('ams-paragraph', size && "ams-paragraph--".concat(size), inverseColor && 'ams-paragraph--inverse-color', className)
-  }, otherProps), {}, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var _excluded$p = ["children", "className", "tagline"];
-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), !0).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$o = ["children", "className", "tagline"];
+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), !0).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 CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
-    restProps = _objectWithoutProperties(_ref, _excluded$p);
-  return jsxRuntime.jsxs("hgroup", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxRuntime.jsxs("hgroup", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card__heading-group', className),
     children: [children, jsxRuntime.jsx(Paragraph, {
@@ -1575,14 +1796,14 @@ var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CardHeadingGroup.displayName = 'Card.HeadingGroup';
 
-var _excluded$o = ["children", "className"];
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).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$n = ["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), !0).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 CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$o);
-  return jsxRuntime.jsx("a", _objectSpread$o(_objectSpread$o({}, otherProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("a", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card__link', className),
     children: children
@@ -1590,14 +1811,14 @@ var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CardLink.displayName = 'Card.Link';
 
-var _excluded$n = ["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), !0).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$m = ["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), !0).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 CardRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
-  return jsxRuntime.jsx("article", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxRuntime.jsx("article", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card', className),
     children: children
@@ -1609,55 +1830,6 @@ var Card = Object.assign(CardRoot, {
   Link: CardLink
 });
 
-var _excluded$m = ["children", "className", "closeable", "closeButtonLabel", "headingLevel", "onClose", "severity", "title"];
-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), !0).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 iconSvgBySeverity = {
-  error: designSystemReactIcons.AlertIcon,
-  info: designSystemReactIcons.InfoIcon,
-  success: designSystemReactIcons.CheckmarkIcon,
-  warning: designSystemReactIcons.AlertIcon
-};
-var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    closeable = _ref.closeable,
-    _ref$closeButtonLabel = _ref.closeButtonLabel,
-    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
-    onClose = _ref.onClose,
-    _ref$severity = _ref.severity,
-    severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
-    title = _ref.title,
-    restProps = _objectWithoutProperties(_ref, _excluded$m);
-  var alertSize = title ? 'level-4' : 'level-5';
-  var Tag = title ? 'section' : 'div';
-  return jsxRuntime.jsxs(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
-    children: [jsxRuntime.jsx("div", {
-      className: "ams-alert__icon",
-      children: jsxRuntime.jsx(Icon, {
-        size: alertSize,
-        svg: iconSvgBySeverity[severity]
-      })
-    }), jsxRuntime.jsxs("div", {
-      className: "ams-alert__content",
-      children: [title && jsxRuntime.jsx(Heading, {
-        level: headingLevel,
-        size: "level-4",
-        children: title
-      }), children]
-    }), closeable && jsxRuntime.jsx(IconButton, {
-      label: closeButtonLabel,
-      size: alertSize,
-      onClick: onClose
-    })]
-  }));
-});
-Alert.displayName = 'Alert';
-
 var _excluded$l = ["children", "className", "ratio"];
 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), !0).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; }
@@ -1781,7 +1953,8 @@ var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     children: [jsxRuntime.jsx("span", {
       className: "ams-top-task-link__label",
       children: label
-    }), jsxRuntime.jsx(VisuallyHidden, {
+    }), jsxRuntime.jsx("span", {
+      className: "ams-visually-hidden",
       children: ","
     }), jsxRuntime.jsx("span", {
       className: "ams-top-task-link__description",
@@ -1954,8 +2127,8 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
     onBackground = _ref.onBackground,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$7);
-  return jsxRuntime.jsx("a", _objectSpread$7(_objectSpread$7({}, otherProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxRuntime.jsx("a", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-link', {
       'ams-link--standalone': variant === 'standalone',
@@ -2062,7 +2235,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     expanded = _ref$expanded === void 0 ? false : _ref$expanded,
     children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+    restProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useContext = react.useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     sectionAs = _useContext.sectionAs;
@@ -2070,17 +2243,17 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
-  var HeadingX = getHeadingElement(headingLevel);
-  var Tag = sectionAs || 'section';
+  var HeadingTag = getHeadingTag(headingLevel);
+  var SectionTag = sectionAs || 'section';
   var id = react.useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
   return jsxRuntime.jsxs("div", _objectSpread$2(_objectSpread$2({
     className: clsx('ams-accordion__section', className),
     ref: ref
-  }, otherProps), {}, {
-    children: [jsxRuntime.jsx(HeadingX, {
-      className: 'ams-accordion__header',
+  }, restProps), {}, {
+    children: [jsxRuntime.jsx(HeadingTag, {
+      className: "ams-accordion__header",
       children: jsxRuntime.jsxs("button", {
         "aria-controls": panelId,
         "aria-expanded": isExpanded,
@@ -2096,7 +2269,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           className: "ams-accordion__icon"
         }), label]
       })
-    }), jsxRuntime.jsx(Tag, {
+    }), jsxRuntime.jsx(SectionTag, {
       "aria-labelledby": buttonId,
       className: clsx('ams-accordion__panel', {
         'ams-accordion__panel--expanded': isExpanded
@@ -2232,6 +2405,7 @@ exports.Blockquote = Blockquote;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button;
 exports.Card = Card;
+exports.CharacterCount = CharacterCount;
 exports.Checkbox = Checkbox;
 exports.Column = Column;
 exports.DateInput = DateInput;
@@ -2242,7 +2416,7 @@ exports.Field = Field;
 exports.FieldSet = FieldSet;
 exports.FileInput = FileInput;
 exports.Footer = Footer;
-exports.FormFieldCharacterCounter = FormFieldCharacterCounter;
+exports.FormErrorList = FormErrorList;
 exports.Grid = Grid;
 exports.Header = Header;
 exports.Heading = Heading;
@@ -2270,11 +2444,11 @@ exports.SkipLink = SkipLink;
 exports.Spotlight = Spotlight;
 exports.Switch = Switch;
 exports.Table = Table;
+exports.TableOfContents = TableOfContents;
 exports.Tabs = Tabs;
 exports.TextArea = TextArea;
 exports.TextInput = TextInput;
 exports.TimeInput = TimeInput;
 exports.TopTaskLink = TopTaskLink;
 exports.UnorderedList = UnorderedList;
-exports.VisuallyHidden = VisuallyHidden;
 //# sourceMappingURL=index.cjs.js.map