@amsterdam/design-system-react 0.8.0 → 0.9.0

package/dist/index.cjs.js

@@ -9,48 +9,112 @@ var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 
-var _excluded$1d = ["children", "className"];
+var _excluded$1g = ["children", "className"];
+function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsxRuntime.jsx("span", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-visually-hidden', className),
+    children: children
+  }));
+});
+VisuallyHidden.displayName = 'VisuallyHidden';
+
+var _excluded$1f = ["children", "className", "prefix"];
+function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsxRuntime.jsxs("p", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-error-message', className),
+    children: [jsxRuntime.jsxs(VisuallyHidden, {
+      children: [prefix, ': ']
+    }), children]
+  }));
+});
+ErrorMessage.displayName = 'ErrorMessage';
+
+var _excluded$1e = ["className"];
+function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsxRuntime.jsx("input", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+    ref: ref,
+    className: clsx('ams-file-input', className),
+    type: "file"
+  }));
+});
+FileInput.displayName = 'FileInput';
+
+var _excluded$1d = ["children", "className", "invalid"];
 function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    invalid = _ref.invalid,
     restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsxRuntime.jsx("option", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-select__option', className),
+    className: clsx('ams-field', invalid && 'ams-field--invalid', className),
     children: children
   }));
 });
-SelectOption.displayName = 'Select.Option';
+Field.displayName = 'Field';
 
 var _excluded$1c = ["children", "className"];
 function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsxRuntime.jsx("optgroup", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+  return jsxRuntime.jsx("option", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-select__group', className),
+    className: clsx('ams-select__option', className),
     children: children
   }));
 });
-SelectOptionGroup.displayName = 'Select.Group';
+SelectOption.displayName = 'Select.Option';
 
-var _excluded$1b = ["children", "className", "invalid"];
+var _excluded$1b = ["children", "className"];
 function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    invalid = _ref.invalid,
     restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsxRuntime.jsx("select", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+  return jsxRuntime.jsx("optgroup", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-select', invalid && 'ams-select--invalid', className),
+    className: clsx('ams-select__group', className),
+    children: children
+  }));
+});
+SelectOptionGroup.displayName = 'Select.Group';
+
+var _excluded$1a = ["children", "className", "invalid"];
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxRuntime.jsx("select", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     "aria-invalid": invalid || undefined,
+    className: clsx('ams-select', className),
+    ref: ref,
     children: children
   }));
 });
@@ -60,45 +124,49 @@ var Select = Object.assign(SelectRoot, {
   Group: SelectOptionGroup
 });
 
-var _excluded$1a = ["className"];
-function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$19 = ["className", "invalid"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsxRuntime.jsx("input", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
-    ref: ref,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
     className: clsx('ams-time-input', className),
+    ref: ref,
     type: "time"
   }));
 });
 TimeInput.displayName = 'TimeInput';
 
-var _excluded$19 = ["className"];
-function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$18 = ["className", "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 DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
-    ref: ref,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxRuntime.jsx("input", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
     className: clsx('ams-date-input', className),
+    ref: ref,
     type: "date"
   }));
 });
 DateInput.displayName = 'DateInput';
 
