@amsterdam/design-system-react 0.6.1 → 0.7.1

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.
package/dist/index.cjs.js CHANGED
@@ -3,15 +3,126 @@
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
+ var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
6
7
  var clsx = require('clsx');
7
8
  var react = require('react');
8
9
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
9
- var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
10
10
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
11
11
 
12
- var _excluded$13 = ["as", "children", "className", "gap"];
12
+ var _excluded$15 = ["className", "size", "square", "svg"];
13
+ 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; }
14
+ 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; }
15
+ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
16
+ var className = _ref.className,
17
+ _ref$size = _ref.size,
18
+ size = _ref$size === void 0 ? 'level-3' : _ref$size,
19
+ square = _ref.square,
20
+ svg = _ref.svg,
21
+ otherProps = _objectWithoutProperties(_ref, _excluded$15);
22
+ return jsxRuntime.jsx("span", _objectSpread$1b(_objectSpread$1b({
23
+ ref: ref,
24
+ 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)
25
+ }, otherProps), {}, {
26
+ children: svg()
27
+ }));
28
+ });
29
+ Icon.displayName = 'Icon';
30
+
31
+ var _excluded$14 = ["className", "cover"];
32
+ 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; }
33
+ 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; }
34
+ var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
35
+ var className = _ref.className,
36
+ _ref$cover = _ref.cover,
37
+ cover = _ref$cover === void 0 ? false : _ref$cover,
38
+ restProps = _objectWithoutProperties(_ref, _excluded$14);
39
+ return jsxRuntime.jsx("img", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
40
+ ref: ref,
41
+ className: clsx('ams-image', cover && 'ams-image--cover', className)
42
+ }));
43
+ });
44
+ Image.displayName = 'Image';
45
+
46
+ var _excluded$13 = ["children", "className"];
13
47
  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; }
14
48
  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; }
49
+ var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
50
+ var children = _ref.children,
51
+ className = _ref.className,
52
+ restProps = _objectWithoutProperties(_ref, _excluded$13);
53
+ return jsxRuntime.jsx("span", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
54
+ ref: ref,
55
+ className: clsx('ams-visually-hidden', className),
56
+ children: children
57
+ }));
58
+ });
59
+ VisuallyHidden.displayName = 'VisuallyHidden';
60
+
61
+ var _excluded$12 = ["label", "imageSrc", "className", "color"];
62
+ 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; }
63
+ 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; }
64
+ var Content = function Content(_ref) {
65
+ var imageSrc = _ref.imageSrc,
66
+ initials = _ref.initials;
67
+ if (imageSrc) {
68
+ return jsxRuntime.jsx(Image, {
69
+ src: imageSrc,
70
+ alt: ""
71
+ });
72
+ }
73
+ if (initials.length) {
74
+ return jsxRuntime.jsx("span", {
75
+ "aria-hidden": true,
76
+ children: initials
77
+ });
78
+ }
79
+ return jsxRuntime.jsx(Icon, {
80
+ svg: designSystemReactIcons.PersonalLoginIcon,
81
+ size: "level-6"
82
+ });
83
+ };
84
+ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
85
+ var label = _ref2.label,
86
+ imageSrc = _ref2.imageSrc,
87
+ className = _ref2.className,
88
+ _ref2$color = _ref2.color,
89
+ color = _ref2$color === void 0 ? 'dark-blue' : _ref2$color,
90
+ restProps = _objectWithoutProperties(_ref2, _excluded$12);
91
+ var initials = label.slice(0, 2).toUpperCase();
92
+ var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
93
+ return jsxRuntime.jsxs("span", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
94
+ ref: ref,
95
+ className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
96
+ children: [jsxRuntime.jsx(VisuallyHidden, {
97
+ children: a11yLabel
98
+ }), jsxRuntime.jsx(Content, {
99
+ imageSrc: imageSrc,
100
+ initials: initials
101
+ })]
102
+ }));
103
+ });
104
+ Avatar.displayName = 'Avatar';
105
+
106
+ var _excluded$11 = ["className", "length", "maxLength"];
107
+ 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; }
108
+ 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; }
109
+ var FormFieldCharacterCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
110
+ var className = _ref.className,
111
+ length = _ref.length,
112
+ maxLength = _ref.maxLength,
113
+ restProps = _objectWithoutProperties(_ref, _excluded$11);
114
+ return jsxRuntime.jsx("div", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
115
+ ref: ref,
116
+ className: clsx('ams-form-field-character-counter', length > maxLength && 'ams-form-field-character-counter--error', className),
117
+ role: "status",
118
+ children: "".concat(length, " van ").concat(maxLength, " tekens")
119
+ }));
120
+ });
121
+ FormFieldCharacterCounter.displayName = 'FormFieldCharacterCounter';
122
+
123
+ var _excluded$10 = ["as", "children", "className", "gap"];
124
+ 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; }
125
+ 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; }
15
126
  var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
16
127
  var _ref$as = _ref.as,
17
128
  Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -19,40 +130,40 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
19
130
  className = _ref.className,
20
131
  _ref$gap = _ref.gap,
21
132
  gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
22
- restProps = _objectWithoutProperties(_ref, _excluded$13);
23
- return jsxRuntime.jsx(Tag, _objectSpread$19(_objectSpread$19({}, restProps), {}, {
133
+ restProps = _objectWithoutProperties(_ref, _excluded$10);
134
+ return jsxRuntime.jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
24
135
  ref: ref,
25
- className: clsx('amsterdam-row', "amsterdam-row--".concat(gap), className),
136
+ className: clsx('ams-row', "ams-row--".concat(gap), className),
26
137
  children: children
27
138
  }));
28
139
  });
29
140
  Row.displayName = 'Row';
30
141
 
31
- var _excluded$12 = ["children", "className", "invalid"];
32
- 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; }
33
- 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; }
142
+ var _excluded$$ = ["children", "className", "invalid"];
143
+ 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; }
144
+ 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; }
34
145
  var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
35
146
  var children = _ref.children,
36
147
  className = _ref.className,
37
148
  invalid = _ref.invalid,
38
- restProps = _objectWithoutProperties(_ref, _excluded$12);
149
+ restProps = _objectWithoutProperties(_ref, _excluded$$);
39
150
  var id = react.useId();
40
151
  return (
41
152
  // This div is here because NVDA doesn't match the input to the label
42
153
  // without a containing element
43
154
  jsxRuntime.jsxs("div", {
44
- className: clsx('amsterdam-radio', className),
45
- children: [jsxRuntime.jsx("input", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
155
+ className: clsx('ams-radio', className),
156
+ children: [jsxRuntime.jsx("input", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
46
157
  type: "radio",
47
- className: "amsterdam-radio__input",
158
+ className: "ams-radio__input",
48
159
  ref: ref,
49
160
  id: id,
50
161
  "aria-invalid": invalid || undefined
51
162
  })), jsxRuntime.jsxs("label", {
52
- className: "amsterdam-radio__label",
163
+ className: "ams-radio__label",
53
164
  htmlFor: id,
54
165
  children: [jsxRuntime.jsx("span", {
55
- className: "amsterdam-radio__circle"
166
+ className: "ams-radio__circle"
56
167
  }), children]
57
168
  })]
58
169
  })
@@ -71,20 +182,20 @@ var defaultValues$1 = {
71
182
  };
72
183
  var TabsContext = /*#__PURE__*/react.createContext(defaultValues$1);
73
184
 
74
- var _excluded$11 = ["children", "className", "tab"];
75
- 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; }
76
- 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; }
185
+ var _excluded$_ = ["children", "className", "tab"];
186
+ 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; }
187
+ 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; }
77
188
  var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
78
189
  var children = _ref.children,
79
190
  className = _ref.className,
80
191
  _ref$tab = _ref.tab,
81
192
  tab = _ref$tab === void 0 ? 0 : _ref$tab,
82
- restProps = _objectWithoutProperties(_ref, _excluded$11);
193
+ restProps = _objectWithoutProperties(_ref, _excluded$_);
83
194
  var _useContext = react.useContext(TabsContext),
84
195
  activeTab = _useContext.activeTab,
85
196
  updateTab = _useContext.updateTab,
86
197
  tabsId = _useContext.tabsId;
87
- return jsxRuntime.jsx("button", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
198
+ return jsxRuntime.jsx("button", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
88
199
  role: "tab",
89
200
  id: "".concat(tabsId, "-tab-").concat(tab),
90
201
  "aria-controls": "".concat(tabsId, "-panel-").concat(tab),
@@ -96,49 +207,49 @@ var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
96
207
  updateTab(tab);
97
208
  });
98
209
  },
99
- className: clsx('amsterdam-tabs__button', className),
210
+ className: clsx('ams-tabs__button', className),
100
211
  children: children
101
212
  }));
102
213
  });
103
214
  TabsButton.displayName = 'Tabs.Button';
104
215
 
105
- var _excluded$10 = ["children", "className"];
106
- 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; }
107
- 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; }
216
+ var _excluded$Z = ["children", "className"];
217
+ 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; }
218
+ 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; }
108
219
  var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
109
220
  var children = _ref.children,
110
221
  className = _ref.className,
111
- restProps = _objectWithoutProperties(_ref, _excluded$10);
112
- return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
222
+ restProps = _objectWithoutProperties(_ref, _excluded$Z);
223
+ return jsxRuntime.jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
113
224
  role: "tablist",
114
225
  ref: ref,
115
- className: clsx('amsterdam-tabs__list', className),
226
+ className: clsx('ams-tabs__list', className),
116
227
  children: children
117
228
  }));
118
229
  });
119
230
  TabsList.displayName = 'Tabs.List';
120
231
 
121
- var _excluded$$ = ["tab", "children", "className"];
122
- 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; }
123
- 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; }
232
+ var _excluded$Y = ["tab", "children", "className"];
233
+ 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; }
234
+ 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; }
124
235
  var TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
125
236
  var tab = _ref.tab,
126
237
  children = _ref.children,
127
238
  className = _ref.className,
128
- restProps = _objectWithoutProperties(_ref, _excluded$$);
239
+ restProps = _objectWithoutProperties(_ref, _excluded$Y);
129
240
  var _useContext = react.useContext(TabsContext),
130
241
  activeTab = _useContext.activeTab,
131
242
  tabsId = _useContext.tabsId;
132
243
  if (tab !== activeTab) {
133
244
  return null;
134
245
  }
135
- return jsxRuntime.jsx("div", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
246
+ return jsxRuntime.jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
136
247
  role: "tabpanel",
137
248
  "aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
138
249
  id: "".concat(tabsId, "-panel-").concat(tab),
139
250
  tabIndex: 0,
140
251
  ref: ref,
141
- className: clsx('amsterdam-tabs__panel', className),
252
+ className: clsx('ams-tabs__panel', className),
142
253
  children: children
143
254
  }));
144
255
  });
@@ -221,13 +332,13 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
221
332
  };
222
333
  };
223
334
 
224
- var _excluded$_ = ["children", "className"];
225
- 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; }
226
- 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; }
227
- var Tabs = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
335
+ var _excluded$X = ["children", "className"];
336
+ 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; }
337
+ 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; }
338
+ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
228
339
  var children = _ref.children,
229
340
  className = _ref.className,
230
- restProps = _objectWithoutProperties(_ref, _excluded$_);
341
+ restProps = _objectWithoutProperties(_ref, _excluded$X);
231
342
  var tabsId = react.useId();
232
343
  var _useState = react.useState(0),
233
344
  _useState2 = _slicedToArray(_useState, 2),
@@ -252,37 +363,39 @@ var Tabs = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
252
363
  updateTab: updateTab,
253
364
  tabsId: tabsId
254
365
  },
255
- children: jsxRuntime.jsx("div", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
366
+ children: jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
256
367
  role: "tabs",
257
368
  ref: innerRef,
258
369
  onKeyDown: keyDown,
259
- className: clsx('amsterdam-tabs', className),
370
+ className: clsx('ams-tabs', className),
260
371
  children: children
261
372
  }))
262
373
  });
263
374
  });
264
- Tabs.List = TabsList;
265
- Tabs.Button = TabsButton;
266
- Tabs.Panel = TabsPanel;
267
- Tabs.displayName = 'Tabs';
375
+ TabsRoot.displayName = 'Tabs';
376
+ var Tabs = Object.assign(TabsRoot, {
377
+ Button: TabsButton,
378
+ List: TabsList,
379
+ Panel: TabsPanel
380
+ });
268
381
 
269
- var _excluded$Z = ["className", "resize"];
270
- 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; }
271
- 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; }
382
+ var _excluded$W = ["className", "resize"];
383
+ 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; }
384
+ 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; }
272
385
  var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
273
386
  var className = _ref.className,
274
387
  resize = _ref.resize,
275
- restProps = _objectWithoutProperties(_ref, _excluded$Z);
276
- return jsxRuntime.jsx("textarea", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
388
+ restProps = _objectWithoutProperties(_ref, _excluded$W);
389
+ return jsxRuntime.jsx("textarea", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
277
390
  ref: ref,
278
- className: clsx('amsterdam-text-area', resize && "amsterdam-text-area--resize-".concat(resize), restProps.cols && 'amsterdam-text-area--cols', className)
391
+ className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className)
279
392
  }));
