@utrecht/component-library-react 3.0.1-alpha.8 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
4
  import { forwardRef, useId, useRef, useState, createElement, isValidElement, useImperativeHandle, useEffect } from 'react';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
6
  import clsx from 'clsx';
7
7
  import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
8
8
  import _extends from '@babel/runtime/helpers/extends';
9
9
 
10
- var _excluded$1i = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
11
- function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
- function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
+ var _excluded$1l = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
11
+ function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
+ function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
13
  var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
14
14
  var appearance = _ref.appearance,
15
15
  busy = _ref.busy,
@@ -19,8 +19,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
19
19
  hint = _ref.hint,
20
20
  pressed = _ref.pressed,
21
21
  type = _ref.type,
22
- restProps = _objectWithoutProperties(_ref, _excluded$1i);
23
- return jsx("button", _objectSpread$1j(_objectSpread$1j({
22
+ restProps = _objectWithoutProperties(_ref, _excluded$1l);
23
+ return jsx("button", _objectSpread$1m(_objectSpread$1m({
24
24
  ref: ref,
25
25
  className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
26
26
  "aria-busy": busy || undefined,
@@ -34,38 +34,38 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
34
34
  Button.displayName = 'Button';
35
35
  var PrimaryActionButton = function PrimaryActionButton(_ref2) {
36
36
  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
37
- return jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
37
+ return jsx(Button, _objectSpread$1m(_objectSpread$1m({}, args), {}, {
38
38
  appearance: "primary-action-button"
39
39
  }));
40
40
  };
41
41
  PrimaryActionButton.displayName = 'PrimaryActionButton';
42
42
  var SecondaryActionButton = function SecondaryActionButton(_ref3) {
43
43
  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
44
- return jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
44
+ return jsx(Button, _objectSpread$1m(_objectSpread$1m({}, args), {}, {
45
45
  appearance: "secondary-action-button"
46
46
  }));
47
47
  };
48
48
  SecondaryActionButton.displayName = 'SecondaryActionButton';
49
49
  var SubtleButton = function SubtleButton(_ref4) {
50
50
  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
51
- return jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
51
+ return jsx(Button, _objectSpread$1m(_objectSpread$1m({}, args), {}, {
52
52
  appearance: "subtle-button"
53
53
  }));
54
54
  };
55
55
  SubtleButton.displayName = 'SubtleButton';
56
56
 
57
- var _excluded$1h = ["appearance", "className", "level"];
58
- function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
59
- function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
57
+ var _excluded$1k = ["appearance", "className", "level"];
58
+ function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
59
+ function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
60
60
  var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
61
61
  var appearance = _ref.appearance,
62
62
  className = _ref.className,
63
63
  level = _ref.level,
64
- restProps = _objectWithoutProperties(_ref, _excluded$1h);
64
+ restProps = _objectWithoutProperties(_ref, _excluded$1k);
65
65
  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
66
66
  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
67
67
  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
68
- return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
68
+ return jsx(HeadingX, _objectSpread$1l(_objectSpread$1l({
69
69
  className: clsx(headingClassName, className)
70
70
  }, restProps), {}, {
71
71
  ref: ref
@@ -73,9 +73,42 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
73
73
  });
74
74
  Heading.displayName = 'Heading';
75
75
 
76
- var _excluded$1g = ["children", "group", "headingLevel", "heading"];
77
- function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
78
- function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
76
+ var _excluded$1j = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
77
+ _excluded2$9 = ["children", "group", "headingLevel", "heading"];
78
+ function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
79
+ function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
80
+ var IconChevronDown = function IconChevronDown() {
81
+ return jsxs("svg", {
82
+ id: "Layer_1",
83
+ xmlns: "http://www.w3.org/2000/svg",
84
+ width: "14",
85
+ height: "8",
86
+ viewBox: "0 0 14 8",
87
+ children: [jsx("defs", {
88
+ children: jsx("clipPath", {
89
+ id: "clippath",
90
+ children: jsx("rect", {
91
+ width: "14",
92
+ height: "8",
93
+ style: {
94
+ fill: 'none',
95
+ strokeWidth: '0px'
96
+ }
97
+ })
98
+ })
99
+ }), jsx("g", {
100
+ style: {
101
+ clipPath: 'url(#clippath)'
102
+ },
103
+ children: jsx("path", {
104
+ d: "m7,8c-.26,0-.51-.1-.71-.29L.29,1.71C-.1,1.32-.1.68.29.29S1.32-.1,1.71.29l5.29,5.29L12.29.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-6,6c-.2.2-.45.29-.71.29Z",
105
+ style: {
106
+ strokeWidth: '0px;'
107
+ }
108
+ })
109
+ })]
110
+ });
111
+ };
79
112
  /**
80
113
  * Find the first item in an array
81
114
  */
@@ -105,6 +138,7 @@ var previousItem = function previousItem(items, item) {
105
138
  var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
106
139
  var id = _ref.id,
107
140
  label = _ref.label,
141
+ className = _ref.className,
108
142
  _ref$headingLevel = _ref.headingLevel,
109
143
  headingLevel = _ref$headingLevel === void 0 ? 1 : _ref$headingLevel,
110
144
  _ref$expanded = _ref.expanded,
@@ -115,7 +149,10 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
115
149
  buttonRef = _ref.buttonRef,
116
150
  onActivate = _ref.onActivate,
117
151
  onButtonBlur = _ref.onButtonBlur,
118
- onButtonFocus = _ref.onButtonFocus;
152
+ onButtonFocus = _ref.onButtonFocus,
153
+ icon = _ref.icon,
154
+ appearance = _ref.appearance,
155
+ props = _objectWithoutProperties(_ref, _excluded$1j);
119
156
  var panelAttributes = {
120
157
  className: clsx('utrecht-accordion__panel', {
121
158
  'utrecht-accordion__panel--expanded': expanded
@@ -126,6 +163,10 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
126
163
  // doesn't use `display: none` to make transitions.
127
164
  'aria-hidden': !expanded
128
165
  };
166
+ var iconStart = icon ? icon : icon === null ? null : jsx(IconChevronDown, {});
167
+ if (appearance === 'utrecht') {
168
+ iconStart = null;
169
+ }
129
170
  var idPrefix = 'utrecht-accordion';
130
171
  var idSuffix = id || useId();
131
172
  var buttonId = "".concat(idPrefix).concat(idSuffix, "-button");
@@ -135,15 +176,16 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
135
176
  // content of the landmark to be the actual content, instead of starting
136
177
  // with the button that controls the region.
137
178
  // - we only want expanded sections to show up as landmarks
138
- return jsxs("div", {
139
- className: clsx('utrecht-accordion__section'),
179
+ return jsxs("div", _objectSpread$1k(_objectSpread$1k({
180
+ className: clsx('utrecht-accordion__section', className),
140
181
  id: id,
141
- ref: ref,
182
+ ref: ref
183
+ }, props), {}, {
142
184
  children: [jsx(Heading, {
143
185
  level: headingLevel,
144
186
  className: clsx('utrecht-accordion__header'),
145
- children: jsx(Button, {
146
- className: clsx('utrecht-accordion__button'),
187
+ children: jsxs(Button, {
188
+ className: clsx('utrecht-accordion__button', _defineProperty({}, 'utrecht-accordion__button--utrecht', appearance === 'utrecht')),
147
189
  appearance: "subtle-button",
148
190
  "aria-expanded": expanded === true,
149
191
  "aria-controls": panelId,
@@ -159,17 +201,25 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
159
201
  return typeof onButtonBlur === 'function' && onButtonBlur(ref);
160
202
  },
161
203
  ref: buttonRef,
162
- children: label
204
+ children: [iconStart && jsx("span", {
205
+ className: "utrecht-accordion__button-icon",
206
+ children: iconStart
207
+ }), jsx("span", {
208
+ className: "utrecht-accordion__button-label",
209
+ children: label
210
+ })]
163
211
  })
164
- }), section ? jsx("section", _objectSpread$1h(_objectSpread$1h({
212
+ }), section ? jsx("section", _objectSpread$1k(_objectSpread$1k({
165
213
  id: panelId,
166
214
  "aria-labelledby": buttonId
167
215
  }, panelAttributes), {}, {
168
216
  children: children
169
- })) : jsx("div", _objectSpread$1h(_objectSpread$1h({}, panelAttributes), {}, {
217
+ })) : jsx("div", _objectSpread$1k(_objectSpread$1k({
218
+ id: panelId
219
+ }, panelAttributes), {}, {
170
220
  children: children
171
221
  }))]
172
- });
222
+ }));
173
223
  });
174
224
  AccordionSection.displayName = 'AccordionSection';
175
225
  var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -177,13 +227,13 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
177
227
  group = _ref2.group,
178
228
  headingLevel = _ref2.headingLevel,
179
229
  heading = _ref2.heading,
180
- props = _objectWithoutProperties(_ref2, _excluded$1g);
230
+ props = _objectWithoutProperties(_ref2, _excluded2$9);
181
231
  var headingId = useId();
182
232
  return jsxs(Fragment, {
183
233
  children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
184
234
  level: headingLevel,
185
235
  children: heading
186
- }), jsx("div", _objectSpread$1h(_objectSpread$1h({
236
+ }), jsx("div", _objectSpread$1k(_objectSpread$1k({
187
237
  className: clsx('utrecht-accordion'),
188
238
  role: group ? 'group' : undefined,
189
239
  "aria-labelledby": group ? headingId : undefined
@@ -195,7 +245,6 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
195
245
  });
196
246
  Accordion.displayName = 'Accordion';
197
247
  var useAccordion = function useAccordion(sections, ref) {
198
- console.log('useAccordion');
199
248
  // const sections: AccordionSectionProviderProps[] = [];
200
249
  var refs = sections.map(function (_) {
201
250
  return useRef(null);
@@ -221,7 +270,6 @@ var useAccordion = function useAccordion(sections, ref) {
221
270
  focusFirstSection: function focusFirstSection() {
222
271
  var _firstSection$current;
223
272
  var firstSection = firstItem(buttonRefs);
224
- console.log(refs);
225
273
  firstSection === null || firstSection === void 0 || (_firstSection$current = firstSection.current) === null || _firstSection$current === void 0 || _firstSection$current.focus();
226
274
  },
227
275
  focusPreviousSection: function focusPreviousSection(activeElement) {
@@ -239,7 +287,9 @@ var useAccordion = function useAccordion(sections, ref) {
239
287
  };
240
288
  };
241
289
  var AccordionProvider = function AccordionProvider(_ref4) {
242
- var sections = _ref4.sections;
290
+ var sections = _ref4.sections,
291
+ icon = _ref4.icon,
292
+ appearance = _ref4.appearance;
243
293
  var ref = useRef(null);
244
294
  var _useAccordion = useAccordion(sections, ref),
245
295
  refs = _useAccordion.refs,
@@ -291,7 +341,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
291
341
  // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
292
342
  setSectionsState(sectionsState.map(function (section, index) {
293
343
  if (index === activatedIndex) {
294
- return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
344
+ return _objectSpread$1k(_objectSpread$1k({}, section), {}, {
295
345
  expanded: !section.expanded
296
346
  });
297
347
  } else {
@@ -299,7 +349,9 @@ var AccordionProvider = function AccordionProvider(_ref4) {
299
349
  }
300
350
  }));
301
351
  };
302
- return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({}, section), {}, {
352
+ return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1k(_objectSpread$1k({}, section), {}, {
353
+ icon: icon,
354
+ appearance: appearance,
303
355
  ref: refs[index],
304
356
  buttonRef: buttonRefs[index],
305
357
  key: index,
@@ -312,16 +364,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
312
364
  };
313
365
  AccordionProvider.displayName = 'AccordionProvider';
314
366
 
315
- var _excluded$1f = ["children", "className", "icon", "type"];
316
- function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
317
- function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
367
+ var _excluded$1i = ["children", "className", "icon", "type"];
368
+ function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
369
+ function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
318
370
  var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
319
371
  var children = _ref.children,
320
372
  className = _ref.className,
321
373
  icon = _ref.icon,
322
374
  type = _ref.type,
323
- restProps = _objectWithoutProperties(_ref, _excluded$1f);
324
- return jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
375
+ restProps = _objectWithoutProperties(_ref, _excluded$1i);
376
+ return jsxs("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
325
377
  ref: ref,
326
378
  className: clsx('utrecht-alert', {
327
379
  'utrecht-alert--error': type === 'error',
@@ -340,16 +392,16 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
340
392
  });
341
393
  Alert.displayName = 'Alert';
342
394
 
343
- var _excluded$1e = ["children", "className", "icon", "type"];
344
- function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
345
- function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
395
+ var _excluded$1h = ["children", "className", "icon", "type"];
396
+ function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
397
+ function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
346
398
  var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
347
399
  var children = _ref.children,
348
400
  className = _ref.className,
349
401
  icon = _ref.icon,
350
402
  type = _ref.type,
351
- restProps = _objectWithoutProperties(_ref, _excluded$1e);
352
- return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
403
+ restProps = _objectWithoutProperties(_ref, _excluded$1h);
404
+ return jsxs("dialog", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
353
405
  ref: ref,
354
406
  className: clsx('utrecht-alert-dialog', {
355
407
  'utrecht-alert-dialog--error': type === 'error',
@@ -368,14 +420,14 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
368
420
  });
369
421
  AlertDialog.displayName = 'AlertDialog';
370
422
 
371
- var _excluded$1d = ["children", "className"];
372
- function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
373
- function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
423
+ var _excluded$1g = ["children", "className"];
424
+ function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
425
+ function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
374
426
  var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
375
427
  var children = _ref.children,
376
428
  className = _ref.className,
377
- restProps = _objectWithoutProperties(_ref, _excluded$1d);
378
- return jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
429
+ restProps = _objectWithoutProperties(_ref, _excluded$1g);
430
+ return jsx("article", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
379
431
  ref: ref,
380
432
  className: clsx('utrecht-article', className),
381
433
  children: children
@@ -383,14 +435,14 @@ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
383
435
  });
384
436
  Article.displayName = 'Article';
385
437
 
386
- var _excluded$1c = ["children", "className"];
387
- function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
388
- function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
438
+ var _excluded$1f = ["children", "className"];
439
+ function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
440
+ function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
389
441
  var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
390
442
  var children = _ref.children,
391
443
  className = _ref.className,
392
- restProps = _objectWithoutProperties(_ref, _excluded$1c);
393
- return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
444
+ restProps = _objectWithoutProperties(_ref, _excluded$1f);
445
+ return jsx("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
394
446
  ref: ref,
395
447
  className: clsx('utrecht-backdrop', className),
396
448
  children: children
@@ -398,35 +450,35 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
398
450
  });
399
451
  Backdrop.displayName = 'Backdrop';
400
452
 
401
- var _excluded$1b = ["children", "className", "value"];
402
- function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
403
- function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
453
+ var _excluded$1e = ["children", "className", "value"];
454
+ function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
455
+ function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
404
456
  var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
405
457
  var children = _ref.children,
406
458
  className = _ref.className,
407
459
  value = _ref.value,
408
- restProps = _objectWithoutProperties(_ref, _excluded$1b);
409
- var props = _objectSpread$1c({
460
+ restProps = _objectWithoutProperties(_ref, _excluded$1e);
461
+ var props = _objectSpread$1f({
410
462
  children: children,
411
463
  className: clsx('utrecht-badge-counter', className)
412
464
  }, restProps);
413
- return typeof value !== 'undefined' ? jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
465
+ return typeof value !== 'undefined' ? jsx("data", _objectSpread$1f(_objectSpread$1f({}, props), {}, {
414
466
  value: value,
415
467
  ref: ref
416
- })) : jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
468
+ })) : jsx("span", _objectSpread$1f(_objectSpread$1f({}, props), {}, {
417
469
  ref: ref
418
470
  }));
419
471
  });
420
472
  BadgeCounter.displayName = 'BadgeCounter';
421
473
 
422
- var _excluded$1a = ["children", "className"];
423
- 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; }
424
- 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; }
474
+ var _excluded$1d = ["children", "className"];
475
+ function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
476
+ function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
425
477
  var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
426
478
  var children = _ref.children,
427
479
  className = _ref.className,
428
- restProps = _objectWithoutProperties(_ref, _excluded$1a);
429
- return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
480
+ restProps = _objectWithoutProperties(_ref, _excluded$1d);
481
+ return jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
430
482
  ref: ref,
431
483
  className: clsx('utrecht-badge-list', className),
432
484
  children: children
@@ -434,9 +486,9 @@ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
434
486
  });
435
487
  BadgeList.displayName = 'BadgeList';
436
488
 
437
- var _excluded$19 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
438
- 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; }
439
- 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; }
489
+ var _excluded$1c = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
490
+ function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
491
+ function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
440
492
  var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
441
493
  var boxContent = _ref.boxContent,
442
494
  children = _ref.children,
@@ -445,13 +497,13 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
445
497
  href = _ref.href,
446
498
  placeholder = _ref.placeholder,
447
499
  role = _ref.role,
448
- restProps = _objectWithoutProperties(_ref, _excluded$19);
500
+ restProps = _objectWithoutProperties(_ref, _excluded$1c);
449
501
  return (
450
502
  // "utrecht-link--telephone" does not have a corresponding API,
451
503
  // since it is primarily a basis for implementing input[href^="tel"].
452
504
  // Telephone number rendering in React is best achieved using composition
453
505
  // of the TelephoneValue component.
454
- jsx("a", _objectSpread$1a(_objectSpread$1a({
506
+ jsx("a", _objectSpread$1d(_objectSpread$1d({
455
507
  href: placeholder ? undefined : href,
456
508
  ref: ref,
457
509
  role: role || (placeholder ? 'link' : undefined),
@@ -469,12 +521,12 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
469
521
  });
470
522
  Link.displayName = 'Link';
471
523
 
472
- var _excluded$18 = ["appearance", "children", "className", "headingLevel", "label"],
473
- _excluded2$6 = ["className", "children"],
474
- _excluded3$1 = ["className", "children"],
524
+ var _excluded$1b = ["appearance", "children", "className", "headingLevel", "label"],
525
+ _excluded2$8 = ["className", "children"],
526
+ _excluded3$2 = ["className", "children"],
475
527
  _excluded4$1 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
476
- 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; }
477
- 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; }
528
+ function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
529
+ function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
478
530
  var useMicrodataItem = function useMicrodataItem(_ref) {
479
531
  var prop = _ref.prop,
480
532
  type = _ref.type;
@@ -496,9 +548,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
496
548
  _ref2$headingLevel = _ref2.headingLevel,
497
549
  headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
498
550
  label = _ref2.label,
499
- restProps = _objectWithoutProperties(_ref2, _excluded$18);
551
+ restProps = _objectWithoutProperties(_ref2, _excluded$1b);
500
552
  var headingId = label ? useId() : undefined;
501
- return jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
553
+ return jsxs("nav", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
502
554
  ref: ref,
503
555
  className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
504
556
  'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
@@ -510,7 +562,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
510
562
  level: headingLevel,
511
563
  "aria-hidden": "true",
512
564
  children: label
513
- }), jsx("ol", _objectSpread$19(_objectSpread$19({
565
+ }), jsx("ol", _objectSpread$1c(_objectSpread$1c({
514
566
  className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
515
567
  }, useMicrodataItem({
516
568
  type: 'https://schema.org/BreadcrumbList'
@@ -523,8 +575,8 @@ BreadcrumbNav.displayName = 'BreadcrumbNav';
523
575
  var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
524
576
  var className = _ref3.className,
525
577
  children = _ref3.children,
526
- restProps = _objectWithoutProperties(_ref3, _excluded2$6);
527
- return jsx("li", _objectSpread$19(_objectSpread$19(_objectSpread$19({
578
+ restProps = _objectWithoutProperties(_ref3, _excluded2$8);
579
+ return jsx("li", _objectSpread$1c(_objectSpread$1c(_objectSpread$1c({
528
580
  className: clsx('utrecht-breadcrumb-nav__item', className)
529
581
  }, useMicrodataItem({
530
582
  type: 'https://schema.org/ListItem',
@@ -539,8 +591,8 @@ BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
539
591
  var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
540
592
  var className = _ref4.className,
541
593
  children = _ref4.children,
542
- restProps = _objectWithoutProperties(_ref4, _excluded3$1);
543
- return jsx("li", _objectSpread$19(_objectSpread$19({
594
+ restProps = _objectWithoutProperties(_ref4, _excluded3$2);
595
+ return jsx("li", _objectSpread$1c(_objectSpread$1c({
544
596
  "aria-hidden": "true",
545
597
  hidden: true,
546
598
  style: {
@@ -568,7 +620,7 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
568
620
  var DefaultLinkComponent = Link$1;
569
621
  var LinkComponent = Link$1 || DefaultLinkComponent;
570
622
  return jsx(BreadcrumbNavItem, {
571
- children: jsxs(LinkComponent, _objectSpread$19(_objectSpread$19(_objectSpread$19({
623
+ children: jsxs(LinkComponent, _objectSpread$1c(_objectSpread$1c(_objectSpread$1c({
572
624
  className: clsx('utrecht-breadcrumb-nav__link', className, {
573
625
  'utrecht-breadcrumb-nav__link--current': current,
574
626
  'utrecht-breadcrumb-nav__link--disabled': disabled
@@ -580,11 +632,11 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
580
632
  "aria-disabled": disabled ? 'true' : undefined
581
633
  }, useMicrodataProp('item')), restProps), {}, {
582
634
  ref: ref,
583
- children: [jsx("span", _objectSpread$19(_objectSpread$19({
635
+ children: [jsx("span", _objectSpread$1c(_objectSpread$1c({
584
636
  className: "utrecht-breadcrumb-nav__text"
585
637
  }, useMicrodataProp('name')), {}, {
586
638
  children: children
587
- })), typeof index === 'number' ? jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
639
+ })), typeof index === 'number' ? jsx("meta", _objectSpread$1c(_objectSpread$1c({}, useMicrodataProp('position')), {}, {
588
640
  content: String(index + 1)
589
641
  })) : null]
590
642
  }))
@@ -592,9 +644,9 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
592
644
  });
593
645
  BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
594
646
 
595
- var _excluded$17 = ["children", "className", "direction"];
596
- 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; }
597
- 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; }
647
+ var _excluded$1a = ["children", "className", "direction"];
648
+ 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; }
649
+ 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; }
598
650
  var hasManyElements = function hasManyElements(children) {
599
651
  return Array.isArray(children) && children.reduce(function (count, item) {
600
652
  return /*#__PURE__*/isValidElement(item) ? count + 1 : count;
@@ -604,8 +656,8 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
604
656
  var children = _ref.children,
605
657
  className = _ref.className,
606
658
  direction = _ref.direction,
607
- restProps = _objectWithoutProperties(_ref, _excluded$17);
608
- return jsx("p", _objectSpread$18(_objectSpread$18({
659
+ restProps = _objectWithoutProperties(_ref, _excluded$1a);
660
+ return jsx("p", _objectSpread$1b(_objectSpread$1b({
609
661
  role: hasManyElements(children) ? 'group' : undefined
610
662
  }, restProps), {}, {
611
663
  ref: ref,
@@ -618,9 +670,9 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
618
670
  });
619
671
  ButtonGroup.displayName = 'ButtonGroup';
620
672
 
621
- var _excluded$16 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
622
- 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; }
623
- 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; }
673
+ var _excluded$19 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
674
+ 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; }
675
+ 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; }
624
676
  var onKeyDown = function onKeyDown(evt) {
625
677
  var _evt$target;
626
678
  if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
@@ -638,18 +690,18 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
638
690
  href = _ref.href,
639
691
  placeholder = _ref.placeholder,
640
692
  role = _ref.role,
641
- restProps = _objectWithoutProperties(_ref, _excluded$16);
693
+ restProps = _objectWithoutProperties(_ref, _excluded$19);
642
694
  var props = restProps;
643
695
  if (role === 'button') {
644
696
  // When this link is announced as button by accessibility tools,
645
697
  // it should also behave like a button. Links are not activated
646
698
  // using `Space`, so we need to implement that behaviour here
647
699
  // to reach parity with the `button` element.
648
- props = _objectSpread$17(_objectSpread$17({}, restProps), {}, {
700
+ props = _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
649
701
  onKeyDown: onKeyDown
650
702
  });
651
703
  }
652
- return jsx("a", _objectSpread$17(_objectSpread$17({
704
+ return jsx("a", _objectSpread$1a(_objectSpread$1a({
653
705
  href: placeholder ? undefined : href,
654
706
  ref: ref,
655
707
  role: role || (placeholder ? 'link' : undefined),
@@ -668,9 +720,9 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
668
720
  });
669
721
  ButtonLink.displayName = 'ButtonLink';
670
722
 
671
- var _excluded$15 = ["appearance", "disabled", "invalid", "required", "className"];
672
- 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; }
673
- 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; }
723
+ var _excluded$18 = ["appearance", "disabled", "invalid", "required", "className"];
724
+ 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; }
725
+ 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; }
674
726
  var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
675
727
  var _ref$appearance = _ref.appearance,
676
728
  appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
@@ -678,8 +730,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
678
730
  invalid = _ref.invalid,
679
731
  required = _ref.required,
680
732
  className = _ref.className,
681
- restProps = _objectWithoutProperties(_ref, _excluded$15);
682
- return jsx("input", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
733
+ restProps = _objectWithoutProperties(_ref, _excluded$18);
734
+ return jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
683
735
  ref: ref,
684
736
  type: "checkbox",
685
737
  className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
@@ -695,14 +747,14 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
695
747
  });
696
748
  Checkbox.displayName = 'Checkbox';
697
749
 
698
- var _excluded$14 = ["children", "className"];
699
- 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; }
700
- 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; }
750
+ var _excluded$17 = ["children", "className"];
751
+ 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; }
752
+ 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; }
701
753
  var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
702
754
  var children = _ref.children,
703
755
  className = _ref.className,
704
- restProps = _objectWithoutProperties(_ref, _excluded$14);
705
- return jsx("code", _objectSpread$15(_objectSpread$15({
756
+ restProps = _objectWithoutProperties(_ref, _excluded$17);
757
+ return jsx("code", _objectSpread$18(_objectSpread$18({
706
758
  ref: ref,
707
759
  className: clsx('utrecht-code', className)
708
760
  }, restProps), {}, {
@@ -711,14 +763,14 @@ var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
711
763
  });
712
764
  Code.displayName = 'Code';
713
765
 
714
- var _excluded$13 = ["children", "className"];
715
- 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; }
716
- 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; }
766
+ var _excluded$16 = ["children", "className"];
767
+ 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; }
768
+ 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; }
717
769
  var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
718
770
  var children = _ref.children,
719
771
  className = _ref.className,
720
- restProps = _objectWithoutProperties(_ref, _excluded$13);
721
- return jsx("pre", _objectSpread$14(_objectSpread$14({
772
+ restProps = _objectWithoutProperties(_ref, _excluded$16);
773
+ return jsx("pre", _objectSpread$17(_objectSpread$17({
722
774
  ref: ref,
723
775
  className: clsx('utrecht-code-block', className)
724
776
  }, restProps), {}, {
@@ -730,19 +782,19 @@ var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
730
782
  });
731
783
  CodeBlock.displayName = 'CodeBlock';
732
784
 
733
- var _excluded$12 = ["children", "className", "color", "style"];
734
- 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; }
735
- 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; }
785
+ var _excluded$15 = ["children", "className", "color", "style"];
786
+ 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; }
787
+ 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; }
736
788
  var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
737
789
  var children = _ref.children,
738
790
  className = _ref.className,
739
791
  color = _ref.color,
740
792
  style = _ref.style,
741
- restProps = _objectWithoutProperties(_ref, _excluded$12);
742
- return jsx("data", _objectSpread$13(_objectSpread$13({
793
+ restProps = _objectWithoutProperties(_ref, _excluded$15);
794
+ return jsx("data", _objectSpread$16(_objectSpread$16({
743
795
  ref: ref,
744
796
  className: clsx('utrecht-color-sample', className),
745
- style: _objectSpread$13(_objectSpread$13({}, style), {}, {
797
+ style: _objectSpread$16(_objectSpread$16({}, style), {}, {
746
798
  color: color
747
799
  }),
748
800
  value: color
@@ -766,9 +818,37 @@ var ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
766
818
  });
767
819
  ColumnLayout.displayName = 'ColumnLayout';
768
820
 
769
- var _excluded$11 = ["children", "currency", "amount", "locale", "className"];
770
- 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; }
771
- 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; }
821
+ var _excluded$14 = ["className"],
822
+ _excluded2$7 = ["className", "position"];
823
+ 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; }
824
+ 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; }
825
+ var Combobox = /*#__PURE__*/forwardRef(function (_ref, ref) {
826
+ var className = _ref.className,
827
+ restProps = _objectWithoutProperties(_ref, _excluded$14);
828
+ return jsx("div", _objectSpread$15(_objectSpread$15({
829
+ className: clsx('utrecht-combobox', className)
830
+ }, restProps), {}, {
831
+ ref: ref
832
+ }));
833
+ });
834
+ Combobox.displayName = 'Combobox';
835
+ var ComboboxPopover = /*#__PURE__*/forwardRef(function (_ref2, ref) {
836
+ var className = _ref2.className,
837
+ position = _ref2.position,
838
+ restProps = _objectWithoutProperties(_ref2, _excluded2$7);
839
+ return jsx("div", _objectSpread$15(_objectSpread$15({
840
+ className: clsx('utrecht-combobox__popover', {
841
+ 'utrecht-search-bar__popover--block-end': !position || position === 'block-end'
842
+ }, className)
843
+ }, restProps), {}, {
844
+ ref: ref
845
+ }));
846
+ });
847
+ ComboboxPopover.displayName = 'ComboboxPopover';
848
+
849
+ var _excluded$13 = ["children", "currency", "amount", "locale", "className"];
850
+ 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; }
851
+ 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; }
772
852
  var formatLabel = function formatLabel(locale, currency, amount) {
773
853
  return new Intl.NumberFormat(locale, {
774
854
  style: 'currency',
@@ -804,11 +884,11 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
804
884
  _ref$locale = _ref.locale,
805
885
  locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
806
886
  className = _ref.className,
807
- restProps = _objectWithoutProperties(_ref, _excluded$11);
887
+ restProps = _objectWithoutProperties(_ref, _excluded$13);
808
888
  var number = typeof amount === 'string' ? parseFloat(amount) : amount;
809
889
  var labelFormatted = formatLabel(locale, currency, number);
810
890
  var visuallyFormatted = formatVisually(locale, currency, number);
811
- return jsx("data", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
891
+ return jsx("data", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
812
892
  ref: ref,
813
893
  value: "".concat(currency, " ").concat(amount),
814
894
  className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
@@ -818,39 +898,39 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
818
898
  });
819
899
  CurrencyData.displayName = 'CurrencyData';
820
900
 
821
- var _excluded$10 = ["children", "className", "dateTime", "value"];
822
- 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; }
823
- 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; }
901
+ var _excluded$12 = ["children", "className", "dateTime", "value"];
902
+ 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; }
903
+ 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; }
824
904
  var DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
825
905
  var children = _ref.children,
826
906
  className = _ref.className,
827
907
  dateTime = _ref.dateTime,
828
908
  value = _ref.value,
829
- restProps = _objectWithoutProperties(_ref, _excluded$10);
830
- var props = _objectSpread$11({
909
+ restProps = _objectWithoutProperties(_ref, _excluded$12);
910
+ var props = _objectSpread$13({
831
911
  children: children,
832
912
  className: clsx('utrecht-badge-data', className)
833
913
  }, restProps);
834
- return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$11(_objectSpread$11({}, props), {}, {
914
+ return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$13(_objectSpread$13({}, props), {}, {
835
915
  dateTime: dateTime,
836
916
  ref: ref
837
- })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$11(_objectSpread$11({}, props), {}, {
917
+ })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$13(_objectSpread$13({}, props), {}, {
838
918
  value: value,
839
919
  ref: ref
840
- })) : jsx("span", _objectSpread$11(_objectSpread$11({}, props), {}, {
920
+ })) : jsx("span", _objectSpread$13(_objectSpread$13({}, props), {}, {
841
921
  ref: ref
842
922
  }));
843
923
  });
844
924
  DataBadge.displayName = 'DataBadge';
845
925
 
846
- var _excluded$$ = ["children", "className"];
847
- 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; }
848
- 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; }
926
+ var _excluded$11 = ["children", "className"];
927
+ 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; }
928
+ 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; }
849
929
  var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
850
930
  var children = _ref.children,
851
931
  className = _ref.className,
852
- restProps = _objectWithoutProperties(_ref, _excluded$$);
853
- return jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
932
+ restProps = _objectWithoutProperties(_ref, _excluded$11);
933
+ return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
854
934
  ref: ref,
855
935
  className: clsx('utrecht-document', className),
856
936
  children: children
@@ -858,18 +938,18 @@ var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
858
938
  });
859
939
  Document.displayName = 'Document';
860
940
 
861
- var _excluded$_ = ["appearance", "children", "className"],
862
- _excluded2$5 = ["children", "className"],
863
- _excluded3 = ["children", "className"],
941
+ var _excluded$10 = ["appearance", "children", "className"],
942
+ _excluded2$6 = ["children", "className"],
943
+ _excluded3$1 = ["children", "className"],
864
944
  _excluded4 = ["children", "className"];
865
- 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; }
866
- 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; }
945
+ 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; }
946
+ 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; }
867
947
  var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
868
948
  var appearance = _ref.appearance,
869
949
  children = _ref.children,
870
950
  className = _ref.className,
871
- restProps = _objectWithoutProperties(_ref, _excluded$_);
872
- return jsx("dl", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
951
+ restProps = _objectWithoutProperties(_ref, _excluded$10);
952
+ return jsx("dl", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
873
953
  className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
874
954
  ref: ref,
875
955
  children: children
@@ -879,8 +959,8 @@ DataList.displayName = 'DataList';
879
959
  var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
880
960
  var children = _ref2.children,
881
961
  className = _ref2.className,
882
- restProps = _objectWithoutProperties(_ref2, _excluded2$5);
883
- return jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
962
+ restProps = _objectWithoutProperties(_ref2, _excluded2$6);
963
+ return jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
884
964
  className: clsx('utrecht-data-list__item', className),
885
965
  ref: ref,
886
966
  children: children
@@ -890,8 +970,8 @@ DataListItem.displayName = 'DataListItem';
890
970
  var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
891
971
  var children = _ref3.children,
892
972
  className = _ref3.className,
893
- restProps = _objectWithoutProperties(_ref3, _excluded3);
894
- return jsx("dt", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
973
+ restProps = _objectWithoutProperties(_ref3, _excluded3$1);
974
+ return jsx("dt", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
895
975
  className: clsx('utrecht-data-list__item-key', className),
896
976
  ref: ref,
897
977
  children: children
@@ -921,7 +1001,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
921
1001
  var children = _ref5.children,
922
1002
  className = _ref5.className,
923
1003
  restProps = _objectWithoutProperties(_ref5, _excluded4);
924
- return jsx("dd", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
1004
+ return jsx("dd", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
925
1005
  className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
926
1006
  ref: ref,
927
1007
  children: children
@@ -929,15 +1009,15 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
929
1009
  });
930
1010
  DataListActions.displayName = 'DataListActions';
931
1011
 
932
- var _excluded$Z = ["align", "children", "className", "modal"];
933
- 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; }
934
- 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; }
1012
+ var _excluded$$ = ["align", "children", "className", "modal"];
1013
+ 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; }
1014
+ 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; }
935
1015
  var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
936
1016
  var align = _ref.align,
937
1017
  children = _ref.children,
938
1018
  className = _ref.className,
939
1019
  modal = _ref.modal,
940
- restProps = _objectWithoutProperties(_ref, _excluded$Z);
1020
+ restProps = _objectWithoutProperties(_ref, _excluded$$);
941
1021
  var dialogRef = useRef(null);
942
1022
  useImperativeHandle(ref, function () {
943
1023
  return dialogRef.current;
@@ -950,7 +1030,7 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
950
1030
  dialogRef.current.showModal();
951
1031
  }
952
1032
  });
953
- return jsx("dialog", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
1033
+ return jsx("dialog", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
954
1034
  ref: dialogRef,
955
1035
  className: clsx('utrecht-drawer', {
956
1036
  'utrecht-drawer--block-end': align === 'block-end',
@@ -963,14 +1043,14 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
963
1043
  });
964
1044
  Drawer.displayName = 'Drawer';
965
1045
 
966
- var _excluded$Y = ["children", "className"];
967
- 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; }
968
- 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; }
1046
+ var _excluded$_ = ["children", "className"];
1047
+ 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; }
1048
+ 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; }
969
1049
  var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
970
1050
  var children = _ref.children,
971
1051
  className = _ref.className,
972
- restProps = _objectWithoutProperties(_ref, _excluded$Y);
973
- return jsx("em", _objectSpread$Z(_objectSpread$Z({
1052
+ restProps = _objectWithoutProperties(_ref, _excluded$_);
1053
+ return jsx("em", _objectSpread$$(_objectSpread$$({
974
1054
  ref: ref,
975
1055
  className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
976
1056
  }, restProps), {}, {
@@ -979,10 +1059,10 @@ var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
979
1059
  });
980
1060
  Emphasis.displayName = 'Emphasis';
981
1061
 
982
- var _excluded$X = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
983
- _excluded2$4 = ["className", "children", "disabled", "invalid"];
984
- 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; }
985
- 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; }
1062
+ var _excluded$Z = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
1063
+ _excluded2$5 = ["className", "children", "disabled", "invalid"];
1064
+ 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; }
1065
+ 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; }
986
1066
  var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
987
1067
  var ariaDescribedby = _ref['aria-describedby'],
988
1068
  ariaLabel = _ref['aria-label'],
@@ -994,8 +1074,8 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
994
1074
  invalid = _ref.invalid,
995
1075
  name = _ref.name,
996
1076
  role = _ref.role,
997
- restProps = _objectWithoutProperties(_ref, _excluded$X);
998
- return jsx("div", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
1077
+ restProps = _objectWithoutProperties(_ref, _excluded$Z);
1078
+ return jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
999
1079
  ref: ref,
1000
1080
  className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
1001
1081
  children: jsx("fieldset", {
@@ -1018,8 +1098,8 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1018
1098
  children = _ref2.children,
1019
1099
  disabled = _ref2.disabled,
1020
1100
  invalid = _ref2.invalid,
1021
- restProps = _objectWithoutProperties(_ref2, _excluded2$4);
1022
- return jsx("fieldset", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
1101
+ restProps = _objectWithoutProperties(_ref2, _excluded2$5);
1102
+ return jsx("fieldset", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
1023
1103
  ref: ref,
1024
1104
  "aria-invalid": invalid || undefined,
1025
1105
  disabled: disabled,
@@ -1029,14 +1109,14 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1029
1109
  });
1030
1110
  FieldsetOnly.displayName = 'Fieldset';
1031
1111
 
1032
- var _excluded$W = ["className", "children"];
1033
- 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; }
1034
- 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; }
1112
+ var _excluded$Y = ["className", "children"];
1113
+ 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; }
1114
+ 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; }
1035
1115
  var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
1036
1116
  var className = _ref.className,
1037
1117
  children = _ref.children,
1038
- restProps = _objectWithoutProperties(_ref, _excluded$W);
1039
- return jsx("legend", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
1118
+ restProps = _objectWithoutProperties(_ref, _excluded$Y);
1119
+ return jsx("legend", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
1040
1120
  ref: ref,
1041
1121
  className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
1042
1122
  children: children
@@ -1044,14 +1124,14 @@ var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
1044
1124
  });
1045
1125
  FieldsetLegend.displayName = 'FieldsetLegend';
1046
1126
 
1047
- var _excluded$V = ["className", "children"];
1048
- 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; }
1049
- 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; }
1127
+ var _excluded$X = ["className", "children"];
1128
+ 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; }
1129
+ 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; }
1050
1130
  var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
1051
1131
  var className = _ref.className,
1052
1132
  children = _ref.children,
1053
- restProps = _objectWithoutProperties(_ref, _excluded$V);
1054
- return jsx("figure", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
1133
+ restProps = _objectWithoutProperties(_ref, _excluded$X);
1134
+ return jsx("figure", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
1055
1135
  ref: ref,
1056
1136
  className: clsx('utrecht-figure', className),
1057
1137
  children: children
@@ -1059,14 +1139,14 @@ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
1059
1139
  });
1060
1140
  Figure.displayName = 'Figure';
1061
1141
 
1062
- var _excluded$U = ["className", "children"];
1063
- 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; }
1064
- 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; }
1142
+ var _excluded$W = ["className", "children"];
1143
+ 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; }
1144
+ 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; }
1065
1145
  var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
1066
1146
  var className = _ref.className,
1067
1147
  children = _ref.children,
1068
- restProps = _objectWithoutProperties(_ref, _excluded$U);
1069
- return jsx("figcaption", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
1148
+ restProps = _objectWithoutProperties(_ref, _excluded$W);
1149
+ return jsx("figcaption", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
1070
1150
  ref: ref,
1071
1151
  className: clsx('utrecht-figure__caption', className),
1072
1152
  children: children
@@ -1074,16 +1154,19 @@ var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
1074
1154
  });
1075
1155
  FigureCaption.displayName = 'FigureCaption';
1076
1156
 
1077
- var _excluded$T = ["className", "children", "invalid", "type"];
1078
- 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; }
1079
- 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; }
1157
+ var _excluded$V = ["className", "children", "description", "input", "invalid", "label", "type"];
1158
+ 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; }
1159
+ 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; }
1080
1160
  var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
1081
1161
  var className = _ref.className,
1082
1162
  children = _ref.children,
1163
+ description = _ref.description,
1164
+ input = _ref.input,
1083
1165
  invalid = _ref.invalid,
1166
+ label = _ref.label,
1084
1167
  type = _ref.type,
1085
- restProps = _objectWithoutProperties(_ref, _excluded$T);
1086
- return jsx("div", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
1168
+ restProps = _objectWithoutProperties(_ref, _excluded$V);
1169
+ return jsxs("div", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
1087
1170
  ref: ref,
1088
1171
  className: clsx('utrecht-form-field', {
1089
1172
  'utrecht-form-field--invalid': invalid,
@@ -1091,22 +1174,31 @@ var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
1091
1174
  'utrecht-form-field--radio': type === 'radio',
1092
1175
  'utrecht-form-field--text': !type || type === 'text'
1093
1176
  }, className),
1094
- children: children
1177
+ children: [label && jsx("div", {
1178
+ className: "utrecht-form-field__label",
1179
+ children: label
1180
+ }), input && jsx("div", {
1181
+ className: "utrecht-form-field__input",
1182
+ children: input
1183
+ }), description && jsx("div", {
1184
+ className: "utrecht-form-field__description",
1185
+ children: description
1186
+ }), children]
1095
1187
  }));
1096
1188
  });
1097
1189
  FormField.displayName = 'FormField';
1098
1190
 
1099
- var _excluded$S = ["invalid", "valid", "warning", "className", "children"];
1100
- 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; }
1101
- 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; }
1191
+ var _excluded$U = ["invalid", "valid", "warning", "className", "children"];
1192
+ 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; }
1193
+ 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; }
1102
1194
  var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
1103
1195
  var invalid = _ref.invalid,
1104
1196
  valid = _ref.valid,
1105
1197
  warning = _ref.warning,
1106
1198
  className = _ref.className,
1107
1199
  children = _ref.children,
1108
- restProps = _objectWithoutProperties(_ref, _excluded$S);
1109
- return jsx("div", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
1200
+ restProps = _objectWithoutProperties(_ref, _excluded$U);
1201
+ return jsx("div", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
1110
1202
  ref: ref,
1111
1203
  className: clsx('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className),
1112
1204
  children: children
@@ -1114,14 +1206,14 @@ var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
1114
1206
  });
1115
1207
  FormFieldDescription.displayName = 'FormFieldDescription';
1116
1208
 
1117
- var _excluded$R = ["className", "children"];
1118
- 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; }
1119
- 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; }
1209
+ var _excluded$T = ["className", "children"];
1210
+ 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; }
1211
+ 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; }
1120
1212
  var FormFieldErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
1121
1213
  var className = _ref.className,
1122
1214
  children = _ref.children,
1123
- restProps = _objectWithoutProperties(_ref, _excluded$R);
1124
- return jsx("div", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
1215
+ restProps = _objectWithoutProperties(_ref, _excluded$T);
1216
+ return jsx("div", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
1125
1217
  ref: ref,
1126
1218
  className: clsx('utrecht-form-field-error-message', className),
1127
1219
  children: children
@@ -1129,17 +1221,17 @@ var FormFieldErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
1129
1221
  });
1130
1222
  FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
1131
1223
 
1132
- var _excluded$Q = ["children", "className", "type", "disabled", "checked"];
1133
- 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; }
1134
- 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; }
1224
+ var _excluded$S = ["children", "className", "type", "disabled", "checked"];
1225
+ 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; }
1226
+ 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; }
1135
1227
  var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
1136
1228
  var children = _ref.children,
1137
1229
  className = _ref.className,
1138
1230
  type = _ref.type,
1139
1231
  disabled = _ref.disabled,
1140
1232
  checked = _ref.checked,
1141
- restProps = _objectWithoutProperties(_ref, _excluded$Q);
1142
- return jsx("label", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
1233
+ restProps = _objectWithoutProperties(_ref, _excluded$S);
1234
+ return jsx("label", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
1143
1235
  ref: ref,
1144
1236
  className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
1145
1237
  children: children
@@ -1147,9 +1239,9 @@ var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
1147
1239
  });
1148
1240
  FormLabel.displayName = 'FormLabel';
1149
1241
 
1150
- var _excluded$P = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
1151
- 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; }
1152
- 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; }
1242
+ var _excluded$R = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
1243
+ 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; }
1244
+ 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; }
1153
1245
  var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
1154
1246
  var checked = _ref.checked,
1155
1247
  disabled = _ref.disabled,
@@ -1160,7 +1252,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
1160
1252
  role = _ref.role,
1161
1253
  tabIndex = _ref.tabIndex,
1162
1254
  className = _ref.className,
1163
- restProps = _objectWithoutProperties(_ref, _excluded$P);
1255
+ restProps = _objectWithoutProperties(_ref, _excluded$R);
1164
1256
  return jsxs("div", {
1165
1257
  className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
1166
1258
  'utrecht-form-toggle--disabled': disabled,
@@ -1168,7 +1260,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
1168
1260
  'utrecht-form-toggle--required': required
1169
1261
  }, className),
1170
1262
  hidden: hidden,
1171
- children: [jsx("input", _objectSpread$Q({
1263
+ children: [jsx("input", _objectSpread$S({
1172
1264
  id: id,
1173
1265
  "aria-invalid": invalid || undefined,
1174
1266
  type: "checkbox",
@@ -1181,7 +1273,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
1181
1273
  tabIndex: tabIndex
1182
1274
  }, restProps)), jsx("label", {
1183
1275
  htmlFor: id,
1184
- className: "utrecht-form-toggle__track",
1276
+ className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
1185
1277
  children: jsx("div", {
1186
1278
  className: "utrecht-form-toggle__thumb"
1187
1279
  })
@@ -1190,14 +1282,14 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
1190
1282
  });
1191
1283
  FormToggle.displayName = 'FormToggle';
1192
1284
 
1193
- var _excluded$O = ["children", "className"];
1194
- 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; }
1195
- 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; }
1285
+ var _excluded$Q = ["children", "className"];
1286
+ 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; }
1287
+ 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; }
1196
1288
  var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
1197
1289
  var children = _ref.children,
1198
1290
  className = _ref.className,
1199
- restProps = _objectWithoutProperties(_ref, _excluded$O);
1200
- return jsx("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1291
+ restProps = _objectWithoutProperties(_ref, _excluded$Q);
1292
+ return jsx("div", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
1201
1293
  ref: ref,
1202
1294
  className: clsx('utrecht-html', className),
1203
1295
  children: children
@@ -1205,14 +1297,14 @@ var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
1205
1297
  });
1206
1298
  HTMLContent.displayName = 'HTMLContent';
1207
1299
 
1208
- var _excluded$N = ["children", "className"];
1209
- 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; }
1210
- 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; }
1300
+ var _excluded$P = ["children", "className"];
1301
+ 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; }
1302
+ 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; }
1211
1303
  var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1212
1304
  var children = _ref.children,
1213
1305
  className = _ref.className,
1214
- restProps = _objectWithoutProperties(_ref, _excluded$N);
1215
- return jsx("h1", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
1306
+ restProps = _objectWithoutProperties(_ref, _excluded$P);
1307
+ return jsx("h1", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
1216
1308
  ref: ref,
1217
1309
  className: clsx('utrecht-heading-1', className),
1218
1310
  children: children
@@ -1220,14 +1312,14 @@ var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1220
1312
  });
1221
1313
  Heading1.displayName = 'Heading1';
1222
1314
 
1223
- var _excluded$M = ["children", "className"];
1224
- 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; }
1225
- 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; }
1315
+ var _excluded$O = ["children", "className"];
1316
+ 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; }
1317
+ 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; }
1226
1318
  var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1227
1319
  var children = _ref.children,
1228
1320
  className = _ref.className,
1229
- restProps = _objectWithoutProperties(_ref, _excluded$M);
1230
- return jsx("h2", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
1321
+ restProps = _objectWithoutProperties(_ref, _excluded$O);
1322
+ return jsx("h2", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1231
1323
  ref: ref,
1232
1324
  className: clsx('utrecht-heading-2', className),
1233
1325
  children: children
@@ -1235,14 +1327,14 @@ var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1235
1327
  });
1236
1328
  Heading2.displayName = 'Heading2';
1237
1329
 
1238
- var _excluded$L = ["children", "className"];
1239
- 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; }
1240
- 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; }
1330
+ var _excluded$N = ["children", "className"];
1331
+ 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; }
1332
+ 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; }
1241
1333
  var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1242
1334
  var children = _ref.children,
1243
1335
  className = _ref.className,
1244
- restProps = _objectWithoutProperties(_ref, _excluded$L);
1245
- return jsx("h3", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
1336
+ restProps = _objectWithoutProperties(_ref, _excluded$N);
1337
+ return jsx("h3", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
1246
1338
  ref: ref,
1247
1339
  className: clsx('utrecht-heading-3', className),
1248
1340
  children: children
@@ -1250,14 +1342,14 @@ var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1250
1342
  });
1251
1343
  Heading3.displayName = 'Heading3';
1252
1344
 
1253
- var _excluded$K = ["children", "className"];
1254
- 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; }
1255
- 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; }
1345
+ var _excluded$M = ["children", "className"];
1346
+ 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; }
1347
+ 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; }
1256
1348
  var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1257
