@utrecht/component-library-react 6.2.0 → 7.0.0

package/dist/index.cjs.js

@@ -2,149 +2,114 @@
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var _extends = require('@babel/runtime/helpers/extends');
 var clsx = require('clsx');
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest$1(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
-  var {
-      appearance,
-      busy,
-      disabled,
-      children,
-      className,
-      hint,
-      pressed,
-      type
-    } = _a,
-    restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
-  return jsxRuntime.jsx("button", Object.assign({
+var _excluded$1t = ["appearance", "busy", "disabled", "children", "className", "hint", "icon", "label", "pressed", "type"];
+function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    busy = _ref.busy,
+    disabled = _ref.disabled,
+    children = _ref.children,
+    className = _ref.className,
+    hint = _ref.hint,
+    icon = _ref.icon,
+    label = _ref.label,
+    pressed = _ref.pressed,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$1t);
+  return jsxRuntime.jsxs("button", _objectSpread$1u(_objectSpread$1u({
     ref: ref,
     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),
     "aria-busy": busy || undefined,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     disabled: disabled,
     type: type || 'button'
-  }, restProps, {
-    children: children
+  }, restProps), {}, {
+    children: [icon, label && jsxRuntime.jsx("span", {
+      className: "utrecht-button__label",
+      children: label
+    }), children]
   }));
 });
 Button.displayName = 'Button';
-const PrimaryActionButton = _a => {
-  var args = __rest(_a, []);
-  return jsxRuntime.jsx(Button, Object.assign({}, args, {
+var PrimaryActionButton = function PrimaryActionButton(_ref2) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  return jsxRuntime.jsx(Button, _objectSpread$1u(_objectSpread$1u({}, args), {}, {
     appearance: "primary-action-button"
   }));
 };
 PrimaryActionButton.displayName = 'PrimaryActionButton';
-const SecondaryActionButton = _a => {
-  var args = __rest(_a, []);
-  return jsxRuntime.jsx(Button, Object.assign({}, args, {
+var SecondaryActionButton = function SecondaryActionButton(_ref3) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  return jsxRuntime.jsx(Button, _objectSpread$1u(_objectSpread$1u({}, args), {}, {
     appearance: "secondary-action-button"
   }));
 };
 SecondaryActionButton.displayName = 'SecondaryActionButton';
-const SubtleButton = _a => {
-  var args = __rest(_a, []);
-  return jsxRuntime.jsx(Button, Object.assign({}, args, {
+var SubtleButton = function SubtleButton(_ref4) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+  return jsxRuntime.jsx(Button, _objectSpread$1u(_objectSpread$1u({}, args), {}, {
     appearance: "subtle-button"
   }));
 };
 SubtleButton.displayName = 'SubtleButton';
 
-var HTMLHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var level = _a.level,
-    className = _a.className,
-    restProps = __rest$1(_a, ["level", "className"]);
+var _excluded$1s = ["level", "className"];
+function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var HTMLHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var level = _ref.level,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1s);
   var HeadingX = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'p';
-  return jsxRuntime.jsx(HeadingX, Object.assign({
+  return jsxRuntime.jsx(HeadingX, _objectSpread$1t(_objectSpread$1t({
     className: clsx(className)
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref
   }));
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
+var _excluded$1r = ["appearance", "className", "level"];
+function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    className = _ref.className,
+    level = _ref.level,
+    restProps = _objectWithoutProperties(_ref, _excluded$1r);
+  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
+  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
+  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
+  return jsxRuntime.jsx(HeadingX, _objectSpread$1s(_objectSpread$1s({
+    className: clsx(headingClassName, className)
+  }, restProps), {}, {
+    ref: ref
+  }));
+});
+Heading.displayName = 'Heading';
+
+var _excluded$1q = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
+  _excluded2$a = ["children", "group", "headingLevel", "heading"];
+function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconChevronDown = function IconChevronDown() {
-  return jsxRuntime.jsxs("svg", Object.assign({
+  return jsxRuntime.jsxs("svg", {
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     width: "14",
     height: "8",
-    viewBox: "0 0 14 8"
-  }, {
+    viewBox: "0 0 14 8",
     children: [jsxRuntime.jsx("defs", {
-      children: jsxRuntime.jsx("clipPath", Object.assign({
-        id: "clippath"
-      }, {
+      children: jsxRuntime.jsx("clipPath", {
+        id: "clippath",
         children: jsxRuntime.jsx("rect", {
           width: "14",
           height: "8",
@@ -153,65 +118,64 @@ var IconChevronDown = function IconChevronDown() {
             strokeWidth: '0px'
           }
         })
-      }))
-    }), jsxRuntime.jsx("g", Object.assign({
+      })
+    }), jsxRuntime.jsx("g", {
       style: {
         clipPath: 'url(#clippath)'
-      }
-    }, {
+      },
       children: jsxRuntime.jsx("path", {
         d: "m7,8c-.26,0-.51-.1-.71-.29L.29,1.71C-.1,1.32-.1.68.29.29S1.32-.1,1.71.29l5.29,5.29L12.29.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-6,6c-.2.2-.45.29-.71.29Z",
         style: {
           strokeWidth: '0px;'
         }
       })
-    }))]
-  }));
+    })]
+  });
 };
-/**
- * Find the first item in an array
+/**
+ * Find the first item in an array
  */
 var firstItem = function firstItem(items) {
   return items.length >= 1 ? items[0] : undefined;
 };
-/**
- * Find the last item in an array
+/**
+ * Find the last item in an array
  */
 var lastItem = function lastItem(items) {
   return items.length >= 1 ? items[items.length - 1] : undefined;
 };
-/**
- * Find the next item in an array, compared to an item in the array
+/**
+ * Find the next item in an array, compared to an item in the array
  */
 var nextItem = function nextItem(items, item) {
   var currentIndex = item ? items.indexOf(item) : -1;
   return currentIndex >= 0 && currentIndex + 1 <= items.length - 1 ? items[currentIndex + 1] : undefined;
 };
-/**
- * Find the previous item in an array, compared to an item in the array
+/**
+ * Find the previous item in an array, compared to an item in the array
  */
 var previousItem = function previousItem(items, item) {
   var currentIndex = item ? items.indexOf(item) : -1;
   return currentIndex >= 0 && currentIndex - 1 <= items.length - 1 ? items[currentIndex - 1] : undefined;
 };
-var AccordionSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var id = _a.id,
-    label = _a.label,
-    className = _a.className,
-    _a$headingLevel = _a.headingLevel,
-    headingLevel = _a$headingLevel === void 0 ? 1 : _a$headingLevel,
-    _a$expanded = _a.expanded,
-    expanded = _a$expanded === void 0 ? false : _a$expanded,
-    disabled = _a.disabled,
-    section = _a.section,
-    children = _a.children,
-    buttonRef = _a.buttonRef,
-    onActivate = _a.onActivate,
-    onButtonBlur = _a.onButtonBlur,
-    onButtonFocus = _a.onButtonFocus,
-    icon = _a.icon,
-    appearance = _a.appearance,
-    props = __rest$1(_a, ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"]);
+var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    className = _ref.className,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 1 : _ref$headingLevel,
+    _ref$expanded = _ref.expanded,
+    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+    disabled = _ref.disabled,
+    section = _ref.section,
+    children = _ref.children,
+    buttonRef = _ref.buttonRef,
+    onActivate = _ref.onActivate,
+    onButtonBlur = _ref.onButtonBlur,
+    onButtonFocus = _ref.onButtonFocus,
+    icon = _ref.icon,
+    appearance = _ref.appearance,
+    props = _objectWithoutProperties(_ref, _excluded$1q);
   var panelAttributes = {
     className: clsx('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
@@ -235,16 +199,15 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   //   content of the landmark to be the actual content, instead of starting
   //   with the button that controls the region.
   // - we only want expanded sections to show up as landmarks
-  return jsxRuntime.jsxs("div", Object.assign({
+  return jsxRuntime.jsxs("div", _objectSpread$1r(_objectSpread$1r({
     className: clsx('utrecht-accordion__section', className),
     id: id,
     ref: ref
-  }, props, {
-    children: [jsxRuntime.jsx(HTMLHeading, Object.assign({
+  }, props), {}, {
+    children: [jsxRuntime.jsx(HTMLHeading, {
       level: headingLevel,
-      className: clsx('utrecht-accordion__header')
-    }, {
-      children: jsxRuntime.jsxs(Button, Object.assign({
+      className: clsx('utrecht-accordion__header'),
+      children: jsxRuntime.jsxs(Button, {
         className: clsx('utrecht-accordion__button', _defineProperty({}, 'utrecht-accordion__button--utrecht', appearance === 'utrecht')),
         appearance: "subtle-button",
         "aria-expanded": expanded === true,
@@ -260,50 +223,45 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
         onBlur: function onBlur() {
           return typeof onButtonBlur === 'function' && onButtonBlur(ref);
         },
-        ref: buttonRef
-      }, {
-        children: [iconStart && jsxRuntime.jsx("span", Object.assign({
-          className: "utrecht-accordion__button-icon"
-        }, {
+        ref: buttonRef,
+        children: [iconStart && jsxRuntime.jsx("span", {
+          className: "utrecht-accordion__button-icon",
           children: iconStart
-        })), jsxRuntime.jsx("span", Object.assign({
-          className: "utrecht-accordion__button-label"
-        }, {
+        }), jsxRuntime.jsx("span", {
+          className: "utrecht-accordion__button-label",
           children: label
-        }))]
-      }))
-    })), section ? jsxRuntime.jsx("section", Object.assign({
+        })]
+      })
+    }), section ? jsxRuntime.jsx("section", _objectSpread$1r(_objectSpread$1r({
       id: panelId,
       "aria-labelledby": buttonId
-    }, panelAttributes, {
+    }, panelAttributes), {}, {
       children: children
-    })) : jsxRuntime.jsx("div", Object.assign({
+    })) : jsxRuntime.jsx("div", _objectSpread$1r(_objectSpread$1r({
       id: panelId
-    }, panelAttributes, {
+    }, panelAttributes), {}, {
       children: children
     }))]
   }));
 });
 AccordionSection.displayName = 'AccordionSection';
-var Accordion = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    group = _a.group,
-    headingLevel = _a.headingLevel,
-    heading = _a.heading,
-    props = __rest$1(_a, ["children", "group", "headingLevel", "heading"]);
+var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    group = _ref2.group,
+    headingLevel = _ref2.headingLevel,
+    heading = _ref2.heading,
+    props = _objectWithoutProperties(_ref2, _excluded2$a);
   var headingId = react.useId();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(HTMLHeading, Object.assign({
-      level: headingLevel
-    }, {
+    children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
+      level: headingLevel,
       children: heading
-    })), jsxRuntime.jsx("div", Object.assign({
+    }), jsxRuntime.jsx("div", _objectSpread$1r(_objectSpread$1r({
       className: clsx('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
-    }, props, {
-      ref: ref
-    }, {
+    }, props), {}, {
+      ref: ref,
       children: children
     }))]
   });
@@ -326,35 +284,37 @@ var useAccordion = function useAccordion(sections, ref) {
     /* ForwardedRef for each section, in document order */
     sections: sections,
     focusNextSection: function focusNextSection(activeElement) {
-      var _a;
+      var _nextSection$current;
       var index = refs.indexOf(activeElement);
       var buttonRef = index >= 0 ? buttonRefs[index] : undefined;
       var nextSection = buttonRef ? nextItem(buttonRefs, buttonRef) : undefined;
-      (_a = nextSection === null || nextSection === void 0 ? void 0 : nextSection.current) === null || _a === void 0 ? void 0 : _a.focus();
+      nextSection === null || nextSection === void 0 || (_nextSection$current = nextSection.current) === null || _nextSection$current === void 0 || _nextSection$current.focus();
     },
     focusFirstSection: function focusFirstSection() {
-      var _a;
+      var _firstSection$current;
       var firstSection = firstItem(buttonRefs);
-      (_a = firstSection === null || firstSection === void 0 ? void 0 : firstSection.current) === null || _a === void 0 ? void 0 : _a.focus();
+      firstSection === null || firstSection === void 0 || (_firstSection$current = firstSection.current) === null || _firstSection$current === void 0 || _firstSection$current.focus();
     },
     focusPreviousSection: function focusPreviousSection(activeElement) {
-      var _a;
+      var _previousSection$curr;
       var index = refs.indexOf(activeElement);
       var buttonRef = index >= 0 ? buttonRefs[index] : undefined;
       var previousSection = buttonRef ? previousItem(buttonRefs, buttonRef) : undefined;
-      (_a = previousSection === null || previousSection === void 0 ? void 0 : previousSection.current) === null || _a === void 0 ? void 0 : _a.focus();
+      previousSection === null || previousSection === void 0 || (_previousSection$curr = previousSection.current) === null || _previousSection$curr === void 0 || _previousSection$curr.focus();
     },
     focusLastSection: function focusLastSection() {
-      var _a;
+      var _firstSection$current2;
       var firstSection = lastItem(buttonRefs);
-      (_a = firstSection === null || firstSection === void 0 ? void 0 : firstSection.current) === null || _a === void 0 ? void 0 : _a.focus();
+      firstSection === null || firstSection === void 0 || (_firstSection$current2 = firstSection.current) === null || _firstSection$current2 === void 0 || _firstSection$current2.focus();
     }
   };
 };
-var AccordionProvider = function AccordionProvider(_ref2) {
-  var sections = _ref2.sections,
-    icon = _ref2.icon,
-    appearance = _ref2.appearance;
+var AccordionProvider = function AccordionProvider(_ref4) {
+  var sections = _ref4.sections,
+    icon = _ref4.icon,
+    appearance = _ref4.appearance,
+    heading = _ref4.heading,
+    headingLevel = _ref4.headingLevel;
   var ref = react.useRef(null);
   var _useAccordion = useAccordion(sections, ref),
     refs = _useAccordion.refs,
@@ -397,17 +357,19 @@ var AccordionProvider = function AccordionProvider(_ref2) {
     // Prevent scrolling the page
     evt.preventDefault();
   };
-  return jsxRuntime.jsx(Accordion, Object.assign({
+  var sectionHeadingLevel = typeof headingLevel === 'number' ? headingLevel + (heading ? 1 : 0) : undefined;
+  return jsxRuntime.jsx(Accordion, {
+    heading: heading,
+    headingLevel: headingLevel,
     onKeyDown: handleKeyDown,
-    ref: ref
-  }, {
+    ref: ref,
     children: sectionsState.map(function (section, index) {
       var handleActivate = function handleActivate(ref) {
         var activatedIndex = refs.indexOf(ref);
         // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
         setSectionsState(sectionsState.map(function (section, index) {
           if (index === activatedIndex) {
-            return Object.assign(Object.assign({}, section), {
+            return _objectSpread$1r(_objectSpread$1r({}, section), {}, {
               expanded: !section.expanded
             });
           } else {
@@ -415,7 +377,9 @@ var AccordionProvider = function AccordionProvider(_ref2) {
           }
         }));
       };
-      return /*#__PURE__*/react.createElement(AccordionSection, Object.assign({}, section, {
+      return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1r(_objectSpread$1r({
+        headingLevel: sectionHeadingLevel
+      }, section), {}, {
         icon: icon,
         appearance: appearance,
         ref: refs[index],
@@ -426,177 +390,173 @@ var AccordionProvider = function AccordionProvider(_ref2) {
         onActivate: handleActivate
       }), section.body);
     })
-  }));
+  });
 };
 AccordionProvider.displayName = 'AccordionProvider';
 
-var Alert = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    icon = _a.icon,
-    type = _a.type,
-    restProps = __rest$1(_a, ["children", "className", "icon", "type"]);
-  return jsxRuntime.jsxs("div", Object.assign({}, restProps, {
+var _excluded$1p = ["children", "className", "icon", "type"];
+function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    icon = _ref.icon,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$1p);
+  return jsxRuntime.jsxs("div", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert', {
       'utrecht-alert--error': type === 'error',
       'utrecht-alert--info': type === 'info',
       'utrecht-alert--ok': type === 'ok',
       'utrecht-alert--warning': type === 'warning'
-    }, className)
-  }, {
-    children: [icon && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert__icon"
-    }, {
+    }, className),
+    children: [icon && jsxRuntime.jsx("div", {
+      className: "utrecht-alert__icon",
       children: icon
-    })), jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert__content"
-    }, {
-      children: jsxRuntime.jsx("div", Object.assign({
+    }), jsxRuntime.jsx("div", {
+      className: "utrecht-alert__content",
+      children: jsxRuntime.jsx("div", {
         className: "utrecht-alert__message",
-        role: "alert"
-      }, {
+        role: "alert",
         children: children
-      }))
-    }))]
+      })
+    })]
   }));
 });
 Alert.displayName = 'Alert';
 
-var AlertDialog = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    icon = _a.icon,
-    type = _a.type,
-    restProps = __rest$1(_a, ["children", "className", "icon", "type"]);
-  return jsxRuntime.jsxs("dialog", Object.assign({}, restProps, {
+var _excluded$1o = ["children", "className", "icon", "type"];
+function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    icon = _ref.icon,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$1o);
+  return jsxRuntime.jsxs("dialog", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
       'utrecht-alert-dialog--info': type === 'info',
       'utrecht-alert-dialog--warning': type === 'warning',
       className: className
-    })
-  }, {
-    children: [icon && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert-dialog__icon"
-    }, {
+    }),
+    children: [icon && jsxRuntime.jsx("div", {
+      className: "utrecht-alert-dialog__icon",
       children: icon
-    })), jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert-dialog__message"
-    }, {
+    }), jsxRuntime.jsx("div", {
+      className: "utrecht-alert-dialog__message",
       children: children
-    }))]
+    })]
   }));
 });
 AlertDialog.displayName = 'AlertDialog';
 