280
393
  });
281
394
  TextArea.displayName = 'TextArea';
282
395
 
283
- var _excluded$Y = ["as", "children", "className", "gap"];
284
- 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; }
285
- 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; }
396
+ var _excluded$V = ["as", "children", "className", "gap"];
397
+ 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; }
398
+ 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; }
286
399
  var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
287
400
  var _ref$as = _ref.as,
288
401
  Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -290,56 +403,37 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
290
403
  className = _ref.className,
291
404
  _ref$gap = _ref.gap,
292
405
  gap = _ref$gap === void 0 ? 'medium' : _ref$gap,
293
- restProps = _objectWithoutProperties(_ref, _excluded$Y);
294
- return jsxRuntime.jsx(Tag, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
406
+ restProps = _objectWithoutProperties(_ref, _excluded$V);
407
+ return jsxRuntime.jsx(Tag, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
295
408
  ref: ref,
296
- className: clsx('amsterdam-column', "amsterdam-column--".concat(gap), className),
409
+ className: clsx('ams-column', "ams-column--".concat(gap), className),
297
410
  children: children
298
411
  }));
299
412
  });
300
413
  Column.displayName = 'Column';
301
414
 
302
- var _excluded$X = ["children", "className", "legend"];
303
- 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; }
304
- 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; }
415
+ var _excluded$U = ["children", "className", "legend"];
416
+ 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; }
417
+ 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; }
305
418
  var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
306
419
  var children = _ref.children,
307
420
  className = _ref.className,
308
421
  legend = _ref.legend,
309
- restProps = _objectWithoutProperties(_ref, _excluded$X);
310
- return jsxRuntime.jsxs("fieldset", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
422
+ restProps = _objectWithoutProperties(_ref, _excluded$U);
423
+ return jsxRuntime.jsxs("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
311
424
  ref: ref,
312
- className: clsx('amsterdam-fieldset', className),
425
+ className: clsx('ams-fieldset', className),
313
426
  children: [jsxRuntime.jsx("legend", {
314
- className: "amsterdam-fieldset__legend",
427
+ className: "ams-fieldset__legend",
315
428
  children: legend
316
429
  }), children]
317
430
  }));
318
431
  });
319
432
  Fieldset.displayName = 'Fieldset';
320
433
 
321
- var _excluded$W = ["className", "size", "square", "svg"];
322
- 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; }
323
- 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; }
324
- var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
325
- var className = _ref.className,
326
- _ref$size = _ref.size,
327
- size = _ref$size === void 0 ? 'level-3' : _ref$size,
328
- square = _ref.square,
329
- svg = _ref.svg,
330
- otherProps = _objectWithoutProperties(_ref, _excluded$W);
331
- return jsxRuntime.jsx("span", _objectSpread$10(_objectSpread$10({
332
- ref: ref,
333
- className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6', square && 'amsterdam-icon--square', className)
334
- }, otherProps), {}, {
335
- children: svg()
336
- }));
337
- });
338
- Icon.displayName = 'Icon';
339
-
340
- var _excluded$V = ["children", "className", "href", "icon", "onBackground", "size"];
341
- 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; }
342
- 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; }
434
+ var _excluded$T = ["children", "className", "href", "icon", "onBackground", "size"];
435
+ 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; }
436
+ 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; }
343
437
  var iconSizeMap = {
344
438
  small: 'level-6',
345
439
  medium: 'level-5',
@@ -353,10 +447,10 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
353
447
  icon = _ref.icon,
354
448
  onBackground = _ref.onBackground,
355
449
  size = _ref.size,
356
- restProps = _objectWithoutProperties(_ref, _excluded$V);
450
+ restProps = _objectWithoutProperties(_ref, _excluded$T);
357
451
  return jsxRuntime.jsx("li", {
358
- children: jsxRuntime.jsxs("a", _objectSpread$$(_objectSpread$$({
359
- className: clsx('amsterdam-link-list__link', onBackground && "amsterdam-link-list__link--on-background-".concat(onBackground), size && "amsterdam-link-list__link--".concat(size), className),
452
+ children: jsxRuntime.jsxs("a", _objectSpread$Z(_objectSpread$Z({
453
+ className: clsx('ams-link-list__link', onBackground && "ams-link-list__link--on-background-".concat(onBackground), size && "ams-link-list__link--".concat(size), className),
360
454
  href: href,
361
455
  ref: ref
362
456
  }, restProps), {}, {
@@ -369,227 +463,211 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
369
463
  });
370
464
  LinkListLink.displayName = 'LinkList.Link';
371
465
 
372
- var _excluded$U = ["children", "className"];
373
- 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; }
374
- 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; }
466
+ var _excluded$S = ["children", "className"];
467
+ 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; }
468
+ 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; }
375
469
  /** A collection of related links. */
376
- var LinkList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
470
+ var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
377
471
  var children = _ref.children,
378
472
  className = _ref.className,
379
- restProps = _objectWithoutProperties(_ref, _excluded$U);
380
- return jsxRuntime.jsx("ul", _objectSpread$_(_objectSpread$_({
473
+ restProps = _objectWithoutProperties(_ref, _excluded$S);
474
+ return jsxRuntime.jsx("ul", _objectSpread$Y(_objectSpread$Y({
381
475
  ref: ref,
382
- className: clsx('amsterdam-link-list', className)
476
+ className: clsx('ams-link-list', className)
383
477
  }, restProps), {}, {
384
478
  children: children
385
479
  }));
386
480
  });
387
- LinkList.Link = LinkListLink;
388
- LinkList.displayName = 'LinkList';
481
+ LinkListRoot.displayName = 'LinkList';
482
+ var LinkList = Object.assign(LinkListRoot, {
483
+ Link: LinkListLink
484
+ });
389
485
 
390
- var _excluded$T = ["label", "className", "color"];
391
- 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; }
392
- 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; }
486
+ var _excluded$R = ["label", "className", "color"];
487
+ 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; }
488
+ 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; }
393
489
  var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
394
490
  var label = _ref.label,
395
491
  className = _ref.className,
396
492
  _ref$color = _ref.color,
397
493
  color = _ref$color === void 0 ? 'dark-green' : _ref$color,
398
- restProps = _objectWithoutProperties(_ref, _excluded$T);
399
- return jsxRuntime.jsx("span", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
494
+ restProps = _objectWithoutProperties(_ref, _excluded$R);
495
+ return jsxRuntime.jsx("span", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
400
496
  ref: ref,
401
- className: clsx('amsterdam-badge', "amsterdam-badge--".concat(color), className),
497
+ className: clsx('ams-badge', "ams-badge--".concat(color), className),
402
498
  children: label
403
499
  }));
404
500
  });
405
501
  Badge.displayName = 'Badge';
406
502
 
407
- var _excluded$S = ["children", "className"];
408
- 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; }
409
- 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; }
410
- var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
411
- var children = _ref.children,
412
- className = _ref.className,
413
- restProps = _objectWithoutProperties(_ref, _excluded$S);
414
- return jsxRuntime.jsx("tbody", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
415
- ref: ref,
416
- className: clsx('amsterdam-table__body', className),
417
- children: children
418
- }));
419
- });
420
- TableBody.displayName = 'TableBody';
421
-
422
- var _excluded$R = ["children", "className"];
423
- 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; }
424
- 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; }
425
- var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
426
- var children = _ref.children,
427
- className = _ref.className,
428
- restProps = _objectWithoutProperties(_ref, _excluded$R);
429
- return jsxRuntime.jsx("caption", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
430
- ref: ref,
431
- className: clsx('amsterdam-table__caption', className),
432
- children: children
433
- }));
434
- });
435
- TableCaption.displayName = 'TableCaption';
436
-
437
503
  var _excluded$Q = ["children", "className"];
438
504
  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; }
439
505
  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; }
440
- var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
506
+ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
441
507
  var children = _ref.children,
442
508
  className = _ref.className,
443
509
  restProps = _objectWithoutProperties(_ref, _excluded$Q);
444
- return jsxRuntime.jsx("td", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
510
+ return jsxRuntime.jsx("tbody", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
445
511
  ref: ref,
446
- className: clsx('amsterdam-table__cell', className),
512
+ className: clsx('ams-table__body', className),
447
513
  children: children
448
514
  }));
449
515
  });
450
- TableCell.displayName = 'TableCell';
516
+ TableBody.displayName = 'Table.Body';
451
517
 
452
518
  var _excluded$P = ["children", "className"];
453
519
  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; }
454
520
  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; }
455
- var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
521
+ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
456
522
  var children = _ref.children,
457
523
  className = _ref.className,
458
524
  restProps = _objectWithoutProperties(_ref, _excluded$P);
459
- return jsxRuntime.jsx("tfoot", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
525
+ return jsxRuntime.jsx("caption", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
460
526
  ref: ref,
461
- className: clsx('amsterdam-table__footer', className),
527
+ className: clsx('ams-table__caption', className),
462
528
  children: children
463
529
  }));
464
530
  });
465
- TableFooter.displayName = 'TableFooter';
531
+ TableCaption.displayName = 'Table.Caption';
466
532
 
467
533
  var _excluded$O = ["children", "className"];
468
534
  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; }
469
535
  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; }
470
- var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
536
+ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
471
537
  var children = _ref.children,
472
538
  className = _ref.className,
473
539
  restProps = _objectWithoutProperties(_ref, _excluded$O);
474
- return jsxRuntime.jsx("thead", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
540
+ return jsxRuntime.jsx("td", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
475
541
  ref: ref,
476
- className: clsx('amsterdam-table__header', className),
542
+ className: clsx('ams-table__cell', className),
477
543
  children: children
478
544
  }));
479
545
  });
480
- TableHeader.displayName = 'TableHeader';
546
+ TableCell.displayName = 'Table.Cell';
481
547
 
482
548
  var _excluded$N = ["children", "className"];
483
549
  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; }
484
550
  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; }
485
- var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
551
+ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
486
552
  var children = _ref.children,
487
553
  className = _ref.className,
488
554
  restProps = _objectWithoutProperties(_ref, _excluded$N);
489
- return jsxRuntime.jsx("th", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
555
+ return jsxRuntime.jsx("tfoot", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
490
556
  ref: ref,
491
- className: clsx('amsterdam-table__header-cell', className),
557
+ className: clsx('ams-table__footer', className),
492
558
  children: children
493
559
  }));
494
560
  });
495
- TableHeaderCell.displayName = 'TableHeaderCell';
561
+ TableFooter.displayName = 'Table.Footer';
496
562
 
497
563
  var _excluded$M = ["children", "className"];
498
564
  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; }
499
565
  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; }
500
- var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
566
+ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
501
567
  var children = _ref.children,
502
568
  className = _ref.className,
503
569
  restProps = _objectWithoutProperties(_ref, _excluded$M);
504
- return jsxRuntime.jsx("tr", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
570
+ return jsxRuntime.jsx("thead", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
505
571
  ref: ref,
506
- className: clsx('amsterdam-table__row', className),
572
+ className: clsx('ams-table__header', className),
507
573
  children: children
508
574
  }));
509
575
  });
510
- TableRow.displayName = 'TableRow';
576
+ TableHeader.displayName = 'Table.Header';
511
577
 
512
578
  var _excluded$L = ["children", "className"];
513
579
  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; }
514
580
  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; }
515
- var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
581
+ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
516
582
  var children = _ref.children,
517
583
  className = _ref.className,
518
584
  restProps = _objectWithoutProperties(_ref, _excluded$L);
519
- return jsxRuntime.jsx("div", {
520
- className: "amsterdam-table",
521
- children: jsxRuntime.jsx("table", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
522
- ref: ref,
523
- className: clsx('amsterdam-table__table', className),
524
- children: children
525
- }))
526
- });
585
+ return jsxRuntime.jsx("th", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
586
+ ref: ref,
587
+ className: clsx('ams-table__header-cell', className),
588
+ children: children
589
+ }));
527
590
  });
528
- Table.Body = TableBody;
529
- Table.Caption = TableCaption;
530
- Table.Cell = TableCell;
531
- Table.Footer = TableFooter;
532
- Table.Header = TableHeader;
533
- Table.HeaderCell = TableHeaderCell;
534
- Table.Row = TableRow;
535
- Table.displayName = 'Table';
536
- Table.Body.displayName = 'Table.Body';
537
- Table.Caption.displayName = 'Table.Caption';
538
- Table.Cell.displayName = 'Table.Cell';
539
- Table.Footer.displayName = 'Table.Footer';
540
- Table.Header.displayName = 'Table.Header';
541
- Table.HeaderCell.displayName = 'Table.HeaderCell';
542
- Table.Row.displayName = 'Table.Row';
591
+ TableHeaderCell.displayName = 'Table.HeaderCell';
543
592
 
544
593
  var _excluded$K = ["children", "className"];
545
594
  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; }
546
595
  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; }
