@amsterdam/design-system-react 0.9.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
  1. package/README.md +4 -6
  2. package/dist/index.cjs.js +521 -398
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +262 -172
  5. package/dist/index.esm.js +522 -401
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +13 -13
package/dist/index.cjs.js CHANGED
@@ -9,47 +9,307 @@ var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
9
9
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
10
10
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
11
11
 
12
- var _excluded$1g = ["children", "className"];
12
+ function getHeadingElement(level) {
13
+ switch (level) {
14
+ case 2:
15
+ return 'h2';
16
+ case 3:
17
+ return 'h3';
18
+ case 4:
19
+ return 'h4';
20
+ default:
21
+ return 'h1';
22
+ }
23
+ }
24
+
25
+ var _excluded$1k = ["children", "className", "inverseColor", "level", "size"];
26
+ 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; }
27
+ 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; }
28
+ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
29
+ var children = _ref.children,
30
+ className = _ref.className,
31
+ inverseColor = _ref.inverseColor,
32
+ _ref$level = _ref.level,
33
+ level = _ref$level === void 0 ? 1 : _ref$level,
34
+ size = _ref.size,
35
+ restProps = _objectWithoutProperties(_ref, _excluded$1k);
36
+ var HeadingX = getHeadingElement(level);
37
+ var sizeOrLevel = size ? size.split('-')[1] : level;
38
+ return jsxRuntime.jsx(HeadingX, _objectSpread$1q(_objectSpread$1q({
39
+ ref: ref,
40
+ className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
41
+ }, restProps), {}, {
42
+ children: children
43
+ }));
44
+ });
45
+ Heading.displayName = 'Heading';
46
+
47
+ var _excluded$1j = ["className", "size", "square", "svg"];
48
+ 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; }
49
+ 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; }
50
+ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
51
+ var className = _ref.className,
52
+ _ref$size = _ref.size,
53
+ size = _ref$size === void 0 ? 'level-3' : _ref$size,
54
+ square = _ref.square,
55
+ svg = _ref.svg,
56
+ otherProps = _objectWithoutProperties(_ref, _excluded$1j);
57
+ return jsxRuntime.jsx("span", _objectSpread$1p(_objectSpread$1p({
58
+ ref: ref,
59
+ 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)
60
+ }, otherProps), {}, {
61
+ children: svg()
62
+ }));
63
+ });
64
+ Icon.displayName = 'Icon';
65
+
66
+ var _excluded$1i = ["className", "label", "onBackground", "size", "svg"];
67
+ 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; }
68
+ 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; }
69
+ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
70
+ var className = _ref.className,
71
+ label = _ref.label,
72
+ onBackground = _ref.onBackground,
73
+ _ref$size = _ref.size,
74
+ size = _ref$size === void 0 ? 'level-5' : _ref$size,
75
+ _ref$svg = _ref.svg,
76
+ svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
77
+ restProps = _objectWithoutProperties(_ref, _excluded$1i);
78
+ return jsxRuntime.jsxs("button", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
79
+ ref: ref,
80
+ className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
81
+ children: [jsxRuntime.jsx("span", {
82
+ className: "ams-visually-hidden",
83
+ children: label
84
+ }), jsxRuntime.jsx(Icon, {
85
+ svg: svg,
86
+ size: size,
87
+ square: true
88
+ })]
89
+ }));
90
+ });
91
+ IconButton.displayName = 'IconButton';
92
+
93
+ var _excluded$1h = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
94
+ 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; }
95
+ 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; }
96
+ var iconSvgBySeverity = {
97
+ error: designSystemReactIcons.AlertIcon,
98
+ info: designSystemReactIcons.InfoIcon,
99
+ success: designSystemReactIcons.CheckmarkIcon,
100
+ warning: designSystemReactIcons.AlertIcon
101
+ };
102
+ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
103
+ var children = _ref.children,
104
+ className = _ref.className,
105
+ closeable = _ref.closeable,
106
+ _ref$closeButtonLabel = _ref.closeButtonLabel,
107
+ closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
108
+ heading = _ref.heading,
109
+ _ref$headingLevel = _ref.headingLevel,
110
+ headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
111
+ onClose = _ref.onClose,
112
+ _ref$severity = _ref.severity,
113
+ severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
114
+ restProps = _objectWithoutProperties(_ref, _excluded$1h);
115
+ var alertSize = heading ? 'level-4' : 'level-5';
116
+ var Tag = heading ? 'section' : 'div';
117
+ return jsxRuntime.jsxs(Tag, _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
118
+ ref: ref,
119
+ className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
120
+ children: [jsxRuntime.jsx("div", {
121
+ className: "ams-alert__icon",
122
+ children: jsxRuntime.jsx(Icon, {
123
+ size: alertSize,
124
+ svg: iconSvgBySeverity[severity]
125
+ })
126
+ }), jsxRuntime.jsxs("div", {
127
+ className: "ams-alert__content",
128
+ children: [heading && jsxRuntime.jsx(Heading, {
129
+ level: headingLevel,
130
+ size: "level-4",
131
+ children: heading
132
+ }), children]
133
+ }), closeable && jsxRuntime.jsx(IconButton, {
134
+ label: closeButtonLabel,
135
+ size: alertSize,
136
+ onClick: onClose
137
+ })]
138
+ }));
139
+ });
140
+ Alert.displayName = 'Alert';
141
+
142
+ var _excluded$1g = ["children", "className", "icon", "onBackground", "size"];
13
143
  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; }
14
144
  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; }
15
- var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
145
+ var iconSizeMap = {
146
+ small: 'level-6',
147
+ medium: 'level-5',
148
+ large: 'level-4'
149
+ };
150
+ /** One link with a Link List. */
151
+ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
16
152
  var children = _ref.children,
17
153
  className = _ref.className,
154
+ icon = _ref.icon,
155
+ onBackground = _ref.onBackground,
156
+ size = _ref.size,
18
157
  restProps = _objectWithoutProperties(_ref, _excluded$1g);
19
- return jsxRuntime.jsx("span", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
158
+ return jsxRuntime.jsx("li", {
159
+ children: jsxRuntime.jsxs("a", _objectSpread$1m(_objectSpread$1m({
160
+ className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
161
+ ref: ref
162
+ }, restProps), {}, {
163
+ children: [jsxRuntime.jsx(Icon, {
164
+ svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon,
165
+ size: iconSizeMap[size !== null && size !== void 0 ? size : 'medium']
166
+ }), children]
167
+ }))
168
+ });
169
+ });
170
+ LinkListLink.displayName = 'LinkList.Link';
171
+
172
+ var _excluded$1f = ["children", "className"];
173
+ 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; }
174
+ 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; }
175
+ /** A collection of related links. */
176
+ var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
177
+ var children = _ref.children,
178
+ className = _ref.className,
179
+ restProps = _objectWithoutProperties(_ref, _excluded$1f);
180
+ return jsxRuntime.jsx("ul", _objectSpread$1l(_objectSpread$1l({
20
181
  ref: ref,
21
- className: clsx('ams-visually-hidden', className),
182
+ className: clsx('ams-link-list', className)
183
+ }, restProps), {}, {
22
184
  children: children
23
185
  }));
24
186
  });
25
- VisuallyHidden.displayName = 'VisuallyHidden';
187
+ LinkListRoot.displayName = 'LinkList';
188
+ var LinkList = Object.assign(LinkListRoot, {
189
+ Link: LinkListLink
190
+ });
26
191
 