-var Article = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("article", Object.assign({}, restProps, {
+var _excluded$1n = ["children", "className"];
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1n);
+  return jsxRuntime.jsx("article", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-article', className)
-  }, {
+    className: clsx('utrecht-article', className),
     children: children
   }));
 });
 Article.displayName = 'Article';
 
-var Backdrop = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$1m = ["children", "className"];
+function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1m);
+  return jsxRuntime.jsx("div", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-backdrop', className)
-  }, {
+    className: clsx('utrecht-backdrop', className),
     children: children
   }));
 });
 Backdrop.displayName = 'Backdrop';
 
-var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    value = _a.value,
-    restProps = __rest$1(_a, ["children", "className", "value"]);
-  var props = Object.assign({
+var _excluded$1l = ["children", "className", "value"];
+function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    value = _ref.value,
+    restProps = _objectWithoutProperties(_ref, _excluded$1l);
+  var props = _objectSpread$1m({
     children: children,
     className: clsx('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", Object.assign({}, props, {
+  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1m(_objectSpread$1m({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", Object.assign({}, props, {
+  })) : jsxRuntime.jsx("span", _objectSpread$1m(_objectSpread$1m({}, props), {}, {
     ref: ref
   }));
 });
 BadgeCounter.displayName = 'BadgeCounter';
 
-var BadgeList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$1k = ["children", "className"];
+function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1k);
+  return jsxRuntime.jsx("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-badge-list', className)
-  }, {
+    className: clsx('utrecht-badge-list', className),
     children: children
   }));
 });
 BadgeList.displayName = 'BadgeList';
 
-var Blockquote = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    attribution = _a.attribution,
-    restProps = __rest$1(_a, ["children", "className", "attribution"]);
-  return jsxRuntime.jsxs("blockquote", Object.assign({}, restProps, {
-    ref: ref,
-    className: clsx('utrecht-blockquote', className)
-  }, {
-    children: [children, attribution && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-blockquote__attribution"
-    }, {
+var _excluded$1j = ["children", "className", "attribution"];
+function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    attribution = _ref.attribution,
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsxRuntime.jsxs("blockquote", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-blockquote', className),
+    children: [children, attribution && jsxRuntime.jsx("div", {
+      className: "utrecht-blockquote__attribution",
       children: attribution
-    }))]
+    })]
   }));
 });
 Blockquote.displayName = 'Blockquote';
 
-var Heading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    className = _a.className,
-    level = _a.level,
-    restProps = __rest$1(_a, ["appearance", "className", "level"]);
-  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
-  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
-  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
-  return jsxRuntime.jsx(HeadingX, Object.assign({
-    className: clsx(headingClassName, className)
-  }, restProps, {
-    ref: ref
-  }));
-});
-Heading.displayName = 'Heading';
-
-var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var boxContent = _a.boxContent,
-    children = _a.children,
-    className = _a.className,
-    external = _a.external,
-    href = _a.href,
-    placeholder = _a.placeholder,
-    role = _a.role,
-    restProps = __rest$1(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
+var _excluded$1i = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
+function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var boxContent = _ref.boxContent,
+    children = _ref.children,
+    className = _ref.className,
+    external = _ref.external,
+    href = _ref.href,
+    placeholder = _ref.placeholder,
+    role = _ref.role,
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
   return (
     // "utrecht-link--telephone" does not have a corresponding API,
     // since it is primarily a basis for implementing input[href^="tel"].
     // Telephone number rendering in React is best achieved using composition
     // of the TelephoneValue component.
-    jsxRuntime.jsx("a", Object.assign({
+    jsxRuntime.jsx("a", _objectSpread$1j(_objectSpread$1j({
       href: placeholder ? undefined : href,
       ref: ref,
       role: role || (placeholder ? 'link' : undefined),
@@ -607,13 +567,19 @@ var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       }, className),
       "aria-disabled": placeholder ? 'true' : undefined,
       rel: external ? 'external noopener noreferrer' : undefined
-    }, restProps, {
+    }, restProps), {}, {
       children: children
     }))
   );
 });
 Link.displayName = 'Link';
 
+var _excluded$1h = ["appearance", "children", "className", "headingLevel", "label"],
+  _excluded2$9 = ["className", "children"],
+  _excluded3$4 = ["className", "children"],
+  _excluded4$2 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
+function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMicrodataItem = function useMicrodataItem(_ref) {
   var prop = _ref.prop,
     type = _ref.type;
@@ -628,60 +594,58 @@ var useMicrodataProp = function useMicrodataProp(prop) {
     itemProp: prop
   };
 };
-var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    _a$headingLevel = _a.headingLevel,
-    headingLevel = _a$headingLevel === void 0 ? 2 : _a$headingLevel,
-    label = _a.label,
-    restProps = __rest$1(_a, ["appearance", "children", "className", "headingLevel", "label"]);
+var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var appearance = _ref2.appearance,
+    children = _ref2.children,
+    className = _ref2.className,
+    _ref2$headingLevel = _ref2.headingLevel,
+    headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
+    label = _ref2.label,
+    restProps = _objectWithoutProperties(_ref2, _excluded$1h);
   var headingId = label ? react.useId() : undefined;
-  return jsxRuntime.jsxs("nav", Object.assign({}, restProps, {
+  return jsxRuntime.jsxs("nav", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
       'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
     }, className),
-    "aria-labelledby": headingId
-  }, {
-    children: [label && jsxRuntime.jsx(Heading, Object.assign({
+    "aria-labelledby": headingId,
+    children: [label && jsxRuntime.jsx(Heading, {
       id: headingId,
       className: "utrecht-breadcrumb-nav__heading",
       level: headingLevel,
-      "aria-hidden": "true"
-    }, {
+      "aria-hidden": "true",
       children: label
-    })), jsxRuntime.jsx("ol", Object.assign({
+    }), jsxRuntime.jsx("ol", _objectSpread$1i(_objectSpread$1i({
       className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
-    }), {
+    })), {}, {
       children: children
     }))]
   }));
 });
 BreadcrumbNav.displayName = 'BreadcrumbNav';