547
- var MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
596
+ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
548
597
  var children = _ref.children,
549
598
  className = _ref.className,
550
599
  restProps = _objectWithoutProperties(_ref, _excluded$K);
551
- return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
600
+ return jsxRuntime.jsx("tr", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
552
601
  ref: ref,
553
- className: clsx('amsterdam-mega-menu__list-category', className),
602
+ className: clsx('ams-table__row', className),
554
603
  children: children
555
604
  }));
556
605
  });
557
- MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
606
+ TableRow.displayName = 'Table.Row';
558
607
 
559
608
  var _excluded$J = ["children", "className"];
560
609
  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; }
561
610
  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; }
562
- var MegaMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
611
+ var TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
563
612
  var children = _ref.children,
564
613
  className = _ref.className,
565
614
  restProps = _objectWithoutProperties(_ref, _excluded$J);
566
- return jsxRuntime.jsx("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
567
- ref: ref,
568
- className: clsx('amsterdam-mega-menu', className),
569
- children: children
570
- }));
615
+ return jsxRuntime.jsx("div", {
616
+ className: "ams-table",
617
+ children: jsxRuntime.jsx("table", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
618
+ ref: ref,
619
+ className: clsx('ams-table__table', className),
620
+ children: children
621
+ }))
622
+ });
623
+ });
624
+ TableRoot.displayName = 'Table';
625
+ var Table = Object.assign(TableRoot, {
626
+ Body: TableBody,
627
+ Caption: TableCaption,
628
+ Cell: TableCell,
629
+ Footer: TableFooter,
630
+ Header: TableHeader,
631
+ HeaderCell: TableHeaderCell,
632
+ Row: TableRow
571
633
  });
572
- MegaMenu.displayName = 'MegaMenu';
573
- MegaMenu.ListCategory = MegaMenuListCategory;
574
634
 
575
635
  var _excluded$I = ["children", "className"];
576
636
  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; }
577
637
  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; }
578
- var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
638
+ var MegaMenuListCategory = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
579
639
  var children = _ref.children,
580
640
  className = _ref.className,
581
641
  restProps = _objectWithoutProperties(_ref, _excluded$I);
582
- return jsxRuntime.jsx("span", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
642
+ return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
583
643
  ref: ref,
584
- className: clsx('amsterdam-visually-hidden', className),
644
+ className: clsx('ams-mega-menu__list-category', className),
585
645
  children: children
586
646
  }));
587
647
  });
588
- VisuallyHidden.displayName = 'VisuallyHidden';
648
+ MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
589
649
 
590
- var _excluded$H = ["className", "label", "onBackground", "size", "svg"];
650
+ var _excluded$H = ["children", "className"];
591
651
  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; }
592
652
  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; }
653
+ var MegaMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
654
+ var children = _ref.children,
655
+ className = _ref.className,
656
+ restProps = _objectWithoutProperties(_ref, _excluded$H);
657
+ return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
658
+ ref: ref,
659
+ className: clsx('ams-mega-menu', className),
660
+ children: children
661
+ }));
662
+ });
663
+ MegaMenuRoot.displayName = 'MegaMenu';
664
+ var MegaMenu = Object.assign(MegaMenuRoot, {
665
+ ListCategory: MegaMenuListCategory
666
+ });
667
+
668
+ var _excluded$G = ["className", "label", "onBackground", "size", "svg"];
669
+ 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; }
670
+ 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; }
593
671
  var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
594
672
  var className = _ref.className,
595
673
  label = _ref.label,
@@ -598,10 +676,10 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
598
676
  size = _ref$size === void 0 ? 'level-5' : _ref$size,
599
677
  _ref$svg = _ref.svg,
600
678
  svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
601
- restProps = _objectWithoutProperties(_ref, _excluded$H);
602
- return jsxRuntime.jsxs("button", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
679
+ restProps = _objectWithoutProperties(_ref, _excluded$G);
680
+ return jsxRuntime.jsxs("button", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
603
681
  ref: ref,
604
- className: clsx('amsterdam-icon-button', onBackground === 'light' && 'amsterdam-icon-button--on-background-light', onBackground === 'dark' && 'amsterdam-icon-button--on-background-dark', className),
682
+ className: clsx('ams-icon-button', onBackground === 'light' && 'ams-icon-button--on-background-light', onBackground === 'dark' && 'ams-icon-button--on-background-dark', className),
605
683
  children: [jsxRuntime.jsx(VisuallyHidden, {
606
684
  children: label
607
685
  }), jsxRuntime.jsx(Icon, {
@@ -613,39 +691,39 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
613
691
  });
614
692
  IconButton.displayName = 'IconButton';
615
693
 
616
- var _excluded$G = ["children", "className"];
617
- 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; }
618
- 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; }
694
+ var _excluded$F = ["children", "className"];
695
+ 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; }
696
+ 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; }
619
697
  var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
620
698
  var children = _ref.children,
621
699
  className = _ref.className,
622
- restProps = _objectWithoutProperties(_ref, _excluded$G);
623
- return jsxRuntime.jsx("a", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
700
+ restProps = _objectWithoutProperties(_ref, _excluded$F);
701
+ return jsxRuntime.jsx("a", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
624
702
  ref: ref,
625
- className: clsx('amsterdam-skip-link', 'amsterdam-visually-hidden', className),
703
+ className: clsx('ams-skip-link', 'ams-visually-hidden', className),
626
704
  children: children
627
705
  }));
628
706
  });
629
707
  SkipLink.displayName = 'SkipLink';
630
708
 
631
- var _excluded$F = ["children", "className"];
632
- 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; }
633
- 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; }
709
+ var _excluded$E = ["children", "className"];
710
+ 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; }
711
+ 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; }
634
712
  var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
635
713
  var children = _ref.children,
636
714
  className = _ref.className,
637
- restProps = _objectWithoutProperties(_ref, _excluded$F);
638
- return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
715
+ restProps = _objectWithoutProperties(_ref, _excluded$E);
716
+ return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
639
717
  ref: ref,
640
- className: clsx('amsterdam-overlap', className),
718
+ className: clsx('ams-overlap', className),
641
719
  children: children
642
720
  }));
643
721
  });
644
722
  Overlap.displayName = 'Overlap';
645
723
 
646
- var _excluded$E = ["children", "className", "inverseColor", "level", "size"];
647
- 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; }
648
- 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; }
724
+ var _excluded$D = ["children", "className", "inverseColor", "level", "size"];
725
+ 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; }
726
+ 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; }
649
727
  function getHeadingElement(level) {
650
728
  switch (level) {
651
729
  case 2:
@@ -665,23 +743,23 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
665
743
  _ref$level = _ref.level,
666
744
  level = _ref$level === void 0 ? 1 : _ref$level,
667
745
  size = _ref.size,
668
- restProps = _objectWithoutProperties(_ref, _excluded$E);
746
+ restProps = _objectWithoutProperties(_ref, _excluded$D);
669
747
  var HeadingX = getHeadingElement(level);
670
748
  var sizeOrLevel = size ? size.split('-')[1] : level;
671
- return jsxRuntime.jsx(HeadingX, _objectSpread$K(_objectSpread$K({
749
+ return jsxRuntime.jsx(HeadingX, _objectSpread$J(_objectSpread$J({
672
750
  ref: ref,
673
- className: clsx('amsterdam-heading', "amsterdam-heading--".concat(sizeOrLevel), inverseColor && 'amsterdam-heading--inverse-color', className)
751
+ className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
674
752
  }, restProps), {}, {
675
753
  children: children
676
754
  }));
677
755
  });
678
756
  Heading.displayName = 'Heading';
679
757
 
680
- 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; }
681
- 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; }
758
+ 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; }
759
+ 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; }
682
760
  var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