-var _excluded$18 = ["className", "size", "square", "svg"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$17 = ["className", "size", "square", "svg"];
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'level-3' : _ref$size,
     square = _ref.square,
     svg = _ref.svg,
-    otherProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsxRuntime.jsx("span", _objectSpread$1e(_objectSpread$1e({
+    otherProps = _objectWithoutProperties(_ref, _excluded$17);
+  return jsxRuntime.jsx("span", _objectSpread$1d(_objectSpread$1d({
     ref: ref,
     className: clsx('ams-icon', size === 'level-3' && 'ams-icon--size-3', size === 'level-4' && 'ams-icon--size-4', size === 'level-5' && 'ams-icon--size-5', size === 'level-6' && 'ams-icon--size-6', square && 'ams-icon--square', className)
   }, otherProps), {}, {
@@ -107,40 +175,25 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Icon.displayName = 'Icon';
 
-var _excluded$17 = ["className", "cover"];
-function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$16 = ["className", "cover"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$cover = _ref.cover,
     cover = _ref$cover === void 0 ? false : _ref$cover,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsxRuntime.jsx("img", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsx("img", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-image', cover && 'ams-image--cover', className)
   }));
 });
 Image.displayName = 'Image';
 
-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__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsxRuntime.jsx("span", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-visually-hidden', className),
-    children: children
-  }));
-});
-VisuallyHidden.displayName = 'VisuallyHidden';
-
 var _excluded$15 = ["label", "imageSrc", "className", "color"];
 function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Content = function Content(_ref) {
+var AvatarContent = function AvatarContent(_ref) {
   var imageSrc = _ref.imageSrc,
     initials = _ref.initials;
   if (imageSrc) {
@@ -174,7 +227,7 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
     children: [jsxRuntime.jsx(VisuallyHidden, {
       children: a11yLabel
-    }), jsxRuntime.jsx(Content, {
+    }), jsxRuntime.jsx(AvatarContent, {
       imageSrc: imageSrc,
       initials: initials
     })]
@@ -283,11 +336,11 @@ var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     jsxRuntime.jsxs("div", {
       className: clsx('ams-radio', className),
       children: [jsxRuntime.jsx("input", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
-        type: "radio",
+        "aria-invalid": invalid || undefined,
         className: "ams-radio__input",
-        ref: ref,
         id: id,
-        "aria-invalid": invalid || undefined
+        ref: ref,
+        type: "radio"
       })), jsxRuntime.jsxs("label", {
         className: "ams-radio__label",
         htmlFor: id,
@@ -306,8 +359,8 @@ Radio.displayName = 'Radio';
  */
 var defaultValues$1 = {
   activeTab: 0,
-  updateTab: function updateTab() {},
-  tabsId: ''
+  tabsId: '',
+  updateTab: function updateTab() {}
 };
 var TabsContext = /*#__PURE__*/react.createContext(defaultValues$1);
 
@@ -508,16 +561,20 @@ var Tabs = Object.assign(TabsRoot, {
   Panel: TabsPanel
 });
 
-var _excluded$W = ["className", "resize"];
+var _excluded$W = ["className", "dir", "invalid", "resize"];
 function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    dir = _ref.dir,
+    invalid = _ref.invalid,
     resize = _ref.resize,
     restProps = _objectWithoutProperties(_ref, _excluded$W);
   return jsxRuntime.jsx("textarea", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    ref: ref,
-    className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className)
+    "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';
@@ -541,26 +598,27 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Column.displayName = 'Column';
 
-var _excluded$U = ["children", "className", "legend"];
+var _excluded$U = ["children", "className", "invalid", "legend"];
 function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    invalid = _ref.invalid,
     legend = _ref.legend,
     restProps = _objectWithoutProperties(_ref, _excluded$U);
   return jsxRuntime.jsxs("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     ref: ref,
-    className: clsx('ams-fieldset', className),
+    className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
     children: [jsxRuntime.jsx("legend", {
-      className: "ams-fieldset__legend",
+      className: "ams-field-set__legend",
       children: legend
     }), children]
   }));
 });
-Fieldset.displayName = 'Fieldset';
+FieldSet.displayName = 'FieldSet';
 
-var _excluded$T = ["children", "className", "href", "icon", "onBackground", "size"];
+var _excluded$T = ["children", "className", "icon", "onBackground", "size"];
 function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var iconSizeMap = {
@@ -572,7 +630,6 @@ var iconSizeMap = {
 var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    href = _ref.href,
     icon = _ref.icon,
     onBackground = _ref.onBackground,
     size = _ref.size,
@@ -580,7 +637,6 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsx("li", {
     children: jsxRuntime.jsxs("a", _objectSpread$Z(_objectSpread$Z({
       className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
-      href: href,
       ref: ref
     }, restProps), {}, {
       children: [jsxRuntime.jsx(Icon, {
@@ -1144,33 +1200,39 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
 
-var _excluded$z = ["className"];
+var _excluded$z = ["className", "dir", "invalid"];
 function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    dir = _ref.dir,
+    invalid = _ref.invalid,
     restProps = _objectWithoutProperties(_ref, _excluded$z);
   return jsxRuntime.jsx("input", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
+    "aria-invalid": invalid || undefined,
     className: clsx('ams-text-input', className),
+    dir: dir !== null && dir !== void 0 ? dir : 'auto',
     ref: ref,
     type: "text"
   }));
 });
 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__*/react.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 jsxRuntime.jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     ref: ref,
     className: clsx('ams-search-field__button', className),
     children: [jsxRuntime.jsx(VisuallyHidden, {
-      children: "Zoeken"
+      children: label
     }), jsxRuntime.jsx(Icon, {
       svg: designSystemReactIcons.SearchIcon,
       size: "level-5",
@@ -1180,11 +1242,13 @@ var SearchFieldButton = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
+    dir = _ref.dir,
+    invalid = _ref.invalid,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
     restProps = _objectWithoutProperties(_ref, _excluded$x);
@@ -1196,8 +1260,10 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         children: label
       })
     }), jsxRuntime.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,
@@ -1229,14 +1295,16 @@ var SearchField = Object.assign(SearchFieldRoot, {
   Input: SearchFieldInput
 });
 
-var _excluded$v = ["children", "className", "title", "actions"];
+var _excluded$v = ["actions", "children", "className", "closeButtonLabel", "title"];
 function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
+  var actions = _ref.actions,
+    children = _ref.children,
     className = _ref.className,
+    _ref$closeButtonLabel = _ref.closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
     title = _ref.title,
-    actions = _ref.actions,
     restProps = _objectWithoutProperties(_ref, _excluded$v);
   return jsxRuntime.jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
@@ -1251,7 +1319,7 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           children: title
         }), jsxRuntime.jsx(IconButton, {
           formNoValidate: true,
-          label: "Sluiten",
+          label: closeButtonLabel,
           size: "level-4"
         })]
       }), jsxRuntime.jsx("article", {
@@ -1266,7 +1334,7 @@ var Dialog = /*#__PURE__*/react.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; }
 /**
@@ -1318,9 +1386,17 @@ var Pagination = /*#__PURE__*/react.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 = react.useState(page),
@@ -1355,7 +1431,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       className: "ams-pagination__list",
       children: [jsxRuntime.jsx("li", {
         children: jsxRuntime.jsxs("button", {
-          "aria-label": "Vorige pagina",
+          "aria-label": previousAriaLabel,
           className: "ams-pagination__button",
           disabled: currentPage === 1,
           onClick: onPrevious,
@@ -1363,7 +1439,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           children: [jsxRuntime.jsx(Icon, {
             svg: designSystemReactIcons.ChevronLeftIcon,
             size: "level-5"
-          }), "vorige"]
+          }), previousLabel]
         })
       }), range.map(function (pageNumberOrSpacer) {
         return typeof pageNumberOrSpacer === 'number' ? jsxRuntime.jsx("li", {
@@ -1385,12 +1461,12 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         }, pageNumberOrSpacer);
       }), jsxRuntime.jsx("li", {
         children: jsxRuntime.jsxs("button", {
-          "aria-label": "Volgende pagina",
+          "aria-label": nextAriaLabel,
           className: "ams-pagination__button",
           disabled: currentPage === totalPages,
           onClick: onNext,
           type: "button",
-          children: ["volgende", jsxRuntime.jsx(Icon, {
+          children: [nextLabel, jsxRuntime.jsx(Icon, {
             svg: designSystemReactIcons.ChevronRightIcon,
             size: "level-5"
           })]
@@ -1533,7 +1609,7 @@ var Card = Object.assign(CardRoot, {
   Link: CardLink
 });
 
-var _excluded$m = ["children", "className", "headingLevel", "title", "severity", "closeable", "onClose"];
+var _excluded$m = ["children", "className", "closeable", "closeButtonLabel", "headingLevel", "onClose", "severity", "title"];
 function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var iconSvgBySeverity = {
@@ -1545,13 +1621,15 @@ var iconSvgBySeverity = {
 var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    closeable = _ref.closeable,
+    _ref$closeButtonLabel = _ref.closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
     _ref$headingLevel = _ref.headingLevel,
     headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
-    title = _ref.title,
+    onClose = _ref.onClose,
     _ref$severity = _ref.severity,
     severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
-    closeable = _ref.closeable,
-    onClose = _ref.onClose,
+    title = _ref.title,
     restProps = _objectWithoutProperties(_ref, _excluded$m);
   var alertSize = title ? 'level-4' : 'level-5';
   var Tag = title ? 'section' : 'div';
@@ -1572,7 +1650,7 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         children: title
       }), children]
     }), closeable && jsxRuntime.jsx(IconButton, {
-      label: "Sluiten",
+      label: closeButtonLabel,
       size: alertSize,
       onClick: onClose
     })]
@@ -1756,11 +1834,11 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     jsxRuntime.jsxs("div", {
       className: clsx('ams-checkbox', className),
       children: [jsxRuntime.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"
       })), jsxRuntime.jsxs("label", {
         className: "ams-checkbox__label",
         htmlFor: id,
@@ -1805,7 +1883,7 @@ var OrderedListItem = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
@@ -1814,10 +1892,11 @@ var OrderedListRoot = /*#__PURE__*/react.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 jsxRuntime.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
   }));
@@ -1827,25 +1906,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__*/react.forwardRef(function (_ref, ref) {
+var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    href = _ref.href,
     restProps = _objectWithoutProperties(_ref, _excluded$9);
-  return jsxRuntime.jsx("li", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
-    className: clsx.clsx('ams-breadcrumb__item', className),
-    ref: ref,
-    children: jsxRuntime.jsx("a", {
-      className: "ams-breadcrumb__link",
-      href: href,
+  return jsxRuntime.jsx("li", {
+    className: "ams-breadcrumb__item",
+    children: jsxRuntime.jsx("a", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
+      className: clsx.clsx('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; }
@@ -1865,7 +1942,7 @@ var BreadcrumbRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 BreadcrumbRoot.displayName = 'Breadcrumb';
 var Breadcrumb = Object.assign(BreadcrumbRoot, {
-  Item: BreadcrumbItem
+  Link: BreadcrumbLink
 });
 
 var _excluded$7 = ["children", "variant", "onBackground", "className"];
@@ -1943,7 +2020,7 @@ var UnorderedListItem = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
@@ -1952,10 +2029,11 @@ var UnorderedListRoot = /*#__PURE__*/react.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 jsxRuntime.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
   }));
@@ -1971,7 +2049,7 @@ var UnorderedList = Object.assign(UnorderedListRoot, {
  */
 var defaultValues = {
   headingLevel: 1,
-  section: true
+  sectionAs: 'section'
 };
 var AccordionContext = /*#__PURE__*/react.createContext(defaultValues);
 
@@ -1987,12 +2065,13 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useContext = react.useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
-    section = _useContext.section;
+    sectionAs = _useContext.sectionAs;
   var _useState = react.useState(expanded),
     _useState2 = _slicedToArray(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
   var HeadingX = getHeadingElement(headingLevel);
+  var Tag = sectionAs || 'section';
   var id = react.useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
@@ -2017,19 +2096,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           className: "ams-accordion__icon"
         }), label]
       })
-    }), section ? jsxRuntime.jsx("section", {
-      id: panelId,
+    }), jsxRuntime.jsx(Tag, {
       "aria-labelledby": buttonId,
       className: clsx('ams-accordion__panel', {
         'ams-accordion__panel--expanded': isExpanded
       }),
-      children: children
-    }) : jsxRuntime.jsx("div", {
       id: panelId,
-      "aria-labelledby": buttonId,
-      className: clsx('ams-accordion__panel', {
-        'ams-accordion__panel--expanded': isExpanded
-      }),
       children: children
     })]
   }));
@@ -2040,8 +2112,8 @@ var AccordionRoot = /*#__PURE__*/react.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 = react.useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
   react.useImperativeHandle(ref, function () {
@@ -2054,7 +2126,7 @@ var AccordionRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsx(AccordionContext.Provider, {
     value: {
       headingLevel: headingLevel,
-      section: section
+      sectionAs: sectionAs
     },
     children: jsxRuntime.jsx("div", {
       className: clsx('ams-accordion', className),
@@ -2165,7 +2237,10 @@ exports.Column = Column;
 exports.DateInput = DateInput;
 exports.DescriptionList = DescriptionList;
 exports.Dialog = Dialog;
-exports.Fieldset = Fieldset;
+exports.ErrorMessage = ErrorMessage;
+exports.Field = Field;
+exports.FieldSet = FieldSet;
+exports.FileInput = FileInput;
 exports.Footer = Footer;
 exports.FormFieldCharacterCounter = FormFieldCharacterCounter;
 exports.Grid = Grid;