@amsterdam/design-system-react 0.10.0 → 0.11.1

package/dist/index.cjs.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
 var react = require('react');
+var clsx = require('clsx');
 var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 
-function getHeadingElement(level) {
+function getHeadingTag(level) {
   switch (level) {
     case 2:
       return 'h2';
@@ -33,9 +33,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     level = _ref$level === void 0 ? 1 : _ref$level,
     size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  var HeadingX = getHeadingElement(level);
-  var sizeOrLevel = size ? size.split('-')[1] : level;
-  return jsxRuntime.jsx(HeadingX, _objectSpread$1q(_objectSpread$1q({
+  var Tag = getHeadingTag(level);
+  var sizeOrLevel = size !== null && size !== void 0 ? size : "level-".concat(level);
+  return jsxRuntime.jsx(Tag, _objectSpread$1q(_objectSpread$1q({
     ref: ref,
     className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
   }, restProps), {}, {
@@ -53,11 +53,11 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'level-3' : _ref$size,
     square = _ref.square,
     svg = _ref.svg,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1j);
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
   return jsxRuntime.jsx("span", _objectSpread$1p(_objectSpread$1p({
     ref: ref,
     className: clsx('ams-icon', size === 'level-3' && 'ams-icon--size-3', size === 'level-4' && 'ams-icon--size-4', size === 'level-5' && 'ams-icon--size-5', size === 'level-6' && 'ams-icon--size-6', square && 'ams-icon--square', className)
-  }, otherProps), {}, {
+  }, restProps), {}, {
     children: svg()
   }));
 });
@@ -189,25 +189,39 @@ var LinkList = Object.assign(LinkListRoot, {
   Link: LinkListLink
 });
 
-var _excluded$1e = ["className", "errors", "heading", "headingLevel"];
+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 FormErrorList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var FormErrorListWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     errors = _ref.errors,
+    _ref$focusOnRender = _ref.focusOnRender,
+    focusOnRender = _ref$focusOnRender === void 0 ? true : _ref$focusOnRender,
+    hasFocusedOnce = _ref.hasFocusedOnce,
     _ref$heading = _ref.heading,
     heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
     _ref$headingLevel = _ref.headingLevel,
     headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    setHasFocusedOnce = _ref.setHasFocusedOnce,
     restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  if (errors.length === 0) return undefined;
+  var innerRef = react.useRef(null);
+  // use a passed ref if it's there, otherwise use innerRef
+  react.useImperativeHandle(ref, function () {
+    return innerRef.current;
+  });
+  react.useEffect(function () {
+    if (innerRef.current && focusOnRender && !hasFocusedOnce) {
+      innerRef.current.focus();
+      setHasFocusedOnce(true);
+    }
+  }, [innerRef]);
   return jsxRuntime.jsx(Alert, _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
     className: clsx('ams-form-error-list', className),
     heading: heading,
     headingLevel: headingLevel,
-    ref: ref,
-    role: "alert",
+    ref: innerRef,
     severity: "error",
+    tabIndex: -1,
     children: jsxRuntime.jsx(LinkList, {
       children: errors.map(function (_ref2) {
         var id = _ref2.id,
@@ -220,19 +234,69 @@ var FormErrorList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     })
   }));
 });
-FormErrorList.displayName = 'FormErrorList';
+FormErrorListWithErrors.displayName = 'FormErrorListWithErrors';
+
+var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle( /** The list of error messages used to calculate the error count. */
+errors) {
+  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    plural: 'invoerfouten',
+    singular: 'invoerfout'
+  };
+  var _useState = react.useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    documentTitle = _useState2[0],
+    setDocumentTitle = _useState2[1];
+  react.useEffect(function () {
+    setDocumentTitle(document.title);
+  }, []);
+  if (!documentTitle) return null;
+  if (errors.length === 1) {
+    document.title = "(".concat(errors.length, " ").concat(label.singular, ") ").concat(documentTitle);
+  } else if (errors.length > 1) {
+    document.title = "(".concat(errors.length, " ").concat(label.plural, ") ").concat(documentTitle);
+  } else {
+    document.title = documentTitle;
+  }
+  return null;
+};
 
-var _excluded$1d = ["children", "className", "label"];
+var _excluded$1d = ["errors", "errorCountLabel"];
 function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormErrorList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var errors = _ref.errors,
+    errorCountLabel = _ref.errorCountLabel,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  // A Form Error List without errors only resets the document title.
+  // With errors, it renders the FormErrorListWithErrors component.
+  useAddErrorCountToDocumentTitle(errors, errorCountLabel);
+  // Focus should only be set on first render of FormErrorListWithErrors.
+  // Subsequent renders should not set focus.
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasFocusedOnce = _useState2[0],
+    setHasFocusedOnce = _useState2[1];
+  if (errors.length === 0) return undefined;
+  return jsxRuntime.jsx(FormErrorListWithErrors, _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    errors: errors,
+    hasFocusedOnce: hasFocusedOnce,
+    ref: ref,
+    setHasFocusedOnce: setHasFocusedOnce
+  }));
+});
+FormErrorList.displayName = 'FormErrorList';
+
+var _excluded$1c = ["children", "className", "label"];
+function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableOfContentsLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     label = _ref.label,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
   return jsxRuntime.jsxs("li", {
     className: "ams-table-of-contents__item",
-    children: [jsxRuntime.jsx("a", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    children: [jsxRuntime.jsx("a", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
       className: clsx.clsx('ams-table-of-contents__link', className),
       ref: ref,
       children: label
@@ -241,14 +305,14 @@ var TableOfContentsLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableOfContentsLink.displayName = 'TableOfContents.Link';
 
-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$1b = ["children", "className"];
+function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsxRuntime.jsx("ul", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsxRuntime.jsx("ul", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table-of-contents__list', className),
     children: children
@@ -256,17 +320,17 @@ var TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableOfContentsList.displayName = 'TableOfContents.List';
 
-var _excluded$1b = ["children", "className", "heading", "headingLevel"];
-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$1a = ["children", "className", "heading", "headingLevel"];
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableOfContentsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     heading = _ref.heading,
     _ref$headingLevel = _ref.headingLevel,
     headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsxRuntime.jsxs("nav", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxRuntime.jsxs("nav", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table-of-contents', className),
     children: [heading && jsxRuntime.jsx(Heading, {
@@ -283,16 +347,16 @@ var TableOfContents = Object.assign(TableOfContentsRoot, {
   List: TableOfContentsList
 });
 
-var _excluded$1a = ["children", "className", "prefix"];
-function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !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$19 = ["children", "className", "prefix"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$prefix = _ref.prefix,
     prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsxRuntime.jsxs("p", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsxRuntime.jsxs("p", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-error-message', className),
     children: [jsxRuntime.jsxs("span", {
@@ -303,13 +367,13 @@ var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ErrorMessage.displayName = 'ErrorMessage';
 
-var _excluded$19 = ["className"];
-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$18 = ["className"];
+function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxRuntime.jsx("input", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-file-input', className),
     type: "file"
@@ -317,15 +381,15 @@ var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FileInput.displayName = 'FileInput';
 
-var _excluded$18 = ["children", "className", "invalid"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !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$17 = ["children", "className", "invalid"];
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
+  return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-field', invalid && 'ams-field--invalid', className),
     children: children
@@ -333,14 +397,14 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Field.displayName = 'Field';
 
-var _excluded$17 = ["children", "className"];
-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 _excluded$16 = ["children", "className"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsxRuntime.jsx("option", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsx("option", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-select__option', className),
     children: children
@@ -348,14 +412,14 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SelectOption.displayName = 'Select.Option';
 
-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 _excluded$15 = ["children", "className"];
+function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsxRuntime.jsx("optgroup", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsxRuntime.jsx("optgroup", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-select__group', className),
     children: children
@@ -363,15 +427,15 @@ var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SelectOptionGroup.displayName = 'Select.Group';
 
-var _excluded$15 = ["children", "className", "invalid"];
-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$14 = ["children", "className", "invalid"];
+function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$15);
-  return jsxRuntime.jsx("select", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsxRuntime.jsx("select", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-select', className),
     ref: ref,
@@ -384,14 +448,14 @@ var Select = Object.assign(SelectRoot, {
   Group: SelectOptionGroup
 });
 
-var _excluded$14 = ["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 _excluded$13 = ["className", "invalid"];
+function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsxRuntime.jsx("input", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-time-input', className),
     ref: ref,
@@ -400,16 +464,16 @@ var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TimeInput.displayName = 'TimeInput';
 
-var _excluded$13 = ["className", "invalid", "type"];
-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$12 = ["className", "invalid", "type"];
+function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'date' : _ref$type,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsxRuntime.jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsx("input", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-date-input', className),
     ref: ref,
@@ -418,24 +482,24 @@ var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 DateInput.displayName = 'DateInput';
 
-var _excluded$12 = ["className", "cover"];
-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$11 = ["className", "cover"];
+function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$cover = _ref.cover,
     cover = _ref$cover === void 0 ? false : _ref$cover,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsxRuntime.jsx("img", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxRuntime.jsx("img", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-image', cover && 'ams-image--cover', className)
   }));
 });
 Image.displayName = 'Image';
 
-var _excluded$11 = ["label", "imageSrc", "className", "color"];
-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$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;
@@ -462,10 +526,10 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     className = _ref2.className,
     _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? 'blue' : _ref2$color,
-    restProps = _objectWithoutProperties(_ref2, _excluded$11);
+    restProps = _objectWithoutProperties(_ref2, _excluded$10);
   var initials = label.slice(0, 2).toUpperCase();
   var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
-  return jsxRuntime.jsxs("span", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+  return jsxRuntime.jsxs("span", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
     children: [jsxRuntime.jsx("span", {
@@ -479,31 +543,31 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 Avatar.displayName = 'Avatar';
 
-var _excluded$10 = ["className", "length", "maxLength"];
-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 FormFieldCharacterCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var _excluded$$ = ["className", "length", "maxLength"];
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsxRuntime.jsx("div", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-form-field-character-counter', length > maxLength && 'ams-form-field-character-counter--error', className),
+    className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
     role: "status",
     children: "".concat(length, " van ").concat(maxLength, " tekens")
   }));
 });
-FormFieldCharacterCounter.displayName = 'FormFieldCharacterCounter';
+CharacterCount.displayName = 'CharacterCount';
 
-var _excluded$$ = ["children", "className"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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$_ = ["children", "className"];
+function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListDetails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsxRuntime.jsx("dd", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsxRuntime.jsx("dd", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__details', className),
     children: children
@@ -511,14 +575,14 @@ var DescriptionListDetails = /*#__PURE__*/react.forwardRef(function (_ref, ref)
 });
 DescriptionListDetails.displayName = 'DescriptionList.Details';
 
-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 _excluded$Z = ["children", "className"];
+function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
-  return jsxRuntime.jsx("dt", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsxRuntime.jsx("dt", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__term', className),
     children: children
@@ -526,15 +590,15 @@ var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 DescriptionListTerm.displayName = 'DescriptionList.Term';
 
-var _excluded$Z = ["children", "className", "inverseColor"];
-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$Y = ["children", "className", "inverseColor"];
+function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsxRuntime.jsx("dl", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsxRuntime.jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list', inverseColor && 'ams-description-list--inverse-color', className),
     children: children
@@ -546,40 +610,42 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
   Details: DescriptionListDetails
 });
 
-var _excluded$Y = ["as", "children", "className", "gap"];
-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$X = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
+function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
+  var align = _ref.align,
+    alignVertical = _ref.alignVertical,
+    _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
-    _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsxRuntime.jsx(Tag, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+    gap = _ref.gap,
+    wrap = _ref.wrap,
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return jsxRuntime.jsx(Tag, _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-row', "ams-row--".concat(gap), className),
+    className: clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
     children: children
   }));
 });
 Row.displayName = 'Row';
 
-var _excluded$X = ["children", "className", "invalid"];
-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$W = ["children", "className", "invalid"];
+function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
+    restProps = _objectWithoutProperties(_ref, _excluded$W);
   var id = react.useId();
   return (
     // This div is here because NVDA doesn't match the input to the label
     // without a containing element
     jsxRuntime.jsxs("div", {
       className: clsx('ams-radio', className),
-      children: [jsxRuntime.jsx("input", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+      children: [jsxRuntime.jsx("input", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
         "aria-invalid": invalid || undefined,
         className: "ams-radio__input",
         id: id,
@@ -608,20 +674,20 @@ var defaultValues$1 = {
 };
 var TabsContext = /*#__PURE__*/react.createContext(defaultValues$1);
 
-var _excluded$W = ["children", "className", "tab"];
-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$V = ["children", "className", "tab"];
+function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$tab = _ref.tab,
     tab = _ref$tab === void 0 ? 0 : _ref$tab,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
   var _useContext = react.useContext(TabsContext),
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId,
     updateTab = _useContext.updateTab;
-  return jsxRuntime.jsx("button", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+  return jsxRuntime.jsx("button", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     "aria-controls": "".concat(tabsId, "-panel-").concat(tab),
     "aria-selected": activeTab === tab,
     className: clsx('ams-tabs__button', className),
@@ -639,14 +705,14 @@ var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TabsButton.displayName = 'Tabs.Button';
 
-var _excluded$V = ["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 _excluded$U = ["children", "className"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
-  return jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
+  return jsxRuntime.jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     role: "tablist",
     ref: ref,
     className: clsx('ams-tabs__list', className),
@@ -655,21 +721,21 @@ var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TabsList.displayName = 'Tabs.List';
 
-var _excluded$U = ["tab", "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 _excluded$T = ["tab", "children", "className"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var tab = _ref.tab,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
   var _useContext = react.useContext(TabsContext),
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId;
   if (tab !== activeTab) {
     return null;
   }
-  return jsxRuntime.jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     role: "tabpanel",
     "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
     id: "".concat(tabsId, "-panel-").concat(tab),
@@ -758,14 +824,14 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
   };
 };
 
-var _excluded$T = ["activeTab", "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 _excluded$S = ["activeTab", "children", "className"];
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var activeTab = _ref.activeTab,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
   var tabsId = react.useId();
   var innerRef = react.useRef(null);
   var _useState = react.useState(0),
@@ -807,7 +873,7 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       updateTab: updateTab,
       tabsId: tabsId
     },
-    children: jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
+    children: jsxRuntime.jsx("div", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
       role: "tabs",
       ref: innerRef,
       onKeyDown: keyDown,
@@ -823,16 +889,16 @@ var Tabs = Object.assign(TabsRoot, {
   Panel: TabsPanel
 });
 
-var _excluded$S = ["className", "dir", "invalid", "resize"];
-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$R = ["className", "dir", "invalid", "resize"];
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
     resize = _ref.resize,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return jsxRuntime.jsx("textarea", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsxRuntime.jsx("textarea", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className),
     dir: dir !== null && dir !== void 0 ? dir : 'auto',
@@ -841,35 +907,36 @@ var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TextArea.displayName = 'TextArea';
 
-var _excluded$R = ["as", "children", "className", "gap"];
-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$Q = ["align", "alignHorizontal", "as", "children", "className", "gap"];
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
+  var align = _ref.align,
+    alignHorizontal = _ref.alignHorizontal,
+    _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
     className = _ref.className,
-    _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsxRuntime.jsx(Tag, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+    gap = _ref.gap,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxRuntime.jsx(Tag, _objectSpread$W(_objectSpread$W({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-column', "ams-column--".concat(gap), className),
+    className: clsx('ams-column', align && "ams-column--align-".concat(align), alignHorizontal && "ams-column--align-horizontal-".concat(alignHorizontal), gap && "ams-column--gap-".concat(gap), className),
     children: children
   }));
 });
 Column.displayName = 'Column';
 
-var _excluded$Q = ["children", "className", "invalid", "legend"];
-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$P = ["children", "className", "invalid", "legend"];
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
     legend = _ref.legend,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsxRuntime.jsxs("fieldset", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsxs("fieldset", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
     children: [jsxRuntime.jsx("legend", {
@@ -880,16 +947,16 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FieldSet.displayName = 'FieldSet';
 
-var _excluded$P = ["label", "className", "color"];
-function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !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$O = ["label", "className", "color"];
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     className = _ref.className,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'dark-green' : _ref$color,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsxRuntime.jsx("span", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsxRuntime.jsx("span", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-badge', "ams-badge--".concat(color), className),
     children: label
@@ -897,14 +964,14 @@ var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Badge.displayName = 'Badge';
 
-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 _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 TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsxRuntime.jsx("tbody", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsxRuntime.jsx("tbody", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__body', className),
     children: children
@@ -912,14 +979,14 @@ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableBody.displayName = 'Table.Body';
 
-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 _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 TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsxRuntime.jsx("caption", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsxRuntime.jsx("caption", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__caption', className),
     children: children
@@ -927,14 +994,14 @@ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableCaption.displayName = 'Table.Caption';
 
-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 _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 TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsxRuntime.jsx("td", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsxRuntime.jsx("td", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__cell', className),
     children: children
@@ -942,14 +1009,14 @@ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableCell.displayName = 'Table.Cell';
 
-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 _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 TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsxRuntime.jsx("tfoot", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  return jsxRuntime.jsx("tfoot", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__footer', className),
     children: children
@@ -957,14 +1024,14 @@ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableFooter.displayName = 'Table.Footer';
 
-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 _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 TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
-  return jsxRuntime.jsx("thead", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  return jsxRuntime.jsx("thead", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__header', className),
     children: children
@@ -972,14 +1039,14 @@ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableHeader.displayName = 'Table.Header';
 
-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 _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 TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsxRuntime.jsx("th", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsxRuntime.jsx("th", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__header-cell', className),
     children: children
@@ -987,14 +1054,14 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableHeaderCell.displayName = 'Table.HeaderCell';
 
-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 _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 TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsxRuntime.jsx("tr", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsxRuntime.jsx("tr", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__row', className),
     children: children
@@ -1002,16 +1069,16 @@ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableRow.displayName = 'Table.Row';
 
-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 _excluded$G = ["children", "className"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
   return jsxRuntime.jsx("div", {
     className: "ams-table",
-    children: jsxRuntime.jsx("table", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+    children: jsxRuntime.jsx("table", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
       ref: ref,
       className: clsx('ams-table__table', className),
       children: children
@@ -1029,14 +1096,14 @@ var Table = Object.assign(TableRoot, {
   Row: TableRow
 });
 
-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 _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 MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsxRuntime.jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mega-menu__list-category', className),
     children: children
@@ -1044,14 +1111,14 @@ var MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
 
-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 _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 MegaMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mega-menu', className),
     children: children
@@ -1062,14 +1129,14 @@ var MegaMenu = Object.assign(MegaMenuRoot, {
   ListCategory: MegaMenuListCategory
 });
 
-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 _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 SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsxRuntime.jsx("a", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsxRuntime.jsx("a", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-skip-link', 'ams-visually-hidden', className),
     children: children
@@ -1077,14 +1144,14 @@ var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SkipLink.displayName = 'SkipLink';
 
-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 _excluded$C = ["children", "className"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-overlap', className),
     children: children
@@ -1092,10 +1159,10 @@ var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Overlap.displayName = 'Overlap';
 
-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; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$I(_objectSpread$I({
+  return jsxRuntime.jsxs("svg", _objectSpread$H(_objectSpread$H({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1116,10 +1183,10 @@ var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoAmsterdam.displayName = 'LogoAmsterdam';
 
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$H(_objectSpread$H({
+  return jsxRuntime.jsxs("svg", _objectSpread$G(_objectSpread$G({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1144,10 +1211,10 @@ var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
 
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$G(_objectSpread$G({
+  return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1181,10 +1248,10 @@ var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
 
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
+  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1209,10 +1276,10 @@ var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoStadsarchief.displayName = 'LogoStadsarchief';
 
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
+  return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1237,10 +1304,10 @@ var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref)
 });
 LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
 
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
+  return jsxRuntime.jsxs("svg", _objectSpread$C(_objectSpread$C({
     className: "ams-logo",
     "aria-hidden": "true",
     focusable: "false",
@@ -1265,9 +1332,9 @@ var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
 });
 LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
 
-var _excluded$C = ["brand", "className"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$B = ["brand", "className"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var logoConfig = {
   amsterdam: LogoAmsterdam,
   'ggd-amsterdam': LogoGgdAmsterdam,
@@ -1280,18 +1347,18 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$brand = _ref.brand,
     brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
   var LogoComponent = logoConfig[brand];
-  return jsxRuntime.jsx(LogoComponent, _objectSpread$C(_objectSpread$C({}, restProps), {}, {
+  return jsxRuntime.jsx(LogoComponent, _objectSpread$B(_objectSpread$B({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-logo', className)
   }));
 });
 Logo.displayName = 'Logo';
 
-var _excluded$B = ["appName", "className", "links", "logoBrand", "logoLink", "logoLinkTitle", "menu"];
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$A = ["appName", "className", "links", "logoBrand", "logoLink", "logoLinkTitle", "menu"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var appName = _ref.appName,
     className = _ref.className,
@@ -1303,9 +1370,9 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$logoLinkTitle = _ref.logoLinkTitle,
     logoLinkTitle = _ref$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref$logoLinkTitle,
     menu = _ref.menu,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: jsxRuntime.jsxs("header", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
+    children: jsxRuntime.jsxs("header", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
       ref: ref,
       className: clsx('ams-header', className),
       children: [jsxRuntime.jsxs("a", {
@@ -1337,14 +1404,14 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Header.displayName = 'Header';
 
-var _excluded$A = ["children", "className"];
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$z = ["children", "className"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  return jsxRuntime.jsx("mark", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsxRuntime.jsx("mark", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mark', className),
     children: children
@@ -1352,17 +1419,17 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
 
-var _excluded$z = ["className", "dir", "invalid", "type"];
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$y = ["className", "dir", "invalid", "type"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  return jsxRuntime.jsx("input", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("input", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
     className: clsx('ams-text-input', className),
     dir: dir !== null && dir !== void 0 ? dir : 'auto',
@@ -1372,17 +1439,17 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TextInput.displayName = 'TextInput';
 
-var _excluded$y = ["label", "className"];
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$x = ["label", "className"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // TODO: replace this with IconButton when that's done
 // TODO: discuss if IconButton is the right component to replace this
 var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$y);
-  return jsxRuntime.jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxRuntime.jsxs("button", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-search-field__button', className),
     children: [jsxRuntime.jsx("span", {
@@ -1397,23 +1464,23 @@ var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SearchFieldButton.displayName = 'SearchField.Button';
 
-var _excluded$x = ["className", "dir", "invalid", "label"];
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$w = ["className", "dir", "invalid", "label"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
     invalid = _ref.invalid,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
-    restProps = _objectWithoutProperties(_ref, _excluded$x);
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
   var id = react.useId();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx("label", {
       htmlFor: id,
       className: "ams-visually-hidden",
       children: label
-    }), jsxRuntime.jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+    }), jsxRuntime.jsx("input", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
       "aria-invalid": invalid || undefined,
       autoComplete: "off",
       className: clsx('ams-search-field__input', className),
@@ -1428,14 +1495,14 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SearchFieldInput.displayName = 'SearchField.Input';
 
-var _excluded$w = ["children", "className"];
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$v = ["children", "className"];
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SearchFieldRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
-  return jsxRuntime.jsx("form", _objectSpread$w(_objectSpread$w({
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsxRuntime.jsx("form", _objectSpread$v(_objectSpread$v({
     role: "search"
   }, restProps), {}, {
     ref: ref,
@@ -1449,9 +1516,17 @@ var SearchField = Object.assign(SearchFieldRoot, {
   Input: SearchFieldInput
 });
 
-var _excluded$v = ["actions", "children", "className", "closeButtonLabel", "heading"];
-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 closeDialog = function closeDialog(event) {
+  var _event$currentTarget$;
+  return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.close();
+};
+var openDialog = function openDialog(id) {
+  var _document$querySelect;
+  return (_document$querySelect = document.querySelector(id)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.showModal();
+};
 var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var actions = _ref.actions,
     children = _ref.children,
@@ -1459,22 +1534,23 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$closeButtonLabel = _ref.closeButtonLabel,
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
     heading = _ref.heading,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsxRuntime.jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsxRuntime.jsx("dialog", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-dialog', className),
     children: jsxRuntime.jsxs("form", {
-      method: "dialog",
       className: "ams-dialog__form",
+      method: "dialog",
       children: [jsxRuntime.jsxs("header", {
         className: "ams-dialog__header",
         children: [jsxRuntime.jsx(Heading, {
           size: "level-4",
           children: heading
         }), jsxRuntime.jsx(IconButton, {
-          formNoValidate: true,
           label: closeButtonLabel,
-          size: "level-4"
+          onClick: closeDialog,
+          size: "level-4",
+          type: "button"
         })]
       }), jsxRuntime.jsx("article", {
         className: "ams-dialog__article",
@@ -1488,9 +1564,9 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Dialog.displayName = 'Dialog';
 
-var _excluded$u = ["className", "maxVisiblePages", "nextAriaLabel", "nextLabel", "onPageChange", "page", "previousAriaLabel", "previousLabel", "totalPages"];
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$t = ["className", "maxVisiblePages", "nextAriaLabel", "nextLabel", "onPageChange", "page", "previousAriaLabel", "previousLabel", "totalPages"];
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * This returns an array of the range, including spacers
  *
@@ -1552,7 +1628,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$previousLabel = _ref.previousLabel,
     previousLabel = _ref$previousLabel === void 0 ? 'vorige' : _ref$previousLabel,
     totalPages = _ref.totalPages,
-    restProps = _objectWithoutProperties(_ref, _excluded$u);
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
   var _useState = react.useState(page),
     _useState2 = _slicedToArray(_useState, 2),
     currentPage = _useState2[0],
@@ -1577,7 +1653,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   if (totalPages <= 1) {
     return null;
   }
-  return jsxRuntime.jsx("nav", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+  return jsxRuntime.jsx("nav", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     className: clsx('ams-pagination', className),
     ref: ref,
     "aria-label": "Paginering",
@@ -1631,17 +1707,17 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Pagination.displayName = 'Pagination';
 
-var _excluded$t = ["children", "className", "fullHeight", "maxWidth"];
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$s = ["children", "className", "fullHeight", "maxWidth"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     fullHeight = _ref.fullHeight,
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
-    restProps = _objectWithoutProperties(_ref, _excluded$t);
-  return jsxRuntime.jsx("div", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  return jsxRuntime.jsx("div", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-screen', fullHeight && 'ams-screen--full-height', "ams-screen--".concat(maxWidth), className),
     children: children
@@ -1649,17 +1725,17 @@ var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Screen.displayName = 'Screen';
 
-var _excluded$s = ["className", "id"];
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$r = ["className", "id"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     id = _ref.id,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
   var inputId = id || react.useId();
   return jsxRuntime.jsxs("div", {
     className: clsx('ams-switch', className),
-    children: [jsxRuntime.jsx("input", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    children: [jsxRuntime.jsx("input", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
       className: "ams-switch__input",
       id: inputId,
       ref: ref,
@@ -1673,9 +1749,9 @@ var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Switch.displayName = 'Switch';
 
-var _excluded$r = ["children", "className", "as", "color"];
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$q = ["children", "className", "as", "color"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1683,8 +1759,8 @@ var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'dark-blue' : _ref$color,
-    restProps = _objectWithoutProperties(_ref, _excluded$r);
-  return jsxRuntime.jsx(Tag, _objectSpread$r(_objectSpread$r({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx(Tag, _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-spotlight', "ams-spotlight--".concat(color), className),
     children: children
@@ -1692,33 +1768,33 @@ var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Spotlight.displayName = 'Spotlight';
 
-var _excluded$q = ["children", "className", "inverseColor", "size"];
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$p = ["children", "className", "inverseColor", "size"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
     size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$q);
-  return jsxRuntime.jsx("p", _objectSpread$q(_objectSpread$q({
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  return jsxRuntime.jsx("p", _objectSpread$p(_objectSpread$p({
     ref: ref,
     className: clsx('ams-paragraph', size && "ams-paragraph--".concat(size), inverseColor && 'ams-paragraph--inverse-color', className)
-  }, otherProps), {}, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var _excluded$p = ["children", "className", "tagline"];
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$o = ["children", "className", "tagline"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
-    restProps = _objectWithoutProperties(_ref, _excluded$p);
-  return jsxRuntime.jsxs("hgroup", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxRuntime.jsxs("hgroup", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card__heading-group', className),
     children: [children, jsxRuntime.jsx(Paragraph, {
@@ -1729,14 +1805,14 @@ var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CardHeadingGroup.displayName = 'Card.HeadingGroup';
 
-var _excluded$o = ["children", "className"];
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$n = ["children", "className"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$o);
-  return jsxRuntime.jsx("a", _objectSpread$o(_objectSpread$o({}, otherProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("a", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card__link', className),
     children: children
@@ -1744,14 +1820,14 @@ var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CardLink.displayName = 'Card.Link';
 
-var _excluded$n = ["children", "className"];
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$m = ["children", "className"];
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
-  return jsxRuntime.jsx("article", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxRuntime.jsx("article", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-card', className),
     children: children
@@ -1763,16 +1839,16 @@ var Card = Object.assign(CardRoot, {
   Link: CardLink
 });
 
-var _excluded$m = ["children", "className", "ratio"];
-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 _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; }
 var AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$ratio = _ref.ratio,
     ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
-    restProps = _objectWithoutProperties(_ref, _excluded$m);
-  return jsxRuntime.jsx("div", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$l);
+  return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-aspect-ratio', "ams-aspect-ratio--".concat(ratio), className),
     children: children
@@ -1780,21 +1856,6 @@ var AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 AspectRatio.displayName = 'AspectRatio';
 
-var _excluded$l = ["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 VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$l);
-  return jsxRuntime.jsx("span", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-visually-hidden', className),
-    children: children
-  }));
-});
-VisuallyHidden.displayName = 'VisuallyHidden';
-
 var _excluded$k = ["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; }
@@ -2075,8 +2136,8 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
     onBackground = _ref.onBackground,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$7);
-  return jsxRuntime.jsx("a", _objectSpread$7(_objectSpread$7({}, otherProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxRuntime.jsx("a", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-link', {
       'ams-link--standalone': variant === 'standalone',
@@ -2183,7 +2244,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     expanded = _ref$expanded === void 0 ? false : _ref$expanded,
     children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+    restProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useContext = react.useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     sectionAs = _useContext.sectionAs;
@@ -2191,17 +2252,17 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
-  var HeadingX = getHeadingElement(headingLevel);
-  var Tag = sectionAs || 'section';
+  var HeadingTag = getHeadingTag(headingLevel);
+  var SectionTag = sectionAs || 'section';
   var id = react.useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
   return jsxRuntime.jsxs("div", _objectSpread$2(_objectSpread$2({
     className: clsx('ams-accordion__section', className),
     ref: ref
-  }, otherProps), {}, {
-    children: [jsxRuntime.jsx(HeadingX, {
-      className: 'ams-accordion__header',
+  }, restProps), {}, {
+    children: [jsxRuntime.jsx(HeadingTag, {
+      className: "ams-accordion__header",
       children: jsxRuntime.jsxs("button", {
         "aria-controls": panelId,
         "aria-expanded": isExpanded,
@@ -2217,7 +2278,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           className: "ams-accordion__icon"
         }), label]
       })
-    }), jsxRuntime.jsx(Tag, {
+    }), jsxRuntime.jsx(SectionTag, {
       "aria-labelledby": buttonId,
       className: clsx('ams-accordion__panel', {
         'ams-accordion__panel--expanded': isExpanded
@@ -2353,6 +2414,7 @@ exports.Blockquote = Blockquote;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button;
 exports.Card = Card;
+exports.CharacterCount = CharacterCount;
 exports.Checkbox = Checkbox;
 exports.Column = Column;
 exports.DateInput = DateInput;
@@ -2364,7 +2426,6 @@ exports.FieldSet = FieldSet;
 exports.FileInput = FileInput;
 exports.Footer = Footer;
 exports.FormErrorList = FormErrorList;
-exports.FormFieldCharacterCounter = FormFieldCharacterCounter;
 exports.Grid = Grid;
 exports.Header = Header;
 exports.Heading = Heading;
@@ -2399,5 +2460,6 @@ exports.TextInput = TextInput;
 exports.TimeInput = TimeInput;
 exports.TopTaskLink = TopTaskLink;
 exports.UnorderedList = UnorderedList;
-exports.VisuallyHidden = VisuallyHidden;
+exports.closeDialog = closeDialog;
+exports.openDialog = openDialog;
 //# sourceMappingURL=index.cjs.js.map