npm - @amsterdam/design-system-react - Versions diffs - 0.8.0 → 0.10.0 - Mend

@amsterdam/design-system-react 0.8.0 → 0.10.0

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

Files changed (7) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -2,143 +2,439 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx, { clsx as clsx$1 } from 'clsx';
-import { forwardRef, useId, createContext, useContext, startTransition, useState, useRef, useImperativeHandle, useMemo, useEffect } from 'react';
-import { PersonalLoginIcon, ChevronRightIcon, CloseIcon, SearchIcon, ChevronLeftIcon, AlertIcon, InfoIcon, CheckmarkIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
+import { forwardRef, useId, createContext, useContext, startTransition, useRef, useState, useMemo, useEffect, useImperativeHandle } from 'react';
+import { CloseIcon, AlertIcon, InfoIcon, CheckmarkIcon, ChevronRightIcon, PersonalLoginIcon, SearchIcon, ChevronLeftIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-var _excluded$1d = ["children", "className"];
-function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !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 SelectOption = /*#__PURE__*/forwardRef(function (_ref, ref) {
+function getHeadingElement(level) {
+  switch (level) {
+    case 2:
+      return 'h2';
+    case 3:
+      return 'h3';
+    case 4:
+      return 'h4';
+    default:
+      return 'h1';
+  }
+}
+var _excluded$1k = ["children", "className", "inverseColor", "level", "size"];
+function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsx("option", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+    inverseColor = _ref.inverseColor,
+    _ref$level = _ref.level,
+    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 jsx(HeadingX, _objectSpread$1q(_objectSpread$1q({
     ref: ref,
-    className: clsx('ams-select__option', className),
+    className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
+  }, restProps), {}, {
     children: children
   }));
 });
-SelectOption.displayName = 'Select.Option';
+Heading.displayName = 'Heading';
+var _excluded$1j = ["className", "size", "square", "svg"];
+function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'level-3' : _ref$size,
+    square = _ref.square,
+    svg = _ref.svg,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsx("span", _objectSpread$1p(_objectSpread$1p({
+    ref: ref,
+    className: clsx('ams-icon', size === 'level-3' && 'ams-icon--size-3', size === 'level-4' && 'ams-icon--size-4', size === 'level-5' && 'ams-icon--size-5', size === 'level-6' && 'ams-icon--size-6', square && 'ams-icon--square', className)
+  }, otherProps), {}, {
+    children: svg()
+  }));
+});
+Icon.displayName = 'Icon';
+var _excluded$1i = ["className", "label", "onBackground", "size", "svg"];
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    label = _ref.label,
+    onBackground = _ref.onBackground,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'level-5' : _ref$size,
+    _ref$svg = _ref.svg,
+    svg = _ref$svg === void 0 ? CloseIcon : _ref$svg,
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+  return jsxs("button", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
+    children: [jsx("span", {
+      className: "ams-visually-hidden",
+      children: label
+    }), jsx(Icon, {
+      svg: svg,
+      size: size,
+      square: true
+    })]
+  }));
+});
+IconButton.displayName = 'IconButton';
+var _excluded$1h = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
+function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var iconSvgBySeverity = {
+  error: AlertIcon,
+  info: InfoIcon,
+  success: CheckmarkIcon,
+  warning: AlertIcon
+};
+var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    closeable = _ref.closeable,
+    _ref$closeButtonLabel = _ref.closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
+    heading = _ref.heading,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    onClose = _ref.onClose,
+    _ref$severity = _ref.severity,
+    severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
+  var alertSize = heading ? 'level-4' : 'level-5';
+  var Tag = heading ? 'section' : 'div';
+  return jsxs(Tag, _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
+    children: [jsx("div", {
+      className: "ams-alert__icon",
+      children: jsx(Icon, {
+        size: alertSize,
+        svg: iconSvgBySeverity[severity]
+      })
+    }), jsxs("div", {
+      className: "ams-alert__content",
+      children: [heading && jsx(Heading, {
+        level: headingLevel,
+        size: "level-4",
+        children: heading
+      }), children]
+    }), closeable && jsx(IconButton, {
+      label: closeButtonLabel,
+      size: alertSize,
+      onClick: onClose
+    })]
+  }));
+});
+Alert.displayName = 'Alert';
+var _excluded$1g = ["children", "className", "icon", "onBackground", "size"];
+function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var iconSizeMap = {
+  small: 'level-6',
+  medium: 'level-5',
+  large: 'level-4'
+};
+/** One link with a Link List. */
+var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    icon = _ref.icon,
+    onBackground = _ref.onBackground,
+    size = _ref.size,
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsx("li", {
+    children: jsxs("a", _objectSpread$1m(_objectSpread$1m({
+      className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
+      ref: ref
+    }, restProps), {}, {
+      children: [jsx(Icon, {
+        svg: icon !== null && icon !== void 0 ? icon : ChevronRightIcon,
+        size: iconSizeMap[size !== null && size !== void 0 ? size : 'medium']
+      }), children]
+    }))
+  });
+});
+LinkListLink.displayName = 'LinkList.Link';
+var _excluded$1f = ["children", "className"];
+function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/** A collection of related links. */
+var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsx("ul", _objectSpread$1l(_objectSpread$1l({
+    ref: ref,
+    className: clsx('ams-link-list', className)
+  }, restProps), {}, {
+    children: children
+  }));
+});
+LinkListRoot.displayName = 'LinkList';
+var LinkList = Object.assign(LinkListRoot, {
+  Link: LinkListLink
+});
+var _excluded$1e = ["className", "errors", "heading", "headingLevel"];
+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__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    errors = _ref.errors,
+    _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,
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  if (errors.length === 0) return undefined;
+  return jsx(Alert, _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+    className: clsx('ams-form-error-list', className),
+    heading: heading,
+    headingLevel: headingLevel,
+    ref: ref,
+    role: "alert",
+    severity: "error",
+    children: jsx(LinkList, {
+      children: errors.map(function (_ref2) {
+        var id = _ref2.id,
+          label = _ref2.label;
+        return jsx(LinkList.Link, {
+          href: id,
+          children: label
+        }, "".concat(id, "-").concat(label));
+      })
+    })
+  }));
+});
+FormErrorList.displayName = 'FormErrorList';
+var _excluded$1d = ["children", "className", "label"];
+function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !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 TableOfContentsLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    label = _ref.label,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsxs("li", {
+    className: "ams-table-of-contents__item",
+    children: [jsx("a", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+      className: clsx$1('ams-table-of-contents__link', className),
+      ref: ref,
+      children: label
+    })), children]
+  });
+});
+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 SelectOptionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var TableOfContentsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsx("optgroup", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+  return jsx("ul", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-select__group', className),
+    className: clsx('ams-table-of-contents__list', className),
     children: children
   }));
 });