683
- return jsxRuntime.jsxs("svg", _objectSpread$J(_objectSpread$J({
684
- className: "amsterdam-logo",
761
+ return jsxRuntime.jsxs("svg", _objectSpread$I(_objectSpread$I({
762
+ className: "ams-logo",
685
763
  "aria-hidden": "true",
686
764
  focusable: "false",
687
765
  ref: ref,
@@ -689,11 +767,11 @@ var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
689
767
  xmlns: "http://www.w3.org/2000/svg"
690
768
  }, props), {}, {
691
769
  children: [jsxRuntime.jsx("path", {
692
- className: "amsterdam-logo__text-primary",
770
+ className: "ams-logo__text-primary",
693
771
  fill: "#EC0000",
694
772
  d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"
695
773
  }), jsxRuntime.jsx("path", {
696
- className: "amsterdam-logo__emblem",
774
+ className: "ams-logo__emblem",
697
775
  fill: "#EC0000",
698
776
  d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"
699
777
  })]
@@ -701,11 +779,11 @@ var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
701
779
  });
702
780
  LogoAmsterdam.displayName = 'LogoAmsterdam';
703
781
 
704
- 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; }
705
- 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; }
782
+ function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
783
+ function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
706
784
  var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
707
- return jsxRuntime.jsxs("svg", _objectSpread$I(_objectSpread$I({
708
- className: "amsterdam-logo",
785
+ return jsxRuntime.jsxs("svg", _objectSpread$H(_objectSpread$H({
786
+ className: "ams-logo",
709
787
  "aria-hidden": "true",
710
788
  focusable: "false",
711
789
  ref: ref,
@@ -713,15 +791,15 @@ var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
713
791
  xmlns: "http://www.w3.org/2000/svg"
714
792
  }, props), {}, {
715
793
  children: [jsxRuntime.jsx("path", {
716
- className: "amsterdam-logo__emblem",
794
+ className: "ams-logo__emblem",
717
795
  fill: "#EC0000",
718
796
  d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"
719
797
  }), jsxRuntime.jsx("path", {
720
- className: "amsterdam-logo__text-primary",
798
+ className: "ams-logo__text-primary",
721
799
  fill: "#EC0000",
722
800
  d: "m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"
723
801
  }), jsxRuntime.jsx("path", {
724
- className: "amsterdam-logo__text-secondary",
802
+ className: "ams-logo__text-secondary",
725
803
  fill: "#000",
726
804
  d: "M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z"
727
805
  })]
@@ -729,11 +807,11 @@ var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
729
807
  });
730
808
  LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
731
809
 
732
- function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
733
- function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
810
+ function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
811
+ function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
734
812
  var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
735
- return jsxRuntime.jsxs("svg", _objectSpread$H(_objectSpread$H({
736
- className: "amsterdam-logo",
813
+ return jsxRuntime.jsxs("svg", _objectSpread$G(_objectSpread$G({
814
+ className: "ams-logo",
737
815
  "aria-hidden": "true",
738
816
  focusable: "false",
739
817
  ref: ref,
@@ -742,23 +820,23 @@ var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
742
820
  xmlns: "http://www.w3.org/2000/svg"
743
821
  }, props), {}, {
744
822
  children: [jsxRuntime.jsx("path", {
745
- className: "amsterdam-logo__text-secondary",
823
+ className: "ams-logo__text-secondary",
746
824
  d: "M18.085 30.527H20.669L23.051 35.26H23.08L25.46 30.527H28.045V39.964H26.187V32.69H26.157L23.82 37.336H22.31L19.973 32.69H19.943V39.964H18.085V30.527ZM29.976 37.133V32.792H31.776V36.799C31.776 38.004 32.197 38.57 33.068 38.57C33.954 38.57 34.448 37.917 34.448 36.755V32.792H36.248V39.964H34.55V38.991H34.521C34.173 39.688 33.418 40.138 32.605 40.138C30.848 40.138 29.976 39.137 29.976 37.133ZM39.63 36.959C38.658 36.669 37.714 36.146 37.714 34.839C37.714 33.518 38.818 32.618 40.458 32.618C41.562 32.618 42.418 33.009 42.898 33.735L41.867 34.766C41.504 34.316 41.01 34.069 40.473 34.069C39.863 34.069 39.486 34.345 39.486 34.781C39.486 35.361 40.096 35.463 40.981 35.739C41.954 36.029 42.898 36.552 42.898 37.859C42.898 39.209 41.736 40.139 40.023 40.139C38.905 40.139 38.005 39.746 37.482 39.006L38.512 37.975C38.6925 38.1976 38.9205 38.3771 39.1794 38.5001C39.4383 38.6231 39.7214 38.6866 40.008 38.686C40.705 38.686 41.126 38.396 41.126 37.917C41.126 37.337 40.515 37.235 39.63 36.959ZM45.7 35.652H49.315C49.199 34.708 48.473 34.069 47.5 34.069C46.527 34.069 45.801 34.709 45.7 35.652ZM43.885 36.378C43.885 34.157 45.38 32.618 47.515 32.618C49.649 32.618 51.13 34.142 51.13 36.334C51.13 36.509 51.1 36.784 51.072 36.974H45.699C45.83 37.946 46.658 38.599 47.718 38.599C48.502 38.599 49.184 38.309 49.634 37.786L50.724 38.846C50.07 39.688 48.937 40.138 47.631 40.138C45.424 40.138 43.885 38.585 43.885 36.378ZM52.523 37.133V32.792H54.323V36.799C54.323 38.004 54.745 38.57 55.616 38.57C56.502 38.57 56.996 37.917 56.996 36.755V32.792H58.796V39.964H57.096V38.991H57.068C56.72 39.688 55.964 40.138 55.151 40.138C53.395 40.138 52.523 39.137 52.523 37.133ZM60.741 32.792H62.425V33.765H62.455C62.817 33.024 63.456 32.618 64.284 32.618C65.213 32.618 65.91 33.024 66.345 33.838C66.781 33.053 67.58 32.618 68.595 32.618C70.367 32.618 71.224 33.605 71.224 35.623V39.964H69.424V35.928C69.424 34.752 69.017 34.186 68.174 34.186C67.333 34.186 66.883 34.81 66.883 35.986V39.964H65.083V35.928C65.083 34.738 64.69 34.186 63.833 34.186C63.006 34.186 62.541 34.824 62.541 35.986V39.964H60.741V32.792ZM84.683 39.964L82.853 32.908H82.824L80.994 39.964H78.774L76 30.527H78.033L79.891 37.67H79.921L81.793 30.527H83.884L85.757 37.67H85.787L87.645 30.527H89.677L86.904 39.964H84.683ZM91.71 35.652H95.325C95.209 34.708 94.483 34.069 93.51 34.069C92.537 34.069 91.812 34.709 91.71 35.652ZM89.895 36.378C89.895 34.157 91.39 32.618 93.525 32.618C95.659 32.618 97.14 34.142 97.14 36.334C97.14 36.509 97.11 36.784 97.082 36.974H91.71C91.84 37.946 92.668 38.599 93.728 38.599C94.512 38.599 95.194 38.309 95.645 37.786L96.733 38.846C96.08 39.688 94.948 40.138 93.641 40.138C91.434 40.138 89.895 38.585 89.895 36.378ZM100 35.652H103.616C103.499 34.708 102.773 34.069 101.801 34.069C100.828 34.069 100.1 34.709 100 35.652ZM98.185 36.378C98.185 34.157 99.681 32.618 101.815 32.618C103.949 32.618 105.43 34.142 105.43 36.334C105.43 36.509 105.401 36.784 105.372 36.974H100C100.13 37.946 100.958 38.599 102.018 38.599C102.802 38.599 103.485 38.309 103.935 37.786L105.024 38.846C104.37 39.688 103.238 40.138 101.931 40.138C99.724 40.138 98.185 38.585 98.185 36.378ZM108.363 36.959C107.39 36.669 106.446 36.146 106.446 34.839C106.446 33.518 107.55 32.618 109.191 32.618C110.294 32.618 111.151 33.009 111.63 33.735L110.599 34.766C110.236 34.316 109.742 34.069 109.205 34.069C108.595 34.069 108.218 34.345 108.218 34.781C108.218 35.361 108.828 35.463 109.713 35.739C110.686 36.029 111.63 36.552 111.63 37.859C111.63 39.209 110.468 40.139 108.755 40.139C107.637 40.139 106.737 39.746 106.215 39.006L107.245 37.975C107.426 38.1976 107.654 38.3771 107.912 38.5001C108.171 38.6231 108.454 38.6866 108.741 38.686C109.437 38.686 109.859 38.396 109.859 37.917C109.859 37.337 109.249 37.235 108.363 36.959ZM118.83 36.378C118.83 35.086 118.033 34.229 116.857 34.229C115.68 34.229 114.867 35.1 114.867 36.378C114.867 37.656 115.68 38.527 116.857 38.527C118.033 38.527 118.831 37.67 118.831 36.377L118.83 36.378ZM113.067 32.792H114.78V33.91H114.81C115.245 33.097 116.116 32.618 117.162 32.618C119.209 32.618 120.675 34.171 120.675 36.348C120.675 38.556 119.209 40.138 117.162 40.138C116.189 40.138 115.39 39.718 114.896 38.948H114.867V42.65H113.067V32.792Z",
747
825
  fill: "#000"
748
826
  }), jsxRuntime.jsx("path", {
749
- className: "amsterdam-logo__text-primary",
827
+ className: "ams-logo__text-primary",
750
828
  d: "M20.539 22.287H23.588L22.078 18.309H22.048L20.539 22.287ZM21.018 16.494H23.196L26.971 25.931H24.953L24.169 23.855H19.973L19.189 25.931H17.243L21.018 16.494ZM28.161 18.759H29.845V19.732H29.875C30.237 18.992 30.876 18.584 31.704 18.584C32.633 18.584 33.33 18.991 33.765 19.804C34.201 19.02 35 18.584 36.015 18.584C37.787 18.584 38.644 19.572 38.644 21.59V25.931H36.844V21.895C36.844 20.719 36.437 20.152 35.594 20.152C34.753 20.152 34.303 20.777 34.303 21.952V25.932H32.503V21.895C32.503 20.705 32.11 20.152 31.253 20.152C30.426 20.152 29.961 20.792 29.961 21.952V25.932H28.161V18.759ZM41.954 22.926C40.981 22.636 40.037 22.113 40.037 20.806C40.037 19.485 41.141 18.584 42.781 18.584C43.885 18.584 44.741 18.977 45.221 19.702L44.19 20.733C43.827 20.283 43.333 20.036 42.796 20.036C42.186 20.036 41.809 20.312 41.809 20.748C41.809 21.328 42.419 21.43 43.304 21.706C44.277 21.996 45.221 22.519 45.221 23.826C45.221 25.176 44.059 26.106 42.346 26.106C41.228 26.106 40.328 25.713 39.806 24.973L40.836 23.942C41.0164 24.1645 41.2443 24.3439 41.5029 24.4669C41.7616 24.5899 42.0446 24.6535 42.331 24.653C43.028 24.653 43.449 24.363 43.449 23.884C43.449 23.304 42.839 23.202 41.954 22.926ZM47.122 23.361V20.254H45.888V18.76H46.542C47.137 18.76 47.369 18.527 47.369 17.932V16.814H48.909V18.76H50.651V20.255H48.908V23.362C48.908 24.059 49.271 24.452 49.939 24.452C50.142 24.452 50.389 24.422 50.534 24.379V25.889C50.2243 25.9569 49.9081 25.9907 49.591 25.99C47.965 25.99 47.122 25.089 47.122 23.361ZM53.351 21.619H56.966C56.85 20.675 56.124 20.036 55.151 20.036C54.179 20.036 53.453 20.676 53.351 21.619ZM51.536 22.345C51.536 20.124 53.032 18.585 55.166 18.585C57.3 18.585 58.781 20.109 58.781 22.301C58.781 22.476 58.752 22.751 58.723 22.941H53.351C53.481 23.913 54.309 24.566 55.369 24.566C56.153 24.566 56.836 24.276 57.286 23.753L58.375 24.813C57.721 25.655 56.589 26.105 55.282 26.105C53.075 26.105 51.536 24.552 51.536 22.345ZM60.277 18.759H61.975V19.949H62.005C62.353 19.136 62.992 18.701 63.834 18.701C64.051 18.701 64.356 18.73 64.472 18.773V20.487C64.1819 20.4194 63.8849 20.3852 63.587 20.385C62.672 20.385 62.077 21.082 62.077 22.156V25.931H60.277V18.759ZM70.788 22.345C70.788 21.053 69.99 20.196 68.814 20.196C67.623 20.196 66.824 21.067 66.824 22.346C66.824 23.623 67.623 24.494 68.814 24.494C69.99 24.494 70.788 23.637 70.788 22.345ZM64.981 22.374C64.981 20.152 66.447 18.584 68.523 18.584C69.481 18.584 70.265 19.006 70.759 19.775H70.789V15.405H72.589V25.93H70.889V24.812H70.861C70.396 25.625 69.525 26.104 68.523 26.104C66.447 26.104 64.981 24.552 64.981 22.374ZM78.425 23.26V22.853L77.235 22.868C76.291 22.882 75.783 23.216 75.783 23.841C75.783 24.392 76.218 24.784 76.828 24.784C77.771 24.784 78.425 24.16 78.425 23.26ZM73.968 23.884C73.968 22.504 75.115 21.677 77.031 21.663L78.425 21.648V21.416C78.425 20.574 77.888 20.138 76.915 20.138C76.276 20.138 75.71 20.385 75.318 20.835L74.229 19.775C74.853 19.005 75.855 18.585 77.089 18.585C79.006 18.585 80.225 19.63 80.225 21.3V24.145C80.225 24.407 80.341 24.523 80.632 24.523H80.762V25.931H79.92C79.238 25.931 78.773 25.611 78.628 25.089H78.6C78.15 25.743 77.41 26.105 76.51 26.105C75 26.105 73.969 25.205 73.969 23.885L73.968 23.884ZM82.17 18.759H83.855V19.732H83.884C84.247 18.992 84.886 18.584 85.714 18.584C86.642 18.584 87.339 18.991 87.774 19.804C88.21 19.02 89.009 18.584 90.025 18.584C91.797 18.584 92.653 19.572 92.653 21.59V25.931H90.853V21.895C90.853 20.719 90.446 20.152 89.604 20.152C88.762 20.152 88.312 20.777 88.312 21.952V25.932H86.512V21.895C86.512 20.705 86.12 20.152 85.263 20.152C84.436 20.152 83.971 20.792 83.971 21.952V25.932H82.171L82.17 18.759ZM17.644 6.97998C17.644 4.11998 19.647 2.09998 22.479 2.09998C23.916 2.09998 25.121 2.56498 25.978 3.49398L24.729 4.68398C24.192 4.08898 23.422 3.74098 22.508 3.74098C20.795 3.74098 19.604 5.07698 19.604 6.97898C19.604 8.92398 20.765 10.274 22.435 10.274C23.96 10.274 25.02 9.40398 25.02 8.13998V7.89298H22.74V6.31198H26.936V7.77798C26.936 10.188 25.063 11.887 22.377 11.887C19.604 11.887 17.644 9.85398 17.644 6.97998ZM29.97 7.39998H33.586C33.469 6.45698 32.743 5.81798 31.771 5.81798C30.798 5.81798 30.072 6.45698 29.971 7.40098L29.97 7.39998ZM28.155 8.12698C28.155 5.90498 29.651 4.36698 31.785 4.36698C33.92 4.36698 35.4 5.89098 35.4 8.08298C35.4 8.25698 35.372 8.53298 35.342 8.72198H29.97C30.101 9.69498 30.929 10.348 31.988 10.348C32.773 10.348 33.455 10.058 33.905 9.53498L34.994 10.595C34.341 11.437 33.208 11.887 31.901 11.887C29.694 11.887 28.155 10.333 28.155 8.12698ZM36.896 4.53998H38.58V5.51298H38.609C38.972 4.77298 39.611 4.36598 40.439 4.36598C41.368 4.36598 42.065 4.77298 42.5 5.58598C42.936 4.80198 43.734 4.36598 44.75 4.36598C46.522 4.36598 47.379 5.35398 47.379 7.37198V11.712H45.579V7.67698C45.579 6.50198 45.172 5.93498 44.329 5.93498C43.488 5.93498 43.037 6.55998 43.037 7.73498V11.714H41.237V7.67598C41.237 6.48598 40.845 5.93398 39.988 5.93398C39.161 5.93398 38.696 6.57398 38.696 7.73398V11.713H36.896V4.53998ZM50.616 7.39998H54.231C54.115 6.45698 53.389 5.81798 52.417 5.81798C51.444 5.81798 50.717 6.45698 50.617 7.40098L50.616 7.39998ZM48.801 8.12698C48.801 5.90498 50.297 4.36698 52.431 4.36698C54.565 4.36698 56.046 5.89098 56.046 8.08298C56.046 8.25698 56.017 8.53298 55.988 8.72198H50.616C50.746 9.69498 51.574 10.348 52.634 10.348C53.418 10.348 54.101 10.058 54.551 9.53498L55.64 10.595C54.986 11.437 53.854 11.887 52.547 11.887C50.34 11.887 48.801 10.333 48.801 8.12698ZM58.906 7.39998H62.522C62.406 6.45698 61.68 5.81798 60.707 5.81798C59.734 5.81798 59.008 6.45698 58.907 7.40098L58.906 7.39998ZM57.092 8.12698C57.092 5.90498 58.587 4.36698 60.722 4.36698C62.856 4.36698 64.337 5.89098 64.337 8.08298C64.337 8.25698 64.307 8.53298 64.279 8.72198H58.906C59.037 9.69498 59.865 10.348 60.925 10.348C61.708 10.348 62.391 10.058 62.841 9.53498L63.93 10.595C63.277 11.437 62.144 11.887 60.837 11.887C58.631 11.887 57.092 10.333 57.092 8.12698ZM65.832 4.53998H67.531V5.51298H67.56C67.894 4.80198 68.62 4.36598 69.462 4.36598C71.262 4.36598 72.192 5.39698 72.192 7.37198V11.712H70.39V7.71998C70.39 6.49998 69.955 5.93398 69.04 5.93398C68.125 5.93398 67.631 6.57398 67.631 7.76398V11.713H65.831L65.832 4.53998ZM74.5 9.14298V6.03598H73.266V4.53998H73.919C74.514 4.53998 74.747 4.30798 74.747 3.71298V2.59498H76.286V4.53998H78.028V6.03598H76.286V9.14298C76.286 9.83998 76.648 10.232 77.316 10.232C77.52 10.232 77.766 10.202 77.912 10.159V11.669C77.602 11.7372 77.2855 11.7714 76.968 11.771C75.342 11.771 74.5 10.871 74.5 9.14298ZM80.728 7.39998H84.344C84.227 6.45698 83.501 5.81798 82.529 5.81798C81.556 5.81798 80.83 6.45698 80.729 7.40098L80.728 7.39998ZM78.913 8.12698C78.913 5.90498 80.409 4.36698 82.543 4.36698C84.678 4.36698 86.158 5.89098 86.158 8.08298C86.158 8.25698 86.129 8.53298 86.1 8.72198H80.728C80.859 9.69498 81.687 10.348 82.747 10.348C83.531 10.348 84.213 10.058 84.663 9.53498L85.752 10.595C85.099 11.437 83.966 11.887 82.659 11.887C80.452 11.887 78.913 10.333 78.913 8.12698Z",
751
829
  fill: "#EC0000"
752
830
  }), jsxRuntime.jsx("path", {
753
- className: "amsterdam-logo__emblem",
831
+ className: "ams-logo__emblem",
754
832
  d: "M0 38.3642L3.6 34.9356L0 31.507L2.4 29.2213L6 32.6499L9.6 29.2213L12 31.507L8.4 34.9356L12 38.3642L9.6 40.6499L6 37.2213L2.4 40.6499L0 38.3642Z",
755
833
  fill: "#EC0000"
756
834
  }), jsxRuntime.jsx("path", {
757
- className: "amsterdam-logo__emblem",
835
+ className: "ams-logo__emblem",
758
836
  d: "M0 9.79276L3.6 6.36419L0 2.93562L2.4 0.649902L6 4.07847L9.6 0.649902L12 2.93562L8.4 6.36419L12 9.79276L9.6 12.0785L6 8.6499L2.4 12.0785L0 9.79276Z",
759
837
  fill: "#EC0000"
760
838
  }), jsxRuntime.jsx("path", {
761
- className: "amsterdam-logo__emblem",
839
+ className: "ams-logo__emblem",
762
840
  d: "M0 24.0785L3.6 20.6499L0 17.2213L2.4 14.9356L6 18.3642L9.6 14.9356L12 17.2213L8.4 20.6499L12 24.0785L9.6 26.3642L6 22.9356L2.4 26.3642L0 24.0785Z",
763
841
  fill: "#EC0000"
764
842
  })]
@@ -766,11 +844,11 @@ var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
766
844
  });
767
845
  LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
768
846
 
769
- function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
770
- function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
847
+ function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
848
+ function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
771
849
  var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
772
- return jsxRuntime.jsxs("svg", _objectSpread$G(_objectSpread$G({
773
- className: "amsterdam-logo",
850
+ return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
851
+ className: "ams-logo",
774
852
  "aria-hidden": "true",
775
853
  focusable: "false",
776
854
  ref: ref,
@@ -778,15 +856,15 @@ var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
778
856
  xmlns: "http://www.w3.org/2000/svg"
779
857
  }, props), {}, {
780
858
  children: [jsxRuntime.jsx("path", {
781
- className: "amsterdam-logo__emblem",
859
+ className: "ams-logo__emblem",
782
860
  fill: "#EC0000",
783
861
  d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z"
784
862
  }), jsxRuntime.jsx("path", {
785
- className: "amsterdam-logo__text-primary",
863
+ className: "ams-logo__text-primary",
786
864
  fill: "#EC0000",
787
865
  d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z"
788
866
  }), jsxRuntime.jsx("path", {
789
- className: "amsterdam-logo__text-secondary",
867
+ className: "ams-logo__text-secondary",
790
868
  fill: "#000",
791
869
  d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z"
792
870
  })]
@@ -794,11 +872,11 @@ var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
794
872
  });
795
873
  LogoStadsarchief.displayName = 'LogoStadsarchief';
796
874
 
797
- function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
798
- function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
875
+ function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
876
+ function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
799
877
  var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
800
- return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
801
- className: "amsterdam-logo",
878
+ return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
879
+ className: "ams-logo",
802
880
  "aria-hidden": "true",
803
881
  focusable: "false",
804
882
  ref: ref,
@@ -806,15 +884,15 @@ var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref)
806
884
  xmlns: "http://www.w3.org/2000/svg"
807
885
  }, props), {}, {
808
886
  children: [jsxRuntime.jsx("path", {
809
- className: "amsterdam-logo__emblem",
887
+ className: "ams-logo__emblem",
810
888
  fill: "#EC0000",
811
889
  d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z"
812
890
  }), jsxRuntime.jsx("path", {
813
- className: "amsterdam-logo__text-secondary",
891
+ className: "ams-logo__text-secondary",
814
892
  fill: "#000",
815
893
  d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z"
816
894
  }), jsxRuntime.jsx("path", {
817
- className: "amsterdam-logo__text-primary",
895
+ className: "ams-logo__text-primary",
818
896
  fill: "#EC0000",
819
897
  d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"
820
898
  })]
@@ -822,11 +900,11 @@ var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref)
822
900
  });
823
901
  LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
824
902
 
825
- function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
826
- function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
903
+ function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
904
+ function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
827
905
  var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
828
- return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
829
- className: "amsterdam-logo",
906
+ return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
907
+ className: "ams-logo",
830
908
  "aria-hidden": "true",
831
909
  focusable: "false",
832
910
  ref: ref,
@@ -834,15 +912,15 @@ var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
834
912
  xmlns: "http://www.w3.org/2000/svg"
835
913
  }, props), {}, {
836
914
  children: [jsxRuntime.jsx("path", {
837
- className: "amsterdam-logo__emblem",
915
+ className: "ams-logo__emblem",
838
916
  fill: "#EC0000",
839
917
  d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z"
840
918
  }), jsxRuntime.jsx("path", {
841
- className: "amsterdam-logo__text-secondary",
919
+ className: "ams-logo__text-secondary",
842
920
  fill: "#000",
843
921
  d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z"
844
922
  }), jsxRuntime.jsx("path", {
845
- className: "amsterdam-logo__text-primary",
923
+ className: "ams-logo__text-primary",
846
924
  fill: "#EC0000",
847
925
  d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"
848
926
  })]
@@ -850,9 +928,9 @@ var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
850
928
  });
851
929
  LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
852
930
 
853
- var _excluded$D = ["brand", "className"];
854
- function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
855
- function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
931
+ var _excluded$C = ["brand", "className"];
932
+ function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
933
+ function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
856
934
  var logoConfig = {
857
935
  amsterdam: LogoAmsterdam,
858
936
  'ggd-amsterdam': LogoGgdAmsterdam,
@@ -865,18 +943,18 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
865
943
  var _ref$brand = _ref.brand,
866
944
  brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
867
945
  className = _ref.className,
868
- restProps = _objectWithoutProperties(_ref, _excluded$D);
946
+ restProps = _objectWithoutProperties(_ref, _excluded$C);
869
947
  var LogoComponent = logoConfig[brand];
870
- return jsxRuntime.jsx(LogoComponent, _objectSpread$D(_objectSpread$D({}, restProps), {}, {
948
+ return jsxRuntime.jsx(LogoComponent, _objectSpread$C(_objectSpread$C({}, restProps), {}, {
871
949
  ref: ref,
872
- className: clsx('amsterdam-logo', className)
950
+ className: clsx('ams-logo', className)
873
951
  }));
874
952
  });
875
953
  Logo.displayName = 'Logo';
876
954
 
877
- var _excluded$C = ["className", "logoBrand", "logoLink", "logoLinkTitle", "title", "links", "menu"];
878
- function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
879
- function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
955
+ var _excluded$B = ["className", "logoBrand", "logoLink", "logoLinkTitle", "title", "links", "menu"];
956
+ 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; }
957
+ 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; }
880
958
  var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
881
959
  var className = _ref.className,
882
960
  _ref$logoBrand = _ref.logoBrand,
@@ -888,31 +966,31 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
888
966
  title = _ref.title,
889
967
  links = _ref.links,
890
968
  menu = _ref.menu,
891
- restProps = _objectWithoutProperties(_ref, _excluded$C);
969
+ restProps = _objectWithoutProperties(_ref, _excluded$B);
892
970
  return jsxRuntime.jsx(jsxRuntime.Fragment, {
893
- children: jsxRuntime.jsxs("header", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
971
+ children: jsxRuntime.jsxs("header", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
894
972
  ref: ref,
895
- className: clsx('amsterdam-header', className),
973
+ className: clsx('ams-header', className),
896
974
  children: [jsxRuntime.jsxs("a", {
897
975
  href: logoLink,
898
- className: "amsterdam-header__logo-link",
976
+ className: "ams-header__logo-link",
899
977
  children: [jsxRuntime.jsx(VisuallyHidden, {
900
978
  children: logoLinkTitle
901
979
  }), jsxRuntime.jsx(Logo, {
902
980
  brand: logoBrand
903
981
  })]
904
982
  }), links && jsxRuntime.jsx("div", {
905
- className: "amsterdam-header__links",
983
+ className: "ams-header__links",
906
984
  children: links
907
985
  }), menu && jsxRuntime.jsx("div", {
908
- className: "amsterdam-header__menu",
986
+ className: "ams-header__menu",
909
987
  children: menu
910
988
  }), title && jsxRuntime.jsx("div", {
911
- className: "amsterdam-header__title",
989
+ className: "ams-header__title",
912
990
  children: jsxRuntime.jsx(Heading, {
913
991
  level: 1,
914
992
  size: "level-3",
915
- className: "amsterdam-header__title-heading",
993
+ className: "ams-header__title-heading",
916
994
  children: title
917
995
  })
918
996
  })]
@@ -921,46 +999,46 @@ var Header = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
921
999
  });
922
1000
  Header.displayName = 'Header';
923
1001
 
924
- var _excluded$B = ["children", "className"];
925
- 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; }
926
- 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; }
1002
+ var _excluded$A = ["children", "className"];
1003
+ function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1004
+ function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
927
1005
  var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
928
1006
  var children = _ref.children,
929
1007
  className = _ref.className,
930
- restProps = _objectWithoutProperties(_ref, _excluded$B);
931
- return jsxRuntime.jsx("mark", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
1008
+ restProps = _objectWithoutProperties(_ref, _excluded$A);
1009
+ return jsxRuntime.jsx("mark", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
932
1010
  ref: ref,
933
- className: clsx('amsterdam-mark', className),
1011
+ className: clsx('ams-mark', className),
934
1012
  children: children
935
1013
  }));
936
1014
  });
937
1015
  Mark.displayName = 'Mark';
938
1016
 
939
- var _excluded$A = ["className"];
940
- function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
941
- function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1017
+ var _excluded$z = ["className"];
1018
+ 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; }
1019
+ 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; }
942
1020
  var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
943
1021
  var className = _ref.className,
944
- restProps = _objectWithoutProperties(_ref, _excluded$A);
945
- return jsxRuntime.jsx("input", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
946
- className: clsx('amsterdam-text-input', className),
1022
+ restProps = _objectWithoutProperties(_ref, _excluded$z);
1023
+ return jsxRuntime.jsx("input", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
1024
+ className: clsx('ams-text-input', className),
947
1025
  ref: ref,
948
1026
  type: "text"
949
1027
  }));