-var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("li", Object.assign({
+var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var className = _ref3.className,
+    children = _ref3.children,
+    restProps = _objectWithoutProperties(_ref3, _excluded2$9);
+  return jsxRuntime.jsx("li", _objectSpread$1i(_objectSpread$1i(_objectSpread$1i({
     className: clsx('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
     prop: 'itemListElement'
-  }), {
+  })), {}, {
     ref: ref
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
-var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("li", Object.assign({
+var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+    children = _ref4.children,
+    restProps = _objectWithoutProperties(_ref4, _excluded3$4);
+  return jsxRuntime.jsx("li", _objectSpread$1i(_objectSpread$1i({
     "aria-hidden": "true",
     hidden: true,
     style: {
@@ -689,27 +653,27 @@ var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     },
     className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
     ref: ref
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
-var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    disabled = _a.disabled,
-    current = _a.current,
-    href = _a.href,
-    index = _a.index,
-    rel = _a.rel,
-    role = _a.role,
-    _a$Link = _a.Link,
-    Link$1 = _a$Link === void 0 ? Link : _a$Link,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"]);
+var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+    disabled = _ref5.disabled,
+    current = _ref5.current,
+    href = _ref5.href,
+    index = _ref5.index,
+    rel = _ref5.rel,
+    role = _ref5.role,
+    _ref5$Link = _ref5.Link,
+    Link$1 = _ref5$Link === void 0 ? Link : _ref5$Link,
+    className = _ref5.className,
+    restProps = _objectWithoutProperties(_ref5, _excluded4$2);
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
   return jsxRuntime.jsx(BreadcrumbNavItem, {
-    children: jsxRuntime.jsxs(LinkComponent, Object.assign({
+    children: jsxRuntime.jsxs(LinkComponent, _objectSpread$1i(_objectSpread$1i(_objectSpread$1i({
       className: clsx('utrecht-breadcrumb-nav__link', className, {
         'utrecht-breadcrumb-nav__link--current': current,
         'utrecht-breadcrumb-nav__link--disabled': disabled
@@ -719,14 +683,13 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       role: role || (disabled ? 'link' : undefined),
       "aria-current": current && 'page',
       "aria-disabled": disabled ? 'true' : undefined
-    }, useMicrodataProp('item'), restProps, {
-      ref: ref
-    }, {
-      children: [jsxRuntime.jsx("span", Object.assign({
+    }, useMicrodataProp('item')), restProps), {}, {
+      ref: ref,
+      children: [jsxRuntime.jsx("span", _objectSpread$1i(_objectSpread$1i({
         className: "utrecht-breadcrumb-nav__text"
-      }, useMicrodataProp('name'), {
+      }, useMicrodataProp('name')), {}, {
         children: children
-      })), typeof index === 'number' ? jsxRuntime.jsx("meta", Object.assign({}, useMicrodataProp('position'), {
+      })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$1i(_objectSpread$1i({}, useMicrodataProp('position')), {}, {
         content: String(index + 1)
       })) : null]
     }))
@@ -734,59 +697,64 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 
+var _excluded$1g = ["children", "className", "direction"];
+function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var hasManyElements = function hasManyElements(children) {
   return Array.isArray(children) && children.reduce(function (count, item) {
     return /*#__PURE__*/react.isValidElement(item) ? count + 1 : count;
   }, 0) >= 2;
 };
-var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    direction = _a.direction,
-    restProps = __rest$1(_a, ["children", "className", "direction"]);
-  return jsxRuntime.jsx("p", Object.assign({
+var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    direction = _ref.direction,
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsxRuntime.jsx("p", _objectSpread$1h(_objectSpread$1h({
     role: hasManyElements(children) ? 'group' : undefined
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-button-group', {
       'utrecht-button-group--column': direction === 'column',
       'utrecht-button-group--row': direction === 'row'
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 ButtonGroup.displayName = 'ButtonGroup';
 
+var _excluded$1f = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var onKeyDown = function onKeyDown(evt) {
-  var _a;
-  if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
+  var _evt$target;
+  if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
     // Prevent other side-effects, such as scrolling
     evt.preventDefault();
     // Navigate to the link target
     evt.target.click();
   }
 };
-var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    external = _a.external,
-    href = _a.href,
-    placeholder = _a.placeholder,
-    role = _a.role,
-    restProps = __rest$1(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
+var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    className = _ref.className,
+    external = _ref.external,
+    href = _ref.href,
+    placeholder = _ref.placeholder,
+    role = _ref.role,
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
   var props = restProps;
   if (role === 'button') {
     // When this link is announced as button by accessibility tools,
     // it should also behave like a button. Links are not activated
     // using `Space`, so we need to implement that behaviour here
     // to reach parity with the `button` element.
-    props = Object.assign(Object.assign({}, restProps), {
+    props = _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
       onKeyDown: onKeyDown
     });
   }
-  return jsxRuntime.jsx("a", Object.assign({
+  return jsxRuntime.jsx("a", _objectSpread$1g(_objectSpread$1g({
     href: placeholder ? undefined : href,
     ref: ref,
     role: role || (placeholder ? 'link' : undefined),
@@ -799,24 +767,27 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     }, className),
     rel: external ? 'external noopener noreferrer' : undefined,
     "aria-disabled": placeholder ? 'true' : undefined
-  }, props, {
+  }, props), {}, {
     children: children
   }));
 });
 ButtonLink.displayName = 'ButtonLink';
 
-var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+var _excluded$1e = ["appearance", "disabled", "indeterminate", "invalid", "required", "className"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
+    disabled = _ref.disabled,
+    _ref$indeterminate = _ref.indeterminate,
+    indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
+    invalid = _ref.invalid,
+    required = _ref.required,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
   // What's the correct way to use useRef and forwardRef together?
   // https://stackoverflow.com/a/68163315
-  var _a$appearance = _a.appearance,
-    appearance = _a$appearance === void 0 ? 'custom' : _a$appearance,
-    disabled = _a.disabled,
-    _a$indeterminate = _a.indeterminate,
-    indeterminate = _a$indeterminate === void 0 ? false : _a$indeterminate,
-    invalid = _a.invalid,
-    required = _a.required,
-    className = _a.className,
-    restProps = __rest$1(_a, ["appearance", "disabled", "indeterminate", "invalid", "required", "className"]);
   // `indeterminate` is has no TypeScript definition in React.
   // `indeterminate` renders an attribute, not a property in React.
   var internalRef = react.useRef(null);
@@ -828,7 +799,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       internalRef.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
+  return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: internalRef,
     type: "checkbox",
     className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
@@ -846,50 +817,58 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var Code = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("code", Object.assign({
+var _excluded$1d = ["children", "className"];
+function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsxRuntime.jsx("code", _objectSpread$1e(_objectSpread$1e({
     ref: ref,
     className: clsx('utrecht-code', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Code.displayName = 'Code';
 
-var CodeBlock = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("pre", Object.assign({
+var _excluded$1c = ["children", "className"];
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsxRuntime.jsx("pre", _objectSpread$1d(_objectSpread$1d({
     ref: ref,
     className: clsx('utrecht-code-block', className)
-  }, restProps, {
-    children: jsxRuntime.jsx("code", Object.assign({
-      className: "utrecht-code-block__content"
-    }, {
+  }, restProps), {}, {
+    children: jsxRuntime.jsx("code", {
+      className: "utrecht-code-block__content",
       children: children
-    }))
+    })
   }));
 });
 CodeBlock.displayName = 'CodeBlock';
 
-var ColorSample = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    color = _a.color,
-    style = _a.style,
-    restProps = __rest$1(_a, ["children", "className", "color", "style"]);
-  return jsxRuntime.jsx("data", Object.assign({
+var _excluded$1b = ["children", "className", "color", "style"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    color = _ref.color,
+    style = _ref.style,
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsxRuntime.jsx("data", _objectSpread$1c(_objectSpread$1c({
     ref: ref,
     className: clsx('utrecht-color-sample', className),
-    style: Object.assign(Object.assign({}, style), {
+    style: _objectSpread$1c(_objectSpread$1c({}, style), {}, {
       color: color
     }),
     value: color
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
@@ -899,41 +878,47 @@ var ColumnLayout = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rule = _ref.rule;
-  return jsxRuntime.jsx("div", Object.assign({
+  return jsxRuntime.jsx("div", {
     className: clsx('utrecht-column-layout', {
       'utrecht-column-layout--rule': rule
     }, className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
-  }));
+  });
 });
 ColumnLayout.displayName = 'ColumnLayout';
 
-var Combobox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    restProps = __rest$1(_a, ["className"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var _excluded$1a = ["className"],
+  _excluded2$8 = ["className", "position"];
+function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Combobox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({
     className: clsx('utrecht-combobox', className)
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref
   }));
 });
 Combobox.displayName = 'Combobox';
-var ComboboxPopover = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    position = _a.position,
-    restProps = __rest$1(_a, ["className", "position"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var ComboboxPopover = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    position = _ref2.position,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$8);
+  return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({
     className: clsx('utrecht-combobox__popover', {
       'utrecht-search-bar__popover--block-end': !position || position === 'block-end'
     }, className)
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref
   }));
 });
 ComboboxPopover.displayName = 'ComboboxPopover';
 
+var _excluded$19 = ["children", "currency", "amount", "locale", "className"];
+function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var formatLabel = function formatLabel(locale, currency, amount) {
   return new Intl.NumberFormat(locale, {
     style: 'currency',
@@ -961,366 +946,391 @@ var formatVisually = function formatVisually(locale, currency, amount) {
   formatted = formatted.replace(/ /g, "\xA0");
   return formatted;
 };
-var CurrencyData = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    _a$currency = _a.currency,
-    currency = _a$currency === void 0 ? 'EUR' : _a$currency,
-    amount = _a.amount,
-    _a$locale = _a.locale,
-    locale = _a$locale === void 0 ? 'nl-NL' : _a$locale,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "currency", "amount", "locale", "className"]);
+var CurrencyData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$currency = _ref.currency,
+    currency = _ref$currency === void 0 ? 'EUR' : _ref$currency,
+    amount = _ref.amount,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
   var number = typeof amount === 'string' ? parseFloat(amount) : amount;
   var labelFormatted = formatLabel(locale, currency, number);
   var visuallyFormatted = formatVisually(locale, currency, number);
-  return jsxRuntime.jsx("data", Object.assign({}, restProps, {
+  return jsxRuntime.jsx("data", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     ref: ref,
     value: "".concat(currency, " ").concat(amount),
     className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
-    "aria-label": labelFormatted
-  }, {
+    "aria-label": labelFormatted,
     children: children || visuallyFormatted
   }));
 });
 CurrencyData.displayName = 'CurrencyData';
 
-var DataBadge = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    dateTime = _a.dateTime,
-    value = _a.value,
-    restProps = __rest$1(_a, ["children", "className", "dateTime", "value"]);
-  var props = Object.assign({
+var _excluded$18 = ["children", "className", "dateTime", "value"];
+function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    dateTime = _ref.dateTime,
+    value = _ref.value,
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  var props = _objectSpread$19({
     children: children,
     className: clsx('utrecht-badge-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", Object.assign({}, props, {
+  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$19(_objectSpread$19({}, props), {}, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", Object.assign({}, props, {
+  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$19(_objectSpread$19({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", Object.assign({}, props, {
+  })) : jsxRuntime.jsx("span", _objectSpread$19(_objectSpread$19({}, props), {}, {
     ref: ref
   }));
 });
 DataBadge.displayName = 'DataBadge';
 
-var Document = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$17 = ["children", "className"];
+function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
+  return jsxRuntime.jsx("div", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-document', className)
-  }, {
+    className: clsx('utrecht-document', className),
     children: children
   }));
 });
 Document.displayName = 'Document';
 
-var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["appearance", "children", "className"]);
-  return jsxRuntime.jsx("dl", Object.assign({}, restProps, {
+var _excluded$16 = ["appearance", "children", "className"],
+  _excluded2$7 = ["children", "className"],
+  _excluded3$3 = ["children", "className"],
+  _excluded4$1 = ["children", "className"];
+function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsx("dl", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataList.displayName = 'DataList';
-var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$7);
+  return jsxRuntime.jsx("div", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     className: clsx('utrecht-data-list__item', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataListItem.displayName = 'DataListItem';
-var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("dt", Object.assign({}, restProps, {
+var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    restProps = _objectWithoutProperties(_ref3, _excluded3$3);
+  return jsxRuntime.jsx("dt", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     className: clsx('utrecht-data-list__item-key', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataListKey.displayName = 'DataListKey';
-var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    children = _ref.children,
-    className = _ref.className,
-    emptyDescription = _ref.emptyDescription,
-    multiline = _ref.multiline,
-    notranslate = _ref.notranslate;
+var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
+  var value = _ref4.value,
+    children = _ref4.children,
+    className = _ref4.className,
+    emptyDescription = _ref4.emptyDescription,
+    multiline = _ref4.multiline,
+    notranslate = _ref4.notranslate;
   var empty = value === '' || value === null;
-  return jsxRuntime.jsx("dd", Object.assign({
+  return jsxRuntime.jsx("dd", {
     className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
     translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
-    ref: ref
-  }, {
-    children: empty ? jsxRuntime.jsx("span", Object.assign({
-      "aria-label": emptyDescription
-    }, {
+    ref: ref,
+    children: empty ? jsxRuntime.jsx("span", {
+      "aria-label": emptyDescription,
       children: "-"
-    })) : children
-  }));
+    }) : children
+  });
 });
 DataListValue.displayName = 'DataListValue';
-var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("dd", Object.assign({}, restProps, {
+var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    restProps = _objectWithoutProperties(_ref5, _excluded4$1);
+  return jsxRuntime.jsx("dd", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataListActions.displayName = 'DataListActions';
 
-var Drawer = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var align = _a.align,
-    children = _a.children,
-    className = _a.className,
-    modal = _a.modal,
-    restProps = __rest$1(_a, ["align", "children", "className", "modal"]);
+var _excluded$15 = ["align", "children", "className", "modal"];
+function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var align = _ref.align,
+    children = _ref.children,
+    className = _ref.className,
+    modal = _ref.modal,
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
   var dialogRef = react.useRef(null);
   react.useImperativeHandle(ref, function () {
     return dialogRef.current;
   });
   react.useEffect(function () {
-    if (modal && restProps.open && (dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current)) {
+    if (modal && restProps.open && dialogRef !== null && dialogRef !== void 0 && dialogRef.current) {
       // Dialog must not be `open` initially, prevent the following error:
       // "Cannot call showModal() on an open non-modal dialog"
       dialogRef.current.close();
       dialogRef.current.showModal();
     }
   });
-  return jsxRuntime.jsx("dialog", Object.assign({}, restProps, {
+  return jsxRuntime.jsx("dialog", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     ref: dialogRef,
     className: clsx('utrecht-drawer', {
       'utrecht-drawer--block-end': align === 'block-end',
       'utrecht-drawer--block-start': align === 'block-start',
       'utrecht-drawer--inline-end': align === 'inline-end',
       'utrecht-drawer--inline-start': align === 'inline-start' || !align
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 Drawer.displayName = 'Drawer';
 
-var Emphasis = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("em", Object.assign({
+var _excluded$14 = ["children", "className"];
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsxRuntime.jsx("em", _objectSpread$15(_objectSpread$15({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Emphasis.displayName = 'Emphasis';
 
-var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var ariaDescribedby = _a['aria-describedby'],
-    ariaLabel = _a['aria-label'],
-    ariaLabelledby = _a['aria-labelledby'],
-    className = _a.className,
-    children = _a.children,
-    disabled = _a.disabled,
-    form = _a.form,
-    invalid = _a.invalid,
-    name = _a.name,
-    role = _a.role,
-    restProps = __rest$1(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
-    ref: ref,
-    className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
-  }, {
-    children: jsxRuntime.jsx("fieldset", Object.assign({
+var _excluded$13 = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "required", "role"],
+  _excluded2$6 = ["className", "children", "disabled", "invalid"];
+function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var ariaDescribedby = _ref['aria-describedby'],
+    ariaLabel = _ref['aria-label'],
+    ariaLabelledby = _ref['aria-labelledby'],
+    className = _ref.className,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    form = _ref.form,
+    invalid = _ref.invalid,
+    name = _ref.name,
+    required = _ref.required,
+    role = _ref.role,
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("div", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
+    children: jsxRuntime.jsx("fieldset", {
       "aria-describedby": ariaDescribedby,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
-      "aria-invalid": invalid || undefined,
+      "aria-invalid": role === 'radiogroup' ? invalid || undefined : undefined,
+      "aria-required": role === 'radiogroup' ? required || undefined : undefined,
       disabled: disabled,
       form: form,
       name: name,
       role: role,
-      className: clsx('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset')
-    }, {
+      className: clsx('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset'),
       children: children
-    }))
+    })
   }));
 });
 Fieldset.displayName = 'Fieldset';
-var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    restProps = __rest$1(_a, ["className", "children", "disabled", "invalid"]);
-  return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
+var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    children = _ref2.children,
+    disabled = _ref2.disabled,
+    invalid = _ref2.invalid,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$6);
+  return jsxRuntime.jsx("fieldset", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     "aria-invalid": invalid || undefined,
     disabled: disabled,
-    className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
-  }, {
+    className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
     children: children
   }));
 });
 FieldsetOnly.displayName = 'Fieldset';
 
-var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
+var _excluded$12 = ["className", "children"];
+function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsx("legend", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
-  }, {
+    className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
     children: children
   }));
 });
 FieldsetLegend.displayName = 'FieldsetLegend';
 
-var Figure = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("figure", Object.assign({}, restProps, {
+var _excluded$11 = ["className", "children"];
+function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxRuntime.jsx("figure", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-figure', className)
-  }, {
+    className: clsx('utrecht-figure', className),
     children: children
   }));
 });
 Figure.displayName = 'Figure';
 
-var FigureCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("figcaption", Object.assign({}, restProps, {
+var _excluded$10 = ["className", "children"];
+function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$10);
+  return jsxRuntime.jsx("figcaption", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-figure__caption', className)
-  }, {
+    className: clsx('utrecht-figure__caption', className),
     children: children
   }));
 });
 FigureCaption.displayName = 'FigureCaption';
 
-var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    description = _a.description,
-    errorMessage = _a.errorMessage,
-    input = _a.input,
-    invalid = _a.invalid,
-    label = _a.label,
-    type = _a.type,
-    restProps = __rest$1(_a, ["className", "children", "description", "errorMessage", "input", "invalid", "label", "type"]);
-  return jsxRuntime.jsxs("div", Object.assign({}, restProps, {
+var _excluded$$ = ["className", "children", "description", "errorMessage", "input", "invalid", "label", "type"];
+function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    description = _ref.description,
+    errorMessage = _ref.errorMessage,
+    input = _ref.input,
+    invalid = _ref.invalid,
+    label = _ref.label,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsxRuntime.jsxs("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-field', {
       'utrecht-form-field--invalid': invalid,
       'utrecht-form-field--checkbox': type === 'checkbox',
       'utrecht-form-field--radio': type === 'radio',
       'utrecht-form-field--text': !type || type === 'text'
-    }, className)
-  }, {
-    children: [label && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-form-field__label"
-    }, {
+    }, className),
+    children: [label && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__label",
       children: label
-    })), description && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-form-field__description"
-    }, {
+    }), description && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__description",
       children: description
-    })), input && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-form-field__input"
-    }, {
+    }), input && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__input",
       children: input
-    })), errorMessage && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-form-field__error-message"
-    }, {
+    }), errorMessage && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__error-message",
       children: errorMessage
-    })), children]
+    }), children]
   }));
 });
 FormField.displayName = 'FormField';
 
-var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var invalid = _a.invalid,
-    valid = _a.valid,
-    warning = _a.warning,
-    className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["invalid", "valid", "warning", "className", "children"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$_ = ["invalid", "valid", "warning", "className", "children"];
+function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var invalid = _ref.invalid,
+    valid = _ref.valid,
+    warning = _ref.warning,
+    className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     ref: ref,
-    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)
-  }, {
+    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),
     children: children
   }));
 });
 FormFieldDescription.displayName = 'FormFieldDescription';
 
-var FormFieldErrorMessage = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$Z = ["className", "children"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsxRuntime.jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-form-field-error-message', className)
-  }, {
+    className: clsx('utrecht-form-field-error-message', className),
     children: children
   }));
 });
 FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
 
-var FormLabel = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    type = _a.type,
-    disabled = _a.disabled,
-    checked = _a.checked,
-    restProps = __rest$1(_a, ["children", "className", "type", "disabled", "checked"]);
-  return jsxRuntime.jsx("label", Object.assign({}, restProps, {
+var _excluded$Y = ["children", "className", "type", "disabled", "checked"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    type = _ref.type,
+    disabled = _ref.disabled,
+    checked = _ref.checked,
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsxRuntime.jsx("label", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className)
-  }, {
+    className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
     children: children
   }));
 });
 FormLabel.displayName = 'FormLabel';
 
-var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var dir = _a.dir,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    readOnly = _a.readOnly,
-    required = _a.required,
-    inputRequired = _a.inputRequired,
-    className = _a.className,
-    _a$type = _a.type,
-    type = _a$type === void 0 ? 'text' : _a$type,
-    inputMode = _a.inputMode,
-    restProps = __rest$1(_a, ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"]);
-  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
+var _excluded$X = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var dir = _ref.dir,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    inputRequired = _ref.inputRequired,
+    className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    inputMode = _ref.inputMode,
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return jsxRuntime.jsx("input", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
     ref: ref,
     type: type,
     className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', (required || inputRequired) && 'utrecht-textbox--required', className),
@@ -1335,67 +1345,65 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Textbox.displayName = 'Textbox';
 
-var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var name = _a.name,
-    invalid = _a.invalid,
-    disabled = _a.disabled,
-    label = _a.label,
-    errorMessage = _a.errorMessage,
-    description = _a.description,
-    readOnly = _a.readOnly,
-    status = _a.status,
-    autoComplete = _a.autoComplete,
-    list = _a.list,
-    min = _a.min,
-    max = _a.max,
-    minLength = _a.minLength,
-    maxLength = _a.maxLength,
-    step = _a.step,
-    placeholder = _a.placeholder,
-    pattern = _a.pattern,
-    required = _a.required,
-    inputRequired = _a.inputRequired,
-    inputDir = _a.inputDir,
-    type = _a.type,
-    value = _a.value,
-    onChange = _a.onChange,
-    onInput = _a.onInput,
-    onFocus = _a.onFocus,
-    onBlur = _a.onBlur,
-    defaultValue = _a.defaultValue,
-    size = _a.size,
-    children = _a.children,
-    inputRef = _a.inputRef,
-    props = __rest$1(_a, ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"]);
+var _excluded$W = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    invalid = _ref.invalid,
+    disabled = _ref.disabled,
+    label = _ref.label,
+    errorMessage = _ref.errorMessage,
+    description = _ref.description,
+    readOnly = _ref.readOnly,
+    status = _ref.status,
+    autoComplete = _ref.autoComplete,
+    list = _ref.list,
+    min = _ref.min,
+    max = _ref.max,
+    minLength = _ref.minLength,
+    maxLength = _ref.maxLength,
+    step = _ref.step,
+    placeholder = _ref.placeholder,
+    pattern = _ref.pattern,
+    required = _ref.required,
+    inputRequired = _ref.inputRequired,
+    inputDir = _ref.inputDir,
+    type = _ref.type,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onInput = _ref.onInput,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    defaultValue = _ref.defaultValue,
+    size = _ref.size,
+    children = _ref.children,
+    inputRef = _ref.inputRef,
+    props = _objectWithoutProperties(_ref, _excluded$W);
   var inputId = react.useId();
   var descriptionId = react.useId();
   var statusId = react.useId();
   var errorMessageId = react.useId();
-  return jsxRuntime.jsxs(FormField, Object.assign({
+  return jsxRuntime.jsxs(FormField, _objectSpread$X(_objectSpread$X({
     invalid: invalid,
     ref: ref
-  }, props, {
-    children: [jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-form-field__label"
-    }, {
-      children: jsxRuntime.jsx(FormLabel, Object.assign({
-        htmlFor: inputId
-      }, {
+  }, props), {}, {
+    children: [jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__label",
+      children: jsxRuntime.jsx(FormLabel, {
+        htmlFor: inputId,
         children: label
-      }))
-    })), description && jsxRuntime.jsx(FormFieldDescription, Object.assign({
+      })
+    }), description && jsxRuntime.jsx(FormFieldDescription, {
       className: "utrecht-form-field__description",
-      id: descriptionId
-    }, {
+      id: descriptionId,
       children: description
-    })), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage, Object.assign({
+    }), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage, {
       className: "utrecht-form-field__error-message",
-      id: errorMessageId
-    }, {
+      id: errorMessageId,
       children: errorMessage
-    })), jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-form-field__input"
-    }, {
+    }), jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__input",
       children: jsxRuntime.jsx(Textbox, {
         ref: inputRef,
         id: inputId,
@@ -1425,36 +1433,37 @@ var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
         size: size,
         step: step
       })
-    })), status && jsxRuntime.jsx("div", Object.assign({
+    }), status && jsxRuntime.jsx("div", {
       className: "utrecht-form-field__status",
-      id: statusId
-    }, {
+      id: statusId,
       children: status
-    })), children]
+    }), children]
   }));
 });
 FormFieldTextbox.displayName = 'FormFieldTextbox';
 
-var FormToggle = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var checked = _a.checked,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    id = _a.id,
-    hidden = _a.hidden,
-    required = _a.required,
-    role = _a.role,
-    tabIndex = _a.tabIndex,
-    className = _a.className,
-    restProps = __rest$1(_a, ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"]);
-  return jsxRuntime.jsxs("div", Object.assign({
+var _excluded$V = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var checked = _ref.checked,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    id = _ref.id,
+    hidden = _ref.hidden,
+    required = _ref.required,
+    role = _ref.role,
+    tabIndex = _ref.tabIndex,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
+  return jsxRuntime.jsxs("div", {
     className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
       'utrecht-form-toggle--disabled': disabled,
       'utrecht-form-toggle--invalid': invalid,
       'utrecht-form-toggle--required': required
     }, className),
-    hidden: hidden
-  }, {
-    children: [jsxRuntime.jsx("input", Object.assign({
+    hidden: hidden,
+    children: [jsxRuntime.jsx("input", _objectSpread$W({
       id: id,
       "aria-invalid": invalid || undefined,
       type: "checkbox",
@@ -1465,122 +1474,140 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       ref: ref,
       role: role,
       tabIndex: tabIndex
-    }, restProps)), jsxRuntime.jsx("label", Object.assign({
+    }, restProps)), jsxRuntime.jsx("label", {
       htmlFor: id,
-      className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label')
-    }, {
+      className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
       children: jsxRuntime.jsx("div", {
         className: "utrecht-form-toggle__thumb"
       })
-    }))]
-  }));
+    })]
+  });
 });
 FormToggle.displayName = 'FormToggle';
 
-var HTMLContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$U = ["children", "className"];
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
+  return jsxRuntime.jsx("div", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-html', className)
-  }, {
+    className: clsx('utrecht-html', className),
     children: children
   }));
 });
 HTMLContent.displayName = 'HTMLContent';
 
-var Heading1 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h1", Object.assign({}, restProps, {
+var _excluded$T = ["children", "className"];
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
+  return jsxRuntime.jsx("h1", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-1', className)
-  }, {
+    className: clsx('utrecht-heading-1', className),
     children: children
   }));
 });
 Heading1.displayName = 'Heading1';
 