-SelectOptionGroup.displayName = 'Select.Group';
+TableOfContentsList.displayName = 'TableOfContents.List';
-var _excluded$1b = ["children", "className", "invalid"];
+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 SelectRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var TableOfContentsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    invalid = _ref.invalid,
+    heading = _ref.heading,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
     restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsx("select", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-select', invalid && 'ams-select--invalid', className),
-    "aria-invalid": invalid || undefined,
-    children: children
+  return jsxs("nav", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-table-of-contents', className),
+    children: [heading && jsx(Heading, {
+      className: "ams-table-of-contents__heading",
+      level: headingLevel,
+      size: "level-4",
+      children: heading
+    }), children]
   }));
 });
-SelectRoot.displayName = 'Select';
-var Select = Object.assign(SelectRoot, {
-  Option: SelectOption,
-  Group: SelectOptionGroup
+TableOfContentsRoot.displayName = 'TableOfContents';
+var TableOfContents = Object.assign(TableOfContentsRoot, {
+  Link: TableOfContentsLink,
+  List: TableOfContentsList
 });
-var _excluded$1a = ["className"];
+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 TimeInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
     restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsx("input", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+  return jsxs("p", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-time-input', className),
-    type: "time"
+    className: clsx('ams-error-message', className),
+    children: [jsxs("span", {
+      className: "ams-visually-hidden",
+      children: [prefix, ': ']
+    }), children]
   }));
 });
-TimeInput.displayName = 'TimeInput';
+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 DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var FileInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$19);
   return jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-date-input', className),
-    type: "date"
+    className: clsx('ams-file-input', className),
+    type: "file"
   }));
 });
-DateInput.displayName = 'DateInput';
+FileInput.displayName = 'FileInput';
-var _excluded$18 = ["className", "size", "square", "svg"];
+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 Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'level-3' : _ref$size,
-    square = _ref.square,
-    svg = _ref.svg,
-    otherProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsx("span", _objectSpread$1e(_objectSpread$1e({
+var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-icon', size === 'level-3' && 'ams-icon--size-3', size === 'level-4' && 'ams-icon--size-4', size === 'level-5' && 'ams-icon--size-5', size === 'level-6' && 'ams-icon--size-6', square && 'ams-icon--square', className)
-  }, otherProps), {}, {
-    children: svg()
+    className: clsx('ams-field', invalid && 'ams-field--invalid', className),
+    children: children
   }));
 });
-Icon.displayName = 'Icon';
+Field.displayName = 'Field';
-var _excluded$17 = ["className", "cover"];
+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 Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$cover = _ref.cover,
-    cover = _ref$cover === void 0 ? false : _ref$cover,
+var SelectOption = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsx("img", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+  return jsx("option", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-image', cover && 'ams-image--cover', className)
+    className: clsx('ams-select__option', className),
+    children: children
   }));
 });
-Image.displayName = 'Image';
+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 VisuallyHidden = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var SelectOptionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsx("span", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+  return jsx("optgroup", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-visually-hidden', className),
+    className: clsx('ams-select__group', className),
     children: children
   }));
 });