1349
  var children = _ref.children,
1258
1350
  className = _ref.className,
1259
- restProps = _objectWithoutProperties(_ref, _excluded$K);
1260
- return jsx("h4", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
1351
+ restProps = _objectWithoutProperties(_ref, _excluded$M);
1352
+ return jsx("h4", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
1261
1353
  ref: ref,
1262
1354
  className: clsx('utrecht-heading-4', className),
1263
1355
  children: children
@@ -1265,14 +1357,14 @@ var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1265
1357
  });
1266
1358
  Heading4.displayName = 'Heading4';
1267
1359
 
1268
- var _excluded$J = ["children", "className"];
1269
- 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; }
1270
- 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; }
1360
+ var _excluded$L = ["children", "className"];
1361
+ 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
+ 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; }
1271
1363
  var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1272
1364
  var children = _ref.children,
1273
1365
  className = _ref.className,
1274
- restProps = _objectWithoutProperties(_ref, _excluded$J);
1275
- return jsx("h5", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
1366
+ restProps = _objectWithoutProperties(_ref, _excluded$L);
1367
+ return jsx("h5", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
1276
1368
  ref: ref,
1277
1369
  className: clsx('utrecht-heading-5', className),
1278
1370
  children: children
@@ -1280,14 +1372,14 @@ var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1280
1372
  });
