npm - @amsterdam/design-system-react - Versions diffs - 0.9.0 → 0.11.0 - Mend

@amsterdam/design-system-react 0.9.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,53 +1,377 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef, useImperativeHandle, useEffect, useState, useId, createContext, useContext, startTransition, useMemo } from 'react';
 import clsx, { clsx as clsx$1 } from 'clsx';
-import { forwardRef, useId, createContext, useContext, startTransition, useState, useRef, useImperativeHandle, useMemo, useEffect } from 'react';
-import { PersonalLoginIcon, ChevronRightIcon, CloseIcon, SearchIcon, ChevronLeftIcon, AlertIcon, InfoIcon, CheckmarkIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { CloseIcon, AlertIcon, InfoIcon, CheckmarkIcon, ChevronRightIcon, PersonalLoginIcon, SearchIcon, ChevronLeftIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
 import _toConsumableArray from '@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__*/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 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__*/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 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__*/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 ? CloseIcon : _ref$svg,
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+  return 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: [jsx("span", {
+      className: "ams-visually-hidden",
+      children: label
+    }), 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: AlertIcon,
+  info: InfoIcon,
+  success: CheckmarkIcon,
+  warning: AlertIcon
+};
+var Alert = /*#__PURE__*/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 jsxs(Tag, _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
+    children: [jsx("div", {
+      className: "ams-alert__icon",
+      children: jsx(Icon, {
+        size: alertSize,
+        svg: iconSvgBySeverity[severity]
+      })
+    }), jsxs("div", {
+      className: "ams-alert__content",
+      children: [heading && jsx(Heading, {
+        level: headingLevel,
+        size: "level-4",
+        children: heading
+      }), children]
+    }), closeable && 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__*/forwardRef(function (_ref, ref) {
+var iconSizeMap = {
+  small: 'level-6',
+  medium: 'level-5',
+  large: 'level-4'
+};
+/** One link with a Link List. */
+var LinkListLink = /*#__PURE__*/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 jsx("span", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+  return jsx("li", {
+    children: 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: [jsx(Icon, {
+        svg: icon !== null && icon !== void 0 ? icon : 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__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return 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__*/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 = useRef(null);
+  // use a passed ref if it's there, otherwise use innerRef
+  useImperativeHandle(ref, function () {
+    return innerRef.current;
+  });
+  useEffect(function () {
+    if (innerRef.current && focusOnRender && !hasFocusedOnce) {
+      innerRef.current.focus();
+      setHasFocusedOnce(true);
+    }
+  }, [innerRef]);
+  return 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: jsx(LinkList, {
+      children: errors.map(function (_ref2) {
+        var id = _ref2.id,
+          label = _ref2.label;
+        return 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 = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    documentTitle = _useState2[0],
+    setDocumentTitle = _useState2[1];
+  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__*/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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasFocusedOnce = _useState2[0],
+    setHasFocusedOnce = _useState2[1];
+  if (errors.length === 0) return undefined;
+  return 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__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    label = _ref.label,
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsxs("li", {
+    className: "ams-table-of-contents__item",
+    children: [jsx("a", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+      className: clsx$1('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__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return 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__*/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 jsxs("nav", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-table-of-contents', className),
+    children: [heading && 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__*/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 jsxs("p", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsxs("p", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-error-message', className),
-    children: [jsxs(VisuallyHidden, {
+    children: [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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsx("input", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsx("input", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-file-input', className),
     type: "file"
@@ -55,15 +379,15 @@ var FileInput = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsx("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
+  return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-field', invalid && 'ams-field--invalid', className),
     children: children
@@ -71,14 +395,14 @@ var Field = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsx("option", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsx("option", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-select__option', className),
     children: children
@@ -86,14 +410,14 @@ var SelectOption = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsx("optgroup", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsx("optgroup", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-select__group', className),
     children: children
@@ -101,15 +425,15 @@ var SelectOptionGroup = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsx("select", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsx("select", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-select', className),
     ref: ref,
@@ -122,14 +446,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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-time-input', className),
     ref: ref,
@@ -138,59 +462,42 @@ var TimeInput = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return 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 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__*/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 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__*/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 jsx("img", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return 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;
@@ -216,14 +523,15 @@ var Avatar = /*#__PURE__*/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 jsxs("span", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+  return jsxs("span", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
-    children: [jsx(VisuallyHidden, {
+    children: [jsx("span", {
+      className: "ams-visually-hidden",
       children: a11yLabel
     }), jsx(AvatarContent, {
       imageSrc: imageSrc,
@@ -233,31 +541,31 @@ var Avatar = /*#__PURE__*/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__*/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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return 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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsx("dd", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsx("dd", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__details', className),
     children: children
@@ -265,14 +573,14 @@ var DescriptionListDetails = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsx("dt", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsx("dt", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__term', className),
     children: children
@@ -280,15 +588,15 @@ var DescriptionListTerm = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsx("dl", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list', inverseColor && 'ams-description-list--inverse-color', className),
     children: children
@@ -300,40 +608,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__*/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 jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+    gap = _ref.gap,
+    wrap = _ref.wrap,
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return 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__*/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 = useId();
   return (
     // This div is here because NVDA doesn't match the input to the label
     // without a containing element
     jsxs("div", {
       className: clsx('ams-radio', className),
-      children: [jsx("input", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
+      children: [jsx("input", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
         "aria-invalid": invalid || undefined,
         className: "ams-radio__input",
         id: id,
@@ -362,45 +672,45 @@ var defaultValues$1 = {
 };
 var TabsContext = /*#__PURE__*/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__*/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 = useContext(TabsContext),
     activeTab = _useContext.activeTab,
-    updateTab = _useContext.updateTab,
-    tabsId = _useContext.tabsId;
-  return jsx("button", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
-    role: "tab",
-    id: "".concat(tabsId, "-tab-").concat(tab),
+    tabsId = _useContext.tabsId,
+    updateTab = _useContext.updateTab;
+  return 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() {
       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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
+  return jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     role: "tablist",
     ref: ref,
     className: clsx('ams-tabs__list', className),
@@ -409,21 +719,21 @@ var TabsList = /*#__PURE__*/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__*/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 = useContext(TabsContext),
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId;
   if (tab !== activeTab) {
     return null;
   }
-  return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+  return jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     role: "tabpanel",
     "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
     id: "".concat(tabsId, "-panel-").concat(tab),
@@ -512,23 +822,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__*/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 = useId();
+  var innerRef = useRef(null);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var innerRef = useRef(null);
+    activeTabId = _useState2[0],
+    setActiveTabId = _useState2[1];
+  var allTabs = useMemo(function () {
+    if (!Array.isArray(children)) return [];
+    return children[0].props.children.map(function (child) {
+      return child;
+    });
+  }, [children]);
+  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
   useImperativeHandle(ref, function () {
     return innerRef.current;
   });
@@ -539,11 +867,11 @@ var TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     keyDown = _useKeyboardFocus.keyDown;
   return jsx(TabsContext.Provider, {
     value: {
-      activeTab: activeTab,
+      activeTab: activeTabId,
       updateTab: updateTab,
       tabsId: tabsId
     },
-    children: jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+    children: jsx("div", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
       role: "tabs",
       ref: innerRef,
       onKeyDown: keyDown,
@@ -559,16 +887,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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
     resize = _ref.resize,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  return jsx("textarea", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return 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',
@@ -577,35 +905,36 @@ var TextArea = /*#__PURE__*/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__*/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 jsx(Tag, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+    gap = _ref.gap,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return 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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
     legend = _ref.legend,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  return jsxs("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxs("fieldset", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
     children: [jsx("legend", {
@@ -616,66 +945,16 @@ var FieldSet = /*#__PURE__*/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__*/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 jsx("li", {
-    children: 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: [jsx(Icon, {
-        svg: icon !== null && icon !== void 0 ? icon : 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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return 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__*/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 jsx("span", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsx("span", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-badge', "ams-badge--".concat(color), className),
     children: label
@@ -683,266 +962,205 @@ var Badge = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return 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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return 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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return 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__*/forwardRef(function (_ref, ref) {
+var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsx("tfoot", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+  return 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__*/forwardRef(function (_ref, ref) {
+var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsx("thead", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+  return 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__*/forwardRef(function (_ref, ref) {
+var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsx("th", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+  return 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__*/forwardRef(function (_ref, ref) {
+var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$K);
-  return jsx("tr", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+  return 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__*/forwardRef(function (_ref, ref) {
+var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsx("div", {
-    className: "ams-table",
-    children: 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 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__*/forwardRef(function (_ref, ref) {
+var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+  return 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__*/forwardRef(function (_ref, ref) {
+var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return 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__*/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 ? CloseIcon : _ref$svg,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsxs("button", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+  return 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: [jsx(VisuallyHidden, {
-      children: label
-    }), 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__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsx("div", {
+    className: "ams-table",
+    children: 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__*/forwardRef(function (_ref, ref) {
+var MegaMenuListCategory = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsx("a", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+  return 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__*/forwardRef(function (_ref, ref) {
+var MegaMenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$E);
   return 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__*/forwardRef(function (_ref, ref) {
+var SkipLink = /*#__PURE__*/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 jsx(HeadingX, _objectSpread$J(_objectSpread$J({
+  return 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__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return 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__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$I(_objectSpread$I({
+  return jsxs("svg", _objectSpread$H(_objectSpread$H({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -963,10 +1181,10 @@ var LogoAmsterdam = /*#__PURE__*/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__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$H(_objectSpread$H({
+  return jsxs("svg", _objectSpread$G(_objectSpread$G({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -991,10 +1209,10 @@ var LogoGgdAmsterdam = /*#__PURE__*/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__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$G(_objectSpread$G({
+  return jsxs("svg", _objectSpread$F(_objectSpread$F({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1028,10 +1246,10 @@ var LogoMuseumWeesp = /*#__PURE__*/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__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$F(_objectSpread$F({
+  return jsxs("svg", _objectSpread$E(_objectSpread$E({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1056,10 +1274,10 @@ var LogoStadsarchief = /*#__PURE__*/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__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$E(_objectSpread$E({
+  return jsxs("svg", _objectSpread$D(_objectSpread$D({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1084,10 +1302,10 @@ var LogoStadsbankVanLening = /*#__PURE__*/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__*/forwardRef(function (props, ref) {
-  return jsxs("svg", _objectSpread$D(_objectSpread$D({
+  return jsxs("svg", _objectSpread$C(_objectSpread$C({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1112,9 +1330,9 @@ var LogoVgaVerzekeringen = /*#__PURE__*/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,
@@ -1127,38 +1345,39 @@ var Logo = /*#__PURE__*/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 jsx(LogoComponent, _objectSpread$C(_objectSpread$C({}, restProps), {}, {
+  return 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__*/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 jsx(Fragment, {
-    children: jsxs("header", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
+    children: jsxs("header", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
       ref: ref,
       className: clsx('ams-header', className),
       children: [jsxs("a", {
         href: logoLink,
         className: "ams-header__logo-link",
-        children: [jsx(VisuallyHidden, {
+        children: [jsx("span", {
+          className: "ams-visually-hidden",
           children: logoLinkTitle
         }), jsx(Logo, {
           brand: logoBrand
@@ -1169,13 +1388,13 @@ var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }), menu && jsx("div", {
         className: "ams-header__menu",
         children: menu
-      }), title && jsx("div", {
-        className: "ams-header__title",
+      }), appName && jsx("div", {
+        className: "ams-header__app-name",
         children: jsx(Heading, {
           level: 1,
           size: "level-3",
-          className: "ams-header__title-heading",
-          children: title
+          className: "ams-header__app-name-heading",
+          children: appName
         })
       })]
     }))
@@ -1183,14 +1402,14 @@ var Header = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  return jsx("mark", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsx("mark", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mark', className),
     children: children
@@ -1198,38 +1417,41 @@ var Mark = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  return 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 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__*/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 jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxs("button", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-search-field__button', className),
-    children: [jsx(VisuallyHidden, {
+    children: [jsx("span", {
+      className: "ams-visually-hidden",
       children: label
     }), jsx(Icon, {
       svg: SearchIcon,
@@ -1240,24 +1462,23 @@ var SearchFieldButton = /*#__PURE__*/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__*/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 = useId();
   return jsxs(Fragment, {
     children: [jsx("label", {
       htmlFor: id,
-      children: jsx(VisuallyHidden, {
-        children: label
-      })
-    }), jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+      className: "ams-visually-hidden",
+      children: label
+    }), jsx("input", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
       "aria-invalid": invalid || undefined,
       autoComplete: "off",
       className: clsx('ams-search-field__input', className),
@@ -1272,14 +1493,14 @@ var SearchFieldInput = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
-  return jsx("form", _objectSpread$w(_objectSpread$w({
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsx("form", _objectSpread$v(_objectSpread$v({
     role: "search"
   }, restProps), {}, {
     ref: ref,
@@ -1293,18 +1514,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__*/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 jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+    heading = _ref.heading,
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsx("dialog", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-dialog', className),
     children: jsxs("form", {
@@ -1314,7 +1535,7 @@ var Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
         className: "ams-dialog__header",
         children: [jsx(Heading, {
           size: "level-4",
-          children: title
+          children: heading
         }), jsx(IconButton, {
           formNoValidate: true,
           label: closeButtonLabel,
@@ -1332,9 +1553,9 @@ var Dialog = /*#__PURE__*/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
  *
@@ -1396,7 +1617,7 @@ var Pagination = /*#__PURE__*/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 = useState(page),
     _useState2 = _slicedToArray(_useState, 2),
     currentPage = _useState2[0],
@@ -1421,7 +1642,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (totalPages <= 1) {
     return null;
   }
-  return jsx("nav", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+  return jsx("nav", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     className: clsx('ams-pagination', className),
     ref: ref,
     "aria-label": "Paginering",
@@ -1475,17 +1696,17 @@ var Pagination = /*#__PURE__*/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__*/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 jsx("div", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  return 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
@@ -1493,17 +1714,17 @@ var Screen = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     id = _ref.id,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
   var inputId = id || useId();
   return jsxs("div", {
     className: clsx('ams-switch', className),
-    children: [jsx("input", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    children: [jsx("input", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
       className: "ams-switch__input",
       id: inputId,
       ref: ref,
@@ -1517,9 +1738,9 @@ var Switch = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1527,8 +1748,8 @@ var Spotlight = /*#__PURE__*/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 jsx(Tag, _objectSpread$r(_objectSpread$r({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsx(Tag, _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-spotlight', "ams-spotlight--".concat(color), className),
     children: children
@@ -1536,33 +1757,33 @@ var Spotlight = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
     size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$q);
-  return jsx("p", _objectSpread$q(_objectSpread$q({
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  return 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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
-    restProps = _objectWithoutProperties(_ref, _excluded$p);
-  return jsxs("hgroup", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxs("hgroup", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card__heading-group', className),
     children: [children, jsx(Paragraph, {
@@ -1573,14 +1794,14 @@ var CardHeadingGroup = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$o);
-  return jsx("a", _objectSpread$o(_objectSpread$o({}, otherProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsx("a", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card__link', className),
     children: children
@@ -1588,14 +1809,14 @@ var CardLink = /*#__PURE__*/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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
-  return jsx("article", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsx("article", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card', className),
     children: children
@@ -1607,55 +1828,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: AlertIcon,
-  info: InfoIcon,
-  success: CheckmarkIcon,
-  warning: AlertIcon
-};
-var Alert = /*#__PURE__*/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 jsxs(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
-    children: [jsx("div", {
-      className: "ams-alert__icon",
-      children: jsx(Icon, {
-        size: alertSize,
-        svg: iconSvgBySeverity[severity]
-      })
-    }), jsxs("div", {
-      className: "ams-alert__content",
-      children: [title && jsx(Heading, {
-        level: headingLevel,
-        size: "level-4",
-        children: title
-      }), children]
-    }), closeable && 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; }
@@ -1779,7 +1951,8 @@ var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children: [jsx("span", {
       className: "ams-top-task-link__label",
       children: label
-    }), jsx(VisuallyHidden, {
+    }), jsx("span", {
+      className: "ams-visually-hidden",
       children: ","
     }), jsx("span", {
       className: "ams-top-task-link__description",
@@ -1952,8 +2125,8 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
     onBackground = _ref.onBackground,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$7);
-  return jsx("a", _objectSpread$7(_objectSpread$7({}, otherProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsx("a", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-link', {
       'ams-link--standalone': variant === 'standalone',
@@ -2060,7 +2233,7 @@ var AccordionSection = /*#__PURE__*/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 = useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     sectionAs = _useContext.sectionAs;
@@ -2068,17 +2241,17 @@ var AccordionSection = /*#__PURE__*/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 = useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
   return jsxs("div", _objectSpread$2(_objectSpread$2({
     className: clsx('ams-accordion__section', className),
     ref: ref
-  }, otherProps), {}, {
-    children: [jsx(HeadingX, {
-      className: 'ams-accordion__header',
+  }, restProps), {}, {
+    children: [jsx(HeadingTag, {
+      className: "ams-accordion__header",
       children: jsxs("button", {
         "aria-controls": panelId,
         "aria-expanded": isExpanded,
@@ -2094,7 +2267,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
           className: "ams-accordion__icon"
         }), label]
       })
-    }), jsx(Tag, {
+    }), jsx(SectionTag, {
       "aria-labelledby": buttonId,
       className: clsx('ams-accordion__panel', {
         'ams-accordion__panel--expanded': isExpanded
@@ -2221,5 +2394,5 @@ var Grid = Object.assign(GridRoot, {
   Cell: GridCell
 });
-export { Accordion, Alert, AspectRatio, Avatar, Badge, Blockquote, Breadcrumb, Button, Card, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, FileInput, Footer, FormFieldCharacterCounter, Grid, Header, Heading, Icon, IconButton, Image, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList, VisuallyHidden };
+export { Accordion, Alert, AspectRatio, Avatar, Badge, Blockquote, Breadcrumb, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, FileInput, Footer, FormErrorList, Grid, Header, Heading, Icon, IconButton, Image, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList };
 //# sourceMappingURL=index.esm.js.map