27
- var _excluded$1f = ["children", "className", "prefix"];
28
- 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; }
29
- 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; }
192
+ var _excluded$1e = ["className", "errors", "heading", "headingLevel"];
193
+ 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; }
194
+ 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; }
195
+ var FormErrorList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
196
+ var className = _ref.className,
197
+ errors = _ref.errors,
198
+ _ref$heading = _ref.heading,
199
+ heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
200
+ _ref$headingLevel = _ref.headingLevel,
201
+ headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
202
+ restProps = _objectWithoutProperties(_ref, _excluded$1e);
203
+ if (errors.length === 0) return undefined;
204
+ return jsxRuntime.jsx(Alert, _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
205
+ className: clsx('ams-form-error-list', className),
206
+ heading: heading,
207
+ headingLevel: headingLevel,
208
+ ref: ref,
209
+ role: "alert",
210
+ severity: "error",
211
+ children: jsxRuntime.jsx(LinkList, {
212
+ children: errors.map(function (_ref2) {
213
+ var id = _ref2.id,
214
+ label = _ref2.label;
215
+ return jsxRuntime.jsx(LinkList.Link, {
216
+ href: id,
217
+ children: label
218
+ }, "".concat(id, "-").concat(label));
219
+ })
220
+ })
221
+ }));
222
+ });
223
+ FormErrorList.displayName = 'FormErrorList';
224
+
225
+ var _excluded$1d = ["children", "className", "label"];
226
+ 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; }
227
+ 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; }
228
+ var TableOfContentsLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
229
+ var children = _ref.children,
230
+ className = _ref.className,
231
+ label = _ref.label,
232
+ restProps = _objectWithoutProperties(_ref, _excluded$1d);
233
+ return jsxRuntime.jsxs("li", {
234
+ className: "ams-table-of-contents__item",
235
+ children: [jsxRuntime.jsx("a", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
236
+ className: clsx.clsx('ams-table-of-contents__link', className),
237
+ ref: ref,
238
+ children: label
239
+ })), children]
240
+ });
241
+ });
242
+ TableOfContentsLink.displayName = 'TableOfContents.Link';
243
+
244
+ var _excluded$1c = ["children", "className"];
245
+ 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; }
246
+ 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; }
247
+ var TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
248
+ var children = _ref.children,
249
+ className = _ref.className,
250
+ restProps = _objectWithoutProperties(_ref, _excluded$1c);
251
+ return jsxRuntime.jsx("ul", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
252
+ ref: ref,
253
+ className: clsx('ams-table-of-contents__list', className),
254
+ children: children
255
+ }));
256
+ });
257
+ TableOfContentsList.displayName = 'TableOfContents.List';
258
+
259
+ var _excluded$1b = ["children", "className", "heading", "headingLevel"];
260
+ 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; }
261
+ 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; }
262
+ var TableOfContentsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
263
+ var children = _ref.children,
264
+ className = _ref.className,
265
+ heading = _ref.heading,
266
+ _ref$headingLevel = _ref.headingLevel,
267
+ headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
268
+ restProps = _objectWithoutProperties(_ref, _excluded$1b);
269
+ return jsxRuntime.jsxs("nav", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
270
+ ref: ref,
271
+ className: clsx('ams-table-of-contents', className),
272
+ children: [heading && jsxRuntime.jsx(Heading, {
273
+ className: "ams-table-of-contents__heading",
274
+ level: headingLevel,
275
+ size: "level-4",
276
+ children: heading
277
+ }), children]
278
+ }));
279
+ });
280
+ TableOfContentsRoot.displayName = 'TableOfContents';
281
+ var TableOfContents = Object.assign(TableOfContentsRoot, {
282
+ Link: TableOfContentsLink,
283
+ List: TableOfContentsList
284
+ });
285
+
286
+ var _excluded$1a = ["children", "className", "prefix"];
287
+ 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; }
288
+ 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; }
30
289
  var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
31
290
  var children = _ref.children,
32
291
  className = _ref.className,
33
292
  _ref$prefix = _ref.prefix,
34
293
  prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
35
- restProps = _objectWithoutProperties(_ref, _excluded$1f);
36
- return jsxRuntime.jsxs("p", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
294
+ restProps = _objectWithoutProperties(_ref, _excluded$1a);
295
+ return jsxRuntime.jsxs("p", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
37
296
  ref: ref,
38
297
  className: clsx('ams-error-message', className),
39
- children: [jsxRuntime.jsxs(VisuallyHidden, {
298
+ children: [jsxRuntime.jsxs("span", {
299
+ className: "ams-visually-hidden",
40
300
  children: [prefix, ': ']
41
301
  }), children]
42
302
  }));
43
303
  });
44
304
  ErrorMessage.displayName = 'ErrorMessage';
45
305
 
46
- var _excluded$1e = ["className"];
47
- 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; }
48
- 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; }
306
+ var _excluded$19 = ["className"];
307
+ 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; }
308
+ 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; }
49
309
  var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
50
310
  var className = _ref.className,
51
- restProps = _objectWithoutProperties(_ref, _excluded$1e);
52
- return jsxRuntime.jsx("input", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
311
+ restProps = _objectWithoutProperties(_ref, _excluded$19);
312
+ return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
53
313
  ref: ref,
54
314
  className: clsx('ams-file-input', className),
55
315
  type: "file"
@@ -57,15 +317,15 @@ var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
57
317
  });
58
318
  FileInput.displayName = 'FileInput';
59
319
 
60
- var _excluded$1d = ["children", "className", "invalid"];
61
- 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; }
62
- 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; }
320
+ var _excluded$18 = ["children", "className", "invalid"];
321
+ 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; }
322
+ 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; }
63
323
  var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
64
324
  var children = _ref.children,
65
325
  className = _ref.className,
66
326
  invalid = _ref.invalid,
67
- restProps = _objectWithoutProperties(_ref, _excluded$1d);
68
- return jsxRuntime.jsx("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
327
+ restProps = _objectWithoutProperties(_ref, _excluded$18);
328
+ return jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
69
329
  ref: ref,
70
330
  className: clsx('ams-field', invalid && 'ams-field--invalid', className),
71
331
  children: children
@@ -73,14 +333,14 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
73
333
  });
74
334
  Field.displayName = 'Field';
75
335
 
76
- var _excluded$1c = ["children", "className"];
77
- 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; }
78
- 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; }
336
+ var _excluded$17 = ["children", "className"];
337
+ 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; }
338
+ 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; }
79
339
  var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
80
340
  var children = _ref.children,
81
341
  className = _ref.className,
82
- restProps = _objectWithoutProperties(_ref, _excluded$1c);
83
- return jsxRuntime.jsx("option", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
342
+ restProps = _objectWithoutProperties(_ref, _excluded$17);
343
+ return jsxRuntime.jsx("option", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
84
344
  ref: ref,
85
345
  className: clsx('ams-select__option', className),
86
346
  children: children
@@ -88,14 +348,14 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
88
348
  });
89
349
  SelectOption.displayName = 'Select.Option';
90
350
 
91
- var _excluded$1b = ["children", "className"];
92
- 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; }
93
- 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; }
351
+ var _excluded$16 = ["children", "className"];
352
+ 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; }
353
+ 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; }
94
354
  var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
95
355
  var children = _ref.children,
96
356
  className = _ref.className,
97
- restProps = _objectWithoutProperties(_ref, _excluded$1b);
98
- return jsxRuntime.jsx("optgroup", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
357
+ restProps = _objectWithoutProperties(_ref, _excluded$16);
358
+ return jsxRuntime.jsx("optgroup", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
99
359
  ref: ref,
100
360
  className: clsx('ams-select__group', className),
101
361
  children: children
@@ -103,15 +363,15 @@ var SelectOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
103
363
  });
104
364
  SelectOptionGroup.displayName = 'Select.Group';
105
365
 
106
- var _excluded$1a = ["children", "className", "invalid"];
107
- 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; }
108
- 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; }
366
+ var _excluded$15 = ["children", "className", "invalid"];
367
+ 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; }
368
+ 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; }
109
369
  var SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