950
1028
  });
951
1029
  TextInput.displayName = 'TextInput';
952
1030
 
953
- var _excluded$z = ["className"];
954
- 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; }
955
- 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; }
1031
+ var _excluded$y = ["className"];
1032
+ 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; }
1033
+ 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; }
956
1034
  // TODO: replace this with IconButton when that's done
957
1035
  // TODO: discuss if IconButton is the right component to replace this
958
1036
  var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
959
1037
  var className = _ref.className,
960
- restProps = _objectWithoutProperties(_ref, _excluded$z);
961
- return jsxRuntime.jsxs("button", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
1038
+ restProps = _objectWithoutProperties(_ref, _excluded$y);
1039
+ return jsxRuntime.jsxs("button", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
962
1040
  ref: ref,
963
- className: clsx('amsterdam-search-field__button', className),
1041
+ className: clsx('ams-search-field__button', className),
964
1042
  children: [jsxRuntime.jsx(VisuallyHidden, {
965
1043
  children: "Zoeken"
966
1044
  }), jsxRuntime.jsx(Icon, {
@@ -970,16 +1048,16 @@ var SearchFieldButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
970
1048
  })]
971
1049
  }));
972
1050
  });
973
- SearchFieldButton.displayName = 'SearchFieldButton';
1051
+ SearchFieldButton.displayName = 'SearchField.Button';
974
1052
 