-VisuallyHidden.displayName = 'VisuallyHidden';
+SelectOptionGroup.displayName = 'Select.Group';
-var _excluded$15 = ["label", "imageSrc", "className", "color"];
+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 Content = function Content(_ref) {
+var SelectRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsx("select", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
+    className: clsx('ams-select', className),
+    ref: ref,
+    children: children
+  }));
+});
+SelectRoot.displayName = 'Select';
+var Select = Object.assign(SelectRoot, {
+  Option: SelectOption,
+  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 TimeInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsx("input", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
+    className: clsx('ams-time-input', className),
+    ref: ref,
+    type: "time"
+  }));
+});
+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 DateInput = /*#__PURE__*/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 jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
+    className: clsx('ams-date-input', className),
+    ref: ref,
+    type: type
+  }));
+});
+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 Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$cover = _ref.cover,
+    cover = _ref$cover === void 0 ? false : _ref$cover,
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsx("img", _objectSpread$18(_objectSpread$18({}, 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 AvatarContent = function AvatarContent(_ref) {
   var imageSrc = _ref.imageSrc,
     initials = _ref.initials;
   if (imageSrc) {
@@ -163,16 +459,17 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     imageSrc = _ref2.imageSrc,
     className = _ref2.className,
     _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? 'dark-blue' : _ref2$color,
-    restProps = _objectWithoutProperties(_ref2, _excluded$15);
+    color = _ref2$color === void 0 ? 'blue' : _ref2$color,
+    restProps = _objectWithoutProperties(_ref2, _excluded$11);
   var initials = label.slice(0, 2).toUpperCase();
   var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
-  return jsxs("span", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+  return jsxs("span", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
-    children: [jsx(VisuallyHidden, {
+    children: [jsx("span", {
+      className: "ams-visually-hidden",
       children: a11yLabel
-    }), jsx(Content, {
+    }), jsx(AvatarContent, {
       imageSrc: imageSrc,
       initials: initials
     })]
@@ -180,15 +477,15 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 Avatar.displayName = 'Avatar';
-var _excluded$14 = ["className", "length", "maxLength"];
-function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$10);
+  return jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-form-field-character-counter', length > maxLength && 'ams-form-field-character-counter--error', className),
     role: "status",
@@ -197,14 +494,14 @@ var FormFieldCharacterCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FormFieldCharacterCounter.displayName = 'FormFieldCharacterCounter';
-var _excluded$13 = ["children", "className"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$$ = ["children", "className"];
+function ownKeys$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 DescriptionListDetails = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsx("dd", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsx("dd", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__details', className),
     children: children
@@ -212,14 +509,14 @@ var DescriptionListDetails = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DescriptionListDetails.displayName = 'DescriptionList.Details';
-var _excluded$12 = ["children", "className"];
-function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$_ = ["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 DescriptionListTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsx("dt", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsx("dt", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list__term', className),
     children: children
@@ -227,15 +524,15 @@ var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DescriptionListTerm.displayName = 'DescriptionList.Term';
-var _excluded$11 = ["children", "className", "inverseColor"];
-function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 DescriptionListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsx("dl", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsx("dl", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-description-list', inverseColor && 'ams-description-list--inverse-color', className),
     children: children
@@ -247,9 +544,9 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
   Details: DescriptionListDetails
 });
-var _excluded$10 = ["as", "children", "className", "gap"];
-function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -257,8 +554,8 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsx(Tag, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-row', "ams-row--".concat(gap), className),
     children: children
@@ -266,26 +563,26 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Row.displayName = 'Row';
-var _excluded$$ = ["children", "className", "invalid"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
   var id = useId();
   return (
     // This div is here because NVDA doesn't match the input to the label
     // without a containing element
     jsxs("div", {
       className: clsx('ams-radio', className),
-      children: [jsx("input", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
-        type: "radio",
+      children: [jsx("input", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+        "aria-invalid": invalid || undefined,
         className: "ams-radio__input",
-        ref: ref,
         id: id,
-        "aria-invalid": invalid || undefined
+        ref: ref,
+        type: "radio"
       })), jsxs("label", {
         className: "ams-radio__label",
         htmlFor: id,
@@ -304,50 +601,50 @@ Radio.displayName = 'Radio';
  */
 var defaultValues$1 = {
   activeTab: 0,
-  updateTab: function updateTab() {},
-  tabsId: ''
+  tabsId: '',
+  updateTab: function updateTab() {}
 };
 var TabsContext = /*#__PURE__*/createContext(defaultValues$1);
-var _excluded$_ = ["children", "className", "tab"];
-function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 TabsButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$tab = _ref.tab,
     tab = _ref$tab === void 0 ? 0 : _ref$tab,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
+    restProps = _objectWithoutProperties(_ref, _excluded$W);
   var _useContext = useContext(TabsContext),
     activeTab = _useContext.activeTab,
-    updateTab = _useContext.updateTab,
-    tabsId = _useContext.tabsId;
-  return jsx("button", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
-    role: "tab",
-    id: "".concat(tabsId, "-tab-").concat(tab),
+    tabsId = _useContext.tabsId,
+    updateTab = _useContext.updateTab;
+  return jsx("button", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     "aria-controls": "".concat(tabsId, "-panel-").concat(tab),
     "aria-selected": activeTab === tab,
-    tabIndex: activeTab === tab ? 0 : -1,
-    ref: ref,
+    className: clsx('ams-tabs__button', className),
+    id: "".concat(tabsId, "-tab-").concat(tab),
     onClick: function onClick() {
       startTransition(function () {
         updateTab(tab);
       });
     },
-    className: clsx('ams-tabs__button', className),
+    ref: ref,
+    role: "tab",
+    tabIndex: activeTab === tab ? 0 : -1,
     children: children
   }));
 });
 TabsButton.displayName = 'Tabs.Button';
-var _excluded$Z = ["children", "className"];
-function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 TabsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
+  return jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     role: "tablist",
     ref: ref,
     className: clsx('ams-tabs__list', className),
@@ -356,21 +653,21 @@ var TabsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TabsList.displayName = 'Tabs.List';
-var _excluded$Y = ["tab", "children", "className"];
-function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 TabsPanel = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var tab = _ref.tab,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
   var _useContext = useContext(TabsContext),
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId;
   if (tab !== activeTab) {
     return null;
   }
-  return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+  return jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     role: "tabpanel",
     "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
     id: "".concat(tabsId, "-panel-").concat(tab),
@@ -459,23 +756,41 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
   };
 };
-var _excluded$X = ["children", "className"];
-function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
+  var activeTab = _ref.activeTab,
+    children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
   var tabsId = useId();
+  var innerRef = useRef(null);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var innerRef = useRef(null);
+    activeTabId = _useState2[0],
+    setActiveTabId = _useState2[1];
+  var allTabs = useMemo(function () {
+    if (!Array.isArray(children)) return [];
+    return children[0].props.children.map(function (child) {
+      return child;
+    });
+  }, [children]);
+  useEffect(function () {
+    if (typeof activeTab !== 'number') return;
+    if (!Number.isInteger(activeTab)) return;
+    if (activeTab < 0) {
+      setActiveTabId(0);
+    } else if (activeTab > allTabs.length - 1) {
+      setActiveTabId(allTabs.length - 1);
+    } else {
+      setActiveTabId(activeTab);
+    }
+  }, [activeTab, allTabs]);
   var updateTab = function updateTab(tab) {
-    setActiveTab(tab);
+    setActiveTabId(tab);
   };
-  // use a passed ref if it's there, otherwise use innerRef
+  // Use a passed ref if it's there, otherwise use innerRef
   useImperativeHandle(ref, function () {
     return innerRef.current;
   });
@@ -486,11 +801,11 @@ var TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     keyDown = _useKeyboardFocus.keyDown;
   return jsx(TabsContext.Provider, {
     value: {
-      activeTab: activeTab,
+      activeTab: activeTabId,
       updateTab: updateTab,
       tabsId: tabsId
     },
-    children: jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+    children: jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
       role: "tabs",
       ref: innerRef,
       onKeyDown: keyDown,
@@ -506,23 +821,27 @@ var Tabs = Object.assign(TabsRoot, {
   Panel: TabsPanel
 });
-var _excluded$W = ["className", "resize"];
-function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    dir = _ref.dir,
+    invalid = _ref.invalid,
     resize = _ref.resize,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  return jsx("textarea", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className)
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsx("textarea", _objectSpread$Y(_objectSpread$Y({}, 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',
+    ref: ref
   }));
 });
 TextArea.displayName = 'TextArea';
-var _excluded$V = ["as", "children", "className", "gap"];
-function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -530,96 +849,45 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
-  return jsx(Tag, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-column', "ams-column--".concat(gap), className),
-    children: children
-  }));
-});
-Column.displayName = 'Column';
-var _excluded$U = ["children", "className", "legend"];
-function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    legend = _ref.legend,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  return jsxs("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsx(Tag, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-fieldset', className),
-    children: [jsx("legend", {
-      className: "ams-fieldset__legend",
-      children: legend
-    }), children]
-  }));
-});
-Fieldset.displayName = 'Fieldset';
-var _excluded$T = ["children", "className", "href", "icon", "onBackground", "size"];
-function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var iconSizeMap = {
-  small: 'level-6',
-  medium: 'level-5',
-  large: 'level-4'
-};
-/** One link with a Link List. */
-var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    href = _ref.href,
-    icon = _ref.icon,
-    onBackground = _ref.onBackground,
-    size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
-  return jsx("li", {
-    children: jsxs("a", _objectSpread$Z(_objectSpread$Z({
-      className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
-      href: href,
-      ref: ref
-    }, restProps), {}, {
-      children: [jsx(Icon, {
-        svg: icon !== null && icon !== void 0 ? icon : ChevronRightIcon,
-        size: iconSizeMap[size !== null && size !== void 0 ? size : 'medium']
-      }), children]
-    }))
-  });
+    className: clsx('ams-column', "ams-column--".concat(gap), className),
+    children: children
+  }));
 });
-LinkListLink.displayName = 'LinkList.Link';
+Column.displayName = 'Column';
-var _excluded$S = ["children", "className"];
-function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** A collection of related links. */
-var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var _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 FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return jsx("ul", _objectSpread$Y(_objectSpread$Y({
+    invalid = _ref.invalid,
+    legend = _ref.legend,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxs("fieldset", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-link-list', className)
-  }, restProps), {}, {
-    children: children
+    className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
+    children: [jsx("legend", {
+      className: "ams-field-set__legend",
+      children: legend
+    }), children]
   }));
 });
-LinkListRoot.displayName = 'LinkList';
-var LinkList = Object.assign(LinkListRoot, {
-  Link: LinkListLink
-});
+FieldSet.displayName = 'FieldSet';
-var _excluded$R = ["label", "className", "color"];
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var label = _ref.label,
     className = _ref.className,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'dark-green' : _ref$color,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsx("span", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsx("span", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-badge', "ams-badge--".concat(color), className),
     children: label
@@ -627,14 +895,14 @@ var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Badge.displayName = 'Badge';
-var _excluded$Q = ["children", "className"];
-function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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 TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsx("tbody", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsx("tbody", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__body', className),
     children: children
@@ -642,14 +910,14 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableBody.displayName = 'Table.Body';
-var _excluded$P = ["children", "className"];
-function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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 TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsx("caption", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsx("caption", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__caption', className),
     children: children
@@ -657,14 +925,14 @@ var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableCaption.displayName = 'Table.Caption';
-var _excluded$O = ["children", "className"];
-function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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 TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsx("td", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsx("td", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__cell', className),
     children: children
@@ -672,14 +940,14 @@ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableCell.displayName = 'Table.Cell';
-var _excluded$N = ["children", "className"];
-function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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 TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsx("tfoot", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsx("tfoot", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__footer', className),
     children: children
@@ -687,14 +955,14 @@ var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableFooter.displayName = 'Table.Footer';
-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$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 TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsx("thead", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  return jsx("thead", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__header', className),
     children: children
@@ -702,14 +970,14 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableHeader.displayName = 'Table.Header';
-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$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 TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsx("th", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  return jsx("th", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__header-cell', className),
     children: children
@@ -717,14 +985,14 @@ var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableHeaderCell.displayName = 'Table.HeaderCell';
-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$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 TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
-  return jsx("tr", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsx("tr", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-table__row', className),
     children: children
@@ -732,16 +1000,16 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TableRow.displayName = 'Table.Row';
-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$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 TableRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
   return jsx("div", {
     className: "ams-table",
-    children: jsx("table", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+    children: jsx("table", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
       ref: ref,
       className: clsx('ams-table__table', className),
       children: children
@@ -759,14 +1027,14 @@ var Table = Object.assign(TableRoot, {
   Row: TableRow
 });
-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$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 MegaMenuListCategory = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mega-menu__list-category', className),
     children: children
@@ -774,14 +1042,14 @@ var MegaMenuListCategory = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
-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$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 MegaMenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-mega-menu', className),
     children: children
@@ -792,96 +1060,35 @@ var MegaMenu = Object.assign(MegaMenuRoot, {
   ListCategory: MegaMenuListCategory
 });
-var _excluded$G = ["className", "label", "onBackground", "size", "svg"];
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    label = _ref.label,
-    onBackground = _ref.onBackground,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'level-5' : _ref$size,
-    _ref$svg = _ref.svg,
-    svg = _ref$svg === void 0 ? CloseIcon : _ref$svg,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsxs("button", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
-    children: [jsx(VisuallyHidden, {
-      children: label
-    }), jsx(Icon, {
-      svg: svg,
-      size: size,
-      square: true
-    })]
-  }));
-});
-IconButton.displayName = 'IconButton';
-var _excluded$F = ["children", "className"];
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsx("a", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-skip-link', 'ams-visually-hidden', className),
-    children: children
-  }));
-});
-SkipLink.displayName = 'SkipLink';
 var _excluded$E = ["children", "className"];
 function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
+  return jsx("a", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-overlap', className),
+    className: clsx('ams-skip-link', 'ams-visually-hidden', className),
     children: children
   }));
 });
-Overlap.displayName = 'Overlap';
-function getHeadingElement(level) {
-  switch (level) {
-    case 2:
-      return 'h2';
-    case 3:
-      return 'h3';
-    case 4:
-      return 'h4';
-    default:
-      return 'h1';
-  }
-}
+SkipLink.displayName = 'SkipLink';
-var _excluded$D = ["children", "className", "inverseColor", "level", "size"];
+var _excluded$D = ["children", "className"];
 function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    inverseColor = _ref.inverseColor,
-    _ref$level = _ref.level,
-    level = _ref$level === void 0 ? 1 : _ref$level,
-    size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$D);
-  var HeadingX = getHeadingElement(level);
-  var sizeOrLevel = size ? size.split('-')[1] : level;
-  return jsx(HeadingX, _objectSpread$J(_objectSpread$J({
+  return jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
-  }, restProps), {}, {
+    className: clsx('ams-overlap', className),
     children: children
   }));
 });
-Heading.displayName = 'Heading';
+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; }
@@ -1080,19 +1287,19 @@ var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Logo.displayName = 'Logo';
-var _excluded$B = ["className", "logoBrand", "logoLink", "logoLinkTitle", "title", "links", "menu"];
+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 Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+  var appName = _ref.appName,
+    className = _ref.className,
+    links = _ref.links,
     _ref$logoBrand = _ref.logoBrand,
     logoBrand = _ref$logoBrand === void 0 ? 'amsterdam' : _ref$logoBrand,
     _ref$logoLink = _ref.logoLink,
     logoLink = _ref$logoLink === void 0 ? '/' : _ref$logoLink,
     _ref$logoLinkTitle = _ref.logoLinkTitle,
     logoLinkTitle = _ref$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref$logoLinkTitle,
-    title = _ref.title,
-    links = _ref.links,
     menu = _ref.menu,
     restProps = _objectWithoutProperties(_ref, _excluded$B);
   return jsx(Fragment, {
@@ -1102,7 +1309,8 @@ var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children: [jsxs("a", {
         href: logoLink,
         className: "ams-header__logo-link",
-        children: [jsx(VisuallyHidden, {
+        children: [jsx("span", {
+          className: "ams-visually-hidden",
           children: logoLinkTitle
         }), jsx(Logo, {
           brand: logoBrand
@@ -1113,13 +1321,13 @@ var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }), menu && jsx("div", {
         className: "ams-header__menu",
         children: menu
-      }), title && jsx("div", {
-        className: "ams-header__title",
+      }), appName && jsx("div", {
+        className: "ams-header__app-name",
         children: jsx(Heading, {
           level: 1,
           size: "level-3",
-          className: "ams-header__title-heading",
-          children: title
+          className: "ams-header__app-name-heading",
+          children: appName
         })
       })]
     }))
@@ -1142,33 +1350,42 @@ var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
-var _excluded$z = ["className"];
+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 TextInput = /*#__PURE__*/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 jsx("input", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
     className: clsx('ams-text-input', className),
+    dir: dir !== null && dir !== void 0 ? dir : 'auto',
     ref: ref,
-    type: "text"
+    type: type
   }));
 });
 TextInput.displayName = 'TextInput';
-var _excluded$y = ["className"];
+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; }
 // TODO: replace this with IconButton when that's done
 // TODO: discuss if IconButton is the right component to replace this
 var SearchFieldButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
+    className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$y);
   return jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-search-field__button', className),
-    children: [jsx(VisuallyHidden, {
-      children: "Zoeken"
+    children: [jsx("span", {
+      className: "ams-visually-hidden",
+      children: label
     }), jsx(Icon, {
       svg: SearchIcon,
       size: "level-5",
@@ -1178,11 +1395,13 @@ var SearchFieldButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SearchFieldButton.displayName = 'SearchField.Button';
-var _excluded$x = ["className", "label"];
+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 SearchFieldInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    dir = _ref.dir,
+    invalid = _ref.invalid,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
     restProps = _objectWithoutProperties(_ref, _excluded$x);
@@ -1190,12 +1409,13 @@ var SearchFieldInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return jsxs(Fragment, {
     children: [jsx("label", {
       htmlFor: id,
-      children: jsx(VisuallyHidden, {
-        children: label
-      })
+      className: "ams-visually-hidden",
+      children: label
     }), jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+      "aria-invalid": invalid || undefined,
       autoComplete: "off",
       className: clsx('ams-search-field__input', className),
+      dir: dir !== null && dir !== void 0 ? dir : 'auto',
       enterKeyHint: "search",
       id: id,
       ref: ref,
@@ -1227,14 +1447,16 @@ var SearchField = Object.assign(SearchFieldRoot, {
   Input: SearchFieldInput
 });
-var _excluded$v = ["children", "className", "title", "actions"];
+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 Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
+  var actions = _ref.actions,
+    children = _ref.children,
     className = _ref.className,
-    title = _ref.title,
-    actions = _ref.actions,
+    _ref$closeButtonLabel = _ref.closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
+    heading = _ref.heading,
     restProps = _objectWithoutProperties(_ref, _excluded$v);
   return jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
@@ -1246,10 +1468,10 @@ var Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
         className: "ams-dialog__header",
         children: [jsx(Heading, {
           size: "level-4",
-          children: title
+          children: heading
         }), jsx(IconButton, {
           formNoValidate: true,
-          label: "Sluiten",
+          label: closeButtonLabel,
           size: "level-4"
         })]
       }), jsx("article", {
@@ -1264,7 +1486,7 @@ var Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Dialog.displayName = 'Dialog';
-var _excluded$u = ["className", "maxVisiblePages", "onPageChange", "page", "totalPages"];
+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; }
 /**
@@ -1316,9 +1538,17 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$maxVisiblePages = _ref.maxVisiblePages,
     maxVisiblePages = _ref$maxVisiblePages === void 0 ? 7 : _ref$maxVisiblePages,
+    _ref$nextAriaLabel = _ref.nextAriaLabel,
+    nextAriaLabel = _ref$nextAriaLabel === void 0 ? 'Volgende pagina' : _ref$nextAriaLabel,
+    _ref$nextLabel = _ref.nextLabel,
+    nextLabel = _ref$nextLabel === void 0 ? 'volgende' : _ref$nextLabel,
     onPageChange = _ref.onPageChange,
     _ref$page = _ref.page,
     page = _ref$page === void 0 ? 1 : _ref$page,
+    _ref$previousAriaLabe = _ref.previousAriaLabel,
+    previousAriaLabel = _ref$previousAriaLabe === void 0 ? 'Vorige pagina' : _ref$previousAriaLabe,
+    _ref$previousLabel = _ref.previousLabel,
+    previousLabel = _ref$previousLabel === void 0 ? 'vorige' : _ref$previousLabel,
     totalPages = _ref.totalPages,
     restProps = _objectWithoutProperties(_ref, _excluded$u);
   var _useState = useState(page),
@@ -1353,7 +1583,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: "ams-pagination__list",
       children: [jsx("li", {
         children: jsxs("button", {
-          "aria-label": "Vorige pagina",
+          "aria-label": previousAriaLabel,
           className: "ams-pagination__button",
           disabled: currentPage === 1,
           onClick: onPrevious,
@@ -1361,7 +1591,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
           children: [jsx(Icon, {
             svg: ChevronLeftIcon,
             size: "level-5"
-          }), "vorige"]
+          }), previousLabel]
         })
       }), range.map(function (pageNumberOrSpacer) {
         return typeof pageNumberOrSpacer === 'number' ? jsx("li", {
@@ -1383,12 +1613,12 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, pageNumberOrSpacer);
       }), jsx("li", {
         children: jsxs("button", {
-          "aria-label": "Volgende pagina",
+          "aria-label": nextAriaLabel,
           className: "ams-pagination__button",
           disabled: currentPage === totalPages,
           onClick: onNext,
           type: "button",
-          children: ["volgende", jsx(Icon, {
+          children: [nextLabel, jsx(Icon, {
             svg: ChevronRightIcon,
             size: "level-5"
           })]
@@ -1531,69 +1761,37 @@ var Card = Object.assign(CardRoot, {
   Link: CardLink
 });
-var _excluded$m = ["children", "className", "headingLevel", "title", "severity", "closeable", "onClose"];
+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 iconSvgBySeverity = {
-  error: AlertIcon,
-  info: InfoIcon,
-  success: CheckmarkIcon,
-  warning: AlertIcon
-};
-var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var AspectRatio = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
-    title = _ref.title,
-    _ref$severity = _ref.severity,
-    severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
-    closeable = _ref.closeable,
-    onClose = _ref.onClose,
+    _ref$ratio = _ref.ratio,
+    ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
     restProps = _objectWithoutProperties(_ref, _excluded$m);
-  var alertSize = title ? 'level-4' : 'level-5';
-  var Tag = title ? 'section' : 'div';
-  return jsxs(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+  return jsx("div", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
-    children: [jsx("div", {
-      className: "ams-alert__icon",
-      children: jsx(Icon, {
-        size: alertSize,
-        svg: iconSvgBySeverity[severity]
-      })
-    }), jsxs("div", {
-      className: "ams-alert__content",
-      children: [title && jsx(Heading, {
-        level: headingLevel,
-        size: "level-4",
-        children: title
-      }), children]
-    }), closeable && jsx(IconButton, {
-      label: "Sluiten",
-      size: alertSize,
-      onClick: onClose
-    })]
+    className: clsx('ams-aspect-ratio', "ams-aspect-ratio--".concat(ratio), className),
+    children: children
   }));
 });
-Alert.displayName = 'Alert';
+AspectRatio.displayName = 'AspectRatio';
-var _excluded$l = ["children", "className", "ratio"];
+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 AspectRatio = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var VisuallyHidden = /*#__PURE__*/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$l);
-  return jsx("div", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
+  return jsx("span", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-aspect-ratio', "ams-aspect-ratio--".concat(ratio), className),
+    className: clsx('ams-visually-hidden', className),
     children: children
   }));
 });
-AspectRatio.displayName = 'AspectRatio';
+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; }
@@ -1701,7 +1899,8 @@ var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children: [jsx("span", {
       className: "ams-top-task-link__label",
       children: label
-    }), jsx(VisuallyHidden, {
+    }), jsx("span", {
+      className: "ams-visually-hidden",
       children: ","
     }), jsx("span", {
       className: "ams-top-task-link__description",
@@ -1754,11 +1953,11 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     jsxs("div", {
       className: clsx('ams-checkbox', className),
       children: [jsx("input", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
-        type: "checkbox",
+        "aria-invalid": invalid || undefined,
         className: "ams-checkbox__input",
-        ref: innerRef,
         id: id,
-        "aria-invalid": invalid || undefined
+        ref: innerRef,
+        type: "checkbox"
       })), jsxs("label", {
         className: "ams-checkbox__label",
         htmlFor: id,
@@ -1803,7 +2002,7 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 OrderedListItem.displayName = 'OrderedList.Item';
-var _excluded$a = ["children", "className", "inverseColor", "markers"];
+var _excluded$a = ["children", "className", "inverseColor", "markers", "size"];
 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 OrderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -1812,10 +2011,11 @@ var OrderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inverseColor = _ref.inverseColor,
     _ref$markers = _ref.markers,
     markers = _ref$markers === void 0 ? true : _ref$markers,
+    size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$a);
   return jsx("ol", _objectSpread$a(_objectSpread$a({
     ref: ref,
-    className: clsx('ams-ordered-list', inverseColor && 'ams-ordered-list--inverse-color', !markers && 'ams-ordered-list--no-markers', className)
+    className: clsx('ams-ordered-list', inverseColor && 'ams-ordered-list--inverse-color', !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className)
   }, restProps), {}, {
     children: children
   }));
@@ -1825,25 +2025,23 @@ var OrderedList = Object.assign(OrderedListRoot, {
   Item: OrderedListItem
 });
-var _excluded$9 = ["children", "className", "href"];
+var _excluded$9 = ["children", "className"];
 function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    href = _ref.href,
     restProps = _objectWithoutProperties(_ref, _excluded$9);
-  return jsx("li", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
-    className: clsx$1('ams-breadcrumb__item', className),
-    ref: ref,
-    children: jsx("a", {
-      className: "ams-breadcrumb__link",
-      href: href,
+  return jsx("li", {
+    className: "ams-breadcrumb__item",
+    children: jsx("a", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
+      className: clsx$1('ams-breadcrumb__link', className),
+      ref: ref,
       children: children
-    })
-  }));
+    }))
+  });
 });
-BreadcrumbItem.displayName = 'Breadcrumb.Item';
+BreadcrumbLink.displayName = 'Breadcrumb.Link';
 var _excluded$8 = ["children", "className"];
 function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1863,7 +2061,7 @@ var BreadcrumbRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BreadcrumbRoot.displayName = 'Breadcrumb';
 var Breadcrumb = Object.assign(BreadcrumbRoot, {
-  Item: BreadcrumbItem
+  Link: BreadcrumbLink
 });
 var _excluded$7 = ["children", "variant", "onBackground", "className"];
@@ -1941,7 +2139,7 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 UnorderedListItem.displayName = 'UnorderedList.Item';
-var _excluded$3 = ["children", "className", "inverseColor", "markers"];
+var _excluded$3 = ["children", "className", "inverseColor", "markers", "size"];
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var UnorderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -1950,10 +2148,11 @@ var UnorderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inverseColor = _ref.inverseColor,
     _ref$markers = _ref.markers,
     markers = _ref$markers === void 0 ? true : _ref$markers,
+    size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$3);
   return jsx("ul", _objectSpread$3(_objectSpread$3({
     ref: ref,
-    className: clsx('ams-unordered-list', inverseColor && 'ams-unordered-list--inverse-color', !markers && 'ams-unordered-list--no-markers', className)
+    className: clsx('ams-unordered-list', inverseColor && 'ams-unordered-list--inverse-color', !markers && 'ams-unordered-list--no-markers', size && "ams-unordered-list--".concat(size), className)
   }, restProps), {}, {
     children: children
   }));
@@ -1969,7 +2168,7 @@ var UnorderedList = Object.assign(UnorderedListRoot, {
  */
 var defaultValues = {
   headingLevel: 1,
-  section: true
+  sectionAs: 'section'
 };
 var AccordionContext = /*#__PURE__*/createContext(defaultValues);
@@ -1985,12 +2184,13 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useContext = useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
-    section = _useContext.section;
+    sectionAs = _useContext.sectionAs;
   var _useState = useState(expanded),
     _useState2 = _slicedToArray(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
   var HeadingX = getHeadingElement(headingLevel);
+  var Tag = sectionAs || 'section';
   var id = useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
@@ -2015,19 +2215,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
           className: "ams-accordion__icon"
         }), label]
       })
-    }), section ? jsx("section", {
-      id: panelId,
+    }), jsx(Tag, {
       "aria-labelledby": buttonId,
       className: clsx('ams-accordion__panel', {
         'ams-accordion__panel--expanded': isExpanded
       }),
-      children: children
-    }) : jsx("div", {
       id: panelId,
-      "aria-labelledby": buttonId,
-      className: clsx('ams-accordion__panel', {
-        'ams-accordion__panel--expanded': isExpanded
-      }),
       children: children
     })]
   }));