110
370
  var children = _ref.children,
111
371
  className = _ref.className,
112
372
  invalid = _ref.invalid,
113
- restProps = _objectWithoutProperties(_ref, _excluded$1a);
114
- return jsxRuntime.jsx("select", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
373
+ restProps = _objectWithoutProperties(_ref, _excluded$15);
374
+ return jsxRuntime.jsx("select", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
115
375
  "aria-invalid": invalid || undefined,
116
376
  className: clsx('ams-select', className),
117
377
  ref: ref,
@@ -124,14 +384,14 @@ var Select = Object.assign(SelectRoot, {
124
384
  Group: SelectOptionGroup
125
385
  });
126
386
 
127
- var _excluded$19 = ["className", "invalid"];
128
- 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; }
129
- 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; }
387
+ var _excluded$14 = ["className", "invalid"];
388
+ 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; }
389
+ 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; }
130
390
  var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
131
391
  var className = _ref.className,
132
392
  invalid = _ref.invalid,
133
- restProps = _objectWithoutProperties(_ref, _excluded$19);
134
- return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
393
+ restProps = _objectWithoutProperties(_ref, _excluded$14);
394
+ return jsxRuntime.jsx("input", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
135
395
  "aria-invalid": invalid || undefined,
136
396
  className: clsx('ams-time-input', className),
137
397
  ref: ref,
@@ -140,59 +400,42 @@ var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
140
400
  });
141
401
  TimeInput.displayName = 'TimeInput';
142
402
 
143
- var _excluded$18 = ["className", "invalid"];
144
- 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; }
145
- 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; }
403
+ var _excluded$13 = ["className", "invalid", "type"];
404
+ 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; }
405
+ 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; }
146
406
  var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
147
407
  var className = _ref.className,
148
408
  invalid = _ref.invalid,
149
- restProps = _objectWithoutProperties(_ref, _excluded$18);
150
- return jsxRuntime.jsx("input", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
409
+ _ref$type = _ref.type,
410
+ type = _ref$type === void 0 ? 'date' : _ref$type,
411
+ restProps = _objectWithoutProperties(_ref, _excluded$13);
412
+ return jsxRuntime.jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
151
413
  "aria-invalid": invalid || undefined,
152
414
  className: clsx('ams-date-input', className),
153
415
  ref: ref,
154
- type: "date"
416
+ type: type
155
417
  }));
156
418
  });
157
419
  DateInput.displayName = 'DateInput';
158
420
 
159
- var _excluded$17 = ["className", "size", "square", "svg"];
160
- 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; }
161
- 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; }
162
- var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
163
- var className = _ref.className,
164
- _ref$size = _ref.size,
165
- size = _ref$size === void 0 ? 'level-3' : _ref$size,
166
- square = _ref.square,
167
- svg = _ref.svg,
168
- otherProps = _objectWithoutProperties(_ref, _excluded$17);
169
- return jsxRuntime.jsx("span", _objectSpread$1d(_objectSpread$1d({
170
- ref: ref,
171
- 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)
172
- }, otherProps), {}, {
173
- children: svg()
174
- }));
175
- });
176
- Icon.displayName = 'Icon';
177
-
178
- var _excluded$16 = ["className", "cover"];
179
- 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; }
180
- 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; }
421
+ var _excluded$12 = ["className", "cover"];
422
+ 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; }
423
+ 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; }
181
424
  var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
182
425
  var className = _ref.className,
183
426
  _ref$cover = _ref.cover,
184
427
  cover = _ref$cover === void 0 ? false : _ref$cover,
185
- restProps = _objectWithoutProperties(_ref, _excluded$16);
186
- return jsxRuntime.jsx("img", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
428
+ restProps = _objectWithoutProperties(_ref, _excluded$12);
429
+ return jsxRuntime.jsx("img", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
187
430
  ref: ref,
188
431
  className: clsx('ams-image', cover && 'ams-image--cover', className)
189
432
  }));
190
433
  });
191
434
  Image.displayName = 'Image';
192
435
 
193
- var _excluded$15 = ["label", "imageSrc", "className", "color"];
194
- 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; }
195
- 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; }
436
+ var _excluded$11 = ["label", "imageSrc", "className", "color"];
437
+ 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; }
438
+ 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; }
196
439
  var AvatarContent = function AvatarContent(_ref) {
197
440
  var imageSrc = _ref.imageSrc,
198
441
  initials = _ref.initials;
@@ -218,14 +461,15 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
218
461
  imageSrc = _ref2.imageSrc,
219
462
  className = _ref2.className,
220
463
  _ref2$color = _ref2.color,
221
- color = _ref2$color === void 0 ? 'dark-blue' : _ref2$color,
222
- restProps = _objectWithoutProperties(_ref2, _excluded$15);
464
+ color = _ref2$color === void 0 ? 'blue' : _ref2$color,
465
+ restProps = _objectWithoutProperties(_ref2, _excluded$11);
223
466
  var initials = label.slice(0, 2).toUpperCase();
224
467
  var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
225
- return jsxRuntime.jsxs("span", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
468
+ return jsxRuntime.jsxs("span", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
226
469
  ref: ref,
227
470
  className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
228
- children: [jsxRuntime.jsx(VisuallyHidden, {
471
+ children: [jsxRuntime.jsx("span", {
472
+ className: "ams-visually-hidden",
229
473
  children: a11yLabel
230
474
  }), jsxRuntime.jsx(AvatarContent, {
231
475
  imageSrc: imageSrc,
@@ -235,15 +479,15 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
235
479
  });
236
480
  Avatar.displayName = 'Avatar';
237
481
 
238
- var _excluded$14 = ["className", "length", "maxLength"];
239
- 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; }
240
- 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; }
482
+ var _excluded$10 = ["className", "length", "maxLength"];
483
+ 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; }
484
+ 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; }
241
485
  var FormFieldCharacterCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
242
486
  var className = _ref.className,
243
487
  length = _ref.length,
244
488
  maxLength = _ref.maxLength,
245
- restProps = _objectWithoutProperties(_ref, _excluded$14);
246
- return jsxRuntime.jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
489
+ restProps = _objectWithoutProperties(_ref, _excluded$10);
490
+ return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
247
491
  ref: ref,
248
492
  className: clsx('ams-form-field-character-counter', length > maxLength && 'ams-form-field-character-counter--error', className),
249
493
  role: "status",
@@ -252,14 +496,14 @@ var FormFieldCharacterCounter = /*#__PURE__*/react.forwardRef(function (_ref, re
252
496
  });
253
497
  FormFieldCharacterCounter.displayName = 'FormFieldCharacterCounter';
254
498
 
255
- var _excluded$13 = ["children", "className"];
256
- 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; }
257
- 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; }
499
+ var _excluded$$ = ["children", "className"];
500
+ 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; }
501
+ 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; }
258
502
  var DescriptionListDetails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
259
503
  var children = _ref.children,
260
504
  className = _ref.className,
261
- restProps = _objectWithoutProperties(_ref, _excluded$13);
262
- return jsxRuntime.jsx("dd", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
505
+ restProps = _objectWithoutProperties(_ref, _excluded$$);
506
+ return jsxRuntime.jsx("dd", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
263
507
  ref: ref,
264
508
  className: clsx('ams-description-list__details', className),
265
509
  children: children
@@ -267,14 +511,14 @@ var DescriptionListDetails = /*#__PURE__*/react.forwardRef(function (_ref, ref)
267
511
  });
268
512
  DescriptionListDetails.displayName = 'DescriptionList.Details';
269
513
 
270
- var _excluded$12 = ["children", "className"];
271
- 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; }
272
- 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; }
514
+ var _excluded$_ = ["children", "className"];
515
+ 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; }
516
+ 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; }
273
517
  var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