1281
1373
  Heading5.displayName = 'Heading5';
1282
1374
 
1283
- var _excluded$I = ["children", "className"];
1284
- 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; }
1285
- 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; }
1375
+ var _excluded$K = ["children", "className"];
1376
+ 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; }
1377
+ 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; }
1286
1378
  var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1287
1379
  var children = _ref.children,
1288
1380
  className = _ref.className,
1289
- restProps = _objectWithoutProperties(_ref, _excluded$I);
1290
- return jsx("h6", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
1381
+ restProps = _objectWithoutProperties(_ref, _excluded$K);
1382
+ return jsx("h6", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
1291
1383
  ref: ref,
1292
1384
  className: clsx('utrecht-heading-6', className),
1293
1385
  children: children
@@ -1295,14 +1387,14 @@ var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1295
1387
  });
1296
1388
  Heading6.displayName = 'Heading6';
1297
1389
 
1298
- var _excluded$H = ["children", "className"];
1299
- 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; }
1300
- 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; }
1390
+ var _excluded$J = ["children", "className"];
1391
+ 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; }
1392
+ 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; }
1301
1393
  var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
1302
1394
  var children = _ref.children,
1303
1395
  className = _ref.className,
1304
- restProps = _objectWithoutProperties(_ref, _excluded$H);
1305
- return jsx("hgroup", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
1396
+ restProps = _objectWithoutProperties(_ref, _excluded$J);
1397
+ return jsx("hgroup", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
1306
1398
  ref: ref,
1307
1399
  className: clsx('utrecht-heading-group', className),
1308
1400
  children: children
@@ -1310,9 +1402,9 @@ var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
1310
1402
  });
