@utrecht/component-library-react 1.0.0-alpha.334 → 1.0.0-alpha.336

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -12,9 +12,9 @@ var dateFns = require('date-fns');
12
12
  var locale = require('date-fns/locale');
13
13
  var chunk = require('lodash.chunk');
14
14
 
15
- var _excluded$1j = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
16
- function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
- function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15
+ var _excluded$1k = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
16
+ function ownKeys$1k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
+ function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
18
18
  var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
19
19
  var appearance = _ref.appearance,
20
20
  busy = _ref.busy,
@@ -24,8 +24,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
24
24
  hint = _ref.hint,
25
25
  pressed = _ref.pressed,
26
26
  type = _ref.type,
27
- restProps = _objectWithoutProperties(_ref, _excluded$1j);
28
- return jsxRuntime.jsx("button", _objectSpread$1j(_objectSpread$1j({
27
+ restProps = _objectWithoutProperties(_ref, _excluded$1k);
28
+ return jsxRuntime.jsx("button", _objectSpread$1k(_objectSpread$1k({
29
29
  ref: ref,
30
30
  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),
31
31
  "aria-busy": busy || undefined,
@@ -39,38 +39,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
39
39
  Button.displayName = 'Button';
40
40
  var PrimaryActionButton = function PrimaryActionButton(_ref2) {
41
41
  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
42
- return jsxRuntime.jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
42
+ return jsxRuntime.jsx(Button, _objectSpread$1k(_objectSpread$1k({}, args), {}, {
43
43
  appearance: "primary-action-button"
44
44
  }));
45
45
  };
46
46
  PrimaryActionButton.displayName = 'PrimaryActionButton';
47
47
  var SecondaryActionButton = function SecondaryActionButton(_ref3) {
48
48
  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
49
- return jsxRuntime.jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
49
+ return jsxRuntime.jsx(Button, _objectSpread$1k(_objectSpread$1k({}, args), {}, {
50
50
  appearance: "secondary-action-button"
51
51
  }));
52
52
  };
53
53
  SecondaryActionButton.displayName = 'SecondaryActionButton';
54
54
  var SubtleButton = function SubtleButton(_ref4) {
55
55
  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
56
- return jsxRuntime.jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
56
+ return jsxRuntime.jsx(Button, _objectSpread$1k(_objectSpread$1k({}, args), {}, {
57
57
  appearance: "subtle-button"
58
58
  }));
59
59
  };
60
60
  SubtleButton.displayName = 'SubtleButton';
61
61
 
62
- var _excluded$1i = ["appearance", "className", "level"];
63
- function ownKeys$1i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
64
- function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
62
+ var _excluded$1j = ["appearance", "className", "level"];
63
+ function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
64
+ function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
65
65
  var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
66
66
  var appearance = _ref.appearance,
67
67
  className = _ref.className,
68
68
  level = _ref.level,
69
- restProps = _objectWithoutProperties(_ref, _excluded$1i);
69
+ restProps = _objectWithoutProperties(_ref, _excluded$1j);
70
70
  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
71
71
  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
72
72
  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
73
- return jsxRuntime.jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
73
+ return jsxRuntime.jsx(HeadingX, _objectSpread$1j(_objectSpread$1j({
74
74
  className: clsx(headingClassName, className)
75
75
  }, restProps), {}, {
76
76
  ref: ref
@@ -78,9 +78,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
78
78
  });
79
79
  Heading.displayName = 'Heading';
80
80
 
81
- var _excluded$1h = ["children", "group", "headingLevel", "heading"];
82
- function ownKeys$1h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
83
- function _objectSpread$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
81
+ var _excluded$1i = ["children", "group", "headingLevel", "heading"];
82
+ function ownKeys$1i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
83
+ function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
84
84
  /**
85
85
  * Find the first item in an array
86
86
  */
@@ -166,12 +166,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
166
166
  ref: buttonRef,
167
167
  children: label
168
168
  })
169
- }), section ? jsxRuntime.jsx("section", _objectSpread$1h(_objectSpread$1h({
169
+ }), section ? jsxRuntime.jsx("section", _objectSpread$1i(_objectSpread$1i({
170
170
  id: panelId,
171
171
  "aria-labelledby": buttonId
172
172
  }, panelAttributes), {}, {
173
173
  children: children
174
- })) : jsxRuntime.jsx("div", _objectSpread$1h(_objectSpread$1h({}, panelAttributes), {}, {
174
+ })) : jsxRuntime.jsx("div", _objectSpread$1i(_objectSpread$1i({}, panelAttributes), {}, {
175
175
  children: children
176
176
  }))]
177
177
  });
@@ -182,13 +182,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
182
182
  group = _ref2.group,
183
183
  headingLevel = _ref2.headingLevel,
184
184
  heading = _ref2.heading,
185
- props = _objectWithoutProperties(_ref2, _excluded$1h);
185
+ props = _objectWithoutProperties(_ref2, _excluded$1i);
186
186
  var headingId = react.useId();
187
187
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
188
188
  children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
189
189
  level: headingLevel,
190
190
  children: heading
191
- }), jsxRuntime.jsx("div", _objectSpread$1h(_objectSpread$1h({
191
+ }), jsxRuntime.jsx("div", _objectSpread$1i(_objectSpread$1i({
192
192
  className: clsx('utrecht-accordion'),
193
193
  role: group ? 'group' : undefined,
194
194
  "aria-labelledby": group ? headingId : undefined
@@ -296,7 +296,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
296
296
  // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
297
297
  setSectionsState(sectionsState.map(function (section, index) {
298
298
  if (index === activatedIndex) {
299
- return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
299
+ return _objectSpread$1i(_objectSpread$1i({}, section), {}, {
300
300
  expanded: !section.expanded
301
301
  });
302
302
  } else {
@@ -304,7 +304,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
304
304
  }
305
305
  }));
306
306
  };
307
- return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({}, section), {}, {
307
+ return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1i(_objectSpread$1i({}, section), {}, {
308
308
  ref: refs[index],
309
309
  buttonRef: buttonRefs[index],
310
310
  key: index,
@@ -317,16 +317,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
317
317
  };
318
318
  AccordionProvider.displayName = 'AccordionProvider';
319
319
 
320
- var _excluded$1g = ["children", "className", "icon", "type"];
321
- function ownKeys$1g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
322
- function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
320
+ var _excluded$1h = ["children", "className", "icon", "type"];
321
+ function ownKeys$1h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
322
+ function _objectSpread$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
323
323
  var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
324
324
  var children = _ref.children,
325
325
  className = _ref.className,
326
326
  icon = _ref.icon,
327
327
  type = _ref.type,
328
- restProps = _objectWithoutProperties(_ref, _excluded$1g);
329
- return jsxRuntime.jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
328
+ restProps = _objectWithoutProperties(_ref, _excluded$1h);
329
+ return jsxRuntime.jsxs("div", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
330
330
  ref: ref,
331
331
  className: clsx('utrecht-alert', {
332
332
  'utrecht-alert--error': type === 'error',
@@ -345,16 +345,16 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
345
345
  });
346
346
  Alert.displayName = 'Alert';
347
347
 
348
- var _excluded$1f = ["children", "className", "icon", "type"];
349
- function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
350
- function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
348
+ var _excluded$1g = ["children", "className", "icon", "type"];
349
+ function ownKeys$1g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
350
+ function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
351
351
  var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
352
352
  var children = _ref.children,
353
353
  className = _ref.className,
354
354
  icon = _ref.icon,
355
355
  type = _ref.type,
356
- restProps = _objectWithoutProperties(_ref, _excluded$1f);
357
- return jsxRuntime.jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
356
+ restProps = _objectWithoutProperties(_ref, _excluded$1g);
357
+ return jsxRuntime.jsxs("dialog", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
358
358
  ref: ref,
359
359
  className: clsx('utrecht-alert-dialog', {
360
360
  'utrecht-alert-dialog--error': type === 'error',
@@ -373,14 +373,14 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
373
373
  });
374
374
  AlertDialog.displayName = 'AlertDialog';
375
375
 
376
- var _excluded$1e = ["children", "className"];
377
- function ownKeys$1e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
378
- function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
376
+ var _excluded$1f = ["children", "className"];
377
+ function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
378
+ function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
379
379
  var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
380
380
  var children = _ref.children,
381
381
  className = _ref.className,
382
- restProps = _objectWithoutProperties(_ref, _excluded$1e);
383
- return jsxRuntime.jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
382
+ restProps = _objectWithoutProperties(_ref, _excluded$1f);
383
+ return jsxRuntime.jsx("article", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
384
384
  ref: ref,
385
385
  className: clsx('utrecht-article', className),
386
386
  children: children
@@ -388,14 +388,14 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
388
388
  });
389
389
  Article.displayName = 'Article';
390
390
 
391
- var _excluded$1d = ["children", "className"];
392
- function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
393
- function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
391
+ var _excluded$1e = ["children", "className"];
392
+ function ownKeys$1e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
393
+ function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
394
394
  var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
395
395
  var children = _ref.children,
396
396
  className = _ref.className,
397
- restProps = _objectWithoutProperties(_ref, _excluded$1d);
398
- return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
397
+ restProps = _objectWithoutProperties(_ref, _excluded$1e);
398
+ return jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
399
399
  ref: ref,
400
400
  className: clsx('utrecht-backdrop', className),
401
401
  children: children
@@ -403,35 +403,35 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
403
403
  });
404
404
  Backdrop.displayName = 'Backdrop';
405
405
 
406
- var _excluded$1c = ["children", "className", "value"];
407
- function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
408
- function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
406
+ var _excluded$1d = ["children", "className", "value"];
407
+ function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
408
+ function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
409
409
  var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
410
410
  var children = _ref.children,
411
411
  className = _ref.className,
412
412
  value = _ref.value,
413
- restProps = _objectWithoutProperties(_ref, _excluded$1c);
414
- var props = _objectSpread$1c({
413
+ restProps = _objectWithoutProperties(_ref, _excluded$1d);
414
+ var props = _objectSpread$1d({
415
415
  children: children,
416
416
  className: clsx('utrecht-badge-counter', className)
417
417
  }, restProps);
418
- return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
418
+ return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1d(_objectSpread$1d({}, props), {}, {
419
419
  value: value,
420
420
  ref: ref
421
- })) : jsxRuntime.jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
421
+ })) : jsxRuntime.jsx("span", _objectSpread$1d(_objectSpread$1d({}, props), {}, {
422
422
  ref: ref
423
423
  }));
424
424
  });
425
425
  BadgeCounter.displayName = 'BadgeCounter';
426
426
 
427
- var _excluded$1b = ["children", "className"];
428
- function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
429
- function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
427
+ var _excluded$1c = ["children", "className"];
428
+ function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
429
+ function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
430
430
  var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
431
431
  var children = _ref.children,
432
432
  className = _ref.className,
433
- restProps = _objectWithoutProperties(_ref, _excluded$1b);
434
- return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
433
+ restProps = _objectWithoutProperties(_ref, _excluded$1c);
434
+ return jsxRuntime.jsx("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
435
435
  ref: ref,
436
436
  className: clsx('utrecht-badge-list', className),
437
437
  children: children
@@ -439,9 +439,9 @@ var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
439
439
  });
440
440
  BadgeList.displayName = 'BadgeList';
441
441
 
442
- var _excluded$1a = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
443
- function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
444
- function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
442
+ var _excluded$1b = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
443
+ function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
444
+ function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
445
445
  var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
446
446
  var boxContent = _ref.boxContent,
447
447
  children = _ref.children,
@@ -450,13 +450,13 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
450
450
  href = _ref.href,
451
451
  placeholder = _ref.placeholder,
452
452
  role = _ref.role,
453
- restProps = _objectWithoutProperties(_ref, _excluded$1a);
453
+ restProps = _objectWithoutProperties(_ref, _excluded$1b);
454
454
  return (
455
455
  // "utrecht-link--telephone" does not have a corresponding API,
456
456
  // since it is primarily a basis for implementing input[href^="tel"].
457
457
  // Telephone number rendering in React is best achieved using composition
458
458
  // of the TelephoneValue component.
459
- jsxRuntime.jsx("a", _objectSpread$1a(_objectSpread$1a({
459
+ jsxRuntime.jsx("a", _objectSpread$1b(_objectSpread$1b({
460
460
  href: placeholder ? undefined : href,
461
461
  ref: ref,
462
462
  role: role || (placeholder ? 'link' : undefined),
@@ -474,9 +474,9 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
474
474
  });
475
475
  Link.displayName = 'Link';
476
476
 
477
- var _excluded$19 = ["appearance", "children", "className", "headingLevel", "label"];
478
- function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
479
- function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
477
+ var _excluded$1a = ["appearance", "children", "className", "headingLevel", "label"];
478
+ function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
479
+ function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
480
480
  var useMicrodataItem = function useMicrodataItem(_ref) {
481
481
  var prop = _ref.prop,
482
482
  type = _ref.type;
@@ -498,9 +498,9 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
498
498
  _ref2$headingLevel = _ref2.headingLevel,
499
499
  headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
500
500
  label = _ref2.label,
501
- restProps = _objectWithoutProperties(_ref2, _excluded$19);
501
+ restProps = _objectWithoutProperties(_ref2, _excluded$1a);
502
502
  var headingId = label ? react.useId() : undefined;
503
- return jsxRuntime.jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
503
+ return jsxRuntime.jsxs("nav", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
504
504
  ref: ref,
505
505
  className: clsx('utrecht-breadcrumb', {
506
506
  'utrecht-breadcrumb--arrows': appearance === 'arrows'
@@ -512,7 +512,7 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
512
512
  level: headingLevel,
513
513
  "aria-hidden": "true",
514
514
  children: label
515
- }), jsxRuntime.jsx("ol", _objectSpread$19(_objectSpread$19({
515
+ }), jsxRuntime.jsx("ol", _objectSpread$1a(_objectSpread$1a({
516
516
  className: "utrecht-breadcrumb__list"
517
517
  }, useMicrodataItem({
518
518
  type: 'https://schema.org/BreadcrumbList'
@@ -528,24 +528,24 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
528
528
  href = _ref3.href,
529
529
  index = _ref3.index,
530
530
  rel = _ref3.rel;
531
- return jsxRuntime.jsx("li", _objectSpread$19(_objectSpread$19({
531
+ return jsxRuntime.jsx("li", _objectSpread$1a(_objectSpread$1a({
532
532
  className: "utrecht-breadcrumb__item"
533
533
  }, useMicrodataItem({
534
534
  type: 'https://schema.org/ListItem',
535
535
  prop: 'itemListElement'
536
536
  })), {}, {
537
- children: jsxRuntime.jsxs(Link, _objectSpread$19(_objectSpread$19({
537
+ children: jsxRuntime.jsxs(Link, _objectSpread$1a(_objectSpread$1a({
538
538
  className: "utrecht-breadcrumb__link",
539
539
  href: href,
540
540
  rel: rel,
541
541
  "aria-current": current && 'location'
542
542
  }, useMicrodataProp('item')), {}, {
543
543
  ref: ref,
544
- children: [jsxRuntime.jsx("span", _objectSpread$19(_objectSpread$19({
544
+ children: [jsxRuntime.jsx("span", _objectSpread$1a(_objectSpread$1a({
545
545
  className: "utrecht-breadcrumb__text"
546
546
  }, useMicrodataProp('name')), {}, {
547
547
  children: children
548
- })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
548
+ })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$1a(_objectSpread$1a({}, useMicrodataProp('position')), {}, {
549
549
  content: String(index + 1)
550
550
  })) : null]
551
551
  }))
@@ -553,14 +553,14 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
553
553
  });
554
554
  BreadcrumbLink.displayName = 'BreadcrumbLink';
555
555
 
556
- var _excluded$18 = ["children", "className"];
557
- function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
558
- function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
556
+ var _excluded$19 = ["children", "className"];
557
+ function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
558
+ function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
559
559
  var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
560
560
  var children = _ref.children,
561
561
  className = _ref.className,
562
- restProps = _objectWithoutProperties(_ref, _excluded$18);
563
- return jsxRuntime.jsx("p", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
562
+ restProps = _objectWithoutProperties(_ref, _excluded$19);
563
+ return jsxRuntime.jsx("p", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
564
564
  ref: ref,
565
565
  className: clsx('utrecht-button-group', className),
566
566
  children: children
@@ -568,9 +568,9 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
568
568
  });
569
569
  ButtonGroup.displayName = 'ButtonGroup';
570
570
 
571
- var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
572
- function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
573
- function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
571
+ var _excluded$18 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
572
+ function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
573
+ function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
574
574
  var onKeyDown = function onKeyDown(evt) {
575
575
  var _evt$target;
576
576
  if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
@@ -588,18 +588,18 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
588
588
  href = _ref.href,
589
589
  placeholder = _ref.placeholder,
590
590
  role = _ref.role,
591
- restProps = _objectWithoutProperties(_ref, _excluded$17);
591
+ restProps = _objectWithoutProperties(_ref, _excluded$18);
592
592
  var props = restProps;
593
593
  if (role === 'button') {
594
594
  // When this link is announced as button by accessibility tools,
595
595
  // it should also behave like a button. Links are not activated
596
596
  // using `Space`, so we need to implement that behaviour here
597
597
  // to reach parity with the `button` element.
598
- props = _objectSpread$17(_objectSpread$17({}, restProps), {}, {
598
+ props = _objectSpread$18(_objectSpread$18({}, restProps), {}, {
599
599
  onKeyDown: onKeyDown
600
600
  });
601
601
  }
602
- return jsxRuntime.jsx("a", _objectSpread$17(_objectSpread$17({
602
+ return jsxRuntime.jsx("a", _objectSpread$18(_objectSpread$18({
603
603
  href: placeholder ? undefined : href,
604
604
  ref: ref,
605
605
  role: role || (placeholder ? 'link' : undefined),
@@ -618,27 +618,27 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
618
618
  });
619
619
  ButtonLink.displayName = 'ButtonLink';
620
620
 
621
- var _excluded$16 = ["children"];
622
- function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
623
- function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
621
+ var _excluded$17 = ["children"];
622
+ function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
623
+ function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
624
624
  var CalendarNavigation = function CalendarNavigation(_ref) {
625
625
  var children = _ref.children,
626
- props = _objectWithoutProperties(_ref, _excluded$16);
627
- return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({
626
+ props = _objectWithoutProperties(_ref, _excluded$17);
627
+ return jsxRuntime.jsx("div", _objectSpread$17(_objectSpread$17({
628
628
  className: "utrecht-calendar__navigation"
629
629
  }, props), {}, {
630
630
  children: children
631
631
  }));
632
632
  };
633
633
 
634
- var _excluded$15 = ["children", "className"];
635
- function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
636
- function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
634
+ var _excluded$16 = ["children", "className"];
635
+ function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
636
+ function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
637
637
  var CalendarButton = function CalendarButton(_ref) {
638
638
  var children = _ref.children,
639
639
  className = _ref.className,
640
- props = _objectWithoutProperties(_ref, _excluded$15);
641
- return jsxRuntime.jsx(Button, _objectSpread$15(_objectSpread$15({
640
+ props = _objectWithoutProperties(_ref, _excluded$16);
641
+ return jsxRuntime.jsx(Button, _objectSpread$16(_objectSpread$16({
642
642
  appearance: "subtle-button"
643
643
  }, props), {}, {
644
644
  className: clsx.clsx('utrecht-calendar__button', className),
@@ -646,38 +646,38 @@ var CalendarButton = function CalendarButton(_ref) {
646
646
  }));
647
647
  };
648
648
 
649
- var _excluded$14 = ["children"];
650
- function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
651
- function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
649
+ var _excluded$15 = ["children"];
650
+ function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
651
+ function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
652
652
  var CalendarIcon = function CalendarIcon(_ref) {
653
653
  var children = _ref.children,
654
- props = _objectWithoutProperties(_ref, _excluded$14);
655
- return jsxRuntime.jsx("div", _objectSpread$14(_objectSpread$14({
654
+ props = _objectWithoutProperties(_ref, _excluded$15);
655
+ return jsxRuntime.jsx("div", _objectSpread$15(_objectSpread$15({
656
656
  className: clsx.clsx('utrecht-calendar__icon')
657
657
  }, props), {}, {
658
658
  children: children
659
659
  }));
660
660
  };
661
661
 
662
- var _excluded$13 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
663
- function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
664
- function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
662
+ var _excluded$14 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
663
+ function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
664
+ function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
665
665
  var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
666
666
  var onPreviousClick = _ref.onPreviousClick,
667
667
  onNextClick = _ref.onNextClick,
668
668
  previousIcon = _ref.previousIcon,
669
669
  nextIcon = _ref.nextIcon,
670
670
  children = _ref.children,
671
- props = _objectWithoutProperties(_ref, _excluded$13);
671
+ props = _objectWithoutProperties(_ref, _excluded$14);
672
672
  return jsxRuntime.jsxs("div", {
673
673
  className: "utrecht-calendar__navigation-buttons",
674
- children: [jsxRuntime.jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
674
+ children: [jsxRuntime.jsx(CalendarButton, _objectSpread$14(_objectSpread$14({
675
675
  onClick: onPreviousClick
676
676
  }, props), {}, {
677
677
  children: jsxRuntime.jsx(CalendarIcon, {
678
678
  children: previousIcon
679
679
  })
680
- })), children, jsxRuntime.jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
680
+ })), children, jsxRuntime.jsx(CalendarButton, _objectSpread$14(_objectSpread$14({
681
681
  onClick: onNextClick
682
682
  }, props), {}, {
683
683
  children: jsxRuntime.jsx(CalendarIcon, {
@@ -687,45 +687,45 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
687
687
  });
688
688
  };
689
689
 
690
- var _excluded$12 = ["children"];
691
- function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
692
- function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
690
+ var _excluded$13 = ["children"];
691
+ function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
692
+ function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
693
693
  var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
694
694
  var children = _ref.children,
695
- props = _objectWithoutProperties(_ref, _excluded$12);
696
- return jsxRuntime.jsx("time", _objectSpread$12(_objectSpread$12({
695
+ props = _objectWithoutProperties(_ref, _excluded$13);
696
+ return jsxRuntime.jsx("time", _objectSpread$13(_objectSpread$13({
697
697
  className: "utrecht-calendar__navigation-label"
698
698
  }, props), {}, {
699
699
  children: children
700
700
  }));
701
701
  };
702
702
 
703
- var _excluded$11 = ["children"];
704
- function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
705
- function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
703
+ var _excluded$12 = ["children"];
704
+ function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
705
+ function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
706
706
  var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
707
707
  var children = _ref.children,
708
- props = _objectWithoutProperties(_ref, _excluded$11);
709
- return jsxRuntime.jsx("tbody", _objectSpread$11(_objectSpread$11({}, props), {}, {
708
+ props = _objectWithoutProperties(_ref, _excluded$12);
709
+ return jsxRuntime.jsx("tbody", _objectSpread$12(_objectSpread$12({}, props), {}, {
710
710
  className: "utrecht-calendar__table-days-container",
711
711
  children: children
712
712
  }));
713
713
  };
714
714
 
715
- var _excluded$10 = ["children"];
716
- function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
717
- function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
715
+ var _excluded$11 = ["children"];
716
+ function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
717
+ function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
718
718
  var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
719
719
  var children = _ref.children,
720
- props = _objectWithoutProperties(_ref, _excluded$10);
721
- return jsxRuntime.jsx("tr", _objectSpread$10(_objectSpread$10({}, props), {}, {
720
+ props = _objectWithoutProperties(_ref, _excluded$11);
721
+ return jsxRuntime.jsx("tr", _objectSpread$11(_objectSpread$11({}, props), {}, {
722
722
  children: children
723
723
  }));
724
724
  };
725
725
 
726
- var _excluded$$ = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
727
- function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
728
- function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
726
+ var _excluded$10 = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
727
+ function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
728
+ function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
729
729
  var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
730
730
  var day = _ref.day,
731
731
  dayOutOfTheMonth = _ref.dayOutOfTheMonth,
@@ -733,9 +733,9 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
733
733
  emphasis = _ref.emphasis,
734
734
  selected = _ref.selected,
735
735
  disabled = _ref.disabled,
736
- props = _objectWithoutProperties(_ref, _excluded$$);
736
+ props = _objectWithoutProperties(_ref, _excluded$10);
737
737
  return jsxRuntime.jsx("td", {
738
- children: jsxRuntime.jsx(CalendarButton, _objectSpread$$(_objectSpread$$({
738
+ children: jsxRuntime.jsx(CalendarButton, _objectSpread$10(_objectSpread$10({
739
739
  className: clsx('utrecht-calendar__table-days-item-day', {
740
740
  'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
741
741
  }, {
@@ -763,26 +763,26 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
763
763
  });
764
764
  };
765
765
 
766
- var _excluded$_ = ["children"];
767
- function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
768
- function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
766
+ var _excluded$$ = ["children"];
767
+ function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
768
+ function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
769
769
  var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
770
770
  var children = _ref.children,
771
- props = _objectWithoutProperties(_ref, _excluded$_);
772
- return jsxRuntime.jsx("th", _objectSpread$_(_objectSpread$_({}, props), {}, {
771
+ props = _objectWithoutProperties(_ref, _excluded$$);
772
+ return jsxRuntime.jsx("th", _objectSpread$$(_objectSpread$$({}, props), {}, {
773
773
  className: "utrecht-calendar__table-weeks-item",
774
774
  children: children
775
775
  }));
776
776
  };
777
777
 
778
- var _excluded$Z = ["title", "titleId"];
779
- function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
780
- function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
778
+ var _excluded$_ = ["title", "titleId"];
779
+ function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
780
+ function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
781
781
  var IconArrowLeft = function IconArrowLeft(_ref) {
782
782
  var title = _ref.title,
783
783
  titleId = _ref.titleId,
784
- props = _objectWithoutProperties(_ref, _excluded$Z);
785
- return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
784
+ props = _objectWithoutProperties(_ref, _excluded$_);
785
+ return jsxRuntime.jsxs("svg", _objectSpread$_(_objectSpread$_({
786
786
  width: "100%",
787
787
  height: "100%",
788
788
  fill: "none",
@@ -799,14 +799,14 @@ var IconArrowLeft = function IconArrowLeft(_ref) {
799
799
  }));
800
800
  };
801
801
 
802
- var _excluded$Y = ["title", "titleId"];
803
- function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
804
- function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
802
+ var _excluded$Z = ["title", "titleId"];
803
+ function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
804
+ function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
805
805
  var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
806
806
  var title = _ref.title,
807
807
  titleId = _ref.titleId,
808
- props = _objectWithoutProperties(_ref, _excluded$Y);
809
- return jsxRuntime.jsxs("svg", _objectSpread$Y(_objectSpread$Y({
808
+ props = _objectWithoutProperties(_ref, _excluded$Z);
809
+ return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
810
810
  width: "100%",
811
811
  height: "100%",
812
812
  fill: "none",
@@ -826,14 +826,14 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
826
826
  }));
827
827
  };
828
828
 
829
- var _excluded$X = ["title", "titleId"];
830
- function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
831
- function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
829
+ var _excluded$Y = ["title", "titleId"];
830
+ function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
831
+ function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
832
832
  var IconArrowRight = function IconArrowRight(_ref) {
833
833
  var title = _ref.title,
834
834
  titleId = _ref.titleId,
835
- props = _objectWithoutProperties(_ref, _excluded$X);
836
- return jsxRuntime.jsxs("svg", _objectSpread$X(_objectSpread$X({
835
+ props = _objectWithoutProperties(_ref, _excluded$Y);
836
+ return jsxRuntime.jsxs("svg", _objectSpread$Y(_objectSpread$Y({
837
837
  width: "100%",
838
838
  height: "100%",
839
839
  fill: "none",
@@ -850,14 +850,14 @@ var IconArrowRight = function IconArrowRight(_ref) {
850
850
  }));
851
851
  };
852
852
 
853
- var _excluded$W = ["title", "titleId"];
854
- function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
855
- function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
853
+ var _excluded$X = ["title", "titleId"];
854
+ function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
855
+ function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
856
856
  var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
857
857
  var title = _ref.title,
858
858
  titleId = _ref.titleId,
859
- props = _objectWithoutProperties(_ref, _excluded$W);
860
- return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
859
+ props = _objectWithoutProperties(_ref, _excluded$X);
860
+ return jsxRuntime.jsxs("svg", _objectSpread$X(_objectSpread$X({
861
861
  fill: "none",
862
862
  width: "100%",
863
863
  height: "100%",
@@ -1037,9 +1037,9 @@ var Calendar = function Calendar(_ref) {
1037
1037
  });
1038
1038
  };
1039
1039
 
1040
- var _excluded$V = ["appearance", "disabled", "invalid", "required", "className"];
1041
- function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1042
- function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1040
+ var _excluded$W = ["appearance", "disabled", "invalid", "required", "className"];
1041
+ function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1042
+ function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1043
1043
  var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1044
1044
  var _ref$appearance = _ref.appearance,
1045
1045
  appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
@@ -1047,8 +1047,8 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1047
1047
  invalid = _ref.invalid,
1048
1048
  required = _ref.required,
1049
1049
  className = _ref.className,
1050
- restProps = _objectWithoutProperties(_ref, _excluded$V);
1051
- return jsxRuntime.jsx("input", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
1050
+ restProps = _objectWithoutProperties(_ref, _excluded$W);
1051
+ return jsxRuntime.jsx("input", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
1052
1052
  ref: ref,
1053
1053
  type: "checkbox",
1054
1054
  className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
@@ -1064,14 +1064,14 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1064
1064
  });
1065
1065
  Checkbox.displayName = 'Checkbox';
1066
1066
 
1067
- var _excluded$U = ["children", "className"];
1068
- function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1069
- function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1067
+ var _excluded$V = ["children", "className"];
1068
+ function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1069
+ function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1070
1070
  var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1071
1071
  var children = _ref.children,
1072
1072
  className = _ref.className,
1073
- restProps = _objectWithoutProperties(_ref, _excluded$U);
1074
- return jsxRuntime.jsx("code", _objectSpread$U(_objectSpread$U({
1073
+ restProps = _objectWithoutProperties(_ref, _excluded$V);
1074
+ return jsxRuntime.jsx("code", _objectSpread$V(_objectSpread$V({
1075
1075
  ref: ref,
1076
1076
  className: clsx('utrecht-code', className)
1077
1077
  }, restProps), {}, {
@@ -1080,14 +1080,14 @@ var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1080
1080
  });
1081
1081
  Code.displayName = 'Code';
1082
1082
 
1083
- var _excluded$T = ["children", "className"];
1084
- function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1085
- function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1083
+ var _excluded$U = ["children", "className"];
1084
+ function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1085
+ function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1086
1086
  var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1087
1087
  var children = _ref.children,
1088
1088
  className = _ref.className,
1089
- restProps = _objectWithoutProperties(_ref, _excluded$T);
1090
- return jsxRuntime.jsx("pre", _objectSpread$T(_objectSpread$T({
1089
+ restProps = _objectWithoutProperties(_ref, _excluded$U);
1090
+ return jsxRuntime.jsx("pre", _objectSpread$U(_objectSpread$U({
1091
1091
  ref: ref,
1092
1092
  className: clsx('utrecht-code-block', className)
1093
1093
  }, restProps), {}, {
@@ -1099,19 +1099,19 @@ var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1099
1099
  });
1100
1100
  CodeBlock.displayName = 'CodeBlock';
1101
1101
 
1102
- var _excluded$S = ["children", "className", "color", "style"];
1103
- function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1104
- function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1102
+ var _excluded$T = ["children", "className", "color", "style"];
1103
+ function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1104
+ function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1105
1105
  var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1106
1106
  var children = _ref.children,
1107
1107
  className = _ref.className,
1108
1108
  color = _ref.color,
1109
1109
  style = _ref.style,
1110
- restProps = _objectWithoutProperties(_ref, _excluded$S);
1111
- return jsxRuntime.jsx("data", _objectSpread$S(_objectSpread$S({
1110
+ restProps = _objectWithoutProperties(_ref, _excluded$T);
1111
+ return jsxRuntime.jsx("data", _objectSpread$T(_objectSpread$T({
1112
1112
  ref: ref,
1113
1113
  className: clsx('utrecht-color-sample', className),
1114
- style: _objectSpread$S(_objectSpread$S({}, style), {}, {
1114
+ style: _objectSpread$T(_objectSpread$T({}, style), {}, {
1115
1115
  color: color
1116
1116
  }),
1117
1117
  value: color
@@ -1121,39 +1121,39 @@ var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1121
1121
  });
1122
1122
  ColorSample.displayName = 'ColorSample';
1123
1123
 
1124
- var _excluded$R = ["children", "className", "dateTime", "value"];
1125
- function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1126
- function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1124
+ var _excluded$S = ["children", "className", "dateTime", "value"];
1125
+ function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1126
+ function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1127
1127
  var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1128
1128
  var children = _ref.children,
1129
1129
  className = _ref.className,
1130
1130
  dateTime = _ref.dateTime,
1131
1131
  value = _ref.value,
1132
- restProps = _objectWithoutProperties(_ref, _excluded$R);
1133
- var props = _objectSpread$R({
1132
+ restProps = _objectWithoutProperties(_ref, _excluded$S);
1133
+ var props = _objectSpread$S({
1134
1134
  children: children,
1135
1135
  className: clsx('utrecht-badge-data', className)
1136
1136
  }, restProps);
1137
- return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$R(_objectSpread$R({}, props), {}, {
1137
+ return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$S(_objectSpread$S({}, props), {}, {
1138
1138
  dateTime: dateTime,
1139
1139
  ref: ref
1140
- })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$R(_objectSpread$R({}, props), {}, {
1140
+ })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$S(_objectSpread$S({}, props), {}, {
1141
1141
  value: value,
1142
1142
  ref: ref
1143
- })) : jsxRuntime.jsx("span", _objectSpread$R(_objectSpread$R({}, props), {}, {
1143
+ })) : jsxRuntime.jsx("span", _objectSpread$S(_objectSpread$S({}, props), {}, {
1144
1144
  ref: ref
1145
1145
  }));
1146
1146
  });
1147
1147
  DataBadge.displayName = 'DataBadge';
1148
1148
 
1149
- var _excluded$Q = ["children", "className"];
1150
- function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1151
- function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1149
+ var _excluded$R = ["children", "className"];
1150
+ function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1151
+ function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1152
1152
  var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1153
1153
  var children = _ref.children,
1154
1154
  className = _ref.className,
1155
- restProps = _objectWithoutProperties(_ref, _excluded$Q);
1156
- return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
1155
+ restProps = _objectWithoutProperties(_ref, _excluded$R);
1156
+ return jsxRuntime.jsx("div", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
1157
1157
  ref: ref,
1158
1158
  className: clsx('utrecht-document', className),
1159
1159
  children: children
@@ -1161,18 +1161,18 @@ var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1161
1161
  });
1162
1162
  Document.displayName = 'Document';
1163
1163
 
1164
- var _excluded$P = ["appearance", "children", "className"],
1164
+ var _excluded$Q = ["appearance", "children", "className"],
1165
1165
  _excluded2$3 = ["children", "className"],
1166
1166
  _excluded3 = ["children", "className"],
1167
1167
  _excluded4 = ["children", "className"];
1168
- function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1169
- function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1168
+ function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1169
+ function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1170
1170
  var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1171
1171
  var appearance = _ref.appearance,
1172
1172
  children = _ref.children,
1173
1173
  className = _ref.className,
1174
- restProps = _objectWithoutProperties(_ref, _excluded$P);
1175
- return jsxRuntime.jsx("dl", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1174
+ restProps = _objectWithoutProperties(_ref, _excluded$Q);
1175
+ return jsxRuntime.jsx("dl", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
1176
1176
  className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
1177
1177
  ref: ref,
1178
1178
  children: children
@@ -1183,7 +1183,7 @@ var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
1183
1183
  var children = _ref2.children,
1184
1184
  className = _ref2.className,
1185
1185
  restProps = _objectWithoutProperties(_ref2, _excluded2$3);
1186
- return jsxRuntime.jsx("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1186
+ return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
1187
1187
  className: clsx('utrecht-data-list__item', className),
1188
1188
  ref: ref,
1189
1189
  children: children
@@ -1194,7 +1194,7 @@ var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
1194
1194
  var children = _ref3.children,
1195
1195
  className = _ref3.className,
1196
1196
  restProps = _objectWithoutProperties(_ref3, _excluded3);
1197
- return jsxRuntime.jsx("dt", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1197
+ return jsxRuntime.jsx("dt", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
1198
1198
  className: clsx('utrecht-data-list__item-key', className),
1199
1199
  ref: ref,
1200
1200
  children: children
@@ -1224,7 +1224,7 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
1224
1224
  var children = _ref5.children,
1225
1225
  className = _ref5.className,
1226
1226
  restProps = _objectWithoutProperties(_ref5, _excluded4);
1227
- return jsxRuntime.jsx("dd", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
1227
+ return jsxRuntime.jsx("dd", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
1228
1228
  className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
1229
1229
  ref: ref,
1230
1230
  children: children
@@ -1232,14 +1232,14 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
1232
1232
  });
1233
1233
  DataListActions.displayName = 'DataListActions';
1234
1234
 
1235
- var _excluded$O = ["children", "className"];
1236
- function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1237
- function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1235
+ var _excluded$P = ["children", "className"];
1236
+ function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1237
+ function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1238
1238
  var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1239
1239
  var children = _ref.children,
1240
1240
  className = _ref.className,
1241
- restProps = _objectWithoutProperties(_ref, _excluded$O);
1242
- return jsxRuntime.jsx("em", _objectSpread$O(_objectSpread$O({
1241
+ restProps = _objectWithoutProperties(_ref, _excluded$P);
1242
+ return jsxRuntime.jsx("em", _objectSpread$P(_objectSpread$P({
1243
1243
  ref: ref,
1244
1244
  className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
1245
1245
  }, restProps), {}, {
@@ -1248,10 +1248,10 @@ var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1248
1248
  });
1249
1249
  Emphasis.displayName = 'Emphasis';
1250
1250
 
1251
- var _excluded$N = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
1251
+ var _excluded$O = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
1252
1252
  _excluded2$2 = ["className", "children", "disabled", "invalid"];
1253
- function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1254
- function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1253
+ function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1254
+ function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1255
1255
  var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1256
1256
  var ariaDescribedby = _ref['aria-describedby'],
1257
1257
  ariaLabel = _ref['aria-label'],
@@ -1263,8 +1263,8 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1263
1263
  invalid = _ref.invalid,
1264
1264
  name = _ref.name,
1265
1265
  role = _ref.role,
1266
- restProps = _objectWithoutProperties(_ref, _excluded$N);
1267
- return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
1266
+ restProps = _objectWithoutProperties(_ref, _excluded$O);
1267
+ return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
1268
1268
  ref: ref,
1269
1269
  className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
1270
1270
  children: jsxRuntime.jsx("fieldset", {
@@ -1288,7 +1288,7 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
1288
1288
  disabled = _ref2.disabled,
1289
1289
  invalid = _ref2.invalid,
1290
1290
  restProps = _objectWithoutProperties(_ref2, _excluded2$2);
1291
- return jsxRuntime.jsx("fieldset", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
1291
+ return jsxRuntime.jsx("fieldset", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
1292
1292
  ref: ref,
1293
1293
  "aria-invalid": invalid || undefined,
1294
1294
  disabled: disabled,
@@ -1298,14 +1298,14 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
1298
1298
  });
1299
1299
  FieldsetOnly.displayName = 'Fieldset';
1300
1300
 
1301
- var _excluded$M = ["className", "children"];
1302
- function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1303
- function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1301
+ var _excluded$N = ["className", "children"];
1302
+ function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1303
+ function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1304
1304
  var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1305
1305
  var className = _ref.className,
1306
1306
  children = _ref.children,
1307
- restProps = _objectWithoutProperties(_ref, _excluded$M);
1308
- return jsxRuntime.jsx("legend", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
1307
+ restProps = _objectWithoutProperties(_ref, _excluded$N);
1308
+ return jsxRuntime.jsx("legend", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
1309
1309
  ref: ref,
1310
1310
  className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
1311
1311
  children: children
@@ -1313,14 +1313,14 @@ var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1313
1313
  });
1314
1314
  FieldsetLegend.displayName = 'FieldsetLegend';
1315
1315
 
1316
- var _excluded$L = ["className", "children"];
1317
- function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1318
- function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1316
+ var _excluded$M = ["className", "children"];
1317
+ function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1318
+ function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1319
1319
  var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1320
1320
  var className = _ref.className,
1321
1321
  children = _ref.children,
1322
- restProps = _objectWithoutProperties(_ref, _excluded$L);
1323
- return jsxRuntime.jsx("figure", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
1322
+ restProps = _objectWithoutProperties(_ref, _excluded$M);
1323
+ return jsxRuntime.jsx("figure", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
1324
1324
  ref: ref,
1325
1325
  className: clsx('utrecht-figure', className),
1326
1326
  children: children
@@ -1328,14 +1328,14 @@ var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1328
1328
  });
1329
1329
  Figure.displayName = 'Figure';
1330
1330
 
1331
- var _excluded$K = ["className", "children"];
1332
- function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1333
- function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1331
+ var _excluded$L = ["className", "children"];
1332
+ function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1333
+ function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1334
1334
  var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1335
1335
  var className = _ref.className,
1336
1336
  children = _ref.children,
1337
- restProps = _objectWithoutProperties(_ref, _excluded$K);
1338
- return jsxRuntime.jsx("figcaption", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
1337
+ restProps = _objectWithoutProperties(_ref, _excluded$L);
1338
+ return jsxRuntime.jsx("figcaption", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
1339
1339
  ref: ref,
1340
1340
  className: clsx('utrecht-figure__caption', className),
1341
1341
  children: children
@@ -1343,16 +1343,16 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1343
1343
  });
1344
1344
  FigureCaption.displayName = 'FigureCaption';
1345
1345
 
1346
- var _excluded$J = ["className", "children", "invalid", "type"];
1347
- function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1348
- function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1346
+ var _excluded$K = ["className", "children", "invalid", "type"];
1347
+ function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1348
+ function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1349
1349
  var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1350
1350
  var className = _ref.className,
1351
1351
  children = _ref.children,
1352
1352
  invalid = _ref.invalid,
1353
1353
  type = _ref.type,
1354
- restProps = _objectWithoutProperties(_ref, _excluded$J);
1355
- return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
1354
+ restProps = _objectWithoutProperties(_ref, _excluded$K);
1355
+ return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
1356
1356
  ref: ref,
1357
1357
  className: clsx('utrecht-form-field', {
1358
1358
  'utrecht-form-field--invalid': invalid,
@@ -1365,17 +1365,17 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1365
1365
  });
1366
1366
  FormField.displayName = 'FormField';
1367
1367
 
1368
- var _excluded$I = ["invalid", "valid", "warning", "className", "children"];
1369
- function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1370
- function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1368
+ var _excluded$J = ["invalid", "valid", "warning", "className", "children"];
1369
+ function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1370
+ function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1371
1371
  var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1372
1372
  var invalid = _ref.invalid,
1373
1373
  valid = _ref.valid,
1374
1374
  warning = _ref.warning,
1375
1375
  className = _ref.className,
1376
1376
  children = _ref.children,
1377
- restProps = _objectWithoutProperties(_ref, _excluded$I);
1378
- return jsxRuntime.jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
1377
+ restProps = _objectWithoutProperties(_ref, _excluded$J);
1378
+ return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
1379
1379
  ref: ref,
1380
1380
  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),
1381
1381
  children: children
@@ -1383,17 +1383,17 @@ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1383
1383
  });
1384
1384
  FormFieldDescription.displayName = 'FormFieldDescription';
1385
1385
 
1386
- var _excluded$H = ["children", "className", "type", "disabled", "checked"];
1387
- function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1388
- function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1386
+ var _excluded$I = ["children", "className", "type", "disabled", "checked"];
1387
+ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1388
+ function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1389
1389
  var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1390
1390
  var children = _ref.children,
1391
1391
  className = _ref.className,
1392
1392
  type = _ref.type,
1393
1393
  disabled = _ref.disabled,
1394
1394
  checked = _ref.checked,
1395
- restProps = _objectWithoutProperties(_ref, _excluded$H);
1396
- return jsxRuntime.jsx("label", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
1395
+ restProps = _objectWithoutProperties(_ref, _excluded$I);
1396
+ return jsxRuntime.jsx("label", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
1397
1397
  ref: ref,
1398
1398
  className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
1399
1399
  children: children
@@ -1401,125 +1401,162 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1401
1401
  });
1402
1402
  FormLabel.displayName = 'FormLabel';
1403
1403
 
1404
+ var _excluded$H = ["children", "className"];
1405
+ function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1406
+ function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1407
+ var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1408
+ var children = _ref.children,
1409
+ className = _ref.className,
1410
+ restProps = _objectWithoutProperties(_ref, _excluded$H);
1411
+ return jsxRuntime.jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
1412
+ ref: ref,
1413
+ className: clsx('utrecht-html', className),
1414
+ children: children
1415
+ }));
1416
+ });
1417
+ HTMLContent.displayName = 'HTMLContent';
1418
+
1404
1419
  var _excluded$G = ["children", "className"];
1405
1420
  function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1406
1421
  function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1407
- var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1422
+ var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1408
1423
  var children = _ref.children,
1409
1424
  className = _ref.className,
1410
1425
  restProps = _objectWithoutProperties(_ref, _excluded$G);
1411
- return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
1426
+ return jsxRuntime.jsx("h1", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
1412
1427
  ref: ref,
1413
- className: clsx('utrecht-html', className),
1428
+ className: clsx('utrecht-heading-1', className),
1414
1429
  children: children
1415
1430
  }));
1416
1431
  });
1417
- HTMLContent.displayName = 'HTMLContent';
1432
+ Heading1.displayName = 'Heading1';
1418
1433
 
1419
1434
  var _excluded$F = ["children", "className"];
1420
1435
  function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1421
1436
  function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1422
- var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1437
+ var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1423
1438
  var children = _ref.children,
1424
1439
  className = _ref.className,
1425
1440
  restProps = _objectWithoutProperties(_ref, _excluded$F);
1426
- return jsxRuntime.jsx("h1", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
1441
+ return jsxRuntime.jsx("h2", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
1427
1442
  ref: ref,
1428
- className: clsx('utrecht-heading-1', className),
1443
+ className: clsx('utrecht-heading-2', className),
1429
1444
  children: children
1430
1445
  }));
1431
1446
  });
1432
- Heading1.displayName = 'Heading1';
1447
+ Heading2.displayName = 'Heading2';
1433
1448
 
1434
1449
  var _excluded$E = ["children", "className"];
1435
1450
  function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1436
1451
  function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1437
- var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1452
+ var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1438
1453
  var children = _ref.children,
1439
1454
  className = _ref.className,
1440
1455
  restProps = _objectWithoutProperties(_ref, _excluded$E);
1441
- return jsxRuntime.jsx("h2", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
1456
+ return jsxRuntime.jsx("h3", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
1442
1457
  ref: ref,
1443
- className: clsx('utrecht-heading-2', className),
1458
+ className: clsx('utrecht-heading-3', className),
1444
1459
  children: children
1445
1460
  }));
1446
1461
  });
1447
- Heading2.displayName = 'Heading2';
1462
+ Heading3.displayName = 'Heading3';
1448
1463
 
1449
1464
  var _excluded$D = ["children", "className"];
1450
1465
  function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1451
1466
  function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1452
- var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1467
+ var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1453
1468
  var children = _ref.children,
1454
1469
  className = _ref.className,
1455
1470
  restProps = _objectWithoutProperties(_ref, _excluded$D);
1456
- return jsxRuntime.jsx("h3", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
1471
+ return jsxRuntime.jsx("h4", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
1457
1472
  ref: ref,
1458
- className: clsx('utrecht-heading-3', className),
1473
+ className: clsx('utrecht-heading-4', className),
1459
1474
  children: children
1460
1475
  }));
1461
1476
  });
1462
- Heading3.displayName = 'Heading3';
1477
+ Heading4.displayName = 'Heading4';
1463
1478
 
1464
1479
  var _excluded$C = ["children", "className"];
1465
1480
  function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1466
1481
  function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1467
- var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1482
+ var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1468
1483
  var children = _ref.children,
1469
1484
  className = _ref.className,
1470
1485
  restProps = _objectWithoutProperties(_ref, _excluded$C);
1471
- return jsxRuntime.jsx("h4", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
1486
+ return jsxRuntime.jsx("h5", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
1472
1487
  ref: ref,
1473
- className: clsx('utrecht-heading-4', className),
1488
+ className: clsx('utrecht-heading-5', className),
1474
1489
  children: children
1475
1490
  }));
1476
1491
  });
1477
- Heading4.displayName = 'Heading4';
1492
+ Heading5.displayName = 'Heading5';
1478
1493
 
1479
1494
  var _excluded$B = ["children", "className"];
1480
1495
  function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1481
1496
  function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1482
- var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1497
+ var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1483
1498
  var children = _ref.children,
1484
1499
  className = _ref.className,
1485
1500
  restProps = _objectWithoutProperties(_ref, _excluded$B);
1486
- return jsxRuntime.jsx("h5", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
1501
+ return jsxRuntime.jsx("h6", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
1487
1502
  ref: ref,
1488
- className: clsx('utrecht-heading-5', className),
1503
+ className: clsx('utrecht-heading-6', className),
1489
1504
  children: children
1490
1505
  }));
1491
1506
  });
1492
- Heading5.displayName = 'Heading5';
1507
+ Heading6.displayName = 'Heading6';
1493
1508
 
1494
1509
  var _excluded$A = ["children", "className"];
1495
1510
  function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1496
1511
  function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1497
- var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1512
+ var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1498
1513
  var children = _ref.children,
1499
1514
  className = _ref.className,
1500
1515
  restProps = _objectWithoutProperties(_ref, _excluded$A);
1501
- return jsxRuntime.jsx("h6", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
1516
+ return jsxRuntime.jsx("hgroup", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
1502
1517
  ref: ref,
1503
- className: clsx('utrecht-heading-6', className),
1518
+ className: clsx('utrecht-heading-group', className),
1504
1519
  children: children
1505
1520
  }));
1506
1521
  });
1507
- Heading6.displayName = 'Heading6';
1522
+ HeadingGroup.displayName = 'HeadingGroup';
1508
1523
 
1509
- var _excluded$z = ["children", "className"];
1524
+ var _excluded$z = ["children", "value", "className"];
1510
1525
  function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1511
1526
  function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1512
- var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1527
+ /* Exported only for unit tests, not part of the public API */
1528
+ var normalizeIBAN = function normalizeIBAN(iban) {
1529
+ return iban
1530
+ // Remove whitespace and word separator characters such as the dash
1531
+ .replace(/[\s+\W]+/g, '').toUpperCase();
1532
+ };
1533
+ /* Exported only for unit tests, not part of the public API */
1534
+ var formatIBAN = function formatIBAN(normalizedIBAN) {
1535
+ return normalizedIBAN
1536
+ // Add a space after every four characters, except at the end
1537
+ .replace(/(.{4})(?!$)/g, '$1 ');
1538
+ };
1539
+ var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1513
1540
  var children = _ref.children,
1541
+ value = _ref.value,
1514
1542
  className = _ref.className,
1515
1543
  restProps = _objectWithoutProperties(_ref, _excluded$z);
1516
- return jsxRuntime.jsx("hgroup", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
1544
+ var normalized = normalizeIBAN(value);
1545
+ var formatted = formatIBAN(normalized);
1546
+ console.log({
1547
+ value: value,
1548
+ normalized: normalized,
1549
+ formatted: formatted
1550
+ });
1551
+ return jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
1517
1552
  ref: ref,
1518
- className: clsx('utrecht-heading-group', className),
1519
- children: children
1553
+ value: normalized,
1554
+ className: clsx('utrecht-iban-data', className),
1555
+ translate: "no",
1556
+ children: children || formatted
1520
1557
  }));
1521
1558
  });
1522
- HeadingGroup.displayName = 'HeadingGroup';
1559
+ IBANData.displayName = 'IBANData';
1523
1560
 
1524
1561
  var _excluded$y = ["children", "className"];
1525
1562
  function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -2227,6 +2264,7 @@ exports.Heading4 = Heading4;
2227
2264
  exports.Heading5 = Heading5;
2228
2265
  exports.Heading6 = Heading6;
2229
2266
  exports.HeadingGroup = HeadingGroup;
2267
+ exports.IBANData = IBANData;
2230
2268
  exports.Icon = Icon;
2231
2269
  exports.Image = Image;
2232
2270
  exports.Link = Link;