@utrecht/component-library-react 1.0.0-alpha.212 → 1.0.0-alpha.214

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/.jest-test-results.json +1 -1
  2. package/dist/css-module/index.js +180 -160
  3. package/dist/css-module/index.js.map +1 -1
  4. package/dist/css-module/index.mjs +29 -3
  5. package/dist/css-module/index.mjs.map +1 -1
  6. package/dist/index.cjs.js +192 -174
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.esm.js +27 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/package.json +11 -11
package/dist/index.cjs.js CHANGED
@@ -1,8 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib = require('tslib');
6
3
  var jsxRuntime = require('react/jsx-runtime');
7
4
  var clsx = require('clsx');
8
5
  var react = require('react');
@@ -11,21 +8,42 @@ var dateFns = require('date-fns');
11
8
  var locale = require('date-fns/locale');
12
9
  var chunk = require('lodash.chunk');
13
10
 
14
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
-
16
- var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
17
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
18
- var chunk__default = /*#__PURE__*/_interopDefaultLegacy(chunk);
11
+ /******************************************************************************
12
+ Copyright (c) Microsoft Corporation.
13
+
14
+ Permission to use, copy, modify, and/or distribute this software for any
15
+ purpose with or without fee is hereby granted.
16
+
17
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
18
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
19
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
20
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
21
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
22
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
23
+ PERFORMANCE OF THIS SOFTWARE.
24
+ ***************************************************************************** */
25
+
26
+ function __rest(s, e) {
27
+ var t = {};
28
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
29
+ t[p] = s[p];
30
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
31
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
32
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
33
+ t[p[i]] = s[p[i]];
34
+ }
35
+ return t;
36
+ }
19
37
 