1311
1403
  HeadingGroup.displayName = 'HeadingGroup';
1312
1404
 
1313
- var _excluded$G = ["children", "value", "className"];
1314
- 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; }
1315
- 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; }
1405
+ var _excluded$I = ["children", "value", "className"];
1406
+ 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; }
1407
+ 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; }
1316
1408
  /* Exported only for unit tests, not part of the public API */
1317
1409
  var normalizeIBAN = function normalizeIBAN(iban) {
1318
1410
  return iban
@@ -1329,7 +1421,7 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1329
1421
  var children = _ref.children,
1330
1422
  value = _ref.value,
1331
1423
  className = _ref.className,
1332
- restProps = _objectWithoutProperties(_ref, _excluded$G);
1424
+ restProps = _objectWithoutProperties(_ref, _excluded$I);
1333
1425
  var normalized = normalizeIBAN(value);
1334
1426
  var formatted = formatIBAN(normalized);
1335
1427
  console.log({
@@ -1337,7 +1429,7 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1337
1429
  normalized: normalized,
1338
1430
  formatted: formatted
1339
1431
  });
1340
- return jsx("data", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
1432
+ return jsx("data", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
1341
1433
  ref: ref,
1342
1434
  value: normalized,
1343
1435
  className: clsx('utrecht-iban-data', className),
@@ -1347,14 +1439,14 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1347
1439
  });
1348
1440
  IBANData.displayName = 'IBANData';
1349
1441
 
1350
- var _excluded$F = ["children", "className"];
1351
- 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; }
1352
- 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; }
1442
+ var _excluded$H = ["children", "className"];
1443
+ 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; }
1444
+ 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; }
1353
1445
  var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