975
- var _excluded$y = ["className", "label"];
976
- 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; }
977
- 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; }
1053
+ var _excluded$x = ["className", "label"];
1054
+ 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; }
1055
+ 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; }
978
1056
  var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
979
1057
  var className = _ref.className,
980
1058
  _ref$label = _ref.label,
981
1059
  label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
982
- restProps = _objectWithoutProperties(_ref, _excluded$y);
1060
+ restProps = _objectWithoutProperties(_ref, _excluded$x);
983
1061
  var id = react.useId();
984
1062
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
985
1063
  children: [jsxRuntime.jsx("label", {
@@ -987,9 +1065,9 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
987
1065
  children: jsxRuntime.jsx(VisuallyHidden, {
988
1066
  children: label
989
1067
  })
990
- }), jsxRuntime.jsx("input", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
1068
+ }), jsxRuntime.jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
991
1069
  autoComplete: "off",
992
- className: clsx('amsterdam-search-field__input', className),
1070
+ className: clsx('ams-search-field__input', className),
993
1071
  enterKeyHint: "search",
994
1072
  id: id,
995
1073
  ref: ref,
@@ -998,58 +1076,59 @@ var SearchFieldInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
998
1076
  }))]
999
1077
  });
1000
1078
  });
1001
- SearchFieldInput.displayName = 'SearchFieldInput';
1079
+ SearchFieldInput.displayName = 'SearchField.Input';
1002
1080
 
1003
- var _excluded$x = ["children", "className"];
1004
- 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; }
1005
- 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; }
1006
- var SearchField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1081
+ var _excluded$w = ["children", "className"];
1082
+ 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; }
1083
+ 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; }
1084
+ var SearchFieldRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1007
1085
  var children = _ref.children,
1008
1086
  className = _ref.className,
1009
- restProps = _objectWithoutProperties(_ref, _excluded$x);
1010
- return jsxRuntime.jsx("form", _objectSpread$x(_objectSpread$x({
1087
+ restProps = _objectWithoutProperties(_ref, _excluded$w);
1088
+ return jsxRuntime.jsx("form", _objectSpread$w(_objectSpread$w({
1011
1089
  role: "search"
1012
1090
  }, restProps), {}, {
1013
1091
  ref: ref,
1014
- className: clsx('amsterdam-search-field', className),
1092
+ className: clsx('ams-search-field', className),
1015
1093
  children: children
1016
1094
  }));
1017
1095
  });
1018
- SearchField.Input = SearchFieldInput;
1019
- SearchField.Button = SearchFieldButton;
1020
- SearchField.displayName = 'SearchField';
1021
- SearchField.Input.displayName = 'SearchField.Input';
1022
- SearchField.Button.displayName = 'SearchField.Button';
1096
+ SearchFieldRoot.displayName = 'SearchField';
1097
+ var SearchField = Object.assign(SearchFieldRoot, {
1098
+ Button: SearchFieldButton,
1099
+ Input: SearchFieldInput
1100
+ });
1023
1101
 
1024
- var _excluded$w = ["children", "className", "title", "actions"];
1025
- 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; }
1026
- 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; }
1102
+ var _excluded$v = ["children", "className", "title", "actions"];
1103
+ 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; }
1104
+ 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; }
1027
1105
  var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1028
1106
  var children = _ref.children,
1029
1107
  className = _ref.className,
1030
1108
  title = _ref.title,
1031
1109
  actions = _ref.actions,
1032
- restProps = _objectWithoutProperties(_ref, _excluded$w);
1033
- return jsxRuntime.jsx("dialog", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
1110
+ restProps = _objectWithoutProperties(_ref, _excluded$v);
1111
+ return jsxRuntime.jsx("dialog", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
1034
1112
  ref: ref,
1035
- className: clsx('amsterdam-dialog', className),
1113
+ className: clsx('ams-dialog', className),
1036
1114
  children: jsxRuntime.jsxs("form", {
1037
1115
  method: "dialog",
1038
- className: "amsterdam-dialog__form",
1116
+ className: "ams-dialog__form",
1039
1117
  children: [jsxRuntime.jsxs("header", {
1040
- className: "amsterdam-dialog__header",
1041
- children: [jsxRuntime.jsx("span", {
1042
- className: "amsterdam-dialog__title",
1118
+ className: "ams-dialog__header",
1119
+ children: [jsxRuntime.jsx(Heading, {
1120
+ size: "level-4",
1043
1121
  children: title
1044
1122
  }), jsxRuntime.jsx(IconButton, {
1123
+ formNoValidate: true,
1045
1124
  label: "Sluiten",
1046
- formNoValidate: true
1125
+ size: "level-4"
1047
1126
  })]
1048
1127
  }), jsxRuntime.jsx("article", {
1049
- className: "amsterdam-dialog__article",
1128
+ className: "ams-dialog__article",
1050
1129
  children: children
1051
1130
  }), actions && jsxRuntime.jsx("footer", {
1052
- className: "amsterdam-dialog__footer",
1131
+ className: "ams-dialog__footer",
1053
1132
  children: actions
1054
1133
  })]
1055
1134
  })
@@ -1057,21 +1136,6 @@ var Dialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1057
1136
  });
1058
1137
  Dialog.displayName = 'Dialog';
1059
1138
 
1060
- var _excluded$v = ["className", "cover"];
1061
- 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; }
1062
- 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; }
1063
- var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1064
- var className = _ref.className,
1065
- _ref$cover = _ref.cover,
1066
- cover = _ref$cover === void 0 ? false : _ref$cover,
1067
- restProps = _objectWithoutProperties(_ref, _excluded$v);
1068
- return jsxRuntime.jsx("img", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
1069
- ref: ref,
1070
- className: clsx('amsterdam-image', cover && 'amsterdam-image--cover', className)
1071
- }));
1072
- });
1073
- Image.displayName = 'Image';
1074
-
1075
1139
  var _excluded$u = ["className", "maxVisiblePages", "onPageChange", "page", "totalPages"];
1076
1140
  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; }
1077
1141
  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; }
@@ -1154,15 +1218,15 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1154
1218
  return null;
1155
1219
  }
1156
1220
  return jsxRuntime.jsx("nav", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
1157
- className: clsx('amsterdam-pagination', className),
1221
+ className: clsx('ams-pagination', className),
1158
1222
  ref: ref,
1159
1223
  "aria-label": "Paginering",
1160
1224
  children: jsxRuntime.jsxs("ol", {
1161
- className: "amsterdam-pagination__list",
1225
+ className: "ams-pagination__list",
1162
1226
  children: [jsxRuntime.jsx("li", {
1163
1227
  children: jsxRuntime.jsxs("button", {
1164
1228
  "aria-label": "Vorige pagina",
1165
- className: "amsterdam-pagination__button",
1229
+ className: "ams-pagination__button",
1166
1230
  disabled: currentPage === 1,
1167
1231
  onClick: onPrevious,
1168
1232
  type: "button",
@@ -1176,7 +1240,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1176
1240
  children: jsxRuntime.jsx("button", {
1177
1241
  "aria-current": pageNumberOrSpacer === currentPage ? true : undefined,
1178
1242
  "aria-label": pageNumberOrSpacer === currentPage ? "Pagina ".concat(pageNumberOrSpacer) : "Ga naar pagina ".concat(pageNumberOrSpacer),
1179
- className: clsx('amsterdam-pagination__button', pageNumberOrSpacer === currentPage && 'amsterdam-pagination__button--current'),
1243
+ className: clsx('ams-pagination__button', pageNumberOrSpacer === currentPage && 'ams-pagination__button--current'),
1180
1244
  onClick: function onClick() {
1181
1245
  return pageNumberOrSpacer !== currentPage && onChangePage(pageNumberOrSpacer);
1182
1246
  },
@@ -1192,7 +1256,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1192
1256
  }), jsxRuntime.jsx("li", {
1193
1257
  children: jsxRuntime.jsxs("button", {
1194
1258
  "aria-label": "Volgende pagina",
1195
- className: "amsterdam-pagination__button",
1259
+ className: "ams-pagination__button",
1196
1260
  disabled: currentPage === totalPages,
1197
1261
  onClick: onNext,
1198
1262
  type: "button",
@@ -1218,7 +1282,7 @@ var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1218
1282
  restProps = _objectWithoutProperties(_ref, _excluded$t);
1219
1283
  return jsxRuntime.jsx("div", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
1220
1284
  ref: ref,
1221
- className: clsx('amsterdam-screen', "amsterdam-screen--".concat(maxWidth), className),
1285
+ className: clsx('ams-screen', "ams-screen--".concat(maxWidth), className),
1222
1286
  children: children
1223
1287
  }));
1224
1288
  });
@@ -1233,15 +1297,15 @@ var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1233
1297
  restProps = _objectWithoutProperties(_ref, _excluded$s);
1234
1298
  var inputId = id || react.useId();
1235
1299
  return jsxRuntime.jsxs("div", {
1236
- className: clsx('amsterdam-switch', className),
1300
+ className: clsx('ams-switch', className),
1237
1301
  children: [jsxRuntime.jsx("input", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
1238
- className: "amsterdam-switch__input",
1302
+ className: "ams-switch__input",
1239
1303
  id: inputId,
1240
1304
  ref: ref,
1241
1305
  type: "checkbox",
1242
1306
  role: "switch"
1243
1307
  })), jsxRuntime.jsx("label", {
1244
- className: "amsterdam-switch__label",
1308
+ className: "ams-switch__label",
1245
1309
  htmlFor: inputId
1246
1310
  })]
1247
1311
  });
@@ -1261,7 +1325,7 @@ var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1261
1325
  restProps = _objectWithoutProperties(_ref, _excluded$r);
1262
1326
  return jsxRuntime.jsx(Tag, _objectSpread$r(_objectSpread$r({}, restProps), {}, {
1263
1327
  ref: ref,
1264
- className: clsx('amsterdam-spotlight', "amsterdam-spotlight--".concat(color), className),
1328
+ className: clsx('ams-spotlight', "ams-spotlight--".concat(color), className),
1265
1329
  children: children
1266
1330
  }));
1267
1331
  });
@@ -1278,7 +1342,7 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1278
1342
  otherProps = _objectWithoutProperties(_ref, _excluded$q);
1279
1343
  return jsxRuntime.jsx("p", _objectSpread$q(_objectSpread$q({
1280
1344
  ref: ref,
1281
- className: clsx('amsterdam-paragraph', size && "amsterdam-paragraph--".concat(size), inverseColor && 'amsterdam-paragraph--inverse-color', className)
1345
+ className: clsx('ams-paragraph', size && "ams-paragraph--".concat(size), inverseColor && 'ams-paragraph--inverse-color', className)
1282
1346
  }, otherProps), {}, {
1283
1347
  children: children
1284
1348
  }));
@@ -1295,14 +1359,14 @@ var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1295
1359
  restProps = _objectWithoutProperties(_ref, _excluded$p);
1296
1360
  return jsxRuntime.jsxs("hgroup", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
1297
1361
  ref: ref,
1298
- className: clsx('amsterdam-card__heading-group', className),
1362
+ className: clsx('ams-card__heading-group', className),
1299
1363
  children: [children, jsxRuntime.jsx(Paragraph, {
1300
1364
  size: "small",
1301
1365
  children: tagline
1302
1366
  })]
1303
1367
  }));
1304
1368
  });
1305
- CardHeadingGroup.displayName = 'CardHeadingGroup';
1369
+ CardHeadingGroup.displayName = 'Card.HeadingGroup';
1306
1370
 
1307
1371
  var _excluded$o = ["children", "className"];
1308
1372
  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; }
@@ -1313,30 +1377,30 @@ var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1313
1377
  otherProps = _objectWithoutProperties(_ref, _excluded$o);
1314
1378
  return jsxRuntime.jsx("a", _objectSpread$o(_objectSpread$o({}, otherProps), {}, {
1315
1379
  ref: ref,
1316
- className: clsx('amsterdam-card__link', className),
1380
+ className: clsx('ams-card__link', className),
1317
1381
  children: children
1318
1382
  }));
1319
1383
  });
1320
- CardLink.displayName = 'CardLink';
1384
+ CardLink.displayName = 'Card.Link';
1321
1385
 
1322
1386
  var _excluded$n = ["children", "className"];
1323
1387
  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; }
1324
1388
  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; }
1325
- var Card = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1389
+ var CardRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1326
1390
  var children = _ref.children,
1327
1391
  className = _ref.className,
1328
1392
  restProps = _objectWithoutProperties(_ref, _excluded$n);
1329
1393
  return jsxRuntime.jsx("article", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
1330
1394
  ref: ref,
1331
- className: clsx('amsterdam-card', className),
1395
+ className: clsx('ams-card', className),
1332
1396
  children: children
1333
1397
  }));
1334
1398
  });