@@ -2038,8 +2231,8 @@ var AccordionRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     headingLevel = _ref.headingLevel,
-    _ref$section = _ref.section,
-    section = _ref$section === void 0 ? true : _ref$section;
+    _ref$sectionAs = _ref.sectionAs,
+    sectionAs = _ref$sectionAs === void 0 ? 'section' : _ref$sectionAs;
   var innerRef = useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
   useImperativeHandle(ref, function () {
@@ -2052,7 +2245,7 @@ var AccordionRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return jsx(AccordionContext.Provider, {
     value: {
       headingLevel: headingLevel,
-      section: section
+      sectionAs: sectionAs
     },
     children: jsx("div", {
       className: clsx('ams-accordion', className),
@@ -2149,5 +2342,5 @@ var Grid = Object.assign(GridRoot, {
   Cell: GridCell
 });
-export { Accordion, Alert, AspectRatio, Avatar, Badge, Blockquote, Breadcrumb, Button, Card, Checkbox, Column, DateInput, DescriptionList, Dialog, Fieldset, Footer, FormFieldCharacterCounter, Grid, Header, Heading, Icon, IconButton, Image, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList, VisuallyHidden };
+export { Accordion, Alert, AspectRatio, Avatar, Badge, Blockquote, Breadcrumb, Button, Card, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, FileInput, Footer, FormErrorList, FormFieldCharacterCounter, Grid, Header, Heading, Icon, IconButton, Image, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList, VisuallyHidden };
 //# sourceMappingURL=index.esm.js.map