20
38
  var Alert = /*#__PURE__*/react.forwardRef(function (_a, ref) {
21
39
  var children = _a.children,
22
40
  className = _a.className,
23
41
  icon = _a.icon,
24
42
  type = _a.type,
25
- restProps = tslib.__rest(_a, ["children", "className", "icon", "type"]);
43
+ restProps = __rest(_a, ["children", "className", "icon", "type"]);
26
44
  return jsxRuntime.jsxs("div", Object.assign({}, restProps, {
27
45
  ref: ref,
28
- className: clsx__default["default"]('utrecht-alert', {
46
+ className: clsx('utrecht-alert', {
29
47
  'utrecht-alert--error': type === 'error',
30
48
  'utrecht-alert--info': type === 'info',
31
49
  'utrecht-alert--ok': type === 'ok',
@@ -50,10 +68,10 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_a, ref) {
50
68
  className = _a.className,
51
69
  icon = _a.icon,
52
70
  type = _a.type,
53
- restProps = tslib.__rest(_a, ["children", "className", "icon", "type"]);
71
+ restProps = __rest(_a, ["children", "className", "icon", "type"]);
54
72
  return jsxRuntime.jsxs("dialog", Object.assign({}, restProps, {
55
73
  ref: ref,
56
- className: clsx__default["default"]('utrecht-alert-dialog', {
74
+ className: clsx('utrecht-alert-dialog', {
57
75
  'utrecht-alert-dialog--error': type === 'error',
58
76
  'utrecht-alert-dialog--info': type === 'info',
59
77
  'utrecht-alert-dialog--warning': type === 'warning',
@@ -76,10 +94,10 @@ AlertDialog.displayName = 'AlertDialog';
76
94
  var Article = /*#__PURE__*/react.forwardRef(function (_a, ref) {
77
95
  var children = _a.children,
78
96
  className = _a.className,
79
- restProps = tslib.__rest(_a, ["children", "className"]);
97
+ restProps = __rest(_a, ["children", "className"]);
80
98
  return jsxRuntime.jsx("article", Object.assign({}, restProps, {
81
99
  ref: ref,
82
- className: clsx__default["default"]('utrecht-article', className)
100
+ className: clsx('utrecht-article', className)
83
101
  }, {
84
102
  children: children
85
103
  }));
@@ -89,10 +107,10 @@ Article.displayName = 'Article';
89
107
  var Backdrop = /*#__PURE__*/react.forwardRef(function (_a, ref) {
90
108
  var children = _a.children,
91
109
  className = _a.className,
92
- restProps = tslib.__rest(_a, ["children", "className"]);
110
+ restProps = __rest(_a, ["children", "className"]);
93
111
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
94
112
  ref: ref,
95
- className: clsx__default["default"]('utrecht-backdrop', className)
113
+ className: clsx('utrecht-backdrop', className)
96
114
  }, {
97
115
  children: children
98
116
  }));
@@ -103,12 +121,12 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
103
121
  var appearance = _a.appearance,
104
122
  className = _a.className,
105
123
  level = _a.level,
106
- restProps = tslib.__rest(_a, ["appearance", "className", "level"]);
124
+ restProps = __rest(_a, ["appearance", "className", "level"]);
107
125
  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
108
126
  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
109
127
  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
110
128
  return jsxRuntime.jsx(HeadingX, Object.assign({
111
- className: clsx__default["default"](headingClassName, className)
129
+ className: clsx(headingClassName, className)
112
130
  }, restProps, {
113
131
  ref: ref
114
132
  }));
@@ -123,7 +141,7 @@ var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
123
141
  href = _a.href,
124
142
  placeholder = _a.placeholder,
125
143
  role = _a.role,
126
- restProps = tslib.__rest(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
144
+ restProps = __rest(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
127
145
  return (
128
146
  // "utrecht-link--telephone" does not have a corresponding API,
129
147
  // since it is primarily a basis for implementing input[href^="tel"].
@@ -133,7 +151,7 @@ var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
133
151
  href: placeholder ? undefined : href,
134
152
  ref: ref,
135
153
  role: role || (placeholder ? 'link' : undefined),
136
- className: clsx__default["default"]('utrecht-link', {
154
+ className: clsx('utrecht-link', {
137
155
  'utrecht-link--box-content': boxContent,
138
156
  'utrecht-link--external': external,
139
157
  'utrecht-link--placeholder': placeholder
@@ -168,11 +186,11 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
168
186
  _a$headingLevel = _a.headingLevel,
169
187
  headingLevel = _a$headingLevel === void 0 ? 2 : _a$headingLevel,
170
188
  label = _a.label,
171
- restProps = tslib.__rest(_a, ["appearance", "children", "className", "headingLevel", "label"]);
189
+ restProps = __rest(_a, ["appearance", "children", "className", "headingLevel", "label"]);
172
190
  var headingId = label ? react.useId() : undefined;
173
191
  return jsxRuntime.jsxs("nav", Object.assign({}, restProps, {
174
192
  ref: ref,
175
- className: clsx__default["default"]('utrecht-breadcrumb', {
193
+ className: clsx('utrecht-breadcrumb', {
176
194
  'utrecht-breadcrumb--arrows': appearance === 'arrows'
177
195
  }, className),
178
196
  "aria-labelledby": headingId
@@ -235,10 +253,10 @@ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
235
253
  hint = _a.hint,
236
254
  pressed = _a.pressed,
237
255
  type = _a.type,
238
- restProps = tslib.__rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
256
+ restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
239
257
  return jsxRuntime.jsx("button", Object.assign({}, restProps, {
240
258
  ref: ref,
241
- className: clsx__default["default"]('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),
259
+ 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),
242
260
  "aria-busy": busy || undefined,
243
261
  "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
244
262
  disabled: disabled,
@@ -249,21 +267,21 @@ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
249
267
  });
250
268
  Button.displayName = 'Button';
251
269
  var PrimaryActionButton = function PrimaryActionButton(_a) {
252
- var args = tslib.__rest(_a, []);
270
+ var args = __rest(_a, []);
253
271
  return jsxRuntime.jsx(Button, Object.assign({}, args, {
254
272
  appearance: "primary-action-button"
255
273
  }));
256
274
  };
257
275
  PrimaryActionButton.displayName = 'PrimaryActionButton';
258
276
  var SecondaryActionButton = function SecondaryActionButton(_a) {
259
- var args = tslib.__rest(_a, []);
277
+ var args = __rest(_a, []);
260
278
  return jsxRuntime.jsx(Button, Object.assign({}, args, {
261
279
  appearance: "secondary-action-button"
262
280
  }));
263
281
  };
264
282
  SecondaryActionButton.displayName = 'SecondaryActionButton';
265
283
  var SubtleButton = function SubtleButton(_a) {
266
- var args = tslib.__rest(_a, []);
284
+ var args = __rest(_a, []);
267
285
  return jsxRuntime.jsx(Button, Object.assign({}, args, {
268
286
  appearance: "subtle-button"
269
287
  }));
@@ -273,10 +291,10 @@ SubtleButton.displayName = 'SubtleButton';
273
291
  var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
274
292
  var children = _a.children,
275
293
  className = _a.className,
276
- restProps = tslib.__rest(_a, ["children", "className"]);
294
+ restProps = __rest(_a, ["children", "className"]);
277
295
  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
278
296
  ref: ref,
279
- className: clsx__default["default"]('utrecht-button-group', className)
297
+ className: clsx('utrecht-button-group', className)
280
298
  }, {
281
299
  children: children
282
300
  }));
@@ -300,7 +318,7 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
300
318
  href = _a.href,
301
319
  placeholder = _a.placeholder,
302
320
  role = _a.role,
303
- restProps = tslib.__rest(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
321
+ restProps = __rest(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
304
322
  var props = restProps;
305
323
  if (role === 'button') {
306
324
  // When this link is announced as button by accessibility tools,
@@ -315,7 +333,7 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
315
333
  href: placeholder ? undefined : href,
316
334
  ref: ref,
317
335
  role: role || (placeholder ? 'link' : undefined),
318
- className: clsx__default["default"]('utrecht-button-link', 'utrecht-button-link--html-a', {
336
+ className: clsx('utrecht-button-link', 'utrecht-button-link--html-a', {
319
337
  'utrecht-button-link--external': external,
320
338
  'utrecht-button-link--primary-action': appearance === 'primary-action-button',
321
339
  'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
@@ -332,7 +350,7 @@ ButtonLink.displayName = 'ButtonLink';
332
350
 
333
351
  var CalendarNavigation = function CalendarNavigation(_a) {
334
352
  var children = _a.children,
335
- props = tslib.__rest(_a, ["children"]);
353
+ props = __rest(_a, ["children"]);
336
354
  return jsxRuntime.jsx("div", Object.assign({
337
355
  className: "utrecht-calendar__navigation"
338
356
  }, props, {
@@ -343,7 +361,7 @@ var CalendarNavigation = function CalendarNavigation(_a) {
343
361
  var CalendarButton = function CalendarButton(_a) {
344
362
  var children = _a.children,
345
363
  className = _a.className,
346
- props = tslib.__rest(_a, ["children", "className"]);
364
+ props = __rest(_a, ["children", "className"]);
347
365
  return jsxRuntime.jsx(Button, Object.assign({
348
366
  appearance: "subtle-button"
349
367
  }, props, {
@@ -355,7 +373,7 @@ var CalendarButton = function CalendarButton(_a) {
355
373
 
356
374
  var CalendarIcon = function CalendarIcon(_a) {
357
375
  var children = _a.children,
358
- props = tslib.__rest(_a, ["children"]);
376
+ props = __rest(_a, ["children"]);
359
377
  return jsxRuntime.jsx("div", Object.assign({
360
378
  className: clsx.clsx('utrecht-calendar__icon')
361
379
  }, props, {
@@ -369,7 +387,7 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_a) {
369
387
  previousIcon = _a.previousIcon,
370
388
  nextIcon = _a.nextIcon,
371
389
  children = _a.children,
372
- props = tslib.__rest(_a, ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"]);
390
+ props = __rest(_a, ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"]);
373
391
  return jsxRuntime.jsxs("div", Object.assign({
374
392
  className: "utrecht-calendar__navigation-buttons"
375
393
  }, {
@@ -392,10 +410,10 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_a) {
392
410
  var Heading2 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
393
411
  var children = _a.children,
394
412
  className = _a.className,
395
- restProps = tslib.__rest(_a, ["children", "className"]);
413
+ restProps = __rest(_a, ["children", "className"]);
396
414
  return jsxRuntime.jsx("h2", Object.assign({}, restProps, {
397
415
  ref: ref,
398
- className: clsx__default["default"]('utrecht-heading-2', className)
416
+ className: clsx('utrecht-heading-2', className)
399
417
  }, {
400
418
  children: children
401
419
  }));
@@ -413,7 +431,7 @@ var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
413
431
 
414
432
  var CalendarTableDaysContainer = function CalendarTableDaysContainer(_a) {
415
433
  var children = _a.children,
416
- props = tslib.__rest(_a, ["children"]);
434
+ props = __rest(_a, ["children"]);
417
435
  return jsxRuntime.jsx("tbody", Object.assign({}, props, {
418
436
  className: "utrecht-calendar__table-days-container"
419
437
  }, {
@@ -423,7 +441,7 @@ var CalendarTableDaysContainer = function CalendarTableDaysContainer(_a) {
423
441
 
424
442
  var CalendarTableDaysItem = function CalendarTableDaysItem(_a) {
425
443
  var children = _a.children,
426
- props = tslib.__rest(_a, ["children"]);
444
+ props = __rest(_a, ["children"]);
427
445
  return jsxRuntime.jsx("tr", Object.assign({}, props, {
428
446
  children: children
429
447
  }));
@@ -436,10 +454,10 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_a) {
436
454
  emphasis = _a.emphasis,
437
455
  selected = _a.selected,
438
456
  disabled = _a.disabled,
439
- props = tslib.__rest(_a, ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"]);
457
+ props = __rest(_a, ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"]);
440
458
  return jsxRuntime.jsx("td", {
441
459
  children: jsxRuntime.jsx(CalendarButton, Object.assign({
442
- className: clsx__default["default"]('utrecht-calendar__table-days-item-day', {
460
+ className: clsx('utrecht-calendar__table-days-item-day', {
443
461
  'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
444
462
  }, {
445
463
  'utrecht-calendar__table-days-item-day--is-today': isToday
@@ -470,7 +488,7 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
470
488
 
471
489
  var CalendarTableWeeksItem = function CalendarTableWeeksItem(_a) {
472
490
  var children = _a.children,
473
- props = tslib.__rest(_a, ["children"]);
491
+ props = __rest(_a, ["children"]);
474
492
  return jsxRuntime.jsx("th", Object.assign({}, props, {
475
493
  className: "utrecht-calendar__table-weeks-item"
476
494
  }, {
@@ -481,7 +499,7 @@ var CalendarTableWeeksItem = function CalendarTableWeeksItem(_a) {
481
499
  var IconArrowLeft = function IconArrowLeft(_a) {
482
500
  var title = _a.title,
483
501
  titleId = _a.titleId,
484
- props = tslib.__rest(_a, ["title", "titleId"]);
502
+ props = __rest(_a, ["title", "titleId"]);
485
503
  return jsxRuntime.jsxs("svg", Object.assign({
486
504
  width: "100%",
487
505
  height: "100%",
@@ -503,7 +521,7 @@ var IconArrowLeft = function IconArrowLeft(_a) {
503
521
  var IconArrowLeftDouble = function IconArrowLeftDouble(_a) {
504
522
  var title = _a.title,
505
523
  titleId = _a.titleId,
506
- props = tslib.__rest(_a, ["title", "titleId"]);
524
+ props = __rest(_a, ["title", "titleId"]);
507
525
  return jsxRuntime.jsxs("svg", Object.assign({
508
526
  width: "100%",
509
527
  height: "100%",
@@ -528,7 +546,7 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_a) {
528
546
  var IconArrowRight = function IconArrowRight(_a) {
529
547
  var title = _a.title,
530
548
  titleId = _a.titleId,
531
- props = tslib.__rest(_a, ["title", "titleId"]);
549
+ props = __rest(_a, ["title", "titleId"]);
532
550
  return jsxRuntime.jsxs("svg", Object.assign({
533
551
  width: "100%",
534
552
  height: "100%",
@@ -550,7 +568,7 @@ var IconArrowRight = function IconArrowRight(_a) {
550
568
  var IconArrowRightDouble = function IconArrowRightDouble(_a) {
551
569
  var title = _a.title,
552
570
  titleId = _a.titleId,
553
- props = tslib.__rest(_a, ["title", "titleId"]);
571
+ props = __rest(_a, ["title", "titleId"]);
554
572
  return jsxRuntime.jsxs("svg", Object.assign({
555
573
  fill: "none",
556
574
  width: "100%",
@@ -605,7 +623,7 @@ var Calendar = function Calendar(_ref) {
605
623
  _ref$nextMonthButtonT = _ref.nextMonthButtonTitle,
606
624
  nextMonthButtonTitle = _ref$nextMonthButtonT === void 0 ? 'Next month' : _ref$nextMonthButtonT;
607
625
  var _useState = react.useState(currentDate || new Date()),
608
- _useState2 = _slicedToArray__default["default"](_useState, 2),
626
+ _useState2 = _slicedToArray(_useState, 2),
609
627
  date = _useState2[0],
610
628
  setDate = _useState2[1];
611
629
  var calendar = createCalendar(date);
@@ -621,7 +639,7 @@ var Calendar = function Calendar(_ref) {
621
639
  }).map(function (day) {
622
640
  return day;
623
641
  });
624
- var chunksWeeks = chunk__default["default"](calendar, calendar.length / 6);
642
+ var chunksWeeks = chunk(calendar, calendar.length / 6);
625
643
  var weeks = chunksWeeks.map(function (week) {
626
644
  return week.map(function (date) {
627
645
  var currentEvent = events && events.length > 0 && events.find(function (e) {
@@ -735,11 +753,11 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
735
753
  invalid = _a.invalid,
736
754
  required = _a.required,
737
755
  className = _a.className,
738
- restProps = tslib.__rest(_a, ["appearance", "disabled", "invalid", "required", "className"]);
756
+ restProps = __rest(_a, ["appearance", "disabled", "invalid", "required", "className"]);
739
757
  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
740
758
  ref: ref,
741
759
  type: "checkbox",
742
- className: clsx__default["default"]('utrecht-checkbox', 'utrecht-checkbox--html-input', {
760
+ className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
743
761
  'utrecht-checkbox--disabled': disabled,
744
762
  'utrecht-checkbox--custom': appearance === 'custom',
745
763
  'utrecht-checkbox--invalid': invalid,
@@ -755,10 +773,10 @@ Checkbox.displayName = 'Checkbox';
755
773
  var Code = /*#__PURE__*/react.forwardRef(function (_a, ref) {
756
774
  var children = _a.children,
757
775
  className = _a.className,
758
- restProps = tslib.__rest(_a, ["children", "className"]);
776
+ restProps = __rest(_a, ["children", "className"]);
759
777
  return jsxRuntime.jsx("code", Object.assign({
760
778
  ref: ref,
761
- className: clsx__default["default"]('utrecht-code', className)
779
+ className: clsx('utrecht-code', className)
762
780
  }, restProps, {
763
781
  children: children
764
782
  }));
@@ -768,10 +786,10 @@ Code.displayName = 'Code';
768
786
  var CodeBlock = /*#__PURE__*/react.forwardRef(function (_a, ref) {
769
787
  var children = _a.children,
770
788
  className = _a.className,
771
- restProps = tslib.__rest(_a, ["children", "className"]);
789
+ restProps = __rest(_a, ["children", "className"]);
772
790
  return jsxRuntime.jsx("pre", Object.assign({
773
791
  ref: ref,
774
- className: clsx__default["default"]('utrecht-code-block', className)
792
+ className: clsx('utrecht-code-block', className)
775
793
  }, restProps, {
776
794
  children: jsxRuntime.jsx("code", Object.assign({
777
795
  className: "utrecht-code-block__content"
@@ -787,14 +805,14 @@ var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
787
805
  required = _a.required,
788
806
  className = _a.className,
789
807
  invalid = _a.invalid,
790
- restProps = tslib.__rest(_a, ["disabled", "required", "className", "invalid"]);
808
+ restProps = __rest(_a, ["disabled", "required", "className", "invalid"]);
791
809
  return jsxRuntime.jsx("input", Object.assign({
792
810
  type: "radio",
793
811
  "aria-invalid": invalid || undefined,
794
812
  disabled: disabled,
795
813
  required: required,
796
814
  ref: ref,
797
- className: clsx__default["default"]('utrecht-custom-radio-button', 'utrecht-custom-radio-button--html-input', disabled && 'utrecht-custom-radio-button--disabled', invalid && 'utrecht-custom-radio-button--invalid', className)
815
+ className: clsx('utrecht-custom-radio-button', 'utrecht-custom-radio-button--html-input', disabled && 'utrecht-custom-radio-button--disabled', invalid && 'utrecht-custom-radio-button--invalid', className)
798
816
  }, restProps));
799
817
  });
800
818
  CustomRadioButton.displayName = 'CustomRadioButton';
@@ -802,10 +820,10 @@ CustomRadioButton.displayName = 'CustomRadioButton';
802
820
  var Document = /*#__PURE__*/react.forwardRef(function (_a, ref) {
803
821
  var children = _a.children,
804
822
  className = _a.className,
805
- restProps = tslib.__rest(_a, ["children", "className"]);
823
+ restProps = __rest(_a, ["children", "className"]);
806
824
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
807
825
  ref: ref,
808
- className: clsx__default["default"]('utrecht-document', className)
826
+ className: clsx('utrecht-document', className)
809
827
  }, {
810
828
  children: children
811
829
  }));
@@ -816,9 +834,9 @@ var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
816
834
  var appearance = _a.appearance,
817
835
  children = _a.children,
818
836
  className = _a.className,
819
- restProps = tslib.__rest(_a, ["appearance", "children", "className"]);
837
+ restProps = __rest(_a, ["appearance", "children", "className"]);
820
838
  return jsxRuntime.jsx("dl", Object.assign({}, restProps, {
821
- className: clsx__default["default"]('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
839
+ className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
822
840
  ref: ref
823
841
  }, {
824
842
  children: children
@@ -828,9 +846,9 @@ DataList.displayName = 'DataList';
828
846
  var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
829
847
  var children = _a.children,
830
848
  className = _a.className,
831
- restProps = tslib.__rest(_a, ["children", "className"]);
849
+ restProps = __rest(_a, ["children", "className"]);
832
850
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
833
- className: clsx__default["default"]('utrecht-data-list__item', className),
851
+ className: clsx('utrecht-data-list__item', className),
834
852
  ref: ref
835
853
  }, {
836
854
  children: children
@@ -840,9 +858,9 @@ DataListItem.displayName = 'DataListItem';
840
858
  var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
841
859
  var children = _a.children,
842
860
  className = _a.className,
843
- restProps = tslib.__rest(_a, ["children", "className"]);
861
+ restProps = __rest(_a, ["children", "className"]);
844
862
  return jsxRuntime.jsx("dt", Object.assign({}, restProps, {
845
- className: clsx__default["default"]('utrecht-data-list__item-key', className),
863
+ className: clsx('utrecht-data-list__item-key', className),
846
864
  ref: ref
847
865
  }, {
848
866
  children: children
@@ -858,7 +876,7 @@ var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
858
876
  notranslate = _ref.notranslate;
859
877
  var empty = value === '' || value === null;
860
878
  return jsxRuntime.jsx("dd", Object.assign({
861
- className: clsx__default["default"]('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
879
+ className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
862
880
  translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
863
881
  ref: ref
864
882
  }, {
@@ -873,9 +891,9 @@ DataListValue.displayName = 'DataListValue';
873
891
  var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
874
892
  var children = _a.children,
875
893
  className = _a.className,
876
- restProps = tslib.__rest(_a, ["children", "className"]);
894
+ restProps = __rest(_a, ["children", "className"]);
877
895
  return jsxRuntime.jsx("dd", Object.assign({}, restProps, {
878
- className: clsx__default["default"]('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
896
+ className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
879
897
  ref: ref
880
898
  }, {
881
899
  children: children
@@ -886,10 +904,10 @@ DataListActions.displayName = 'DataListActions';
886
904
  var Emphasis = /*#__PURE__*/react.forwardRef(function (_a, ref) {
887
905
  var children = _a.children,
888
906
  className = _a.className,
889
- restProps = tslib.__rest(_a, ["children", "className"]);
907
+ restProps = __rest(_a, ["children", "className"]);
890
908
  return jsxRuntime.jsx("em", Object.assign({
891
909
  ref: ref,
892
- className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
910
+ className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
893
911
  }, restProps, {
894
912
  children: children
895
913
  }));
@@ -907,10 +925,10 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
907
925
  invalid = _a.invalid,
908
926
  name = _a.name,
909
927
  role = _a.role,
910
- restProps = tslib.__rest(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
928
+ restProps = __rest(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
911
929
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
912
930
  ref: ref,
913
- className: clsx__default["default"]('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
931
+ className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
914
932
  }, {
915
933
  children: jsxRuntime.jsx("fieldset", Object.assign({
916
934
  "aria-describedby": ariaDescribedby,
@@ -921,7 +939,7 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
921
939
  form: form,
922
940
  name: name,
923
941
  role: role,
924
- className: clsx__default["default"]('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset')
942
+ className: clsx('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset')
925
943
  }, {
926
944
  children: children
927
945
  }))
@@ -933,12 +951,12 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_a, ref) {
933
951
  children = _a.children,
934
952
  disabled = _a.disabled,
935
953
  invalid = _a.invalid,
936
- restProps = tslib.__rest(_a, ["className", "children", "disabled", "invalid"]);
954
+ restProps = __rest(_a, ["className", "children", "disabled", "invalid"]);
937
955
  return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
938
956
  ref: ref,
939
957
  "aria-invalid": invalid || undefined,
940
958
  disabled: disabled,
941
- className: clsx__default["default"]('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
959
+ className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
942
960
  }, {
943
961
  children: children
944
962
  }));
@@ -948,10 +966,10 @@ FieldsetOnly.displayName = 'Fieldset';
948
966
  var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
949
967
  var className = _a.className,
950
968
  children = _a.children,
951
- restProps = tslib.__rest(_a, ["className", "children"]);
969
+ restProps = __rest(_a, ["className", "children"]);
952
970
  return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
953
971
  ref: ref,
954
- className: clsx__default["default"]('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
972
+ className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
955
973
  }, {
956
974
  children: children
957
975
  }));
@@ -961,10 +979,10 @@ FieldsetLegend.displayName = 'FieldsetLegend';
961
979
  var Figure = /*#__PURE__*/react.forwardRef(function (_a, ref) {
962
980
  var className = _a.className,
963
981
  children = _a.children,
964
- restProps = tslib.__rest(_a, ["className", "children"]);
982
+ restProps = __rest(_a, ["className", "children"]);
965
983
  return jsxRuntime.jsx("figure", Object.assign({}, restProps, {
966
984
  ref: ref,
967
- className: clsx__default["default"]('utrecht-figure', className)
985
+ className: clsx('utrecht-figure', className)
968
986
  }, {
969
987
  children: children
970
988
  }));
@@ -974,10 +992,10 @@ Figure.displayName = 'Figure';
974
992
  var FigureCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
975
993
  var className = _a.className,
976
994
  children = _a.children,
977
- restProps = tslib.__rest(_a, ["className", "children"]);
995
+ restProps = __rest(_a, ["className", "children"]);
978
996
  return jsxRuntime.jsx("figcaption", Object.assign({}, restProps, {
979
997
  ref: ref,
980
- className: clsx__default["default"]('utrecht-figure__caption', className)
998
+ className: clsx('utrecht-figure__caption', className)
981
999
  }, {
982
1000
  children: children
983
1001
  }));
@@ -989,10 +1007,10 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
989
1007
  children = _a.children,
990
1008
  invalid = _a.invalid,
991
1009
  type = _a.type,
992
- restProps = tslib.__rest(_a, ["className", "children", "invalid", "type"]);
1010
+ restProps = __rest(_a, ["className", "children", "invalid", "type"]);
993
1011
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
994
1012
  ref: ref,
995
- className: clsx__default["default"]('utrecht-form-field', {
1013
+ className: clsx('utrecht-form-field', {
996
1014
  'utrecht-form-field--invalid': invalid,
997
1015
  'utrecht-form-field--checkbox': type === 'checkbox',
998
1016
  'utrecht-form-field--radio': type === 'radio',
@@ -1010,10 +1028,10 @@ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1010
1028
  warning = _a.warning,
1011
1029
  className = _a.className,
1012
1030
  children = _a.children,
1013
- restProps = tslib.__rest(_a, ["invalid", "valid", "warning", "className", "children"]);
1031
+ restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
1014
1032
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1015
1033
  ref: ref,
1016
- className: clsx__default["default"]('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className)
1034
+ 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)
1017
1035
  }, {
1018
1036
  children: children
1019
1037
  }));
@@ -1026,10 +1044,10 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1026
1044
  type = _a.type,
1027
1045
  disabled = _a.disabled,
1028
1046
  checked = _a.checked,
1029
- restProps = tslib.__rest(_a, ["children", "className", "type", "disabled", "checked"]);
1047
+ restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
1030
1048
  return jsxRuntime.jsx("label", Object.assign({}, restProps, {
1031
1049
  ref: ref,
1032
- className: clsx__default["default"]('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className)
1050
+ className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className)
1033
1051
  }, {
1034
1052
  children: children
1035
1053
  }));
@@ -1039,10 +1057,10 @@ FormLabel.displayName = 'FormLabel';
1039
1057
  var HTMLContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1040
1058
  var children = _a.children,
1041
1059
  className = _a.className,
1042
- restProps = tslib.__rest(_a, ["children", "className"]);
1060
+ restProps = __rest(_a, ["children", "className"]);
1043
1061
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1044
1062
  ref: ref,
1045
- className: clsx__default["default"]('utrecht-html', className)
1063
+ className: clsx('utrecht-html', className)
1046
1064
  }, {
1047
1065
  children: children
1048
1066
  }));
@@ -1052,10 +1070,10 @@ HTMLContent.displayName = 'HTMLContent';
1052
1070
  var Heading1 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1053
1071
  var children = _a.children,
1054
1072
  className = _a.className,
1055
- restProps = tslib.__rest(_a, ["children", "className"]);
1073
+ restProps = __rest(_a, ["children", "className"]);
1056
1074
  return jsxRuntime.jsx("h1", Object.assign({}, restProps, {
1057
1075
  ref: ref,
1058
- className: clsx__default["default"]('utrecht-heading-1', className)
1076
+ className: clsx('utrecht-heading-1', className)
1059
1077
  }, {
1060
1078
  children: children
1061
1079
  }));
@@ -1065,10 +1083,10 @@ Heading1.displayName = 'Heading1';
1065
1083
  var Heading3 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1066
1084
  var children = _a.children,
1067
1085
  className = _a.className,
1068
- restProps = tslib.__rest(_a, ["children", "className"]);
1086
+ restProps = __rest(_a, ["children", "className"]);
1069
1087
  return jsxRuntime.jsx("h3", Object.assign({}, restProps, {
1070
1088
  ref: ref,
1071
- className: clsx__default["default"]('utrecht-heading-3', className)
1089
+ className: clsx('utrecht-heading-3', className)
1072
1090
  }, {
1073
1091
  children: children
1074
1092
  }));
@@ -1078,10 +1096,10 @@ Heading3.displayName = 'Heading3';
1078
1096
  var Heading4 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1079
1097
  var children = _a.children,
1080
1098
  className = _a.className,
1081
- restProps = tslib.__rest(_a, ["children", "className"]);
1099
+ restProps = __rest(_a, ["children", "className"]);
1082
1100
  return jsxRuntime.jsx("h4", Object.assign({}, restProps, {
1083
1101
  ref: ref,
1084
- className: clsx__default["default"]('utrecht-heading-4', className)
1102
+ className: clsx('utrecht-heading-4', className)
1085
1103
  }, {
1086
1104
  children: children
1087
1105
  }));
@@ -1091,10 +1109,10 @@ Heading4.displayName = 'Heading4';
1091
1109
  var Heading5 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1092
1110
  var children = _a.children,
1093
1111
  className = _a.className,
1094
- restProps = tslib.__rest(_a, ["children", "className"]);
1112
+ restProps = __rest(_a, ["children", "className"]);
1095
1113
  return jsxRuntime.jsx("h5", Object.assign({}, restProps, {
1096
1114
  ref: ref,
1097
- className: clsx__default["default"]('utrecht-heading-5', className)
1115
+ className: clsx('utrecht-heading-5', className)
1098
1116
  }, {
1099
1117
  children: children
1100
1118
  }));
@@ -1104,10 +1122,10 @@ Heading5.displayName = 'Heading5';
1104
1122
  var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1105
1123
  var children = _a.children,
1106
1124
  className = _a.className,
1107
- restProps = tslib.__rest(_a, ["children", "className"]);
1125
+ restProps = __rest(_a, ["children", "className"]);
1108
1126
  return jsxRuntime.jsx("h6", Object.assign({}, restProps, {
1109
1127
  ref: ref,
1110
- className: clsx__default["default"]('utrecht-heading-6', className)
1128
+ className: clsx('utrecht-heading-6', className)
1111
1129
  }, {
1112
1130
  children: children
1113
1131
  }));
@@ -1117,10 +1135,10 @@ Heading6.displayName = 'Heading6';
1117
1135
  var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1118
1136
  var children = _a.children,
1119
1137
  className = _a.className,
1120
- restProps = tslib.__rest(_a, ["children", "className"]);
1138
+ restProps = __rest(_a, ["children", "className"]);
1121
1139
  return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
1122
1140
  ref: ref,
1123
- className: clsx__default["default"]('utrecht-heading-group', className)
1141
+ className: clsx('utrecht-heading-group', className)
1124
1142
  }, {
1125
1143
  children: children
1126
1144
  }));
@@ -1130,10 +1148,10 @@ HeadingGroup.displayName = 'HeadingGroup';
1130
1148
  var Icon = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1131
1149
  var children = _a.children,
1132
1150
  className = _a.className,
1133
- restProps = tslib.__rest(_a, ["children", "className"]);
1151
+ restProps = __rest(_a, ["children", "className"]);
1134
1152
  return jsxRuntime.jsx("span", Object.assign({
1135
1153
  ref: ref,
1136
- className: clsx__default["default"]('utrecht-icon', className)
1154
+ className: clsx('utrecht-icon', className)
1137
1155
  }, restProps, {
1138
1156
  children: children
1139
1157
  }));
@@ -1143,10 +1161,10 @@ Icon.displayName = 'Icon';
1143
1161
  var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1144
1162
  var className = _a.className,
1145
1163
  photo = _a.photo,
1146
- restProps = tslib.__rest(_a, ["className", "photo"]);
1164
+ restProps = __rest(_a, ["className", "photo"]);
1147
1165
  return jsxRuntime.jsx("img", Object.assign({}, restProps, {
1148
1166
  ref: ref,
1149
- className: clsx__default["default"]('utrecht-img', {
1167
+ className: clsx('utrecht-img', {
1150
1168
  'utrecht-img--photo': photo
1151
1169
  }, className)
1152
1170
  }));
@@ -1160,11 +1178,11 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1160
1178
  className = _a.className,
1161
1179
  pressed = _a.pressed,
1162
1180
  type = _a.type,
1163
- restProps = tslib.__rest(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
1181
+ restProps = __rest(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
1164
1182
  return jsxRuntime.jsx("button", Object.assign({
1165
1183
  ref: ref,
1166
1184
  "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
1167
- className: clsx__default["default"]('utrecht-link-button', 'utrecht-link-button--html-button', {
1185
+ className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
1168
1186
  'utrecht-link-button--disabled': disabled,
1169
1187
  'utrecht-link-button--inline': inline,
1170
1188
  'utrecht-link-button--pressed': pressed
@@ -1181,10 +1199,10 @@ var LinkSocial = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1181
1199
  var children = _a.children,
1182
1200
  className = _a.className,
1183
1201
  external = _a.external,
1184
- restProps = tslib.__rest(_a, ["children", "className", "external"]);
1202
+ restProps = __rest(_a, ["children", "className", "external"]);
1185
1203
  return jsxRuntime.jsx("a", Object.assign({}, restProps, {
1186
1204
  ref: ref,
1187
- className: clsx__default["default"]('utrecht-link-social', className),
1205
+ className: clsx('utrecht-link-social', className),
1188
1206
  rel: external !== false ? 'external noopener noreferrer' : undefined
1189
1207
  }, {
1190
1208
  children: children
@@ -1195,7 +1213,7 @@ LinkSocial.displayName = 'LinkSocial';
1195
1213
  var ListSocial = function ListSocial(_ref) {
1196
1214
  var children = _ref.children;
1197
1215
  return jsxRuntime.jsx("ul", Object.assign({
1198
- className: clsx__default["default"]('utrecht-list-social')
1216
+ className: clsx('utrecht-list-social')
1199
1217
  }, {
1200
1218
  children: children
1201
1219
  }));
@@ -1203,7 +1221,7 @@ var ListSocial = function ListSocial(_ref) {
1203
1221
  var ListSocialItem = function ListSocialItem(_ref2) {
1204
1222
  var children = _ref2.children;
1205
1223
  return jsxRuntime.jsx("li", Object.assign({
1206
- className: clsx__default["default"]('utrecht-list-social__item')
1224
+ className: clsx('utrecht-list-social__item')
1207
1225
  }, {
1208
1226
  children: children
1209
1227
  }));
@@ -1212,10 +1230,10 @@ var ListSocialItem = function ListSocialItem(_ref2) {
1212
1230
  var Mark = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1213
1231
  var children = _a.children,
1214
1232
  className = _a.className,
1215
- restProps = tslib.__rest(_a, ["children", "className"]);
1233
+ restProps = __rest(_a, ["children", "className"]);
1216
1234
  return jsxRuntime.jsx("mark", Object.assign({
1217
1235
  ref: ref,
1218
- className: clsx__default["default"]('utrecht-mark', className)
1236
+ className: clsx('utrecht-mark', className)
1219
1237
  }, restProps, {
1220
1238
  children: children
1221
1239
  }));
@@ -1226,12 +1244,12 @@ var NumberValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1226
1244
  var children = _a.children,
1227
1245
  className = _a.className,
1228
1246
  value = _a.value,
1229
- restProps = tslib.__rest(_a, ["children", "className", "value"]);
1247
+ restProps = __rest(_a, ["children", "className", "value"]);
1230
1248
  return jsxRuntime.jsx("data", Object.assign({
1231
1249
  value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
1232
1250
  }, restProps, {
1233
1251
  ref: ref,
1234
- className: clsx__default["default"]('utrecht-value-number', className)
1252
+ className: clsx('utrecht-value-number', className)
1235
1253
  }, {
1236
1254
  children: children
1237
1255
  }));
@@ -1241,10 +1259,10 @@ NumberValue.displayName = 'NumberValue';
1241
1259
  var OrderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1242
1260
  var children = _a.children,
1243
1261
  className = _a.className,
1244
- restProps = tslib.__rest(_a, ["children", "className"]);
1262
+ restProps = __rest(_a, ["children", "className"]);
1245
1263
  return jsxRuntime.jsx("ol", Object.assign({}, restProps, {
1246
1264
  ref: ref,
1247
- className: clsx__default["default"]('utrecht-ordered-list', className)
1265
+ className: clsx('utrecht-ordered-list', className)
1248
1266
  }, {
1249
1267
  children: children
1250
1268
  }));
@@ -1254,10 +1272,10 @@ OrderedList.displayName = 'OrderedList';
1254
1272
  var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1255
1273
  var children = _a.children,
1256
1274
  className = _a.className,
1257
- restProps = tslib.__rest(_a, ["children", "className"]);
1275
+ restProps = __rest(_a, ["children", "className"]);
1258
1276
  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
1259
1277
  ref: ref,
1260
- className: clsx__default["default"]('utrecht-ordered-list__item', className)
1278
+ className: clsx('utrecht-ordered-list__item', className)
1261
1279
  }, {
1262
1280
  children: children
1263
1281
  }));
@@ -1267,10 +1285,10 @@ OrderedListItem.displayName = 'OrderedListItem';
1267
1285
  var Page = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1268
1286
  var children = _a.children,
1269
1287
  className = _a.className,
1270
- restProps = tslib.__rest(_a, ["children", "className"]);
1288
+ restProps = __rest(_a, ["children", "className"]);
1271
1289
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1272
1290
  ref: ref,
1273
- className: clsx__default["default"]('utrecht-page', className)
1291
+ className: clsx('utrecht-page', className)
1274
1292
  }, {
1275
1293
  children: children
1276
1294
  }));
@@ -1280,10 +1298,10 @@ Page.displayName = 'Page';
1280
1298
  var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1281
1299
  var children = _a.children,
1282
1300
  className = _a.className,
1283
- restProps = tslib.__rest(_a, ["children", "className"]);
1301
+ restProps = __rest(_a, ["children", "className"]);
1284
1302
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1285
1303
  ref: ref,
1286
- className: clsx__default["default"]('utrecht-page-content', className)
1304
+ className: clsx('utrecht-page-content', className)
1287
1305
  }, {
1288
1306
  children: children
1289
1307
  }));
@@ -1292,10 +1310,10 @@ PageContent.displayName = 'PageContent';
1292
1310
  var PageContentMain = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1293
1311
  var children = _a.children,
1294
1312
  className = _a.className,
1295
- restProps = tslib.__rest(_a, ["children", "className"]);
1313
+ restProps = __rest(_a, ["children", "className"]);
1296
1314
  return jsxRuntime.jsx("main", Object.assign({}, restProps, {
1297
1315
  ref: ref,
1298
- className: clsx__default["default"]('utrecht-page-content__main', className)
1316
+ className: clsx('utrecht-page-content__main', className)
1299
1317
  }, {
1300
1318
  children: children
1301
1319
  }));
@@ -1305,10 +1323,10 @@ PageContentMain.displayName = 'PageContentMain';
1305
1323
  var PageFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1306
1324
  var children = _a.children,
1307
1325
  className = _a.className,
1308
- restProps = tslib.__rest(_a, ["children", "className"]);
1326
+ restProps = __rest(_a, ["children", "className"]);
1309
1327
  return jsxRuntime.jsx("footer", Object.assign({}, restProps, {
1310
1328
  ref: ref,
1311
- className: clsx__default["default"]('utrecht-page-footer', className)
1329
+ className: clsx('utrecht-page-footer', className)
1312
1330
  }, {
1313
1331
  children: children
1314
1332
  }));
@@ -1318,10 +1336,10 @@ PageFooter.displayName = 'PageFooter';
1318
1336
  var PageHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1319
1337
  var children = _a.children,
1320
1338
  className = _a.className,
1321
- restProps = tslib.__rest(_a, ["children", "className"]);
1339
+ restProps = __rest(_a, ["children", "className"]);
1322
1340
  return jsxRuntime.jsx("header", Object.assign({}, restProps, {
1323
1341
  ref: ref,
1324
- className: clsx__default["default"]('utrecht-page-header', className)
1342
+ className: clsx('utrecht-page-header', className)
1325
1343
  }, {
1326
1344
  children: children
1327
1345
  }));
@@ -1333,10 +1351,10 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1333
1351
  className = _a.className,
1334
1352
  lead = _a.lead,
1335
1353
  small = _a.small,
1336
- restProps = tslib.__rest(_a, ["children", "className", "lead", "small"]);
1354
+ restProps = __rest(_a, ["children", "className", "lead", "small"]);
1337
1355
  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
1338
1356
  ref: ref,
1339
- className: clsx__default["default"]('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
1357
+ className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
1340
1358
  }, {
1341
1359
  children: small ? jsxRuntime.jsx("small", Object.assign({
1342
1360
  className: "utrecht-paragraph__small"
@@ -1350,10 +1368,10 @@ Paragraph.displayName = 'Paragraph';
1350
1368
  var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1351
1369
  var children = _a.children,
1352
1370
  className = _a.className,
1353
- restProps = tslib.__rest(_a, ["children", "className"]);
1371
+ restProps = __rest(_a, ["children", "className"]);
1354
1372
  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
1355
1373
  ref: ref,
1356
- className: clsx__default["default"]('utrecht-pre-heading', className)
1374
+ className: clsx('utrecht-pre-heading', className)
1357
1375
  }, {
1358
1376
  children: children
1359
1377
  }));
@@ -1365,11 +1383,11 @@ var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1365
1383
  appearance = _a$appearance === void 0 ? 'utrecht-radio-button' : _a$appearance,
1366
1384
  invalid = _a.invalid,
1367
1385
  className = _a.className,
1368
- restProps = tslib.__rest(_a, ["appearance", "invalid", "className"]);
1386
+ restProps = __rest(_a, ["appearance", "invalid", "className"]);
1369
1387
  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
1370
1388
  ref: ref,
1371
1389
  type: "radio",
1372
- className: clsx__default["default"]('utrecht-radio-button', 'utrecht-radio-button--html-input', {
1390
+ className: clsx('utrecht-radio-button', 'utrecht-radio-button--html-input', {
1373
1391
  'utrecht-radio-button--custom': appearance === 'utrecht-radio-button',
1374
1392
  'utrecht-radio-button--invalid': invalid
1375
1393
  }, className)
@@ -1383,13 +1401,13 @@ var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1383
1401
  className = _a.className,
1384
1402
  noscript = _a.noscript,
1385
1403
  children = _a.children,
1386
- restProps = tslib.__rest(_a, ["invalid", "required", "className", "noscript", "children"]);
1404
+ restProps = __rest(_a, ["invalid", "required", "className", "noscript", "children"]);
1387
1405
  return jsxRuntime.jsx("select", Object.assign({}, restProps, {
1388
1406
  ref: ref,
1389
1407
  "aria-invalid": invalid || undefined,
1390
1408
  required: noscript ? required : false,
1391
1409
  "aria-required": noscript ? undefined : required,
1392
- className: clsx__default["default"]('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className)
1410
+ className: clsx('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className)
1393
1411
  }, {
1394
1412
  children: children
1395
1413
  }));
@@ -1401,12 +1419,12 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1401
1419
  value = _a.value,
1402
1420
  children = _a.children,
1403
1421
  className = _a.className,
1404
- restProps = tslib.__rest(_a, ["disabled", "invalid", "value", "children", "className"]);
1422
+ restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
1405
1423
  return jsxRuntime.jsx("option", Object.assign({}, restProps, {
1406
1424
  ref: ref,
1407
1425
  disabled: disabled,
1408
1426
  value: value,
1409
- className: clsx__default["default"]('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className)
1427
+ className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className)
1410
1428
  }, {
1411
1429
  children: children
1412
1430
  }));
@@ -1417,10 +1435,10 @@ SelectOption.displayName = 'SelectOption';
1417
1435
  var Separator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1418
1436
  var className = _a.className;
1419
1437
  _a.children;
1420
- var restProps = tslib.__rest(_a, ["className", "children"]);
1438
+ var restProps = __rest(_a, ["className", "children"]);
1421
1439
  return jsxRuntime.jsx("hr", Object.assign({}, restProps, {
1422
1440
  ref: ref,
1423
- className: clsx__default["default"]('utrecht-separator', className)
1441
+ className: clsx('utrecht-separator', className)
1424
1442
  }));
1425
1443
  });
1426
1444
  Separator.displayName = 'Separator';
@@ -1428,12 +1446,12 @@ Separator.displayName = 'Separator';
1428
1446
  var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1429
1447
  var children = _a.children,
1430
1448
  className = _a.className,
1431
- restProps = tslib.__rest(_a, ["children", "className"]);
1449
+ restProps = __rest(_a, ["children", "className"]);
1432
1450
  return jsxRuntime.jsx("p", {
1433
1451
  children: jsxRuntime.jsx("a", Object.assign({
1434
1452
  ref: ref
1435
1453
  }, restProps, {
1436
- className: clsx__default["default"]('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
1454
+ className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
1437
1455
  }, {
1438
1456
  children: children
1439
1457
  }))
@@ -1446,10 +1464,10 @@ var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1446
1464
  children = _a.children,
1447
1465
  className = _a.className,
1448
1466
  type = _a.type,
1449
- restProps = tslib.__rest(_a, ["aside", "children", "className", "type"]);
1467
+ restProps = __rest(_a, ["aside", "children", "className", "type"]);
1450
1468
  var props = Object.assign(Object.assign({}, restProps), {
1451
1469
  ref: ref,
1452
- className: clsx__default["default"]('utrecht-spotlight-section', {
1470
+ className: clsx('utrecht-spotlight-section', {
1453
1471
  'utrecht-spotlight-section--info': type === 'info',
1454
1472
  'utrecht-spotlight-section--warning': type === 'warning'
1455
1473
  }, className)
@@ -1465,10 +1483,10 @@ SpotlightSection.displayName = 'SpotlightSection';
1465
1483
  var Strong = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1466
1484
  var children = _a.children,
1467
1485
  className = _a.className,
1468
- restProps = tslib.__rest(_a, ["children", "className"]);
1486
+ restProps = __rest(_a, ["children", "className"]);
1469
1487
  return jsxRuntime.jsx("strong", Object.assign({
1470
1488
  ref: ref,
1471
- className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--strong', className)
1489
+ className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
1472
1490
  }, restProps, {
1473
1491
  children: children
1474
1492
  }));
@@ -1478,10 +1496,10 @@ Strong.displayName = 'Strong';
1478
1496
  var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1479
1497
  var children = _a.children,
1480
1498
  className = _a.className,
1481
- restProps = tslib.__rest(_a, ["children", "className"]);
1499
+ restProps = __rest(_a, ["children", "className"]);
1482
1500
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1483
1501
  ref: ref,
1484
- className: clsx__default["default"]('utrecht-surface', className)
1502
+ className: clsx('utrecht-surface', className)
1485
1503
  }, {
1486
1504
  children: children
1487
1505
  }));
@@ -1491,10 +1509,10 @@ Surface.displayName = 'Surface';
1491
1509
  var Table = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1492
1510
  var children = _a.children,
1493
1511
  className = _a.className,
1494
- restProps = tslib.__rest(_a, ["children", "className"]);
1512
+ restProps = __rest(_a, ["children", "className"]);
1495
1513
  return jsxRuntime.jsx("table", Object.assign({}, restProps, {
1496
1514
  ref: ref,
1497
- className: clsx__default["default"]('utrecht-table', className)
1515
+ className: clsx('utrecht-table', className)
1498
1516
  }, {
1499
1517
  children: children
1500
1518
  }));
@@ -1504,10 +1522,10 @@ Table.displayName = 'Table';
1504
1522
  var TableBody = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1505
1523
  var children = _a.children,
1506
1524
  className = _a.className,
1507
- restProps = tslib.__rest(_a, ["children", "className"]);
1525
+ restProps = __rest(_a, ["children", "className"]);
1508
1526
  return jsxRuntime.jsx("tbody", Object.assign({}, restProps, {
1509
1527
  ref: ref,
1510
- className: clsx__default["default"]('utrecht-table__body', className)
1528
+ className: clsx('utrecht-table__body', className)
1511
1529
  }, {
1512
1530
  children: children
1513
1531
  }));
@@ -1517,10 +1535,10 @@ TableBody.displayName = 'TableBody';
1517
1535
  var TableCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1518
1536
  var children = _a.children,
1519
1537
  className = _a.className,
1520
- restProps = tslib.__rest(_a, ["children", "className"]);
1538
+ restProps = __rest(_a, ["children", "className"]);
1521
1539
  return jsxRuntime.jsx("caption", Object.assign({}, restProps, {
1522
1540
  ref: ref,
1523
- className: clsx__default["default"]('utrecht-table__caption', className)
1541
+ className: clsx('utrecht-table__caption', className)
1524
1542
  }, {
1525
1543
  children: children
1526
1544
  }));
@@ -1530,10 +1548,10 @@ TableCaption.displayName = 'TableCaption';
1530
1548
  var TableCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1531
1549
  var children = _a.children,
1532
1550
  className = _a.className,
1533
- restProps = tslib.__rest(_a, ["children", "className"]);
1551
+ restProps = __rest(_a, ["children", "className"]);
1534
1552
  return jsxRuntime.jsx("td", Object.assign({}, restProps, {
1535
1553
  ref: ref,
1536
- className: clsx__default["default"]('utrecht-table__cell', className)
1554
+ className: clsx('utrecht-table__cell', className)
1537
1555
  }, {
1538
1556
  children: children
1539
1557
  }));
@@ -1543,10 +1561,10 @@ TableCell.displayName = 'TableCell';
1543
1561
  var TableFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1544
1562
  var children = _a.children,
1545
1563
  className = _a.className,
1546
- restProps = tslib.__rest(_a, ["children", "className"]);
1564
+ restProps = __rest(_a, ["children", "className"]);
1547
1565
  return jsxRuntime.jsx("tfoot", Object.assign({}, restProps, {
1548
1566
  ref: ref,
1549
- className: clsx__default["default"]('utrecht-table__footer', className)
1567
+ className: clsx('utrecht-table__footer', className)
1550
1568
  }, {
1551
1569
  children: children
1552
1570
  }));
@@ -1556,10 +1574,10 @@ TableFooter.displayName = 'TableFooter';
1556
1574
  var TableHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1557
1575
  var children = _a.children,
1558
1576
  className = _a.className,
1559
- restProps = tslib.__rest(_a, ["children", "className"]);
1577
+ restProps = __rest(_a, ["children", "className"]);
1560
1578
  return jsxRuntime.jsx("thead", Object.assign({}, restProps, {
1561
1579
  ref: ref,
1562
- className: clsx__default["default"]('utrecht-table__header', className)
1580
+ className: clsx('utrecht-table__header', className)
1563
1581
  }, {
1564
1582
  children: children
1565
1583
  }));
@@ -1569,10 +1587,10 @@ TableHeader.displayName = 'TableHeader';
1569
1587
  var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1570
1588
  var children = _a.children,
1571
1589
  className = _a.className,
1572
- restProps = tslib.__rest(_a, ["children", "className"]);
1590
+ restProps = __rest(_a, ["children", "className"]);
1573
1591
  return jsxRuntime.jsx("th", Object.assign({}, restProps, {
1574
1592
  ref: ref,
1575
- className: clsx__default["default"]('utrecht-table__header-cell', className)
1593
+ className: clsx('utrecht-table__header-cell', className)
1576
1594
  }, {
1577
1595
  children: children
1578
1596
  }));
@@ -1582,10 +1600,10 @@ TableHeaderCell.displayName = 'TableHeaderCell';
1582
1600
  var TableRow = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1583
1601
  var children = _a.children,
1584
1602
  className = _a.className,
1585
- restProps = tslib.__rest(_a, ["children", "className"]);
1603
+ restProps = __rest(_a, ["children", "className"]);
1586
1604
  return jsxRuntime.jsx("tr", Object.assign({}, restProps, {
1587
1605
  ref: ref,
1588
- className: clsx__default["default"]('utrecht-table__row', className)
1606
+ className: clsx('utrecht-table__row', className)
1589
1607
  }, {
1590
1608
  children: children
1591
1609
  }));
@@ -1598,10 +1616,10 @@ var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1598
1616
  readOnly = _a.readOnly,
1599
1617
  required = _a.required,
1600
1618
  className = _a.className,
1601
- restProps = tslib.__rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
1619
+ restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
1602
1620
  return jsxRuntime.jsx("textarea", Object.assign({}, restProps, {
1603
1621
  ref: ref,
1604
- className: clsx__default["default"]('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
1622
+ className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
1605
1623
  disabled: disabled,
1606
1624
  readOnly: readOnly,
1607
1625
  required: required,
@@ -1620,11 +1638,11 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1620
1638
  type = _a$type === void 0 ? 'text' : _a$type,
1621
1639
  maxLength = _a.maxLength,
1622
1640
  inputMode = _a.inputMode,
1623
- restProps = tslib.__rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
1641
+ restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
1624
1642
  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
1625
1643
  ref: ref,
1626
1644
  type: type,
1627
- className: clsx__default["default"]('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
1645
+ className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
1628
1646
  maxLength: maxLength,
1629
1647
  disabled: disabled,
1630
1648
  readOnly: readOnly,
@@ -1638,12 +1656,12 @@ Textbox.displayName = 'Textbox';
1638
1656
  var URLValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1639
1657
  var children = _a.children,
1640
1658
  className = _a.className,
1641
- restProps = tslib.__rest(_a, ["children", "className"]);
1659
+ restProps = __rest(_a, ["children", "className"]);
1642
1660
  return jsxRuntime.jsx("bdi", Object.assign({
1643
1661
  translate: "no"
1644
1662
  }, restProps, {
1645
1663
  ref: ref,
1646
- className: clsx__default["default"]('utrecht-url', className)
1664
+ className: clsx('utrecht-url', className)
1647
1665
  }, {
1648
1666
  children: children
1649
1667
  }));
@@ -1653,12 +1671,12 @@ URLValue.displayName = 'URLValue';
1653
1671
  var UnorderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1654
1672
  var children = _a.children,
1655
1673
  className = _a.className,
1656
- restProps = tslib.__rest(_a, ["children", "className"]);
1674
+ restProps = __rest(_a, ["children", "className"]);
1657
1675
  return jsxRuntime.jsx("ul", Object.assign({
1658
1676
  role: "list"
1659
1677
  }, restProps, {
1660
1678
  ref: ref,
1661
- className: clsx__default["default"]('utrecht-unordered-list', className)
1679
+ className: clsx('utrecht-unordered-list', className)
1662
1680
  }, {
1663
1681
  children: children
1664
1682
  }));
@@ -1668,10 +1686,10 @@ UnorderedList.displayName = 'UnorderedList';
1668
1686
  var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1669
1687
  var children = _a.children,
1670
1688
  className = _a.className,
1671
- restProps = tslib.__rest(_a, ["children", "className"]);
1689
+ restProps = __rest(_a, ["children", "className"]);
1672
1690
  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
1673
1691
  ref: ref,
1674
- className: clsx__default["default"]('utrecht-unordered-list__item', className)
1692
+ className: clsx('utrecht-unordered-list__item', className)
1675
1693
  }, {
1676
1694
  children: children
1677
1695
  }));