1335
- Card.HeadingGroup = CardHeadingGroup;
1336
- Card.Link = CardLink;
1337
- Card.displayName = 'Card';
1338
- Card.HeadingGroup.displayName = 'Card.HeadingGroup';
1339
- Card.Link.displayName = 'Card.Link';
1399
+ CardRoot.displayName = 'Card';
1400
+ var Card = Object.assign(CardRoot, {
1401
+ HeadingGroup: CardHeadingGroup,
1402
+ Link: CardLink
1403
+ });
1340
1404
 
1341
1405
  var _excluded$m = ["children", "className", "headingLevel", "title", "severity", "closeable", "onClose"];
1342
1406
  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; }
@@ -1362,15 +1426,15 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1362
1426
  var Tag = title ? 'section' : 'div';
1363
1427
  return jsxRuntime.jsxs(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
1364
1428
  ref: ref,
1365
- className: clsx('amsterdam-alert', severity && "amsterdam-alert--".concat(severity), className),
1429
+ className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
1366
1430
  children: [jsxRuntime.jsx("div", {
1367
- className: "amsterdam-alert__icon",
1431
+ className: "ams-alert__icon",
1368
1432
  children: jsxRuntime.jsx(Icon, {
1369
1433
  size: alertSize,
1370
1434
  svg: iconSvgBySeverity[severity]
1371
1435
  })
1372
1436
  }), jsxRuntime.jsxs("div", {
1373
- className: "amsterdam-alert__content",
1437
+ className: "ams-alert__content",
1374
1438
  children: [title && jsxRuntime.jsx(Heading, {
1375
1439
  level: headingLevel,
1376
1440
  size: "level-4",
@@ -1396,7 +1460,7 @@ var AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1396
1460
  restProps = _objectWithoutProperties(_ref, _excluded$l);
1397
1461
  return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
1398
1462
  ref: ref,
1399
- className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
1463
+ className: clsx('ams-aspect-ratio', "ams-aspect-ratio--".concat(ratio), className),
1400
1464
  children: children
1401
1465
  }));
1402
1466
  });
@@ -1411,11 +1475,11 @@ var FooterBottom = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1411
1475
  restProps = _objectWithoutProperties(_ref, _excluded$k);
1412
1476
  return jsxRuntime.jsx("div", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
1413
1477
  ref: ref,
1414
- className: clsx('amsterdam-footer__bottom', className),
1478
+ className: clsx('ams-footer__bottom', className),
1415
1479
  children: children
1416
1480
  }));
1417
1481
  });
1418
- FooterBottom.displayName = 'FooterBottom';
1482
+ FooterBottom.displayName = 'Footer.Bottom';
1419
1483
 
1420
1484
  var _excluded$j = ["children", "className"];
1421
1485
  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; }
@@ -1427,30 +1491,30 @@ var FooterTop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1427
1491
  return jsxRuntime.jsx(Spotlight, _objectSpread$j(_objectSpread$j({}, restProps), {}, {
1428
1492
  color: "dark-blue",
1429
1493
  ref: ref,
1430
- className: clsx('amsterdam-footer__top', className),
1494
+ className: clsx('ams-footer__top', className),
1431
1495
  children: children
1432
1496
  }));
1433
1497
  });
1434
- FooterTop.displayName = 'FooterTop';
1498
+ FooterTop.displayName = 'Footer.Top';
1435
1499
 
1436
1500
  var _excluded$i = ["children", "className"];
1437
1501
  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; }
1438
1502
  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; }
1439
- var Footer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1503
+ var FooterRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1440
1504
  var children = _ref.children,
1441
1505
  className = _ref.className,
1442
1506
  restProps = _objectWithoutProperties(_ref, _excluded$i);
1443
1507
  return jsxRuntime.jsx("footer", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
1444
1508
  ref: ref,
1445
- className: clsx('amsterdam-footer', className),
1509
+ className: clsx('ams-footer', className),
1446
1510
  children: children
1447
1511
  }));
1448
1512
  });
1449
- Footer.Top = FooterTop;
1450
- Footer.Bottom = FooterBottom;
1451
- Footer.displayName = 'Footer';
1452
- Footer.Top.displayName = 'Footer.Top';
1453
- Footer.Bottom.displayName = 'Footer.Bottom';
1513
+ FooterRoot.displayName = 'Footer';
1514
+ var Footer = Object.assign(FooterRoot, {
1515
+ Bottom: FooterBottom,
1516
+ Top: FooterTop
1517
+ });
1454
1518
 
1455
1519
  var _excluded$h = ["children", "className", "icon"];
1456
1520
  function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1463,7 +1527,7 @@ var PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1463
1527
  return jsxRuntime.jsx("li", {
1464
1528
  children: jsxRuntime.jsxs("a", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
1465
1529
  ref: ref,
1466
- className: clsx('amsterdam-page-menu__link', className),
1530
+ className: clsx('ams-page-menu__link', className),
1467
1531
  children: [children, icon && jsxRuntime.jsx(Icon, {
1468
1532
  svg: icon,
1469
1533
  size: "level-6"
@@ -1471,25 +1535,26 @@ var PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1471
1535
  }))
1472
1536
  });
1473
1537
  });
1474
- PageMenuLink.displayName = 'PageMenuLink';
1538
+ PageMenuLink.displayName = 'PageMenu.Link';
1475
1539
 
1476
1540
  var _excluded$g = ["alignEnd", "children", "className"];
1477
1541
  function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1478
1542
  function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1479
- var PageMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1543
+ var PageMenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1480
1544
  var alignEnd = _ref.alignEnd,
1481
1545
  children = _ref.children,
1482
1546
  className = _ref.className,
1483
1547
  restProps = _objectWithoutProperties(_ref, _excluded$g);
1484
1548
  return jsxRuntime.jsx("ul", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
1485
- className: clsx('amsterdam-page-menu', alignEnd && "amsterdam-page-menu--align-end", className),
1549
+ className: clsx('ams-page-menu', alignEnd && "ams-page-menu--align-end", className),
1486
1550
  ref: ref,
1487
1551
  children: children
1488
1552
  }));
1489
1553
  });
1490
- PageMenu.displayName = 'PageMenu';
1491
- PageMenu.Link = PageMenuLink;
1492
- PageMenu.Link.displayName = 'PageMenu.Link';
1554
+ PageMenuRoot.displayName = 'PageMenu';
1555
+ var PageMenu = Object.assign(PageMenuRoot, {
1556
+ Link: PageMenuLink
1557
+ });
1493
1558
 
1494
1559
  var _excluded$f = ["className", "label", "description"];
1495
1560
  function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1501,14 +1566,14 @@ var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1501
1566
  restProps = _objectWithoutProperties(_ref, _excluded$f);
1502
1567
  return jsxRuntime.jsxs("a", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
1503
1568
  ref: ref,
1504
- className: clsx('amsterdam-top-task-link', className),
1569
+ className: clsx('ams-top-task-link', className),
1505
1570
  children: [jsxRuntime.jsx("span", {
1506
- className: "amsterdam-top-task-link__label",
1571
+ className: "ams-top-task-link__label",
1507
1572
  children: label
1508
1573
  }), jsxRuntime.jsx(VisuallyHidden, {
1509
1574
  children: ","
1510
1575
  }), jsxRuntime.jsx("span", {
1511
- className: "amsterdam-top-task-link__description",
1576
+ className: "ams-top-task-link__description",
1512
1577
  children: description
1513
1578
  })]
1514
1579
  }));
@@ -1525,7 +1590,7 @@ var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1525
1590
  restProps = _objectWithoutProperties(_ref, _excluded$e);
1526
1591
  return jsxRuntime.jsx("blockquote", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
1527
1592
  ref: ref,
1528
- className: clsx('amsterdam-blockquote', inverseColor && 'amsterdam-blockquote--inverse-color', className),
1593
+ className: clsx('ams-blockquote', inverseColor && 'ams-blockquote--inverse-color', className),
1529
1594
  children: children
1530
1595
  }));
1531
1596
  });
@@ -1556,18 +1621,18 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1556
1621
  // This div is here because NVDA doesn't match the input to the label
1557
1622
  // without a containing element
1558
1623
  jsxRuntime.jsxs("div", {
1559
- className: clsx('amsterdam-checkbox', className),
1624
+ className: clsx('ams-checkbox', className),
1560
1625
  children: [jsxRuntime.jsx("input", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
1561
1626
  type: "checkbox",
1562
- className: "amsterdam-checkbox__input",
1627
+ className: "ams-checkbox__input",
1563
1628
  ref: innerRef,
1564
1629
  id: id,
1565
1630
  "aria-invalid": invalid || undefined
1566
1631
  })), jsxRuntime.jsxs("label", {
1567
- className: "amsterdam-checkbox__label",
1632
+ className: "ams-checkbox__label",
1568
1633
  htmlFor: id,
1569
1634
  children: [jsxRuntime.jsx("span", {
1570
- className: "amsterdam-checkbox__checkmark"
1635
+ className: "ams-checkbox__checkmark"
1571
1636
  }), children]
1572
1637
  })]
1573
1638
  })
@@ -1585,7 +1650,7 @@ var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1585
1650
  restProps = _objectWithoutProperties(_ref, _excluded$c);
1586
1651
  return jsxRuntime.jsx("h1", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
1587
1652
  ref: ref,
1588
- className: clsx('amsterdam-page-heading', inverseColor && 'amsterdam-page-heading--inverse-color', className),
1653
+ className: clsx('ams-page-heading', inverseColor && 'ams-page-heading--inverse-color', className),
1589
1654
  children: children
1590
1655
  }));
1591
1656
  });
@@ -1600,17 +1665,17 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1600
1665
  restProps = _objectWithoutProperties(_ref, _excluded$b);
1601
1666
  return jsxRuntime.jsx("li", _objectSpread$b(_objectSpread$b({
1602
1667
  ref: ref,
1603
- className: clsx('amsterdam-ordered-list__item', className)
1668
+ className: clsx('ams-ordered-list__item', className)
1604
1669
  }, restProps), {}, {
1605
1670
  children: children
1606
1671
  }));
1607
1672
  });
1608
- OrderedListItem.displayName = 'OrderedListItem';
1673
+ OrderedListItem.displayName = 'OrderedList.Item';
1609
1674
 
1610
1675
  var _excluded$a = ["children", "className", "inverseColor", "markers"];
1611
1676
  function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1612
1677
  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1613
- var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1678
+ var OrderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1614
1679
  var children = _ref.children,
1615
1680
  className = _ref.className,
1616
1681
  inverseColor = _ref.inverseColor,
@@ -1619,13 +1684,15 @@ var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1619
1684
  restProps = _objectWithoutProperties(_ref, _excluded$a);
1620
1685
  return jsxRuntime.jsx("ol", _objectSpread$a(_objectSpread$a({
1621
1686
  ref: ref,
1622
- className: clsx('amsterdam-ordered-list', inverseColor && 'amsterdam-ordered-list--inverse-color', !markers && 'amsterdam-ordered-list--no-markers', className)
1687
+ className: clsx('ams-ordered-list', inverseColor && 'ams-ordered-list--inverse-color', !markers && 'ams-ordered-list--no-markers', className)
1623
1688
  }, restProps), {}, {
1624
1689
  children: children
1625
1690
  }));
1626
1691
  });
1627
- OrderedList.displayName = 'OrderedList';
1628
- OrderedList.Item = OrderedListItem;
1692
+ OrderedListRoot.displayName = 'OrderedList';
1693
+ var OrderedList = Object.assign(OrderedListRoot, {
1694
+ Item: OrderedListItem
1695
+ });
1629
1696
 
1630
1697
  var _excluded$9 = ["children", "className", "href"];
1631
1698
  function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1636,36 +1703,37 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1636
1703
  href = _ref.href,
1637
1704
  restProps = _objectWithoutProperties(_ref, _excluded$9);
1638
1705
  return jsxRuntime.jsx("li", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
1639
- className: clsx.clsx('amsterdam-breadcrumb__item', className),
1706
+ className: clsx.clsx('ams-breadcrumb__item', className),
1640
1707
  ref: ref,
1641
1708
  children: jsxRuntime.jsx("a", {
1642
- className: "amsterdam-breadcrumb__link",
1709
+ className: "ams-breadcrumb__link",
1643
1710
  href: href,
1644
1711
  children: children
1645
1712
  })
1646
1713
  }));
1647
1714
  });
1648
- BreadcrumbItem.displayName = 'BreadcrumbItem';
1715
+ BreadcrumbItem.displayName = 'Breadcrumb.Item';
1649
1716
 
1650
1717
  var _excluded$8 = ["children", "className"];
1651
1718
  function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1652
1719
  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1653
- var Breadcrumb = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1720
+ var BreadcrumbRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1654
1721
  var children = _ref.children,
1655
1722
  className = _ref.className,
1656
1723
  restProps = _objectWithoutProperties(_ref, _excluded$8);
1657
1724
  return jsxRuntime.jsx("nav", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
1658
- className: clsx.clsx('amsterdam-breadcrumb', className),
1725
+ className: clsx.clsx('ams-breadcrumb', className),
1659
1726
  ref: ref,
1660
1727
  children: jsxRuntime.jsx("ol", {
1661
- className: "amsterdam-breadcrumb__list",
1728
+ className: "ams-breadcrumb__list",
1662
1729
  children: children
1663
1730
  })
1664
1731
  }));