274
518
  var children = _ref.children,
275
519
  className = _ref.className,
276
- restProps = _objectWithoutProperties(_ref, _excluded$12);
277
- return jsxRuntime.jsx("dt", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
520
+ restProps = _objectWithoutProperties(_ref, _excluded$_);
521
+ return jsxRuntime.jsx("dt", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
278
522
  ref: ref,
279
523
  className: clsx('ams-description-list__term', className),
280
524
  children: children
@@ -282,15 +526,15 @@ var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
282
526
  });
283
527
  DescriptionListTerm.displayName = 'DescriptionList.Term';
284
528
 
285
- var _excluded$11 = ["children", "className", "inverseColor"];
286
- 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; }
287
- 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; }
529
+ var _excluded$Z = ["children", "className", "inverseColor"];
530
+ 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; }
531
+ 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; }
288
532
  var DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
289
533
  var children = _ref.children,
290
534
  className = _ref.className,
291
535
  inverseColor = _ref.inverseColor,
292
- restProps = _objectWithoutProperties(_ref, _excluded$11);
293
- return jsxRuntime.jsx("dl", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
536
+ restProps = _objectWithoutProperties(_ref, _excluded$Z);
537
+ return jsxRuntime.jsx("dl", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
294
538
  ref: ref,
295
539
  className: clsx('ams-description-list', inverseColor && 'ams-description-list--inverse-color', className),
296
540
  children: children
@@ -302,9 +546,9 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
302
546
  Details: DescriptionListDetails
303
547
  });
304
548
 
305
- var _excluded$10 = ["as", "children", "className", "gap"];
306
- 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; }
307
- 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; }
549
+ var _excluded$Y = ["as", "children", "className", "gap"];
550
+ 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; }
551
+ 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; }
308
552
  var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
309
553
  var _ref$as = _ref.as,
310
554
  Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -312,8 +556,8 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
312
556
  className = _ref.className,
313
557
  _ref$gap = _ref.gap,
314
558
  gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
315
- restProps = _objectWithoutProperties(_ref, _excluded$10);
316
- return jsxRuntime.jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
559
+ restProps = _objectWithoutProperties(_ref, _excluded$Y);
560
+ return jsxRuntime.jsx(Tag, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
317
561
  ref: ref,
318
562
  className: clsx('ams-row', "ams-row--".concat(gap), className),
319
563
  children: children
@@ -321,21 +565,21 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
321
565
  });
322
566
  Row.displayName = 'Row';
323
567
 
324
- var _excluded$$ = ["children", "className", "invalid"];
325
- 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; }
326
- 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; }
568
+ var _excluded$X = ["children", "className", "invalid"];
569
+ 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; }
570
+ 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; }
327
571
  var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
328
572
  var children = _ref.children,
329
573
  className = _ref.className,
330
574
  invalid = _ref.invalid,
331
- restProps = _objectWithoutProperties(_ref, _excluded$$);
575
+ restProps = _objectWithoutProperties(_ref, _excluded$X);
332
576
  var id = react.useId();
333
577
  return (
334
578
  // This div is here because NVDA doesn't match the input to the label
335
579
  // without a containing element
336
580
  jsxRuntime.jsxs("div", {
337
581
  className: clsx('ams-radio', className),
338
- children: [jsxRuntime.jsx("input", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
582
+ children: [jsxRuntime.jsx("input", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
339
583
  "aria-invalid": invalid || undefined,
340
584
  className: "ams-radio__input",
341
585
  id: id,
@@ -364,45 +608,45 @@ var defaultValues$1 = {
364
608
  };
365
609
  var TabsContext = /*#__PURE__*/react.createContext(defaultValues$1);
366
610
 
367
- var _excluded$_ = ["children", "className", "tab"];
368
- 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; }
369
- 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; }
611
+ var _excluded$W = ["children", "className", "tab"];
612
+ 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; }
613
+ 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; }
370
614
  var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
371
615
  var children = _ref.children,
372
616
  className = _ref.className,
373
617
  _ref$tab = _ref.tab,
374
618
  tab = _ref$tab === void 0 ? 0 : _ref$tab,
375
- restProps = _objectWithoutProperties(_ref, _excluded$_);
619
+ restProps = _objectWithoutProperties(_ref, _excluded$W);
376
620
  var _useContext = react.useContext(TabsContext),
377
621
  activeTab = _useContext.activeTab,
378
- updateTab = _useContext.updateTab,
379
- tabsId = _useContext.tabsId;
380
- return jsxRuntime.jsx("button", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
381
- role: "tab",
382
- id: "".concat(tabsId, "-tab-").concat(tab),
622
+ tabsId = _useContext.tabsId,
623
+ updateTab = _useContext.updateTab;
624
+ return jsxRuntime.jsx("button", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
383
625
  "aria-controls": "".concat(tabsId, "-panel-").concat(tab),
384
626
  "aria-selected": activeTab === tab,
385
- tabIndex: activeTab === tab ? 0 : -1,
386
- ref: ref,
627
+ className: clsx('ams-tabs__button', className),
628
+ id: "".concat(tabsId, "-tab-").concat(tab),
387
629
  onClick: function onClick() {
388
630
  react.startTransition(function () {
389
631
  updateTab(tab);
390
632
  });
391
633
  },
392
- className: clsx('ams-tabs__button', className),
634
+ ref: ref,
635
+ role: "tab",
636
+ tabIndex: activeTab === tab ? 0 : -1,
393
637
  children: children
394
638
  }));
395
639
  });
396
640
  TabsButton.displayName = 'Tabs.Button';
397
641
 
398
- var _excluded$Z = ["children", "className"];
399
- 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; }
400
- 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; }
642
+ var _excluded$V = ["children", "className"];
643
+ 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; }
644
+ 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; }
401
645
  var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
402
646
  var children = _ref.children,
403
647
  className = _ref.className,
404
- restProps = _objectWithoutProperties(_ref, _excluded$Z);
405
- return jsxRuntime.jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
648
+ restProps = _objectWithoutProperties(_ref, _excluded$V);
649
+ return jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
406
650
  role: "tablist",
407
651
  ref: ref,
408
652
  className: clsx('ams-tabs__list', className),
@@ -411,21 +655,21 @@ var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
411
655
  });
412
656
  TabsList.displayName = 'Tabs.List';
413
657
 
414
- var _excluded$Y = ["tab", "children", "className"];
415
- 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; }
416
- 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; }
658
+ var _excluded$U = ["tab", "children", "className"];
659
+ 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; }
660
+ 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; }
417
661
  var TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
418
662
  var tab = _ref.tab,
419
663
  children = _ref.children,
420
664
  className = _ref.className,
421
- restProps = _objectWithoutProperties(_ref, _excluded$Y);
665
+ restProps = _objectWithoutProperties(_ref, _excluded$U);
422
666
  var _useContext = react.useContext(TabsContext),
423
667
  activeTab = _useContext.activeTab,
424
668
  tabsId = _useContext.tabsId;
425
669
  if (tab !== activeTab) {
426
670
  return null;
427
671
  }
428
- return jsxRuntime.jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
672
+ return jsxRuntime.jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
429
673
  role: "tabpanel",
430
674
  "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
431
675
  id: "".concat(tabsId, "-panel-").concat(tab),
@@ -514,23 +758,41 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
514
758
  };
515
759
  };
516
760
 
517
- var _excluded$X = ["children", "className"];
518
- 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; }
519
- 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; }
761
+ var _excluded$T = ["activeTab", "children", "className"];
762
+ 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; }
763
+ 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; }
520
764
  var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
