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