1665
1732
  });
1666
- Breadcrumb.displayName = 'Breadcrumb';
1667
- Breadcrumb.Item = BreadcrumbItem;
1668
- Breadcrumb.Item.displayName = 'Breadcrumb.Item';
1733
+ BreadcrumbRoot.displayName = 'Breadcrumb';
1734
+ var Breadcrumb = Object.assign(BreadcrumbRoot, {
1735
+ Item: BreadcrumbItem
1736
+ });
1669
1737
 
1670
1738
  var _excluded$7 = ["children", "variant", "onBackground", "className"];
1671
1739
  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1679,11 +1747,11 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1679
1747
  otherProps = _objectWithoutProperties(_ref, _excluded$7);
1680
1748
  return jsxRuntime.jsx("a", _objectSpread$7(_objectSpread$7({}, otherProps), {}, {
1681
1749
  ref: ref,
1682
- className: clsx('amsterdam-link', {
1683
- 'amsterdam-link--standalone': variant === 'standalone',
1684
- 'amsterdam-link--inline': variant === 'inline',
1685
- 'amsterdam-link--on-background-light': onBackground === 'light',
1686
- 'amsterdam-link--on-background-dark': onBackground === 'dark'
1750
+ className: clsx('ams-link', {
1751
+ 'ams-link--standalone': variant === 'standalone',
1752
+ 'ams-link--inline': variant === 'inline',
1753
+ 'ams-link--on-background-light': onBackground === 'light',
1754
+ 'ams-link--on-background-dark': onBackground === 'dark'
1687
1755
  }, className),
1688
1756
  children: children
1689
1757
  }));
@@ -1704,7 +1772,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1704
1772
  return jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
1705
1773
  ref: ref,
1706
1774
  disabled: disabled,
1707
- className: clsx('amsterdam-button', "amsterdam-button--".concat(variant), className),
1775
+ className: clsx('ams-button', "ams-button--".concat(variant), className),
1708
1776
  type: type || 'button',
1709
1777
  children: children
1710
1778
  }));
@@ -1720,7 +1788,7 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1720
1788
  restProps = _objectWithoutProperties(_ref, _excluded$5);
1721
1789
  return jsxRuntime.jsx("label", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
1722
1790
  ref: ref,
1723
- className: clsx('amsterdam-form-label', className),
1791
+ className: clsx('ams-form-label', className),
1724
1792
  children: children
1725
1793
  }));
1726
1794
  });
@@ -1735,17 +1803,17 @@ var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1735
1803
  restProps = _objectWithoutProperties(_ref, _excluded$4);
1736
1804
  return jsxRuntime.jsx("li", _objectSpread$4(_objectSpread$4({
1737
1805
  ref: ref,
1738
- className: clsx('amsterdam-unordered-list__item', className)
1806
+ className: clsx('ams-unordered-list__item', className)
1739
1807
  }, restProps), {}, {
1740
1808
  children: children
1741
1809
  }));
1742
1810
  });
1743
- UnorderedListItem.displayName = 'UnorderedListItem';
1811
+ UnorderedListItem.displayName = 'UnorderedList.Item';
1744
1812
 
1745
1813
  var _excluded$3 = ["children", "className", "inverseColor", "markers"];
1746
1814
  function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1747
1815
  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1748
- var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1816
+ var UnorderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1749
1817
  var children = _ref.children,
1750
1818
  className = _ref.className,
1751
1819
  inverseColor = _ref.inverseColor,
@@ -1754,13 +1822,15 @@ var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1754
1822
  restProps = _objectWithoutProperties(_ref, _excluded$3);
1755
1823
  return jsxRuntime.jsx("ul", _objectSpread$3(_objectSpread$3({
1756
1824
  ref: ref,
1757
- className: clsx('amsterdam-unordered-list', inverseColor && 'amsterdam-unordered-list--inverse-color', !markers && 'amsterdam-unordered-list--no-markers', className)
1825
+ className: clsx('ams-unordered-list', inverseColor && 'ams-unordered-list--inverse-color', !markers && 'ams-unordered-list--no-markers', className)
1758
1826
  }, restProps), {}, {
1759
1827
  children: children
1760
1828
  }));
1761
1829
  });
1762
- UnorderedList.displayName = 'UnorderedList';
1763
- UnorderedList.Item = UnorderedListItem;
1830
+ UnorderedListRoot.displayName = 'UnorderedList';
1831
+ var UnorderedList = Object.assign(UnorderedListRoot, {
1832
+ Item: UnorderedListItem
1833
+ });
1764
1834
 
1765
1835
  /**
1766
1836
  * @license EUPL-1.2+
@@ -1794,15 +1864,15 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1794
1864
  var buttonId = "button-".concat(id);
1795
1865
  var panelId = "panel-".concat(id);
1796
1866
  return jsxRuntime.jsxs("div", _objectSpread$2(_objectSpread$2({
1797
- className: clsx('amsterdam-accordion__section', className),
1867
+ className: clsx('ams-accordion__section', className),
1798
1868
  ref: ref
1799
1869
  }, otherProps), {}, {
1800
1870
  children: [jsxRuntime.jsx(HeadingX, {
1801
- className: 'amsterdam-accordion__header',
1871
+ className: 'ams-accordion__header',
1802
1872
  children: jsxRuntime.jsxs("button", {
1803
1873
  "aria-controls": panelId,
1804
1874
  "aria-expanded": isExpanded,
1805
- className: "amsterdam-accordion__button",
1875
+ className: "ams-accordion__button",
1806
1876
  id: buttonId,
1807
1877
  onClick: function onClick() {
1808
1878
  return setIsExpanded(!isExpanded);
@@ -1816,23 +1886,23 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1816
1886
  }), section ? jsxRuntime.jsx("section", {
1817
1887
  id: panelId,
1818
1888
  "aria-labelledby": buttonId,
1819
- className: clsx('amsterdam-accordion__panel', {
1820
- 'amsterdam-accordion__panel--expanded': isExpanded
1889
+ className: clsx('ams-accordion__panel', {
1890
+ 'ams-accordion__panel--expanded': isExpanded
1821
1891
  }),
1822
1892
  children: children
1823
1893
  }) : jsxRuntime.jsx("div", {
1824
1894
  id: panelId,
1825
1895
  "aria-labelledby": buttonId,
1826
- className: clsx('amsterdam-accordion__panel', {
1827
- 'amsterdam-accordion__panel--expanded': isExpanded
1896
+ className: clsx('ams-accordion__panel', {
1897
+ 'ams-accordion__panel--expanded': isExpanded
1828
1898
  }),
1829
1899
  children: children
1830
1900
  })]
1831
1901
  }));
1832
1902
  });
1833
- AccordionSection.displayName = 'AccordionSection';
1903
+ AccordionSection.displayName = 'Accordion.Section';
1834
1904
 
1835
- var Accordion = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1905
+ var AccordionRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1836
1906
  var children = _ref.children,
1837
1907
  className = _ref.className,
1838
1908
  headingLevel = _ref.headingLevel,
@@ -1853,16 +1923,17 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1853
1923
  section: section
1854
1924
  },
1855
1925
  children: jsxRuntime.jsx("div", {
1856
- className: clsx('amsterdam-accordion', className),
1926
+ className: clsx('ams-accordion', className),
1857
1927
  onKeyDown: keyDown,
1858
1928
  ref: innerRef,
1859
1929
  children: children
1860
1930
  })
1861
1931
  });
1862
1932
  });
1863
- Accordion.displayName = 'Accordion';
1864
- Accordion.Section = AccordionSection;
1865
- Accordion.Section.displayName = 'Accordion.Section';
1933
+ AccordionRoot.displayName = 'Accordion';
1934
+ var Accordion = Object.assign(AccordionRoot, {
1935
+ Section: AccordionSection
1936
+ });
1866
1937
 
1867
1938
  /**
1868
1939
  * @license EUPL-1.2+
@@ -1874,20 +1945,20 @@ var gridCellClasses = function gridCellClasses(span, start) {
1874
1945
  }
1875
1946
  var classes = [];
1876
1947
  if (span === 'all' || typeof span === 'number') {
1877
- classes.push("amsterdam-grid__cell--span-".concat(span));
1948
+ classes.push("ams-grid__cell--span-".concat(span));
1878
1949
  } else if (span) {
1879
1950
  var narrow = span.narrow,
1880
1951
  medium = span.medium,
1881
1952
  wide = span.wide;
1882
- classes.push("amsterdam-grid__cell--span-".concat(narrow), "amsterdam-grid__cell--span-".concat(medium, "-medium"), "amsterdam-grid__cell--span-".concat(wide, "-wide"));
1953
+ classes.push("ams-grid__cell--span-".concat(narrow), "ams-grid__cell--span-".concat(medium, "-medium"), "ams-grid__cell--span-".concat(wide, "-wide"));
1883
1954
  }
1884
1955
  if (typeof start === 'number') {
1885
- classes.push("amsterdam-grid__cell--start-".concat(start));
1956
+ classes.push("ams-grid__cell--start-".concat(start));
1886
1957
  } else if (start) {
1887
1958
  var _narrow = start.narrow,
1888
1959
  _medium = start.medium,
1889
1960
  _wide = start.wide;
1890
- classes.push("amsterdam-grid__cell--start-".concat(_narrow), "amsterdam-grid__cell--start-".concat(_medium, "-medium"), "amsterdam-grid__cell--start-".concat(_wide, "-wide"));
1961
+ classes.push("ams-grid__cell--start-".concat(_narrow), "ams-grid__cell--start-".concat(_medium, "-medium"), "ams-grid__cell--start-".concat(_wide, "-wide"));
1891
1962
  }
1892
1963
  return classes;
1893
1964
  };
@@ -1905,7 +1976,7 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1905
1976
  restProps = _objectWithoutProperties(_ref, _excluded$1);
1906
1977
  return jsxRuntime.jsx(Tag, _objectSpread$1(_objectSpread$1({}, restProps), {}, {
1907
1978
  ref: ref,
1908
- className: clsx('amsterdam-grid__cell', gridCellClasses(span, start), className),
1979
+ className: clsx('ams-grid__cell', gridCellClasses(span, start), className),
1909
1980
  children: children
1910
1981
  }));
1911
1982
  });
@@ -1917,17 +1988,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
1917
1988
  var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingVertical) {
1918
1989
  var classes = [];
1919
1990
  if (paddingVertical) {
1920
- return ["amsterdam-grid--padding-vertical--".concat(paddingVertical)];
1991
+ return ["ams-grid--padding-vertical--".concat(paddingVertical)];
1921
1992
  }
1922
1993
  if (paddingBottom) {
1923
- classes.push("amsterdam-grid--padding-bottom--".concat(paddingBottom));
1994
+ classes.push("ams-grid--padding-bottom--".concat(paddingBottom));
1924
1995
  }
1925
1996
  if (paddingTop) {
1926
- classes.push("amsterdam-grid--padding-top--".concat(paddingTop));
1997
+ classes.push("ams-grid--padding-top--".concat(paddingTop));
1927
1998
  }
1928
1999
  return classes;
1929
2000
  };
1930
- var Grid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
2001
+ var GridRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1931
2002
  var children = _ref.children,
1932
2003
  className = _ref.className,
1933
2004
  gapVertical = _ref.gapVertical,
@@ -1937,16 +2008,19 @@ var Grid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1937
2008
  restProps = _objectWithoutProperties(_ref, _excluded);
1938
2009
  return jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, restProps), {}, {
1939
2010
  ref: ref,
1940
- className: clsx('amsterdam-grid', gapVertical && "amsterdam-grid--gap-vertical--".concat(gapVertical), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
2011
+ className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
1941
2012
  children: children
1942
2013
  }));
1943
2014
  });
1944
- Grid.Cell = GridCell;
1945
- Grid.displayName = 'Grid';
2015
+ GridRoot.displayName = 'Grid';
2016
+ var Grid = Object.assign(GridRoot, {
2017
+ Cell: GridCell
2018
+ });
1946
2019
 
1947
2020
  exports.Accordion = Accordion;
1948
2021
  exports.Alert = Alert;
1949
2022
  exports.AspectRatio = AspectRatio;
2023
+ exports.Avatar = Avatar;
1950
2024
  exports.Badge = Badge;
1951
2025
  exports.Blockquote = Blockquote;
1952
2026
  exports.Breadcrumb = Breadcrumb;
@@ -1957,6 +2031,7 @@ exports.Column = Column;
1957
2031
  exports.Dialog = Dialog;
1958
2032
  exports.Fieldset = Fieldset;
1959
2033
  exports.Footer = Footer;
2034
+ exports.FormFieldCharacterCounter = FormFieldCharacterCounter;
1960
2035
  exports.FormLabel = FormLabel;
1961
2036
  exports.Grid = Grid;
1962
2037
  exports.Header = Header;