521
- var children = _ref.children,
765
+ var activeTab = _ref.activeTab,
766
+ children = _ref.children,
522
767
  className = _ref.className,
523
- restProps = _objectWithoutProperties(_ref, _excluded$X);
768
+ restProps = _objectWithoutProperties(_ref, _excluded$T);
524
769
  var tabsId = react.useId();
770
+ var innerRef = react.useRef(null);
525
771
  var _useState = react.useState(0),
526
772
  _useState2 = _slicedToArray(_useState, 2),
527
- activeTab = _useState2[0],
528
- setActiveTab = _useState2[1];
529
- var innerRef = react.useRef(null);
773
+ activeTabId = _useState2[0],
774
+ setActiveTabId = _useState2[1];
775
+ var allTabs = react.useMemo(function () {
776
+ if (!Array.isArray(children)) return [];
777
+ return children[0].props.children.map(function (child) {
778
+ return child;
779
+ });
780
+ }, [children]);
781
+ react.useEffect(function () {
782
+ if (typeof activeTab !== 'number') return;
783
+ if (!Number.isInteger(activeTab)) return;
784
+ if (activeTab < 0) {
785
+ setActiveTabId(0);
786
+ } else if (activeTab > allTabs.length - 1) {
787
+ setActiveTabId(allTabs.length - 1);
788
+ } else {
789
+ setActiveTabId(activeTab);
790
+ }
791
+ }, [activeTab, allTabs]);
530
792
  var updateTab = function updateTab(tab) {
531
- setActiveTab(tab);
793
+ setActiveTabId(tab);
532
794
  };
533
- // use a passed ref if it's there, otherwise use innerRef
795
+ // Use a passed ref if it's there, otherwise use innerRef
534
796
  react.useImperativeHandle(ref, function () {
535
797
  return innerRef.current;
536
798
  });
@@ -541,11 +803,11 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
541
803
  keyDown = _useKeyboardFocus.keyDown;
542
804
  return jsxRuntime.jsx(TabsContext.Provider, {
543
805
  value: {
544
- activeTab: activeTab,
806
+ activeTab: activeTabId,
545
807
  updateTab: updateTab,
546
808
  tabsId: tabsId
547
809
  },
548
- children: jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
810
+ children: jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
549
811
  role: "tabs",
550
812
  ref: innerRef,
551
813
  onKeyDown: keyDown,
@@ -561,16 +823,16 @@ var Tabs = Object.assign(TabsRoot, {
561
823
  Panel: TabsPanel
562
824
  });
563
825
 
564
- var _excluded$W = ["className", "dir", "invalid", "resize"];
565
- 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; }
566
- 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; }
826
+ var _excluded$S = ["className", "dir", "invalid", "resize"];
827
+ 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; }
828
+ 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; }
567
829
  var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
568
830
  var className = _ref.className,
569
831
  dir = _ref.dir,
570
832
  invalid = _ref.invalid,
571
833
  resize = _ref.resize,
572
- restProps = _objectWithoutProperties(_ref, _excluded$W);
573
- return jsxRuntime.jsx("textarea", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
834
+ restProps = _objectWithoutProperties(_ref, _excluded$S);
835
+ return jsxRuntime.jsx("textarea", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
574
836
  "aria-invalid": invalid || undefined,
575
837
  className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className),
576
838
  dir: dir !== null && dir !== void 0 ? dir : 'auto',
@@ -579,9 +841,9 @@ var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
579
841
  });
580
842
  TextArea.displayName = 'TextArea';
581
843
 
582
- var _excluded$V = ["as", "children", "className", "gap"];
583
- 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; }
584
- 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; }
844
+ var _excluded$R = ["as", "children", "className", "gap"];
845
+ 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; }
846
+ 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; }
585
847
  var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
586
848
  var _ref$as = _ref.as,
587
849
  Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -589,8 +851,8 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
589
851
  className = _ref.className,
590
852
  _ref$gap = _ref.gap,
591
853
  gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
592
- restProps = _objectWithoutProperties(_ref, _excluded$V);
593
- return jsxRuntime.jsx(Tag, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
854
+ restProps = _objectWithoutProperties(_ref, _excluded$R);
855
+ return jsxRuntime.jsx(Tag, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
594
856
  ref: ref,
595
857
  className: clsx('ams-column', "ams-column--".concat(gap), className),
596
858
  children: children
@@ -598,16 +860,16 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
598
860
  });
599
861
  Column.displayName = 'Column';
600
862
 
601
- var _excluded$U = ["children", "className", "invalid", "legend"];
602
- 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; }
603
- 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; }
863
+ var _excluded$Q = ["children", "className", "invalid", "legend"];
864
+ 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; }
865
+ 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; }
604
866
  var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
605
867
  var children = _ref.children,
606
868
  className = _ref.className,
607
869
  invalid = _ref.invalid,
608
870
  legend = _ref.legend,
609
- restProps = _objectWithoutProperties(_ref, _excluded$U);
610
- return jsxRuntime.jsxs("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
871
+ restProps = _objectWithoutProperties(_ref, _excluded$Q);
872
+ return jsxRuntime.jsxs("fieldset", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
611
873
  ref: ref,
612
874
  className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
613
875
  children: [jsxRuntime.jsx("legend", {
@@ -618,66 +880,16 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
618
880
  });
619
881
  FieldSet.displayName = 'FieldSet';
620
882
 
621
- var _excluded$T = ["children", "className", "icon", "onBackground", "size"];
622
- 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; }
623
- 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; }
624
- var iconSizeMap = {
625
- small: 'level-6',
626
- medium: 'level-5',
627
- large: 'level-4'
628
- };
629
- /** One link with a Link List. */
630
- var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
631
- var children = _ref.children,
632
- className = _ref.className,
633
- icon = _ref.icon,
634
- onBackground = _ref.onBackground,
635
- size = _ref.size,
636
- restProps = _objectWithoutProperties(_ref, _excluded$T);
637
- return jsxRuntime.jsx("li", {
638
- children: jsxRuntime.jsxs("a", _objectSpread$Z(_objectSpread$Z({
639
- className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
640
- ref: ref
641
- }, restProps), {}, {
642
- children: [jsxRuntime.jsx(Icon, {
643
- svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon,
644
- size: iconSizeMap[size !== null && size !== void 0 ? size : 'medium']
645
- }), children]
646
- }))
647
- });
648
- });
649
- LinkListLink.displayName = 'LinkList.Link';
650
-
651
- var _excluded$S = ["children", "className"];
652
- 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; }
653
- 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; }
654
- /** A collection of related links. */
655
- var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
656
- var children = _ref.children,
657
- className = _ref.className,
658
- restProps = _objectWithoutProperties(_ref, _excluded$S);
659
- return jsxRuntime.jsx("ul", _objectSpread$Y(_objectSpread$Y({
660
- ref: ref,
661
- className: clsx('ams-link-list', className)
662
- }, restProps), {}, {
663
- children: children
664
- }));
665
- });
666
- LinkListRoot.displayName = 'LinkList';
667
- var LinkList = Object.assign(LinkListRoot, {
668
- Link: LinkListLink
669
- });
670
-
671
- var _excluded$R = ["label", "className", "color"];
672
- 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; }
673
- 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; }
883
+ var _excluded$P = ["label", "className", "color"];
884
+ 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; }
885
+ 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; }
674
886
  var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
675
887
  var label = _ref.label,
676
888
  className = _ref.className,
677
889
  _ref$color = _ref.color,
678
890
  color = _ref$color === void 0 ? 'dark-green' : _ref$color,