-var Heading2 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h2", Object.assign({}, restProps, {
+var _excluded$S = ["children", "className"];
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsxRuntime.jsx("h2", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-2', className)
-  }, {
+    className: clsx('utrecht-heading-2', className),
     children: children
   }));
 });
 Heading2.displayName = 'Heading2';
 
-var Heading3 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h3", Object.assign({}, restProps, {
+var _excluded$R = ["children", "className"];
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsxRuntime.jsx("h3", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-3', className)
-  }, {
+    className: clsx('utrecht-heading-3', className),
     children: children
   }));
 });
 Heading3.displayName = 'Heading3';
 
-var Heading4 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h4", Object.assign({}, restProps, {
+var _excluded$Q = ["children", "className"];
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxRuntime.jsx("h4", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-4', className)
-  }, {
+    className: clsx('utrecht-heading-4', className),
     children: children
   }));
 });
 Heading4.displayName = 'Heading4';
 
-var Heading5 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h5", Object.assign({}, restProps, {
+var _excluded$P = ["children", "className"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsx("h5", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-5', className)
-  }, {
+    className: clsx('utrecht-heading-5', className),
     children: children
   }));
 });
 Heading5.displayName = 'Heading5';
 
-var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h6", Object.assign({}, restProps, {
+var _excluded$O = ["children", "className"];
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsxRuntime.jsx("h6", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-6', className)
-  }, {
+    className: clsx('utrecht-heading-6', className),
     children: children
   }));
 });
 Heading6.displayName = 'Heading6';
 