1354
1446
  var children = _ref.children,
1355
1447
  className = _ref.className,
1356
- restProps = _objectWithoutProperties(_ref, _excluded$F);
1357
- return jsx("span", _objectSpread$G(_objectSpread$G({
1448
+ restProps = _objectWithoutProperties(_ref, _excluded$H);
1449
+ return jsx("span", _objectSpread$I(_objectSpread$I({
1358
1450
  "aria-hidden": "true",
1359
1451
  ref: ref,
1360
1452
  className: clsx('utrecht-icon', className)
@@ -1364,16 +1456,16 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
1364
1456
  });
1365
1457
  Icon.displayName = 'Icon';
1366
1458
 
1367
- var _excluded$E = ["component", "currentChar", "characters", "onLinkClick", "Link"];
1368
- 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; }
1369
- 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; }
1459
+ var _excluded$G = ["component", "currentChar", "characters", "onLinkClick", "Link"];
1460
+ 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; }
1461
+ 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; }
1370
1462
  var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
1371
1463
  var component = _ref.component,
1372
1464
  currentChar = _ref.currentChar,
1373
1465
  characters = _ref.characters,
1374
1466
  onLinkClick = _ref.onLinkClick,
1375
1467
  Link = _ref.Link,
1376
- restProps = _objectWithoutProperties(_ref, _excluded$E);
1468
+ restProps = _objectWithoutProperties(_ref, _excluded$G);
1377
1469
  var LinkComponent = Link ? Link : ButtonLink;
1378
1470
  var links = [];
1379
1471
  if (component === 'button') {
@@ -1381,7 +1473,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
1381
1473
  var _char = _ref2["char"],
1382
1474
  disabled = _ref2.disabled;
1383
1475
  var current = currentChar === _char;
1384
- return /*#__PURE__*/createElement(Button, _objectSpread$F(_objectSpread$F({}, restProps), {}, {
1476
+ return /*#__PURE__*/createElement(Button, _objectSpread$H(_objectSpread$H({}, restProps), {}, {
1385
1477
  className: clsx({
1386
1478
  'utrecht-index-char-nav__link--current': current
1387
1479
  }),
@@ -1408,7 +1500,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
1408
1500
  'utrecht-index-char-nav__link--disabled': disabled,
1409
1501
  'utrecht-button-link--placeholder': disabled
1410
1502
  });
1411
- return jsx(LinkComponent, _objectSpread$F(_objectSpread$F({
1503
+ return jsx(LinkComponent, _objectSpread$H(_objectSpread$H({
1412
1504
  ref: ref,
1413
1505
  appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
1414
1506
  href: href,
@@ -1435,14 +1527,14 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
1435
1527
  });
1436
1528
  IndexCharNav.displayName = 'IndexCharNav';
1437
1529
 
1438
- var _excluded$D = ["className", "photo"];
1439
- 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; }
1440
- 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; }
1530
+ var _excluded$F = ["className", "photo"];
1531
+ 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; }
1532
+ 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; }
1441
1533
  var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
1442
1534
  var className = _ref.className,
1443
1535
  photo = _ref.photo,
1444
- restProps = _objectWithoutProperties(_ref, _excluded$D);
1445
- return jsx("img", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
1536
+ restProps = _objectWithoutProperties(_ref, _excluded$F);
1537
+ return jsx("img", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
1446
1538
  ref: ref,
1447
1539
  className: clsx('utrecht-img', {
1448
1540
  'utrecht-img--photo': photo
@@ -1451,9 +1543,9 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
1451
1543
  });
1452
1544
  Image.displayName = 'Image';
1453
1545
 
1454
- var _excluded$C = ["children", "disabled", "inline", "className", "pressed", "type"];
1455
- 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; }
1456
- 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; }
1546
+ var _excluded$E = ["children", "disabled", "inline", "className", "pressed", "type"];
1547
+ 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; }
1548
+ 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; }
1457
1549
  var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1458
1550
  var children = _ref.children,
1459
1551
  disabled = _ref.disabled,
@@ -1461,8 +1553,8 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1461
1553
  className = _ref.className,
1462
1554
  pressed = _ref.pressed,
1463
1555
  type = _ref.type,
1464
- restProps = _objectWithoutProperties(_ref, _excluded$C);
1465
- return jsx("button", _objectSpread$D(_objectSpread$D({
1556
+ restProps = _objectWithoutProperties(_ref, _excluded$E);
1557
+ return jsx("button", _objectSpread$F(_objectSpread$F({
1466
1558
  ref: ref,
1467
1559
  "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
1468
1560
  className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -1478,15 +1570,15 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1478
1570
  });
1479
1571
  LinkButton.displayName = 'LinkButton';
1480
1572
 
1481
- var _excluded$B = ["children", "className", "external"];
1482
- 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; }
1483
- 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; }
1573
+ var _excluded$D = ["children", "className", "external"];
1574
+ 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; }
1575
+ 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; }
1484
1576
  var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
1485
1577
  var children = _ref.children,
1486
1578
  className = _ref.className,
1487
1579
  external = _ref.external,
1488
- restProps = _objectWithoutProperties(_ref, _excluded$B);
1489
- return jsx("a", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
1580
+ restProps = _objectWithoutProperties(_ref, _excluded$D);
1581
+ return jsx("a", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
1490
1582
  ref: ref,
1491
1583
  className: clsx('utrecht-link-social', className),
1492
1584
  rel: external !== false ? 'external noopener noreferrer' : undefined,
@@ -1495,18 +1587,18 @@ var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
1495
1587
  });
1496
1588
  LinkSocial.displayName = 'LinkSocial';
1497
1589
 
1498
- var _excluded$A = ["className", "icon", "children"],
1499
- _excluded2$3 = ["children", "icon", "links", "className"];
1500
- 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; }
1501
- 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; }
1590
+ var _excluded$C = ["className", "icon", "children"],
1591
+ _excluded2$4 = ["children", "icon", "links", "className"];
1592
+ 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; }
1593
+ 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; }
1502
1594
  var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
1503
1595
  var className = _ref.className,
1504
1596
  icon = _ref.icon,
1505
1597
  children = _ref.children,
1506
- restProps = _objectWithoutProperties(_ref, _excluded$A);
1598
+ restProps = _objectWithoutProperties(_ref, _excluded$C);
1507
1599
  return jsx("li", {
1508
1600
  className: clsx('utrecht-link-list__item', className),
1509
- children: jsxs(Link, _objectSpread$B(_objectSpread$B({
1601
+ children: jsxs(Link, _objectSpread$D(_objectSpread$D({
1510
1602
  className: "utrecht-link-list__link"
1511
1603
  }, restProps), {}, {
1512
1604
  ref: ref,
@@ -1523,13 +1615,13 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1523
1615
  icon = _ref2.icon,
1524
1616
  links = _ref2.links,
1525
1617
  className = _ref2.className,
1526
- restProps = _objectWithoutProperties(_ref2, _excluded2$3);
1527
- return jsxs("ul", _objectSpread$B(_objectSpread$B({
1618
+ restProps = _objectWithoutProperties(_ref2, _excluded2$4);
1619
+ return jsxs("ul", _objectSpread$D(_objectSpread$D({
1528
1620
  ref: ref,
1529
1621
  className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
1530
1622
  }, restProps), {}, {
1531
1623
  children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
1532
- return jsx(LinkListLink, _objectSpread$B({
1624
+ return jsx(LinkListLink, _objectSpread$D({
1533
1625
  icon: typeof icon === 'function' ? icon() : undefined
1534
1626
  }, linkProps), index);
1535
1627
  })]
@@ -1537,6 +1629,85 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1537
1629
  });
1538
1630
  LinkList.displayName = 'LinkList';
1539
1631
 
1632
+ var _excluded$B = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
1633
+ _excluded2$3 = ["children", "label"],
1634
+ _excluded3 = ["active", "className", "disabled", "selected"];
1635
+ 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; }
1636
+ 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; }
1637
+ var Listbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
1638
+ var children = _ref.children,
1639
+ className = _ref.className,
1640
+ disabled = _ref.disabled,
1641
+ invalid = _ref.invalid,
1642
+ multiple = _ref.multiple,
1643
+ readOnly = _ref.readOnly,
1644
+ required = _ref.required,
1645
+ restProps = _objectWithoutProperties(_ref, _excluded$B);
1646
+ return jsx("div", _objectSpread$C(_objectSpread$C({
1647
+ className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
1648
+ 'utrecht-listbox--disabled': disabled,
1649
+ 'utrecht-listbox--invalid': invalid,
1650
+ 'utrecht-listbox--read-only': readOnly
1651
+ }, className),
1652
+ role: "listbox",
1653
+ "aria-disabled": disabled || undefined,
1654
+ "aria-invalid": invalid || undefined,
1655
+ "aria-multiselectable": multiple || undefined,
1656
+ "aria-readonly": readOnly || undefined,
1657
+ "aria-required": required || undefined,
1658
+ tabIndex: 0
1659
+ }, restProps), {}, {
1660
+ ref: ref,
1661
+ children: jsx("ul", {
1662
+ className: "utrecht-listbox__list",
1663
+ children: children
1664
+ })
1665
+ }));
1666
+ });
1667
+ Listbox.displayName = 'Listbox';
1668
+ var ListboxOptionGroup = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1669
+ var children = _ref2.children,
1670
+ label = _ref2.label,
1671
+ restProps = _objectWithoutProperties(_ref2, _excluded2$3);
1672
+ var id = useId();
1673
+ return jsxs("li", _objectSpread$C(_objectSpread$C({
1674
+ className: "utrecht-listbox__group",
1675
+ role: "group",
1676
+ "aria-labelledby": id
1677
+ }, restProps), {}, {
1678
+ ref: ref,
1679
+ children: [label && jsx("div", {
1680
+ id: id,
1681
+ className: "utrecht-listbox__group-label",
1682
+ children: label
1683
+ }), jsx("ul", {
1684
+ children: children
1685
+ })]
1686
+ }));
1687
+ });
1688
+ ListboxOptionGroup.displayName = 'ListboxOptionGroup';
1689
+ var ListboxOption = /*#__PURE__*/forwardRef(function (_ref3, ref) {
1690
+ var active = _ref3.active,
1691
+ className = _ref3.className,
1692
+ disabled = _ref3.disabled,
1693
+ selected = _ref3.selected,
1694
+ restProps = _objectWithoutProperties(_ref3, _excluded3);
1695
+ return jsx("li", _objectSpread$C(_objectSpread$C({
1696
+ className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
1697
+ 'utrecht-listbox__option--active': active,
1698
+ 'utrecht-listbox__option--disabled': disabled,
1699
+ 'utrecht-listbox__option--selected': selected
1700
+ }, className),
1701
+ "aria-disabled": disabled || undefined,
1702
+ "aria-selected": selected ? 'true' : 'false',
1703
+ tabIndex: disabled ? undefined : -1,
1704
+ role: "option"
1705
+ }, restProps), {}, {
1706
+ ref: ref
1707
+ }));
1708
+ });
1709
+ ListboxOption.displayName = 'ListboxOption';
1710
+
1540
1711
  var ListSocial = function ListSocial(_ref) {
1541
1712
  var children = _ref.children;
1542
1713
  return jsx("ul", {
@@ -1552,14 +1723,14 @@ var ListSocialItem = function ListSocialItem(_ref2) {
1552
1723
  });
1553
1724
  };
1554
1725
 
1555
- var _excluded$z = ["children", "className"];
1556
- 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; }
1557
- 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; }
1726
+ var _excluded$A = ["children", "className"];
1727
+ 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; }
1728
+ 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; }
1558
1729
  var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
1559
1730
  var children = _ref.children,
1560
1731
  className = _ref.className,
1561
- restProps = _objectWithoutProperties(_ref, _excluded$z);
1562
- return jsx("div", _objectSpread$A(_objectSpread$A({
1732
+ restProps = _objectWithoutProperties(_ref, _excluded$A);
1733
+ return jsx("div", _objectSpread$B(_objectSpread$B({
1563
1734
  ref: ref,
1564
1735
  className: clsx('utrecht-logo', className)
1565
1736
  }, restProps), {}, {
@@ -1568,11 +1739,11 @@ var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
1568
1739
  });
1569
1740
  Logo.displayName = 'Logo';
1570
1741
 
1571
- 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; }
1572
- 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; }
1742
+ 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; }
1743
+ 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; }
1573
1744
  var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
1574
1745
  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
1575
- return jsxs("svg", _objectSpread$z(_objectSpread$z({
1746
+ return jsxs("svg", _objectSpread$A(_objectSpread$A({
1576
1747
  width: "192",
1577
1748
  height: "100",
1578
1749
  viewBox: "0 0 192 100",
@@ -1666,14 +1837,14 @@ var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
1666
1837
  });
1667
1838
  LogoImage.displayName = 'LogoImage';
1668
1839
 
1669
- var _excluded$y = ["children", "className"];
1670
- 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; }
1671
- 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; }
1840
+ var _excluded$z = ["children", "className"];
1841
+ 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; }
1842
+ 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; }
1672
1843
  var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
1673
1844
  var children = _ref.children,
1674
1845
  className = _ref.className,
1675
- restProps = _objectWithoutProperties(_ref, _excluded$y);
1676
- return jsx("mark", _objectSpread$y(_objectSpread$y({
1846
+ restProps = _objectWithoutProperties(_ref, _excluded$z);
1847
+ return jsx("mark", _objectSpread$z(_objectSpread$z({
1677
1848
  ref: ref,
1678
1849
  className: clsx('utrecht-mark', className)
1679
1850
  }, restProps), {}, {
@@ -1682,14 +1853,14 @@ var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
1682
1853
  });
1683
1854
  Mark.displayName = 'Mark';
1684
1855
 
1685
- var _excluded$x = ["children", "className"];
1686
- 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; }
1687
- 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; }
1856
+ var _excluded$y = ["children", "className"];
1857
+ 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; }
1858
+ 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; }
1688
1859
  var MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1689
1860
  var children = _ref.children,
1690
1861
  className = _ref.className,
1691
- restProps = _objectWithoutProperties(_ref, _excluded$x);
1692
- return jsx("pre", _objectSpread$x(_objectSpread$x({
1862
+ restProps = _objectWithoutProperties(_ref, _excluded$y);
1863
+ return jsx("pre", _objectSpread$y(_objectSpread$y({
1693
1864
  ref: ref,
1694
1865
  className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
1695
1866
  }, restProps), {}, {
@@ -1713,10 +1884,10 @@ var NavBar = function NavBar(_ref) {
1713
1884
  };
1714
1885
  NavBar.displayName = 'NavBar';
1715
1886
 
1716
- var _excluded$w = ["center", "children"],
1887
+ var _excluded$x = ["center", "children"],
1717
1888
  _excluded2$2 = ["center", "children"];
1718
- 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; }
1719
- 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; }
1889
+ 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; }
1890
+ 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; }
1720
1891
  var NavList = function NavList(_ref) {
1721
1892
  var appearance = _ref.appearance,
1722
1893
  children = _ref.children;
@@ -1732,12 +1903,12 @@ NavList.displayName = 'NavList';
1732
1903
  var NavListLink = function NavListLink(_ref2) {
1733
1904
  var center = _ref2.center,
1734
1905
  children = _ref2.children,
1735
- restProps = _objectWithoutProperties(_ref2, _excluded$w);
1906
+ restProps = _objectWithoutProperties(_ref2, _excluded$x);
1736
1907
  return jsx("li", {
1737
1908
  className: clsx('utrecht-nav-list__item', {
1738
1909
  'utrecht-nav-list__item--center': center
1739
1910
  }),
1740
- children: jsx(Link, _objectSpread$w(_objectSpread$w({
1911
+ children: jsx(Link, _objectSpread$x(_objectSpread$x({
1741
1912
  className: "utrecht-nav-list__link"
1742
1913
  }, restProps), {}, {
1743
1914
  children: children
@@ -1753,7 +1924,7 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
1753
1924
  className: clsx('utrecht-nav-list__item', {
1754
1925
  'utrecht-nav-list__item--center': center
1755
1926
  }),
1756
- children: jsx(LinkButton, _objectSpread$w(_objectSpread$w({
1927
+ children: jsx(LinkButton, _objectSpread$x(_objectSpread$x({
1757
1928
  className: "utrecht-nav-list__link"
1758
1929
  }, restProps), {}, {
1759
1930
  children: children
@@ -1762,15 +1933,15 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
1762
1933
  };
1763
1934
  NavListLinkButton.displayName = 'NavListLinkButton';
1764
1935
 
1765
- var _excluded$v = ["children", "className", "value"];
1766
- 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; }
1767
- 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; }
1936
+ var _excluded$w = ["children", "className", "value"];
1937
+ 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; }
1938
+ 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; }
1768
1939
  var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1769
1940
  var children = _ref.children,
1770
1941
  className = _ref.className,
1771
1942
  value = _ref.value,
1772
- restProps = _objectWithoutProperties(_ref, _excluded$v);
1773
- return jsx("data", _objectSpread$v(_objectSpread$v({
1943
+ restProps = _objectWithoutProperties(_ref, _excluded$w);
1944
+ return jsx("data", _objectSpread$w(_objectSpread$w({
1774
1945
  value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
1775
1946
  }, restProps), {}, {
1776
1947
  ref: ref,
@@ -1780,14 +1951,14 @@ var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1780
1951
  });
1781
1952
  NumberData.displayName = 'NumberData';
1782
1953
 
1783
- var _excluded$u = ["children", "className"];
1784
- 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; }
1785
- 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; }
1954
+ var _excluded$v = ["children", "className"];
1955
+ 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; }
1956
+ 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; }
1786
1957
  var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
1787
1958
  var children = _ref.children,
1788
1959
  className = _ref.className,
1789
- restProps = _objectWithoutProperties(_ref, _excluded$u);
1790
- return jsx("ol", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
1960
+ restProps = _objectWithoutProperties(_ref, _excluded$v);
1961
+ return jsx("ol", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
1791
1962
  ref: ref,
1792
1963
  className: clsx('utrecht-ordered-list', className),
1793
1964
  children: children
@@ -1795,14 +1966,14 @@ var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
1795
1966
  });
1796
1967
  OrderedList.displayName = 'OrderedList';
1797
1968
 
1798
- var _excluded$t = ["children", "className"];
1799
- 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; }
1800
- 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; }
1969
+ var _excluded$u = ["children", "className"];
1970
+ 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; }
1971
+ 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; }
1801
1972
  var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
1802
1973
  var children = _ref.children,
1803
1974
  className = _ref.className,
1804
- restProps = _objectWithoutProperties(_ref, _excluded$t);
1805
- return jsx("li", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
1975
+ restProps = _objectWithoutProperties(_ref, _excluded$u);
1976
+ return jsx("li", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
1806
1977
  ref: ref,
1807
1978
  className: clsx('utrecht-ordered-list__item', className),
1808
1979
  children: children
@@ -1810,14 +1981,14 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
1810
1981
  });
1811
1982
  OrderedListItem.displayName = 'OrderedListItem';
1812
1983
 
1813
- var _excluded$s = ["children", "className"];
1814
- 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; }
1815
- 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; }
1984
+ var _excluded$t = ["children", "className"];
1985
+ 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; }
1986
+ 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; }
1816
1987
  var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
1817
1988
  var children = _ref.children,
1818
1989
  className = _ref.className,
1819
- restProps = _objectWithoutProperties(_ref, _excluded$s);
1820
- return jsx("div", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
1990
+ restProps = _objectWithoutProperties(_ref, _excluded$t);
1991
+ return jsx("div", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
1821
1992
  ref: ref,
1822
1993
  className: clsx('utrecht-page', className),
1823
1994
  children: children
@@ -1825,15 +1996,15 @@ var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
1825
1996
  });
1826
1997
  Page.displayName = 'Page';
1827
1998
 
1828
- var _excluded$r = ["children", "className"],
1999
+ var _excluded$s = ["children", "className"],
1829
2000
  _excluded2$1 = ["children", "className"];
1830
- 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; }
1831
- 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; }
2001
+ 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; }
2002
+ 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; }
1832
2003
  var PageContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
1833
2004
  var children = _ref.children,
1834
2005
  className = _ref.className,
1835
- restProps = _objectWithoutProperties(_ref, _excluded$r);
1836
- return jsx("div", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
2006
+ restProps = _objectWithoutProperties(_ref, _excluded$s);
2007
+ return jsx("div", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
1837
2008
  ref: ref,
1838
2009
  className: clsx('utrecht-page-content', className),
1839
2010
  children: children
@@ -1844,7 +2015,7 @@ var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1844
2015
  var children = _ref2.children,
1845
2016
  className = _ref2.className,
1846
2017
  restProps = _objectWithoutProperties(_ref2, _excluded2$1);
1847
- return jsx("main", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
2018
+ return jsx("main", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
1848
2019
  ref: ref,
1849
2020
  className: clsx('utrecht-page-content__main', className),
1850
2021
  children: children
@@ -1852,14 +2023,14 @@ var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1852
2023
  });
1853
2024
  PageContentMain.displayName = 'PageContentMain';
1854
2025
 
1855
- var _excluded$q = ["children", "className"];
1856
- 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; }
1857
- 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; }
2026
+ var _excluded$r = ["children", "className"];
2027
+ 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; }
2028
+ 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; }
1858
2029
  var PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
1859
2030
  var children = _ref.children,
1860
2031
  className = _ref.className,
1861
- restProps = _objectWithoutProperties(_ref, _excluded$q);
1862
- return jsx("footer", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
2032
+ restProps = _objectWithoutProperties(_ref, _excluded$r);
2033
+ return jsx("footer", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
1863
2034
  ref: ref,
1864
2035
  className: clsx('utrecht-page-footer', className),
1865
2036
  children: children
@@ -1867,14 +2038,14 @@ var PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
1867
2038
  });
1868
2039
  PageFooter.displayName = 'PageFooter';
1869
2040
 
1870
- var _excluded$p = ["children", "className"];
1871
- 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; }
1872
- 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; }
2041
+ var _excluded$q = ["children", "className"];
2042
+ 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; }
2043
+ 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; }
1873
2044
  var PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
1874
2045
  var children = _ref.children,
1875
2046
  className = _ref.className,
1876
- restProps = _objectWithoutProperties(_ref, _excluded$p);
1877
- return jsx("header", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
2047
+ restProps = _objectWithoutProperties(_ref, _excluded$q);
2048
+ return jsx("header", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
1878
2049
  ref: ref,
1879
2050
  className: clsx('utrecht-page-header', className),
1880
2051
  children: children
@@ -1882,16 +2053,16 @@ var PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
1882
2053
  });
1883
2054
  PageHeader.displayName = 'PageHeader';
1884
2055
 
1885
- var _excluded$o = ["children", "className", "lead", "small"];
1886
- 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; }
1887
- 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; }
2056
+ var _excluded$p = ["children", "className", "lead", "small"];
2057
+ 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; }
2058
+ 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; }
1888
2059
  var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
1889
2060
  var children = _ref.children,
1890
2061
  className = _ref.className,
1891
2062
  lead = _ref.lead,
1892
2063
  small = _ref.small,
1893
- restProps = _objectWithoutProperties(_ref, _excluded$o);
1894
- return jsx("p", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
2064
+ restProps = _objectWithoutProperties(_ref, _excluded$p);
2065
+ return jsx("p", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
1895
2066
  ref: ref,
1896
2067
  className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
1897
2068
  children: lead ? jsx("b", {
@@ -1905,14 +2076,14 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
1905
2076
  });
1906
2077
  Paragraph.displayName = 'Paragraph';
1907
2078
 
1908
- var _excluded$n = ["loading", "className"];
1909
- 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; }
1910
- 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; }
2079
+ var _excluded$o = ["loading", "className"];
2080
+ 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; }
2081
+ 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; }
1911
2082
  var DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
1912
2083
  var loading = _ref.loading,
1913
2084
  className = _ref.className,
1914
- restProps = _objectWithoutProperties(_ref, _excluded$n);
1915
- return jsx("span", _objectSpread$n({
2085
+ restProps = _objectWithoutProperties(_ref, _excluded$o);
2086
+ return jsx("span", _objectSpread$o({
1916
2087
  ref: ref,
1917
2088
  className: clsx('utrecht-data-placeholder', {
1918
2089
  'utrecht-data-placeholder--loading': loading
@@ -1921,14 +2092,14 @@ var DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
1921
2092
  });
1922
2093
  DataPlaceholder.displayName = 'DataPlaceholder';
1923
2094
 
1924
- var _excluded$m = ["children", "className"];
1925
- 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; }
1926
- 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; }
2095
+ var _excluded$n = ["children", "className"];
2096
+ 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; }
2097
+ 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; }
1927
2098
  var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
1928
2099
  var children = _ref.children,
1929
2100
  className = _ref.className,
1930
- restProps = _objectWithoutProperties(_ref, _excluded$m);
1931
- return jsx("p", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
2101
+ restProps = _objectWithoutProperties(_ref, _excluded$n);
2102
+ return jsx("p", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
1932
2103
  ref: ref,
1933
2104
  className: clsx('utrecht-pre-heading', className),
1934
2105
  children: children
@@ -1936,29 +2107,29 @@ var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
1936
2107
  });
1937
2108
  PreHeading.displayName = 'PreHeading';
1938
2109
 
1939
- var _excluded$l = ["children", "className", "dateTime", "value"];
1940
- 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; }
1941
- 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; }
2110
+ var _excluded$m = ["children", "className", "dateTime", "value"];
2111
+ 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; }
2112
+ 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; }
1942
2113
  var PreserveData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1943
2114
  var children = _ref.children,
1944
2115
  className = _ref.className,
1945
2116
  dateTime = _ref.dateTime,
1946
2117
  value = _ref.value,
1947
- restProps = _objectWithoutProperties(_ref, _excluded$l);
1948
- var props = _objectSpread$l({
2118
+ restProps = _objectWithoutProperties(_ref, _excluded$m);
2119
+ var props = _objectSpread$m({
1949
2120
  children: jsx("bdi", {
1950
2121
  translate: "no",
1951
2122
  children: children
1952
2123
  }),
1953
2124
  className: clsx('utrecht-preserve-data', className)
1954
2125
  }, restProps);
1955
- return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$l(_objectSpread$l({}, props), {}, {
2126
+ return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$m(_objectSpread$m({}, props), {}, {
1956
2127
  dateTime: dateTime,
1957
2128
  ref: ref
1958
- })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$l(_objectSpread$l({}, props), {}, {
2129
+ })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$m(_objectSpread$m({}, props), {}, {
1959
2130
  value: value,
1960
2131
  ref: ref
1961
- })) : jsx("bdi", _objectSpread$l(_objectSpread$l({
2132
+ })) : jsx("bdi", _objectSpread$m(_objectSpread$m({
1962
2133
  translate: "no",
1963
2134
  ref: ref
1964
2135
  }, props), {}, {
@@ -1967,16 +2138,16 @@ var PreserveData = /*#__PURE__*/forwardRef(function (_ref, ref) {
1967
2138
  });
1968
2139
  PreserveData.displayName = 'PreserveData';
1969
2140
 
1970
- var _excluded$k = ["disabled", "required", "className", "invalid"];
1971
- 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; }
1972
- 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; }
2141
+ var _excluded$l = ["disabled", "required", "className", "invalid"];
2142
+ 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; }
2143
+ 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; }
1973
2144
  var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1974
2145
  var disabled = _ref.disabled,
1975
2146
  required = _ref.required,
1976
2147
  className = _ref.className,
1977
2148
  invalid = _ref.invalid,
1978
- restProps = _objectWithoutProperties(_ref, _excluded$k);
1979
- return jsx("input", _objectSpread$k({
2149
+ restProps = _objectWithoutProperties(_ref, _excluded$l);
2150
+ return jsx("input", _objectSpread$l({
1980
2151
  type: "radio",
1981
2152
  "aria-invalid": invalid || undefined,
1982
2153
  disabled: disabled,
@@ -1987,10 +2158,10 @@ var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1987
2158
  });
1988
2159
  RadioButton.displayName = 'RadioButton';
1989
2160
 
1990
- var _excluded$j = ["busy", "invalid", "required", "className", "noscript", "children"],
2161
+ var _excluded$k = ["busy", "invalid", "required", "className", "noscript", "children"],
1991
2162
  _excluded2 = ["disabled", "invalid", "value", "children", "className"];
1992
- 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; }
1993
- 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; }
2163
+ 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; }
2164
+ 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; }
1994
2165
  var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
1995
2166
  var busy = _ref.busy,
1996
2167
  invalid = _ref.invalid,
@@ -1998,8 +2169,8 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
1998
2169
  className = _ref.className,
1999
2170
  noscript = _ref.noscript,
2000
2171
  children = _ref.children,
2001
- restProps = _objectWithoutProperties(_ref, _excluded$j);
2002
- return jsx("select", _objectSpread$j(_objectSpread$j({
2172
+ restProps = _objectWithoutProperties(_ref, _excluded$k);
2173
+ return jsx("select", _objectSpread$k(_objectSpread$k({
2003
2174
  "aria-busy": busy || undefined,
2004
2175
  "aria-invalid": invalid || undefined,
2005
2176
  required: noscript ? required : false,
@@ -2018,7 +2189,7 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref2, ref) {
2018
2189
  children = _ref2.children,
2019
2190
  className = _ref2.className,
2020
2191
  restProps = _objectWithoutProperties(_ref2, _excluded2);
2021
- return jsx("option", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
2192
+ return jsx("option", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
2022
2193
  ref: ref,
2023
2194
  disabled: disabled,
2024
2195
  value: value,
@@ -2028,30 +2199,30 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref2, ref) {
2028
2199
  });
2029
2200
  SelectOption.displayName = 'SelectOption';
2030
2201
 
2031
- var _excluded$i = ["className", "children"];
2032
- 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; }
2033
- 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; }
2202
+ var _excluded$j = ["className", "children"];
2203
+ 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; }
2204
+ 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; }
2034
2205
  // Do not pass `children` along with `restProps` and use _children as it's unused
2035
2206
  var Separator = /*#__PURE__*/forwardRef(function (_ref, ref) {
2036
2207
  var className = _ref.className;
2037
2208
  _ref.children;
2038
- var restProps = _objectWithoutProperties(_ref, _excluded$i);
2039
- return jsx("hr", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
2209
+ var restProps = _objectWithoutProperties(_ref, _excluded$j);
2210
+ return jsx("hr", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
2040
2211
  ref: ref,
2041
2212
  className: clsx('utrecht-separator', className)
2042
2213
  }));
2043
2214
  });
2044
2215
  Separator.displayName = 'Separator';
2045
2216
 
2046
- var _excluded$h = ["children", "className"];
2047
- 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; }
2048
- 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; }
2217
+ var _excluded$i = ["children", "className"];
2218
+ 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; }
2219
+ 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; }
2049
2220
  var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
2050
2221
  var children = _ref.children,
2051
2222
  className = _ref.className,
2052
- restProps = _objectWithoutProperties(_ref, _excluded$h);
2223
+ restProps = _objectWithoutProperties(_ref, _excluded$i);
2053
2224
  return jsx("p", {
2054
- children: jsx("a", _objectSpread$h(_objectSpread$h({
2225
+ children: jsx("a", _objectSpread$i(_objectSpread$i({
2055
2226
  ref: ref
2056
2227
  }, restProps), {}, {
2057
2228
  className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
@@ -2061,38 +2232,38 @@ var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
2061
2232
  });
2062
2233
  SkipLink.displayName = 'SkipLink';
2063
2234
 
2064
- var _excluded$g = ["aside", "children", "className", "type"];
2065
- 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; }
2066
- 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; }
2235
+ var _excluded$h = ["aside", "children", "className", "type"];
2236
+ 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; }
2237
+ 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; }
2067
2238
  var SpotlightSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
2068
2239
  var aside = _ref.aside,
2069
2240
  children = _ref.children,
2070
2241
  className = _ref.className,
2071
2242
  type = _ref.type,
2072
- restProps = _objectWithoutProperties(_ref, _excluded$g);
2073
- var props = _objectSpread$g(_objectSpread$g({}, restProps), {}, {
2243
+ restProps = _objectWithoutProperties(_ref, _excluded$h);
2244
+ var props = _objectSpread$h(_objectSpread$h({}, restProps), {}, {
2074
2245
  ref: ref,
2075
2246
  className: clsx('utrecht-spotlight-section', {
2076
2247
  'utrecht-spotlight-section--info': type === 'info',
2077
2248
  'utrecht-spotlight-section--warning': type === 'warning'
2078
2249
  }, className)
2079
2250
  });
2080
- return aside ? jsx("aside", _objectSpread$g(_objectSpread$g({}, props), {}, {
2251
+ return aside ? jsx("aside", _objectSpread$h(_objectSpread$h({}, props), {}, {
2081
2252
  children: children
2082
- })) : jsx("section", _objectSpread$g(_objectSpread$g({}, props), {}, {
2253
+ })) : jsx("section", _objectSpread$h(_objectSpread$h({}, props), {}, {
2083
2254
  children: children
2084
2255
  }));
2085
2256
  });
2086
2257
  SpotlightSection.displayName = 'SpotlightSection';
2087
2258
 
2088
- var _excluded$f = ["className", "status"];
2089
- 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; }
2090
- 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; }
2259
+ var _excluded$g = ["className", "status"];
2260
+ 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; }
2261
+ 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; }
2091
2262
  var StatusBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
2092
2263
  var className = _ref.className,
2093
2264
  status = _ref.status,
2094
- restProps = _objectWithoutProperties(_ref, _excluded$f);
2095
- return jsx("span", _objectSpread$f(_objectSpread$f({
2265
+ restProps = _objectWithoutProperties(_ref, _excluded$g);
2266
+ return jsx("span", _objectSpread$g(_objectSpread$g({
2096
2267
  className: clsx('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
2097
2268
  }, restProps), {}, {
2098
2269
  ref: ref
@@ -2100,14 +2271,14 @@ var StatusBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
2100
2271
  });
2101
2272
  StatusBadge.displayName = 'StatusBadge';
2102
2273
 
2103
- var _excluded$e = ["children", "className"];
2104
- 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; }
2105
- 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; }
2274
+ var _excluded$f = ["children", "className"];
2275
+ 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; }
2276
+ 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; }
2106
2277
  var Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
2107
2278
  var children = _ref.children,
2108
2279
  className = _ref.className,
2109
- restProps = _objectWithoutProperties(_ref, _excluded$e);
2110
- return jsx("strong", _objectSpread$e(_objectSpread$e({
2280
+ restProps = _objectWithoutProperties(_ref, _excluded$f);
2281
+ return jsx("strong", _objectSpread$f(_objectSpread$f({
2111
2282
  ref: ref,
2112
2283
  className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
2113
2284
  }, restProps), {}, {
@@ -2116,14 +2287,14 @@ var Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
2116
2287
  });
2117
2288
  Strong.displayName = 'Strong';
2118
2289
 
2119
- var _excluded$d = ["children", "className"];
2120
- 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; }
2121
- 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; }
2290
+ var _excluded$e = ["children", "className"];
2291
+ 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; }
2292
+ 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; }
2122
2293
  var Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
2123
2294
  var children = _ref.children,
2124
2295
  className = _ref.className,
2125
- restProps = _objectWithoutProperties(_ref, _excluded$d);
2126
- return jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
2296
+ restProps = _objectWithoutProperties(_ref, _excluded$e);
2297
+ return jsx("div", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
2127
2298
  ref: ref,
2128
2299
  className: clsx('utrecht-surface', className),
2129
2300
  children: children
@@ -2131,6 +2302,25 @@ var Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
2131
2302
  });
2132
2303
  Surface.displayName = 'Surface';
2133
2304
 
2305
+ var _excluded$d = ["overflowInline", "children", "className"];
2306
+ 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; }
2307
+ 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; }
2308
+ var TableContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
2309
+ var overflowInline = _ref.overflowInline,
2310
+ children = _ref.children,
2311
+ className = _ref.className,
2312
+ restProps = _objectWithoutProperties(_ref, _excluded$d);
2313
+ return jsx("div", _objectSpread$d(_objectSpread$d({
2314
+ ref: ref,
2315
+ className: clsx('utrecht-table-container', {
2316
+ 'utrecht-table-container--overflow-inline': overflowInline
2317
+ }, className)
2318
+ }, restProps), {}, {
2319
+ children: children
2320
+ }));
2321
+ });
2322
+ TableContainer.displayName = 'TableContainer';
2323
+
2134
2324
  var _excluded$c = ["busy", "children", "className"];
2135
2325
  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; }
2136
2326
  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; }
@@ -2388,5 +2578,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
2388
2578
  });
2389
2579
  UnorderedListItem.displayName = 'UnorderedListItem';
2390
2580
 
2391
- export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormFieldErrorMessage, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
2581
+ export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, Combobox, ComboboxPopover, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormFieldErrorMessage, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Listbox, ListboxOption, ListboxOptionGroup, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
2392
2582
  //# sourceMappingURL=index.esm.js.map