679
- restProps = _objectWithoutProperties(_ref, _excluded$R);
680
- return jsxRuntime.jsx("span", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
891
+ restProps = _objectWithoutProperties(_ref, _excluded$P);
892
+ return jsxRuntime.jsx("span", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
681
893
  ref: ref,
682
894
  className: clsx('ams-badge', "ams-badge--".concat(color), className),
683
895
  children: label
@@ -685,14 +897,14 @@ var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
685
897
  });
686
898
  Badge.displayName = 'Badge';
687
899
 
688
- var _excluded$Q = ["children", "className"];
689
- 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; }
690
- 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; }
900
+ var _excluded$O = ["children", "className"];
901
+ 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; }
902
+ 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; }
691
903
  var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
692
904
  var children = _ref.children,
693
905
  className = _ref.className,
694
- restProps = _objectWithoutProperties(_ref, _excluded$Q);
695
- return jsxRuntime.jsx("tbody", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
906
+ restProps = _objectWithoutProperties(_ref, _excluded$O);
907
+ return jsxRuntime.jsx("tbody", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
696
908
  ref: ref,
697
909
  className: clsx('ams-table__body', className),
698
910
  children: children
@@ -700,14 +912,14 @@ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
700
912
  });
701
913
  TableBody.displayName = 'Table.Body';
702
914
 
703
- var _excluded$P = ["children", "className"];
704
- 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; }
705
- 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; }
915
+ var _excluded$N = ["children", "className"];
916
+ 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; }
917
+ 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; }
706
918
  var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
707
919
  var children = _ref.children,
708
920
  className = _ref.className,
709
- restProps = _objectWithoutProperties(_ref, _excluded$P);
710
- return jsxRuntime.jsx("caption", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
921
+ restProps = _objectWithoutProperties(_ref, _excluded$N);
922
+ return jsxRuntime.jsx("caption", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
711
923
  ref: ref,
712
924
  className: clsx('ams-table__caption', className),
713
925
  children: children
@@ -715,14 +927,14 @@ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
715
927
  });
716
928
  TableCaption.displayName = 'Table.Caption';
717
929
 
718
- var _excluded$O = ["children", "className"];
719
- 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; }
720
- 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; }
930
+ var _excluded$M = ["children", "className"];
931
+ 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; }
932
+ 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; }
721
933
  var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
722
934
  var children = _ref.children,
723
935
  className = _ref.className,
724
- restProps = _objectWithoutProperties(_ref, _excluded$O);
725
- return jsxRuntime.jsx("td", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
936
+ restProps = _objectWithoutProperties(_ref, _excluded$M);
937
+ return jsxRuntime.jsx("td", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
726
938
  ref: ref,
727
939
  className: clsx('ams-table__cell', className),
728
940
  children: children
@@ -730,14 +942,14 @@ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
730
942
  });
731
943
  TableCell.displayName = 'Table.Cell';
732
944
 
733
- var _excluded$N = ["children", "className"];
734
- 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; }
735
- 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; }
945
+ var _excluded$L = ["children", "className"];
946
+ 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; }
947
+ 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; }
736
948
  var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
737
949
  var children = _ref.children,
738
950
  className = _ref.className,
739
- restProps = _objectWithoutProperties(_ref, _excluded$N);
740
- return jsxRuntime.jsx("tfoot", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
951
+ restProps = _objectWithoutProperties(_ref, _excluded$L);
952
+ return jsxRuntime.jsx("tfoot", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
741
953
  ref: ref,
742
954
  className: clsx('ams-table__footer', className),
743
955
  children: children
@@ -745,14 +957,14 @@ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
745
957
  });
746
958
  TableFooter.displayName = 'Table.Footer';
747
959
 
748
- var _excluded$M = ["children", "className"];
749
- 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; }
750
- 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; }
960
+ var _excluded$K = ["children", "className"];
961
+ 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; }
962
+ 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; }
751
963
  var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
752
964
  var children = _ref.children,
753
965
  className = _ref.className,
754
- restProps = _objectWithoutProperties(_ref, _excluded$M);
755
- return jsxRuntime.jsx("thead", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
966
+ restProps = _objectWithoutProperties(_ref, _excluded$K);
967
+ return jsxRuntime.jsx("thead", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
756
968
  ref: ref,
757
969
  className: clsx('ams-table__header', className),
758
970
  children: children
@@ -760,14 +972,14 @@ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
760
972
  });
761
973
  TableHeader.displayName = 'Table.Header';
762
974
 
763
- var _excluded$L = ["children", "className"];
764
- 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; }
765
- 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; }
975
+ var _excluded$J = ["children", "className"];
976
+ 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; }
977
+ 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; }
766
978
  var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
767
979
  var children = _ref.children,
768
980
  className = _ref.className,
769
- restProps = _objectWithoutProperties(_ref, _excluded$L);
770
- return jsxRuntime.jsx("th", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
981
+ restProps = _objectWithoutProperties(_ref, _excluded$J);
982
+ return jsxRuntime.jsx("th", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
771
983
  ref: ref,
772
984
  className: clsx('ams-table__header-cell', className),
773
985
  children: children
@@ -775,14 +987,14 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
775
987
  });
776
988
  TableHeaderCell.displayName = 'Table.HeaderCell';
777
989
 
778
- var _excluded$K = ["children", "className"];
779
- 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; }
780
- 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; }
990
+ var _excluded$I = ["children", "className"];
991
+ 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; }
992
+ 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; }
781
993
  var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
782
994
  var children = _ref.children,
783
995
  className = _ref.className,
784
- restProps = _objectWithoutProperties(_ref, _excluded$K);
785
- return jsxRuntime.jsx("tr", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
996
+ restProps = _objectWithoutProperties(_ref, _excluded$I);
997
+ return jsxRuntime.jsx("tr", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
786
998
  ref: ref,
787
999
  className: clsx('ams-table__row', className),
788
1000
  children: children
@@ -790,16 +1002,16 @@ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
790
1002
  });
791
1003
  TableRow.displayName = 'Table.Row';
792
1004
 
793
- var _excluded$J = ["children", "className"];
794
- 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; }
795
- 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; }
1005
+ var _excluded$H = ["children", "className"];
1006
+ 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; }
1007
+ 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; }
796
1008
  var TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
797
1009
  var children = _ref.children,
798
1010
  className = _ref.className,
799
- restProps = _objectWithoutProperties(_ref, _excluded$J);
1011
+ restProps = _objectWithoutProperties(_ref, _excluded$H);
800
1012
  return jsxRuntime.jsx("div", {
801
1013
  className: "ams-table",
802
- children: jsxRuntime.jsx("table", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1014
+ children: jsxRuntime.jsx("table", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
803
1015
  ref: ref,
804
1016
  className: clsx('ams-table__table', className),
805
1017
  children: children
@@ -817,14 +1029,14 @@ var Table = Object.assign(TableRoot, {
817
1029
  Row: TableRow
818
1030
  });
819
1031
 
820
- var _excluded$I = ["children", "className"];
821
- 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; }
822
- 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; }
1032
+ var _excluded$G = ["children", "className"];
1033
+ 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; }
1034
+ 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; }
823
1035
  var MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
824
1036
  var children = _ref.children,
825
1037
  className = _ref.className,
826
- restProps = _objectWithoutProperties(_ref, _excluded$I);
827
- return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
1038
+ restProps = _objectWithoutProperties(_ref, _excluded$G);
1039
+ return jsxRuntime.jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
828
1040
  ref: ref,
829
1041
  className: clsx('ams-mega-menu__list-category', className),
830
1042
  children: children
@@ -832,14 +1044,14 @@ var MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
832
1044
  });
833
1045
  MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
834
1046
 
835
- var _excluded$H = ["children", "className"];
836
- 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; }
837
- 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; }
1047
+ var _excluded$F = ["children", "className"];
1048
+ 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; }
1049
+ 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; }
838
1050
  var MegaMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