-var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
+var _excluded$N = ["children", "className"];
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsxRuntime.jsx("hgroup", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-group', className)
-  }, {
+    className: clsx('utrecht-heading-group', className),
     children: children
   }));
 });
 HeadingGroup.displayName = 'HeadingGroup';
 
+var _excluded$M = ["children", "value", "className"];
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* Exported only for unit tests, not part of the public API */
 var normalizeIBAN = function normalizeIBAN(iban) {
   return iban
@@ -1593,53 +1620,61 @@ var formatIBAN = function formatIBAN(normalizedIBAN) {
   // Add a space after every four characters, except at the end
   .replace(/(.{4})(?!$)/g, '$1 ');
 };
-var IBANData = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    value = _a.value,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "value", "className"]);
+var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    value = _ref.value,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
   var normalized = normalizeIBAN(value);
   var formatted = formatIBAN(normalized);
-  return jsxRuntime.jsx("data", Object.assign({}, restProps, {
+  return jsxRuntime.jsx("data", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
     value: normalized,
     className: clsx('utrecht-iban-data', className),
-    translate: "no"
-  }, {
+    translate: "no",
     children: children || formatted
   }));
 });
 IBANData.displayName = 'IBANData';
 
-var Icon = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("span", Object.assign({
-    "aria-hidden": "true",
+var _excluded$L = ["children", "className", "role"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'presentation' : _ref$role,
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsxRuntime.jsx("span", _objectSpread$M(_objectSpread$M({
     ref: ref,
-    className: clsx('utrecht-icon', className)
-  }, restProps, {
+    className: clsx('utrecht-icon', className),
+    role: role,
+    "aria-hidden": role === 'presentation' ? 'true' : undefined
+  }, restProps), {}, {
     children: children
   }));
 });
 Icon.displayName = 'Icon';
 
-var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var component = _a.component,
-    currentChar = _a.currentChar,
-    characters = _a.characters,
-    onLinkClick = _a.onLinkClick,
-    Link = _a.Link,
-    restProps = __rest$1(_a, ["component", "currentChar", "characters", "onLinkClick", "Link"]);
+var _excluded$K = ["component", "currentChar", "characters", "onLinkClick", "Link"];
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var component = _ref.component,
+    currentChar = _ref.currentChar,
+    characters = _ref.characters,
+    onLinkClick = _ref.onLinkClick,
+    Link = _ref.Link,
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
   var LinkComponent = Link ? Link : ButtonLink;
   var links = [];
   if (component === 'button') {
-    links = characters.map(function (_ref) {
-      var _char = _ref["char"],
-        disabled = _ref.disabled;
+    links = characters.map(function (_ref2) {
+      var _char = _ref2["char"],
+        disabled = _ref2.disabled;
       var current = currentChar === _char;
-      return /*#__PURE__*/react.createElement(Button, Object.assign({}, restProps, {
+      return /*#__PURE__*/react.createElement(Button, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
         className: clsx({
           'utrecht-index-char-nav__link--current': current
         }),
@@ -1651,17 +1686,16 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
           return typeof onLinkClick === 'function' && onLinkClick(_char);
         },
         pressed: current
-      }), jsxRuntime.jsx("span", Object.assign({
-        translate: "no"
-      }, {
+      }), jsxRuntime.jsx("span", {
+        translate: "no",
         children: _char
-      })));
+      }));
     });
   } else {
-    links = characters.map(function (_ref2) {
-      var _char2 = _ref2["char"],
-        disabled = _ref2.disabled,
-        href = _ref2.href;
+    links = characters.map(function (_ref3) {
+      var _char2 = _ref3["char"],
+        disabled = _ref3.disabled,
+        href = _ref3.href;
       var current = currentChar === _char2;
       var customLinkComponentStyle = clsx('utrecht-button-link', 'utrecht-button-link--html-a', 'utrecht-index-char-nav__link', {
         'utrecht-index-char-nav__link--current': current,
@@ -1670,7 +1704,7 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
         'utrecht-index-char-nav__link--disabled': disabled,
         'utrecht-button-link--placeholder': disabled
       });
-      return jsxRuntime.jsx(LinkComponent, Object.assign({
+      return jsxRuntime.jsx(LinkComponent, _objectSpread$L(_objectSpread$L({
         ref: ref,
         appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
         href: href,
@@ -1684,29 +1718,30 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
         onClick: function onClick() {
           return typeof onLinkClick === 'function' && onLinkClick(_char2);
         }
-      }, restProps, {
-        children: jsxRuntime.jsx("span", Object.assign({
-          translate: "no"
-        }, {
+      }, restProps), {}, {
+        children: jsxRuntime.jsx("span", {
+          translate: "no",
           children: _char2
-        }))
+        })
       }), _char2);
     });
   }
-  return jsxRuntime.jsx("div", Object.assign({
+  return jsxRuntime.jsx("div", {
     className: "utrecht-index-char-nav",
-    role: "group"
-  }, {
+    role: "group",
     children: links
-  }));
+  });
 });
 IndexCharNav.displayName = 'IndexCharNav';
 
-var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    photo = _a.photo,
-    restProps = __rest$1(_a, ["className", "photo"]);
-  return jsxRuntime.jsx("img", Object.assign({}, restProps, {
+var _excluded$J = ["className", "photo"];
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    photo = _ref.photo,
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  return jsxRuntime.jsx("img", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-img', {
       'utrecht-img--photo': photo
@@ -1715,15 +1750,18 @@ var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Image.displayName = 'Image';
 
-var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    disabled = _a.disabled,
-    inline = _a.inline,
-    className = _a.className,
-    pressed = _a.pressed,
-    type = _a.type,
-    restProps = __rest$1(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
-  return jsxRuntime.jsx("button", Object.assign({
+var _excluded$I = ["children", "disabled", "inline", "className", "pressed", "type"];
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    inline = _ref.inline,
+    className = _ref.className,
+    pressed = _ref.pressed,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsxRuntime.jsx("button", _objectSpread$J(_objectSpread$J({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -1733,62 +1771,65 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     }, className),
     disabled: disabled,
     type: type || 'button'
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 LinkButton.displayName = 'LinkButton';
 
-var LinkSocial = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    external = _a.external,
-    restProps = __rest$1(_a, ["children", "className", "external"]);
-  return jsxRuntime.jsx("a", Object.assign({}, restProps, {
+var _excluded$H = ["children", "className", "external"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    external = _ref.external,
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsxRuntime.jsx("a", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-link-social', className),
-    rel: external !== false ? 'external noopener noreferrer' : undefined
-  }, {
+    rel: external !== false ? 'external noopener noreferrer' : undefined,
     children: children
   }));
 });
 LinkSocial.displayName = 'LinkSocial';
 
-var LinkListLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    icon = _a.icon,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "icon", "children"]);
-  return jsxRuntime.jsx("li", Object.assign({
-    className: clsx('utrecht-link-list__item', className)
-  }, {
-    children: jsxRuntime.jsxs(Link, Object.assign({
+var _excluded$G = ["className", "icon", "children"],
+  _excluded2$5 = ["children", "icon", "links", "className"];
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    icon = _ref.icon,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsxRuntime.jsx("li", {
+    className: clsx('utrecht-link-list__item', className),
+    children: jsxRuntime.jsxs(Link, _objectSpread$H(_objectSpread$H({
       className: "utrecht-link-list__link"
-    }, restProps, {
-      ref: ref
-    }, {
-      children: [icon, jsxRuntime.jsx("span", Object.assign({
-        className: "utrecht-link-list__link-text"
-      }, {
+    }, restProps), {}, {
+      ref: ref,
+      children: [icon, jsxRuntime.jsx("span", {
+        className: "utrecht-link-list__link-text",
         children: children
-      }))]
+      })]
     }))
-  }));
+  });
 });
 LinkListLink.displayName = 'LinkListLink';
-var LinkList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    icon = _a.icon,
-    links = _a.links,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "icon", "links", "className"]);
-  return jsxRuntime.jsxs("ul", Object.assign({
+var LinkList = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    icon = _ref2.icon,
+    links = _ref2.links,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$5);
+  return jsxRuntime.jsxs("ul", _objectSpread$H(_objectSpread$H({
     role: "list",
     ref: ref,
     className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
-      return jsxRuntime.jsx(LinkListLink, Object.assign({
+      return jsxRuntime.jsx(LinkListLink, _objectSpread$H({
         icon: typeof icon === 'function' ? icon() : undefined
       }, linkProps), index);
     })]
@@ -1796,16 +1837,21 @@ var LinkList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 LinkList.displayName = 'LinkList';
 
-var Listbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    multiple = _a.multiple,
-    readOnly = _a.readOnly,
-    required = _a.required,
-    restProps = __rest$1(_a, ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var _excluded$F = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
+  _excluded2$4 = ["children", "label"],
+  _excluded3$2 = ["active", "className", "disabled", "selected"];
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Listbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    multiple = _ref.multiple,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({
     className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
       'utrecht-listbox--disabled': disabled,
       'utrecht-listbox--invalid': invalid,
@@ -1818,47 +1864,43 @@ var Listbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     "aria-readonly": readOnly || undefined,
     "aria-required": required || undefined,
     tabIndex: 0
-  }, restProps, {
-    ref: ref
-  }, {
-    children: jsxRuntime.jsx("ul", Object.assign({
-      className: "utrecht-listbox__list"
-    }, {
+  }, restProps), {}, {
+    ref: ref,
+    children: jsxRuntime.jsx("ul", {
+      className: "utrecht-listbox__list",
       children: children
-    }))
+    })
   }));
 });
 Listbox.displayName = 'Listbox';
-var ListboxOptionGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    label = _a.label,
-    restProps = __rest$1(_a, ["children", "label"]);
+var ListboxOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    label = _ref2.label,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$4);
   var id = react.useId();
-  return jsxRuntime.jsxs("li", Object.assign({
+  return jsxRuntime.jsxs("li", _objectSpread$G(_objectSpread$G({
     className: "utrecht-listbox__group",
     role: "group",
     "aria-labelledby": id
-  }, restProps, {
-    ref: ref
-  }, {
-    children: [label && jsxRuntime.jsx("div", Object.assign({
+  }, restProps), {}, {
+    ref: ref,
+    children: [label && jsxRuntime.jsx("div", {
       id: id,
-      className: "utrecht-listbox__group-label"
-    }, {
+      className: "utrecht-listbox__group-label",
       children: label
-    })), jsxRuntime.jsx("ul", {
+    }), jsxRuntime.jsx("ul", {
       children: children
     })]
   }));
 });
 ListboxOptionGroup.displayName = 'ListboxOptionGroup';
-var ListboxOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var active = _a.active,
-    className = _a.className,
-    disabled = _a.disabled,
-    selected = _a.selected,
-    restProps = __rest$1(_a, ["active", "className", "disabled", "selected"]);
-  return jsxRuntime.jsx("li", Object.assign({
+var ListboxOption = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var active = _ref3.active,
+    className = _ref3.className,
+    disabled = _ref3.disabled,
+    selected = _ref3.selected,
+    restProps = _objectWithoutProperties(_ref3, _excluded3$2);
+  return jsxRuntime.jsx("li", _objectSpread$G(_objectSpread$G({
     className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
       'utrecht-listbox__option--active': active,
       'utrecht-listbox__option--disabled': disabled,
@@ -1868,7 +1910,7 @@ var ListboxOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     "aria-selected": selected ? 'true' : 'false',
     tabIndex: disabled ? undefined : -1,
     role: "option"
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref
   }));
 });
@@ -1876,47 +1918,49 @@ ListboxOption.displayName = 'ListboxOption';
 
 var ListSocial = function ListSocial(_ref) {
   var children = _ref.children;
-  return jsxRuntime.jsx("ul", Object.assign({
-    className: clsx('utrecht-list-social')
-  }, {
+  return jsxRuntime.jsx("ul", {
+    className: clsx('utrecht-list-social'),
     children: children
-  }));
+  });
 };
 var ListSocialItem = function ListSocialItem(_ref2) {
   var children = _ref2.children;
-  return jsxRuntime.jsx("li", Object.assign({
-    className: clsx('utrecht-list-social__item')
-  }, {
+  return jsxRuntime.jsx("li", {
+    className: clsx('utrecht-list-social__item'),
     children: children
-  }));
+  });
 };
 
-var Logo = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var _excluded$E = ["children", "className"];
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxRuntime.jsx("div", _objectSpread$F(_objectSpread$F({
     ref: ref,
     className: clsx('utrecht-logo', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Logo.displayName = 'Logo';
 
-var LogoImage = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var restProps = __rest$1(_a, []);
-  return jsxRuntime.jsxs("svg", Object.assign({
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LogoImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
     width: "192",
     height: "100",
     viewBox: "0 0 192 100",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, restProps, {
-    children: [jsxRuntime.jsxs("g", Object.assign({
-      clipPath: "url(#clip0_908_6292)"
-    }, {
+  }, restProps), {}, {
+    children: [jsxRuntime.jsxs("g", {
+      clipPath: "url(#clip0_908_6292)",
       children: [jsxRuntime.jsx("path", {
         d: "M124.75 61.3114C126.41 60.4985 127.932 59.5127 129.264 58.3712C129.558 57.9561 129.887 57.6448 130.267 57.4373C132.844 54.8084 134.453 51.4013 134.453 47.2331C134.453 47.2331 134.453 44.2583 134.453 43.5147C134.349 43.5492 134.245 43.5665 134.124 43.5665C134.003 43.5665 133.882 43.5492 133.761 43.5147L133.484 45.0885C130.924 44.6043 131.201 42.0619 132.931 41.1971C133.917 40.6955 134.228 40.3323 133.934 39.9519C133.847 39.8481 133.744 39.7962 133.623 39.7962C133.259 39.7962 132.723 40.194 132.204 40.5745C131.979 40.7474 131.685 40.8339 131.374 40.8339C130.7 40.8339 129.973 40.4015 129.662 39.3811L128.763 39.8827C128.607 37.9629 129.8 37.0117 131.011 37.0117C131.582 37.0117 132.17 37.2192 132.619 37.6343C132.792 37.79 132.965 37.8591 133.138 37.8591C133.692 37.8591 134.072 37.1673 133.329 36.7695C132.619 36.389 131.945 35.213 132.602 34.4693L131.53 33.4662C132.014 33.1721 132.533 33.0338 133.017 33.0338C133.536 33.0338 134.038 33.2067 134.453 33.5526V19.9932C134.124 19.924 133.744 19.5954 133.744 19.1285C133.744 18.6096 134.055 18.2983 134.453 18.1426V17.0184C133.64 17.1914 133.034 17.693 132.792 18.3848L131.651 18.4021C131.599 17.5373 132.014 16.759 132.896 16.465V15.3408C132.152 15.4965 131.668 15.8597 131.374 16.1883C131.288 16.2748 131.219 16.3785 131.132 16.4823L130.267 16.4996C130.233 15.6694 130.648 14.9257 131.426 14.6663V14.1474H128.261H92.2871H89.122V14.6663C89.9176 14.9257 90.3327 15.6694 90.2808 16.4996L89.4161 16.4823C89.3469 16.3785 89.2604 16.292 89.1739 16.1883C88.8799 15.877 88.3783 15.5138 87.652 15.3408V16.465C88.5167 16.759 88.9318 17.5373 88.8972 18.4021L87.7557 18.3848C87.5136 17.693 86.9083 17.2087 86.0954 17.0184V18.1426C86.4932 18.2983 86.7872 18.6096 86.7872 19.1285C86.7872 19.5781 86.424 19.924 86.0954 19.9932V33.5353C86.5105 33.1894 86.9947 33.0338 87.5136 33.0338C88.0151 33.0338 88.534 33.1894 89.001 33.4662L87.9287 34.4693C88.5686 35.2303 87.8941 36.389 87.2023 36.7695C86.4586 37.1673 86.8564 37.8591 87.3925 37.8591C87.5655 37.8591 87.7384 37.79 87.9114 37.6343C88.3611 37.2192 88.9491 37.0117 89.5198 37.0117C90.7305 37.0117 91.9239 37.9456 91.7682 39.8827L90.8343 39.3638C90.523 40.3842 89.7966 40.8166 89.122 40.8166C88.8107 40.8166 88.5167 40.7301 88.2919 40.5572C87.773 40.1767 87.2369 39.7789 86.8737 39.7789C86.7526 39.7789 86.6315 39.8308 86.5624 39.9346C86.2856 40.315 86.5797 40.6955 87.5655 41.1798C89.3123 42.0446 89.589 44.587 87.012 45.0712L86.7353 43.4974C86.6142 43.532 86.4932 43.5492 86.3721 43.5492C86.2683 43.5492 86.1646 43.532 86.0608 43.5147V47.2331C86.0608 51.4186 87.6865 54.8257 90.2808 57.4546C90.6094 57.6448 90.9207 57.9388 91.1975 58.3193C92.5292 59.4954 94.0858 60.4812 95.7634 61.3114C95.7634 61.3114 124.75 61.3114 124.75 61.3114Z",
         fill: "white"
@@ -1987,42 +2031,47 @@ var LogoImage = /*#__PURE__*/react.forwardRef(function (_a, ref) {
         d: "M11.9378 1H0V99.487H11.9378V1Z",
         fill: "#FFCC00"
       })]
-    })), jsxRuntime.jsx("defs", {
-      children: jsxRuntime.jsx("clipPath", Object.assign({
-        id: "clip0_908_6292"
-      }, {
+    }), jsxRuntime.jsx("defs", {
+      children: jsxRuntime.jsx("clipPath", {
+        id: "clip0_908_6292",
         children: jsxRuntime.jsx("rect", {
           width: "192",
           height: "100",
           fill: "white"
         })
-      }))
+      })
     })]
   }));
 });
 LogoImage.displayName = 'LogoImage';
 
-var Mark = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("mark", Object.assign({
+var _excluded$D = ["children", "className"];
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsxRuntime.jsx("mark", _objectSpread$D(_objectSpread$D({
     ref: ref,
     className: clsx('utrecht-mark', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Mark.displayName = 'Mark';
 
-var MultilineData = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("pre", Object.assign({
+var _excluded$C = ["children", "className"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MultilineData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("pre", _objectSpread$C(_objectSpread$C({
     ref: ref,
     className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
@@ -2031,225 +2080,246 @@ MultilineData.displayName = 'MultilineData';
 var NavBar = function NavBar(_ref) {
   var appearance = _ref.appearance,
     children = _ref.children;
-  return jsxRuntime.jsx("div", Object.assign({
-    className: "utrecht-nav-bar"
-  }, {
-    children: jsxRuntime.jsx("div", Object.assign({
+  return jsxRuntime.jsx("div", {
+    className: "utrecht-nav-bar",
+    children: jsxRuntime.jsx("div", {
       className: clsx('utrecht-nav-bar__content', {
         'utrecht-nav-bar__content--center': appearance === 'center'
-      })
-    }, {
+      }),
       children: children
-    }))
-  }));
+    })
+  });
 };
 NavBar.displayName = 'NavBar';
 
-var NavList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["appearance", "children", "className"]);
-  return jsxRuntime.jsx("ul", Object.assign({
+var _excluded$B = ["appearance", "children", "className"],
+  _excluded2$3 = ["center", "children", "className"],
+  _excluded3$1 = ["center", "children", "className"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NavList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  return jsxRuntime.jsx("ul", _objectSpread$B(_objectSpread$B({
     role: "list",
     className: clsx('utrecht-nav-list', {
       'utrecht-nav-list--center': appearance === 'center'
     }, className),
     ref: ref
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 NavList.displayName = 'NavList';
-var NavListLink = function NavListLink(_a) {
-  var center = _a.center,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["center", "children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({
+var NavListLink = function NavListLink(_ref2) {
+  var center = _ref2.center,
+    children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$3);
+  return jsxRuntime.jsx("li", {
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
-    }, className)
-  }, {
-    children: jsxRuntime.jsx(Link, Object.assign({
+    }, className),
+    children: jsxRuntime.jsx(Link, _objectSpread$B(_objectSpread$B({
       className: "utrecht-nav-list__link"
-    }, restProps, {
+    }, restProps), {}, {
       children: children
     }))
-  }));
+  });
 };
 NavListLink.displayName = 'NavListLink';
-var NavListLinkButton = function NavListLinkButton(_a) {
-  var center = _a.center,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["center", "children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({
+var NavListLinkButton = function NavListLinkButton(_ref3) {
+  var center = _ref3.center,
+    children = _ref3.children,
+    className = _ref3.className,
+    restProps = _objectWithoutProperties(_ref3, _excluded3$1);
+  return jsxRuntime.jsx("li", {
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
-    }, className)
-  }, {
-    children: jsxRuntime.jsx(LinkButton, Object.assign({
+    }, className),
+    children: jsxRuntime.jsx(LinkButton, _objectSpread$B(_objectSpread$B({
       className: "utrecht-nav-list__link"
-    }, restProps, {
+    }, restProps), {}, {
       children: children
     }))
-  }));
+  });
 };
 NavListLinkButton.displayName = 'NavListLinkButton';
 
-var NumberBadge = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    value = _a.value,
-    restProps = __rest$1(_a, ["children", "className", "value"]);
-  var props = Object.assign({
+var _excluded$A = ["children", "className", "value"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NumberBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    value = _ref.value,
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
+  var props = _objectSpread$A({
     children: children,
     className: clsx('utrecht-number-badge', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", Object.assign({}, props, {
+  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$A(_objectSpread$A({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", Object.assign({}, props, {
+  })) : jsxRuntime.jsx("span", _objectSpread$A(_objectSpread$A({}, props), {}, {
     ref: ref
   }));
 });
 NumberBadge.displayName = 'NumberBadge';
 
-var NumberData = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    value = _a.value,
-    restProps = __rest$1(_a, ["children", "className", "value"]);
-  return jsxRuntime.jsx("data", Object.assign({
+var _excluded$z = ["children", "className", "value"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    value = _ref.value,
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({
     value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-number-data', className)
-  }, {
+    className: clsx('utrecht-number-data', className),
     children: children
   }));
 });
 NumberData.displayName = 'NumberData';
 
-var OrderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("ol", Object.assign({}, restProps, {
+var _excluded$y = ["children", "className"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("ol", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-ordered-list', className)
-  }, {
+    className: clsx('utrecht-ordered-list', className),
     children: children
   }));
 });
 OrderedList.displayName = 'OrderedList';
 
-var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
+var _excluded$x = ["children", "className"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxRuntime.jsx("li", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-ordered-list__item', className)
-  }, {
+    className: clsx('utrecht-ordered-list__item', className),
     children: children
   }));
 });
 OrderedListItem.displayName = 'OrderedListItem';
 
-var Page = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$w = ["children", "className"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
+  return jsxRuntime.jsx("div", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page', className)
-  }, {
+    className: clsx('utrecht-page', className),
     children: children
   }));
 });
 Page.displayName = 'Page';
 
-var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$v = ["children", "className"],
+  _excluded2$2 = ["children", "className"];
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PageContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-content', className)
-  }, {
+    className: clsx('utrecht-page-content', className),
     children: children
   }));
 });
 PageContent.displayName = 'PageContent';
-var PageContentMain = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("main", Object.assign({}, restProps, {
+var PageContentMain = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$2);
+  return jsxRuntime.jsx("main", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-content__main', className)
-  }, {
+    className: clsx('utrecht-page-content__main', className),
     children: children
   }));
 });
 PageContentMain.displayName = 'PageContentMain';
 
-var PageFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("footer", Object.assign({}, restProps, {
+var _excluded$u = ["children", "className"];
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsxRuntime.jsx("footer", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-footer', className)
-  }, {
+    className: clsx('utrecht-page-footer', className),
     children: children
   }));
 });
 PageFooter.displayName = 'PageFooter';
 
-var PageHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("header", Object.assign({}, restProps, {
+var _excluded$t = ["children", "className"];
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
+  return jsxRuntime.jsx("header", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-header', className)
-  }, {
+    className: clsx('utrecht-page-header', className),
     children: children
   }));
 });
 PageHeader.displayName = 'PageHeader';
 
-var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    lead = _a.lead,
-    small = _a.small,
-    restProps = __rest$1(_a, ["children", "className", "lead", "small"]);
-  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
-    ref: ref,
-    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
-  }, {
-    children: lead ? jsxRuntime.jsx("b", Object.assign({
-      className: "utrecht-paragraph__b"
-    }, {
+var _excluded$s = ["children", "className", "lead", "small"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    lead = _ref.lead,
+    small = _ref.small,
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  return jsxRuntime.jsx("p", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
+    children: lead ? jsxRuntime.jsx("b", {
+      className: "utrecht-paragraph__b",
       children: children
-    })) : small ? jsxRuntime.jsx("small", Object.assign({
-      className: "utrecht-paragraph__small"
-    }, {
+    }) : small ? jsxRuntime.jsx("small", {
+      className: "utrecht-paragraph__small",
       children: children
-    })) : children
+    }) : children
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var loading = _a.loading,
-    className = _a.className,
-    restProps = __rest$1(_a, ["loading", "className"]);
-  return jsxRuntime.jsx("span", Object.assign({
+var _excluded$r = ["loading", "className"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var loading = _ref.loading,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
+  return jsxRuntime.jsx("span", _objectSpread$r({
     ref: ref,
     className: clsx('utrecht-data-placeholder', {
       'utrecht-data-placeholder--loading': loading
@@ -2258,55 +2328,62 @@ var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 DataPlaceholder.displayName = 'DataPlaceholder';
 
-var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
+var _excluded$q = ["children", "className"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx("p", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-pre-heading', className)
-  }, {
+    className: clsx('utrecht-pre-heading', className),
     children: children
   }));
 });
 PreHeading.displayName = 'PreHeading';
 
-var PreserveData = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    dateTime = _a.dateTime,
-    value = _a.value,
-    restProps = __rest$1(_a, ["children", "className", "dateTime", "value"]);
-  var props = Object.assign({
-    children: jsxRuntime.jsx("bdi", Object.assign({
-      translate: "no"
-    }, {
+var _excluded$p = ["children", "className", "dateTime", "value"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PreserveData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    dateTime = _ref.dateTime,
+    value = _ref.value,
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  var props = _objectSpread$p({
+    children: jsxRuntime.jsx("bdi", {
+      translate: "no",
       children: children
-    })),
+    }),
     className: clsx('utrecht-preserve-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", Object.assign({}, props, {
+  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$p(_objectSpread$p({}, props), {}, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", Object.assign({}, props, {
+  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$p(_objectSpread$p({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("bdi", Object.assign({
+  })) : jsxRuntime.jsx("bdi", _objectSpread$p(_objectSpread$p({
     translate: "no",
     ref: ref
-  }, props, {
+  }, props), {}, {
     children: children
   }));
 });
 PreserveData.displayName = 'PreserveData';
 
-var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var disabled = _a.disabled,
-    required = _a.required,
-    className = _a.className,
-    invalid = _a.invalid,
-    restProps = __rest$1(_a, ["disabled", "required", "className", "invalid"]);
-  return jsxRuntime.jsx("input", Object.assign({
+var _excluded$o = ["disabled", "required", "className", "invalid"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+    required = _ref.required,
+    className = _ref.className,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxRuntime.jsx("input", _objectSpread$o({
     type: "radio",
     "aria-invalid": invalid || undefined,
     disabled: disabled,
@@ -2317,391 +2394,443 @@ var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 RadioButton.displayName = 'RadioButton';
 
-var RichText = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$n = ["className", "children"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RichText = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("div", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-rich-text', className)
-  }, {
+    className: clsx('utrecht-rich-text', className),
     children: children
   }));
 });
 RichText.displayName = 'RichText';
 
-var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var busy = _a.busy,
-    invalid = _a.invalid,
-    required = _a.required,
-    className = _a.className,
-    noscript = _a.noscript,
-    children = _a.children,
-    restProps = __rest$1(_a, ["busy", "invalid", "required", "className", "noscript", "children"]);
-  return jsxRuntime.jsx("select", Object.assign({
+var _excluded$m = ["busy", "invalid", "required", "className", "noscript", "children"],
+  _excluded2$1 = ["disabled", "invalid", "value", "children", "className"];
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Select = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var busy = _ref.busy,
+    invalid = _ref.invalid,
+    required = _ref.required,
+    className = _ref.className,
+    noscript = _ref.noscript,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxRuntime.jsx("select", _objectSpread$m(_objectSpread$m({
     "aria-busy": busy || undefined,
     "aria-invalid": invalid || undefined,
     required: noscript ? required : false,
     "aria-required": noscript ? undefined : required || undefined,
     className: clsx('utrecht-select', 'utrecht-select--html-select', busy && 'utrecht-select--busy', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className),
     ref: ref
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Select.displayName = 'Select';
-var SelectOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var disabled = _a.disabled,
-    invalid = _a.invalid,
-    value = _a.value,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["disabled", "invalid", "value", "children", "className"]);
-  return jsxRuntime.jsx("option", Object.assign({}, restProps, {
+var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var disabled = _ref2.disabled,
+    invalid = _ref2.invalid,
+    value = _ref2.value,
+    children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$1);
+  return jsxRuntime.jsx("option", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
     disabled: disabled,
     value: value,
-    className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className)
-  }, {
+    className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className),
     children: children
   }));
 });
 SelectOption.displayName = 'SelectOption';
 
+var _excluded$l = ["className", "children"];
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Do not pass `children` along with `restProps` and use _children as it's unused
-var Separator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className;
-    _a.children;
-    var restProps = __rest$1(_a, ["className", "children"]);
-  return jsxRuntime.jsx("hr", Object.assign({}, restProps, {
+var Separator = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className;
+    _ref.children;
+    var restProps = _objectWithoutProperties(_ref, _excluded$l);
+  return jsxRuntime.jsx("hr", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-separator', className)
   }));
 });
 Separator.displayName = 'Separator';
 
-var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
+var _excluded$k = ["children", "className"];
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$k);
   return jsxRuntime.jsx("p", {
-    children: jsxRuntime.jsx("a", Object.assign({
+    children: jsxRuntime.jsx("a", _objectSpread$k(_objectSpread$k({
       ref: ref
-    }, restProps, {
-      className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
-    }, {
+    }, restProps), {}, {
+      className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
       children: children
     }))
   });
 });
 SkipLink.displayName = 'SkipLink';
 
-var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var aside = _a.aside,
-    children = _a.children,
-    className = _a.className,
-    type = _a.type,
-    restProps = __rest$1(_a, ["aside", "children", "className", "type"]);
-  var props = Object.assign(Object.assign({}, restProps), {
+var _excluded$j = ["aside", "children", "className", "type"];
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var aside = _ref.aside,
+    children = _ref.children,
+    className = _ref.className,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$j);
+  var props = _objectSpread$j(_objectSpread$j({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-spotlight-section', _defineProperty({}, "utrecht-spotlight-section--".concat(type), type), className)
   });
-  return aside ? jsxRuntime.jsx("aside", Object.assign({}, props, {
+  return aside ? jsxRuntime.jsx("aside", _objectSpread$j(_objectSpread$j({}, props), {}, {
     children: children
-  })) : jsxRuntime.jsx("section", Object.assign({}, props, {
+  })) : jsxRuntime.jsx("section", _objectSpread$j(_objectSpread$j({}, props), {}, {
     children: children
   }));
 });
 SpotlightSection.displayName = 'SpotlightSection';
 
-var StatusBadge = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    status = _a.status,
-    restProps = __rest$1(_a, ["className", "status"]);
-  return jsxRuntime.jsx("span", Object.assign({
+var _excluded$i = ["className", "status"];
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StatusBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    status = _ref.status,
+    restProps = _objectWithoutProperties(_ref, _excluded$i);
+  return jsxRuntime.jsx("span", _objectSpread$i(_objectSpread$i({
     className: clsx('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref
   }));
 });
 StatusBadge.displayName = 'StatusBadge';
 
-var Strong = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("strong", Object.assign({
+var _excluded$h = ["children", "className"];
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Strong = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$h);
+  return jsxRuntime.jsx("strong", _objectSpread$h(_objectSpread$h({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Strong.displayName = 'Strong';
 
-var Subscript = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    openType = _a.openType,
-    restProps = __rest$1(_a, ["children", "className", "openType"]);
-  return jsxRuntime.jsx("sub", Object.assign({
+var _excluded$g = ["children", "className", "openType"];
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Subscript = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    openType = _ref.openType,
+    restProps = _objectWithoutProperties(_ref, _excluded$g);
+  return jsxRuntime.jsx("sub", _objectSpread$g(_objectSpread$g({
     ref: ref,
     className: clsx('utrecht-subscript', {
       'utrecht-subscript--open-type': openType
     }, className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Subscript.displayName = 'Subscript';
 
-var Superscript = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    openType = _a.openType,
-    restProps = __rest$1(_a, ["children", "className", "openType"]);
-  return jsxRuntime.jsx("sup", Object.assign({
+var _excluded$f = ["children", "className", "openType"];
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Superscript = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    openType = _ref.openType,
+    restProps = _objectWithoutProperties(_ref, _excluded$f);
+  return jsxRuntime.jsx("sup", _objectSpread$f(_objectSpread$f({
     ref: ref,
     className: clsx('utrecht-superscript', {
       'utrecht-superscript--open-type': openType
     }, className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Superscript.displayName = 'Superscript';
 
-var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$e = ["children", "className"];
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Surface = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$e);
+  return jsxRuntime.jsx("div", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-surface', className)
-  }, {
+    className: clsx('utrecht-surface', className),
     children: children
   }));
 });
 Surface.displayName = 'Surface';
 
-var TableContainer = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var overflowInline = _a.overflowInline,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["overflowInline", "children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var _excluded$d = ["overflowInline", "children", "className"];
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableContainer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var overflowInline = _ref.overflowInline,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$d);
+  return jsxRuntime.jsx("div", _objectSpread$d(_objectSpread$d({
     ref: ref,
     className: clsx('utrecht-table-container', {
       'utrecht-table-container--overflow-inline': overflowInline
     }, className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 TableContainer.displayName = 'TableContainer';
 
-var Table = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var busy = _a.busy,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["busy", "children", "className"]);
-  return jsxRuntime.jsx("table", Object.assign({
+var _excluded$c = ["busy", "children", "className"];
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var busy = _ref.busy,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$c);
+  return jsxRuntime.jsx("table", _objectSpread$c(_objectSpread$c({
     "aria-busy": busy
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table', {
       'utrecht-table--busy': busy
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 Table.displayName = 'Table';
 
-var TableBody = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("tbody", Object.assign({}, restProps, {
+var _excluded$b = ["children", "className"];
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$b);
+  return jsxRuntime.jsx("tbody", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__body', className)
-  }, {
+    className: clsx('utrecht-table__body', className),
     children: children
   }));
 });
 TableBody.displayName = 'TableBody';
 
-var TableCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("caption", Object.assign({}, restProps, {
+var _excluded$a = ["children", "className"];
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$a);
+  return jsxRuntime.jsx("caption", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__caption', className)
-  }, {
+    className: clsx('utrecht-table__caption', className),
     children: children
   }));
 });
 TableCaption.displayName = 'TableCaption';
 
-var TableCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    numericColumn = _a.numericColumn,
-    selected = _a.selected,
-    restProps = __rest$1(_a, ["children", "className", "numericColumn", "selected"]);
-  return jsxRuntime.jsx("td", Object.assign({
+var _excluded$9 = ["children", "className", "numericColumn", "selected"];
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    numericColumn = _ref.numericColumn,
+    selected = _ref.selected,
+    restProps = _objectWithoutProperties(_ref, _excluded$9);
+  return jsxRuntime.jsx("td", _objectSpread$9(_objectSpread$9({
     "aria-selected": selected ? true : undefined
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__cell', {
       'utrecht-table__cell--selected': selected,
       'utrecht-table__cell--numeric-column': numericColumn
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 TableCell.displayName = 'TableCell';
 
-var TableFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    sticky = _a.sticky,
-    restProps = __rest$1(_a, ["children", "className", "sticky"]);
-  return jsxRuntime.jsx("tfoot", Object.assign({}, restProps, {
+var _excluded$8 = ["children", "className", "sticky"];
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    sticky = _ref.sticky,
+    restProps = _objectWithoutProperties(_ref, _excluded$8);
+  return jsxRuntime.jsx("tfoot", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__footer', {
       'utrecht-table__footer--sticky': sticky
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 TableFooter.displayName = 'TableFooter';
 
-var TableHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    sticky = _a.sticky,
-    restProps = __rest$1(_a, ["children", "className", "sticky"]);
-  return jsxRuntime.jsx("thead", Object.assign({}, restProps, {
+var _excluded$7 = ["children", "className", "sticky"];
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    sticky = _ref.sticky,
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxRuntime.jsx("thead", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__header', {
       'utrecht-table__header--sticky': sticky
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 TableHeader.displayName = 'TableHeader';
 
-var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    numericColumn = _a.numericColumn,
-    selected = _a.selected,
-    sticky = _a.sticky,
-    scope = _a.scope,
-    restProps = __rest$1(_a, ["children", "className", "numericColumn", "selected", "sticky", "scope"]);
-  return jsxRuntime.jsx("th", Object.assign({
+var _excluded$6 = ["children", "className", "numericColumn", "selected", "sticky", "scope"];
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    numericColumn = _ref.numericColumn,
+    selected = _ref.selected,
+    sticky = _ref.sticky,
+    scope = _ref.scope,
+    restProps = _objectWithoutProperties(_ref, _excluded$6);
+  return jsxRuntime.jsx("th", _objectSpread$6(_objectSpread$6({
     "aria-selected": selected ? true : undefined,
     scope: scope
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__header-cell', {
       'utrecht-table__header-cell--numeric-column': numericColumn,
       'utrecht-table__header-cell--selected': selected,
       'utrecht-table__header-cell--sticky-inline': sticky && scope === 'row',
       'utrecht-table__header-cell--sticky-block': sticky && scope === 'col'
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 TableHeaderCell.displayName = 'TableHeaderCell';
 
-var TableOfContents = function TableOfContents(_a) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("section", Object.assign({
+var _excluded$5 = ["children", "className"],
+  _excluded2 = ["children", "className"],
+  _excluded3 = ["children", "className"],
+  _excluded4 = ["children", "className", "label"];
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableOfContents = function TableOfContents(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$5);
+  return jsxRuntime.jsx("section", _objectSpread$5(_objectSpread$5({
     className: clsx.clsx('utrecht-table-of-contents', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 };
-var TableOfContentsList = function TableOfContentsList(_a) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("ul", Object.assign({
+var TableOfContentsList = function TableOfContentsList(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  return jsxRuntime.jsx("ul", _objectSpread$5(_objectSpread$5({
     className: clsx.clsx('utrecht-table-of-contents__list', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 };
-var TableOfContentsListItem = function TableOfContentsListItem(_a) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({
+var TableOfContentsListItem = function TableOfContentsListItem(_ref3) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    restProps = _objectWithoutProperties(_ref3, _excluded3);
+  return jsxRuntime.jsx("li", _objectSpread$5(_objectSpread$5({
     className: clsx.clsx('utrecht-table-of-contents__list-item', className)
-  }, restProps, {
-    children: jsxRuntime.jsx("span", Object.assign({
-      className: "utrecht-table-of-contents__list-item-body"
-    }, {
+  }, restProps), {}, {
+    children: jsxRuntime.jsx("span", {
+      className: "utrecht-table-of-contents__list-item-body",
       children: children
-    }))
+    })
   }));
 };
-var TableOfContentsLink = function TableOfContentsLink(_a) {
-  var children = _a.children,
-    className = _a.className,
-    label = _a.label,
-    restProps = __rest$1(_a, ["children", "className", "label"]);
-  return jsxRuntime.jsxs(Link, Object.assign({
+var TableOfContentsLink = function TableOfContentsLink(_ref4) {
+  var children = _ref4.children,
+    className = _ref4.className,
+    label = _ref4.label,
+    restProps = _objectWithoutProperties(_ref4, _excluded4);
+  return jsxRuntime.jsxs(Link, _objectSpread$5(_objectSpread$5({
     className: clsx.clsx('utrecht-table-of-contents__link', className)
-  }, restProps, {
-    children: [label && jsxRuntime.jsx("span", Object.assign({
-      className: "utrecht-table-of-contents__list-item-label"
-    }, {
+  }, restProps), {}, {
+    children: [label && jsxRuntime.jsx("span", {
+      className: "utrecht-table-of-contents__list-item-label",
       children: label
-    })), jsxRuntime.jsx("span", Object.assign({
-      className: "utrecht-table-of-contents__list-item-title"
-    }, {
+    }), jsxRuntime.jsx("span", {
+      className: "utrecht-table-of-contents__list-item-title",
       children: children
-    }))]
+    })]
   }));
 };
 
-var TableRow = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    selected = _a.selected,
-    restProps = __rest$1(_a, ["children", "className", "selected"]);
-  return jsxRuntime.jsx("tr", Object.assign({
+var _excluded$4 = ["children", "className", "selected"];
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    selected = _ref.selected,
+    restProps = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxRuntime.jsx("tr", _objectSpread$4(_objectSpread$4({
     "aria-selected": selected ? true : undefined
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__row', {
       'utrecht-table__row--selected': selected
-    }, className)
-  }, {
+    }, className),
     children: children
   }));
 });
 TableRow.displayName = 'TableRow';
 
-var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var dir = _a.dir,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    readOnly = _a.readOnly,
-    required = _a.required,
-    className = _a.className,
-    restProps = __rest$1(_a, ["dir", "disabled", "invalid", "readOnly", "required", "className"]);
-  return jsxRuntime.jsx("textarea", Object.assign({}, restProps, {
+var _excluded$3 = ["dir", "disabled", "invalid", "readOnly", "required", "className"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var dir = _ref.dir,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$3);
+  return jsxRuntime.jsx("textarea", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
     ref: ref,
     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),
     dir: dir !== null && dir !== void 0 ? dir : 'auto',
@@ -2713,44 +2842,50 @@ var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Textarea.displayName = 'Textarea';
 
-var URLData = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("bdi", Object.assign({
+var _excluded$2 = ["children", "className"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var URLData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$2);
+  return jsxRuntime.jsx("bdi", _objectSpread$2(_objectSpread$2({
     translate: "no"
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-url-data', className)
-  }, {
+    className: clsx('utrecht-url-data', className),
     children: children
   }));
 });
 URLData.displayName = 'URLData';
 
-var UnorderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("ul", Object.assign({
+var _excluded$1 = ["children", "className"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1);
+  return jsxRuntime.jsx("ul", _objectSpread$1(_objectSpread$1({
     role: "list"
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-unordered-list', className)
-  }, {
+    className: clsx('utrecht-unordered-list', className),
     children: children
   }));
 });
 UnorderedList.displayName = 'UnorderedList';
 
-var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest$1(_a, ["children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx("li", _objectSpread(_objectSpread({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-unordered-list__item', className)
-  }, {
+    className: clsx('utrecht-unordered-list__item', className),
     children: children
   }));
 });