839
1051
  var children = _ref.children,
840
1052
  className = _ref.className,
841
- restProps = _objectWithoutProperties(_ref, _excluded$H);
842
- return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
1053
+ restProps = _objectWithoutProperties(_ref, _excluded$F);
1054
+ return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
843
1055
  ref: ref,
844
1056
  className: clsx('ams-mega-menu', className),
845
1057
  children: children
@@ -850,96 +1062,35 @@ var MegaMenu = Object.assign(MegaMenuRoot, {
850
1062
  ListCategory: MegaMenuListCategory
851
1063
  });
852
1064
 
853
- var _excluded$G = ["className", "label", "onBackground", "size", "svg"];
854
- 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; }
855
- 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; }
856
- var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
857
- var className = _ref.className,
858
- label = _ref.label,
859
- onBackground = _ref.onBackground,
860
- _ref$size = _ref.size,
861
- size = _ref$size === void 0 ? 'level-5' : _ref$size,
862
- _ref$svg = _ref.svg,
863
- svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
864
- restProps = _objectWithoutProperties(_ref, _excluded$G);
865
- return jsxRuntime.jsxs("button", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
866
- ref: ref,
867
- className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
868
- children: [jsxRuntime.jsx(VisuallyHidden, {
869
- children: label
870
- }), jsxRuntime.jsx(Icon, {
871
- svg: svg,
872
- size: size,
873
- square: true
874
- })]
875
- }));
876
- });
877
- IconButton.displayName = 'IconButton';
878
-
879
- var _excluded$F = ["children", "className"];
880
- 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; }
881
- 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; }
882
- var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
883
- var children = _ref.children,
884
- className = _ref.className,
885
- restProps = _objectWithoutProperties(_ref, _excluded$F);
886
- return jsxRuntime.jsx("a", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
887
- ref: ref,
888
- className: clsx('ams-skip-link', 'ams-visually-hidden', className),
889
- children: children
890
- }));
891
- });
892
- SkipLink.displayName = 'SkipLink';
893
-
894
1065
  var _excluded$E = ["children", "className"];
895
1066
  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; }
896
1067
  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; }
897
- var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1068
+ var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
898
1069
  var children = _ref.children,
899
1070
  className = _ref.className,
900
1071
  restProps = _objectWithoutProperties(_ref, _excluded$E);
901
- return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
1072
+ return jsxRuntime.jsx("a", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
902
1073
  ref: ref,
903
- className: clsx('ams-overlap', className),
1074
+ className: clsx('ams-skip-link', 'ams-visually-hidden', className),
904
1075
  children: children
905
1076
  }));
906
1077
  });
907
- Overlap.displayName = 'Overlap';
908
-
909
- function getHeadingElement(level) {
910
- switch (level) {
911
- case 2:
912
- return 'h2';
913
- case 3:
914
- return 'h3';
915
- case 4:
916
- return 'h4';
917
- default:
918
- return 'h1';
919
- }
920
- }
1078
+ SkipLink.displayName = 'SkipLink';
921
1079
 
922
- var _excluded$D = ["children", "className", "inverseColor", "level", "size"];
1080
+ var _excluded$D = ["children", "className"];
923
1081
  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; }
924
1082
  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; }
925
- var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1083
+ var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
926
1084
  var children = _ref.children,
927
1085
  className = _ref.className,
928
- inverseColor = _ref.inverseColor,
929
- _ref$level = _ref.level,
930
- level = _ref$level === void 0 ? 1 : _ref$level,
931
- size = _ref.size,
932
1086
  restProps = _objectWithoutProperties(_ref, _excluded$D);
933
- var HeadingX = getHeadingElement(level);
934
- var sizeOrLevel = size ? size.split('-')[1] : level;
935
- return jsxRuntime.jsx(HeadingX, _objectSpread$J(_objectSpread$J({
1087
+ return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
936
1088
  ref: ref,
937
- className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
938
- }, restProps), {}, {
1089
+ className: clsx('ams-overlap', className),
939
1090
  children: children
940
1091
  }));
941
1092
  });
942
- Heading.displayName = 'Heading';
1093
+ Overlap.displayName = 'Overlap';
943
1094
 
944
1095
  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; }
945
1096
  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; }
@@ -1138,19 +1289,19 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1138
1289
  });
1139
1290
  Logo.displayName = 'Logo';
1140
1291
 
1141
- var _excluded$B = ["className", "logoBrand", "logoLink", "logoLinkTitle", "title", "links", "menu"];
1292
+ var _excluded$B = ["appName", "className", "links", "logoBrand", "logoLink", "logoLinkTitle", "menu"];
1142
1293
  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; }
1143
1294
  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; }
1144
1295
  var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1145
- var className = _ref.className,
1296
+ var appName = _ref.appName,
1297
+ className = _ref.className,
1298
+ links = _ref.links,
1146
1299
  _ref$logoBrand = _ref.logoBrand,
1147
1300
  logoBrand = _ref$logoBrand === void 0 ? 'amsterdam' : _ref$logoBrand,
1148
1301
  _ref$logoLink = _ref.logoLink,
1149
1302
  logoLink = _ref$logoLink === void 0 ? '/' : _ref$logoLink,
1150
1303
  _ref$logoLinkTitle = _ref.logoLinkTitle,
1151
1304
  logoLinkTitle = _ref$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref$logoLinkTitle,
1152
- title = _ref.title,
1153
- links = _ref.links,
1154
1305
  menu = _ref.menu,
1155
1306
  restProps = _objectWithoutProperties(_ref, _excluded$B);
1156
1307
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -1160,7 +1311,8 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1160
1311
  children: [jsxRuntime.jsxs("a", {
1161
1312
  href: logoLink,
1162
1313
  className: "ams-header__logo-link",
1163
- children: [jsxRuntime.jsx(VisuallyHidden, {
1314
+ children: [jsxRuntime.jsx("span", {
1315
+ className: "ams-visually-hidden",
1164
1316
  children: logoLinkTitle
1165
1317
  }), jsxRuntime.jsx(Logo, {
1166
1318
  brand: logoBrand
@@ -1171,13 +1323,13 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1171
1323
  }), menu && jsxRuntime.jsx("div", {
1172
1324
  className: "ams-header__menu",
1173
1325
  children: menu
1174
- }), title && jsxRuntime.jsx("div", {
1175
- className: "ams-header__title",
1326
+ }), appName && jsxRuntime.jsx("div", {
1327
+ className: "ams-header__app-name",
1176
1328
  children: jsxRuntime.jsx(Heading, {
1177
1329
  level: 1,
1178
1330
  size: "level-3",
1179
- className: "ams-header__title-heading",
1180
- children: title
1331
+ className: "ams-header__app-name-heading",
1332
+ children: appName
1181
1333
  })
1182
1334
  })]
1183
1335
  }))
@@ -1200,20 +1352,22 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1200
1352
  });
1201
1353
  Mark.displayName = 'Mark';
1202
1354
 
1203
- var _excluded$z = ["className", "dir", "invalid"];
1355
+ var _excluded$z = ["className", "dir", "invalid", "type"];
1204
1356
  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; }
1205
1357
  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; }
1206
1358
  var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1207
1359
  var className = _ref.className,
1208
1360
  dir = _ref.dir,
1209
1361
  invalid = _ref.invalid,
1362
+ _ref$type = _ref.type,
1363
+ type = _ref$type === void 0 ? 'text' : _ref$type,
1210
1364
  restProps = _objectWithoutProperties(_ref, _excluded$z);
1211
1365
  return jsxRuntime.jsx("input", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
1212
1366
  "aria-invalid": invalid || undefined,
1213
1367
  className: clsx('ams-text-input', className),
1214
1368
  dir: dir !== null && dir !== void 0 ? dir : 'auto',
1215
1369
  ref: ref,
1216
- type: "text"
1370
+ type: type
1217
1371
  }));
1218
1372
  });
1219
1373
  TextInput.displayName = 'TextInput';
@@ -1231,7 +1385,8 @@ var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1231
1385
  return jsxRuntime.jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
1232
1386
  ref: ref,
1233
1387
  className: clsx('ams-search-field__button', className),
1234
- children: [jsxRuntime.jsx(VisuallyHidden, {
1388
+ children: [jsxRuntime.jsx("span", {
1389
+ className: "ams-visually-hidden",
1235
1390
  children: label
1236
1391
  }), jsxRuntime.jsx(Icon, {
1237
1392
  svg: designSystemReactIcons.SearchIcon,
@@ -1256,9 +1411,8 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1256
1411
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
1257
1412
  children: [jsxRuntime.jsx("label", {
1258
1413
  htmlFor: id,
1259
- children: jsxRuntime.jsx(VisuallyHidden, {
1260
- children: label
1261
- })
1414
+ className: "ams-visually-hidden",
1415
+ children: label
1262
1416
  }), jsxRuntime.jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
1263
1417
  "aria-invalid": invalid || undefined,
1264
1418
  autoComplete: "off",
@@ -1295,7 +1449,7 @@ var SearchField = Object.assign(SearchFieldRoot, {
1295
1449
  Input: SearchFieldInput
1296
1450
  });
1297
1451
 
1298
- var _excluded$v = ["actions", "children", "className", "closeButtonLabel", "title"];
1452
+ var _excluded$v = ["actions", "children", "className", "closeButtonLabel", "heading"];
1299
1453
  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; }
1300
1454
  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; }
1301
1455
  var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
@@ -1304,7 +1458,7 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1304
1458
  className = _ref.className,
1305
1459
  _ref$closeButtonLabel = _ref.closeButtonLabel,
1306
1460
  closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
1307
- title = _ref.title,
1461
+ heading = _ref.heading,
1308
1462
  restProps = _objectWithoutProperties(_ref, _excluded$v);
1309
1463
  return jsxRuntime.jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
1310
1464
  ref: ref,
@@ -1316,7 +1470,7 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1316
1470
  className: "ams-dialog__header",
1317
1471
  children: [jsxRuntime.jsx(Heading, {
1318
1472
  size: "level-4",
1319
- children: title
1473
+ children: heading
1320
1474
  }), jsxRuntime.jsx(IconButton, {
1321
1475
  formNoValidate: true,
1322
1476
  label: closeButtonLabel,
@@ -1609,71 +1763,37 @@ var Card = Object.assign(CardRoot, {
1609
1763
  Link: CardLink
1610
1764
  });
1611
1765
 
1612
- var _excluded$m = ["children", "className", "closeable", "closeButtonLabel", "headingLevel", "onClose", "severity", "title"];
1766
+ var _excluded$m = ["children", "className", "ratio"];
1613
1767
  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; }
1614
1768
  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; }
1615
- var iconSvgBySeverity = {
1616
- error: designSystemReactIcons.AlertIcon,
1617
- info: designSystemReactIcons.InfoIcon,
1618
- success: designSystemReactIcons.CheckmarkIcon,
1619
- warning: designSystemReactIcons.AlertIcon
1620
- };
1621
- var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1769
+ var AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1622
1770
  var children = _ref.children,
1623
1771
  className = _ref.className,
1624
- closeable = _ref.closeable,
1625
- _ref$closeButtonLabel = _ref.closeButtonLabel,
1626
- closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
1627
- _ref$headingLevel = _ref.headingLevel,
1628
- headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
1629
- onClose = _ref.onClose,
1630
- _ref$severity = _ref.severity,
1631
- severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
1632
- title = _ref.title,
1772
+ _ref$ratio = _ref.ratio,
1773
+ ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
1633
1774
  restProps = _objectWithoutProperties(_ref, _excluded$m);
1634
- var alertSize = title ? 'level-4' : 'level-5';
1635
- var Tag = title ? 'section' : 'div';
1636
- return jsxRuntime.jsxs(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
1775
+ return jsxRuntime.jsx("div", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
1637
1776
  ref: ref,
1638
- className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
1639
- children: [jsxRuntime.jsx("div", {
1640
- className: "ams-alert__icon",
1641
- children: jsxRuntime.jsx(Icon, {
1642
- size: alertSize,
1643
- svg: iconSvgBySeverity[severity]
1644
- })
1645
- }), jsxRuntime.jsxs("div", {
1646
- className: "ams-alert__content",
1647
- children: [title && jsxRuntime.jsx(Heading, {
1648
- level: headingLevel,
1649
- size: "level-4",
1650
- children: title
1651
- }), children]
1652
- }), closeable && jsxRuntime.jsx(IconButton, {
1653
- label: closeButtonLabel,
1654
- size: alertSize,
1655
- onClick: onClose
1656
- })]
1777
+ className: clsx('ams-aspect-ratio', "ams-aspect-ratio--".concat(ratio), className),
1778
+ children: children
1657
1779
  }));
1658
1780
  });
1659
- Alert.displayName = 'Alert';
1781
+ AspectRatio.displayName = 'AspectRatio';
1660
1782
 
1661
- var _excluded$l = ["children", "className", "ratio"];
1783
+ var _excluded$l = ["children", "className"];
1662
1784
  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; }
1663
1785
  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; }
1664
- var AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1786
+ var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1665
1787
  var children = _ref.children,
1666
1788
  className = _ref.className,
1667
- _ref$ratio = _ref.ratio,
1668
- ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
1669
1789
  restProps = _objectWithoutProperties(_ref, _excluded$l);
1670
- return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
1790
+ return jsxRuntime.jsx("span", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
1671
1791
  ref: ref,
1672
- className: clsx('ams-aspect-ratio', "ams-aspect-ratio--".concat(ratio), className),
1792
+ className: clsx('ams-visually-hidden', className),
1673
1793
  children: children
1674
1794
  }));
1675
1795
  });
1676
- AspectRatio.displayName = 'AspectRatio';
1796
+ VisuallyHidden.displayName = 'VisuallyHidden';
1677
1797
 
1678
1798
  var _excluded$k = ["children", "className"];
1679
1799
  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; }
@@ -1781,7 +1901,8 @@ var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1781
1901
  children: [jsxRuntime.jsx("span", {
1782
1902
  className: "ams-top-task-link__label",
1783
1903
  children: label
1784
- }), jsxRuntime.jsx(VisuallyHidden, {
1904
+ }), jsxRuntime.jsx("span", {
1905
+ className: "ams-visually-hidden",
1785
1906
  children: ","
1786
1907
  }), jsxRuntime.jsx("span", {
1787
1908
  className: "ams-top-task-link__description",
@@ -2242,6 +2363,7 @@ exports.Field = Field;
2242
2363
  exports.FieldSet = FieldSet;
2243
2364
  exports.FileInput = FileInput;
2244
2365
  exports.Footer = Footer;
2366
+ exports.FormErrorList = FormErrorList;
2245
2367
  exports.FormFieldCharacterCounter = FormFieldCharacterCounter;
2246
2368
  exports.Grid = Grid;
2247
2369
  exports.Header = Header;
@@ -2270,6 +2392,7 @@ exports.SkipLink = SkipLink;
2270
2392
  exports.Spotlight = Spotlight;
2271
2393
  exports.Switch = Switch;
2272
2394
  exports.Table = Table;
2395
+ exports.TableOfContents = TableOfContents;
2273
2396
  exports.Tabs = Tabs;
2274
2397
  exports.TextArea = TextArea;
2275
2398
  exports.TextInput = TextInput;