@utrecht/component-library-react 5.0.0 → 6.1.0

package/dist/index.esm.js

@@ -1,89 +1,148 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useId, useRef, useState, createElement, isValidElement, useImperativeHandle, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _extends from '@babel/runtime/helpers/extends';
 
-var _excluded$1p = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "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 Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var appearance = _ref.appearance,
-    busy = _ref.busy,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    className = _ref.className,
-    hint = _ref.hint,
-    pressed = _ref.pressed,
-    type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1p);
-  return jsx("button", _objectSpread$1q(_objectSpread$1q({
+/******************************************************************************
+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__*/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 jsx("button", Object.assign({
     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), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Button.displayName = 'Button';
-var PrimaryActionButton = function PrimaryActionButton(_ref2) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  return jsx(Button, _objectSpread$1q(_objectSpread$1q({}, args), {}, {
+const PrimaryActionButton = _a => {
+  var args = __rest(_a, []);
+  return jsx(Button, Object.assign({}, args, {
     appearance: "primary-action-button"
   }));
 };
 PrimaryActionButton.displayName = 'PrimaryActionButton';
-var SecondaryActionButton = function SecondaryActionButton(_ref3) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
-  return jsx(Button, _objectSpread$1q(_objectSpread$1q({}, args), {}, {
+const SecondaryActionButton = _a => {
+  var args = __rest(_a, []);
+  return jsx(Button, Object.assign({}, args, {
     appearance: "secondary-action-button"
   }));
 };
 SecondaryActionButton.displayName = 'SecondaryActionButton';
-var SubtleButton = function SubtleButton(_ref4) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
-  return jsx(Button, _objectSpread$1q(_objectSpread$1q({}, args), {}, {
+const SubtleButton = _a => {
+  var args = __rest(_a, []);
+  return jsx(Button, Object.assign({}, args, {
     appearance: "subtle-button"
   }));
 };
 SubtleButton.displayName = 'SubtleButton';
 
-var _excluded$1o = ["level", "className"];
-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 HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var level = _ref.level,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1o);
+var HTMLHeading = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var level = _a.level,
+    className = _a.className,
+    restProps = __rest$1(_a, ["level", "className"]);
   var HeadingX = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'p';
-  return jsx(HeadingX, _objectSpread$1p(_objectSpread$1p({
+  return jsx(HeadingX, Object.assign({
     className: clsx(className)
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref
   }));
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
-var _excluded$1n = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
-  _excluded2$9 = ["children", "group", "headingLevel", "heading"];
-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 IconChevronDown = function IconChevronDown() {
-  return jsxs("svg", {
+  return jsxs("svg", Object.assign({
     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: [jsx("defs", {
-      children: jsx("clipPath", {
-        id: "clippath",
+      children: jsx("clipPath", Object.assign({
+        id: "clippath"
+      }, {
         children: jsx("rect", {
           width: "14",
           height: "8",
@@ -92,19 +151,20 @@ var IconChevronDown = function IconChevronDown() {
             strokeWidth: '0px'
           }
         })
-      })
-    }), jsx("g", {
+      }))
+    }), jsx("g", Object.assign({
       style: {
         clipPath: 'url(#clippath)'
-      },
+      }
+    }, {
       children: 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
@@ -132,24 +192,24 @@ 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__*/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$1n);
+var AccordionSection = /*#__PURE__*/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 panelAttributes = {
     className: clsx('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
@@ -173,15 +233,16 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, 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 jsxs("div", _objectSpread$1o(_objectSpread$1o({
+  return jsxs("div", Object.assign({
     className: clsx('utrecht-accordion__section', className),
     id: id,
     ref: ref
-  }, props), {}, {
-    children: [jsx(HTMLHeading, {
+  }, props, {
+    children: [jsx(HTMLHeading, Object.assign({
       level: headingLevel,
-      className: clsx('utrecht-accordion__header'),
-      children: jsxs(Button, {
+      className: clsx('utrecht-accordion__header')
+    }, {
+      children: jsxs(Button, Object.assign({
         className: clsx('utrecht-accordion__button', _defineProperty({}, 'utrecht-accordion__button--utrecht', appearance === 'utrecht')),
         appearance: "subtle-button",
         "aria-expanded": expanded === true,
@@ -197,45 +258,50 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onBlur: function onBlur() {
           return typeof onButtonBlur === 'function' && onButtonBlur(ref);
         },
-        ref: buttonRef,
-        children: [iconStart && jsx("span", {
-          className: "utrecht-accordion__button-icon",
+        ref: buttonRef
+      }, {
+        children: [iconStart && jsx("span", Object.assign({
+          className: "utrecht-accordion__button-icon"
+        }, {
           children: iconStart
-        }), jsx("span", {
-          className: "utrecht-accordion__button-label",
+        })), jsx("span", Object.assign({
+          className: "utrecht-accordion__button-label"
+        }, {
           children: label
-        })]
-      })
-    }), section ? jsx("section", _objectSpread$1o(_objectSpread$1o({
+        }))]
+      }))
+    })), section ? jsx("section", Object.assign({
       id: panelId,
       "aria-labelledby": buttonId
-    }, panelAttributes), {}, {
+    }, panelAttributes, {
       children: children
-    })) : jsx("div", _objectSpread$1o(_objectSpread$1o({
+    })) : jsx("div", Object.assign({
       id: panelId
-    }, panelAttributes), {}, {
+    }, panelAttributes, {
       children: children
     }))]
   }));
 });
 AccordionSection.displayName = 'AccordionSection';
-var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    group = _ref2.group,
-    headingLevel = _ref2.headingLevel,
-    heading = _ref2.heading,
-    props = _objectWithoutProperties(_ref2, _excluded2$9);
+var Accordion = /*#__PURE__*/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 headingId = useId();
   return jsxs(Fragment, {
-    children: [!!heading && typeof headingLevel === 'number' && jsx(HTMLHeading, {
-      level: headingLevel,
+    children: [!!heading && typeof headingLevel === 'number' && jsx(HTMLHeading, Object.assign({
+      level: headingLevel
+    }, {
       children: heading
-    }), jsx("div", _objectSpread$1o(_objectSpread$1o({
+    })), jsx("div", Object.assign({
       className: clsx('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
-    }, props), {}, {
-      ref: ref,
+    }, props, {
+      ref: ref
+    }, {
       children: children
     }))]
   });
@@ -258,35 +324,35 @@ var useAccordion = function useAccordion(sections, ref) {
     /* ForwardedRef for each section, in document order */
     sections: sections,
     focusNextSection: function focusNextSection(activeElement) {
-      var _nextSection$current;
+      var _a;
       var index = refs.indexOf(activeElement);
       var buttonRef = index >= 0 ? buttonRefs[index] : undefined;
       var nextSection = buttonRef ? nextItem(buttonRefs, buttonRef) : undefined;
-      nextSection === null || nextSection === void 0 || (_nextSection$current = nextSection.current) === null || _nextSection$current === void 0 || _nextSection$current.focus();
+      (_a = nextSection === null || nextSection === void 0 ? void 0 : nextSection.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     focusFirstSection: function focusFirstSection() {
-      var _firstSection$current;
+      var _a;
       var firstSection = firstItem(buttonRefs);
-      firstSection === null || firstSection === void 0 || (_firstSection$current = firstSection.current) === null || _firstSection$current === void 0 || _firstSection$current.focus();
+      (_a = firstSection === null || firstSection === void 0 ? void 0 : firstSection.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     focusPreviousSection: function focusPreviousSection(activeElement) {
-      var _previousSection$curr;
+      var _a;
       var index = refs.indexOf(activeElement);
       var buttonRef = index >= 0 ? buttonRefs[index] : undefined;
       var previousSection = buttonRef ? previousItem(buttonRefs, buttonRef) : undefined;
-      previousSection === null || previousSection === void 0 || (_previousSection$curr = previousSection.current) === null || _previousSection$curr === void 0 || _previousSection$curr.focus();
+      (_a = previousSection === null || previousSection === void 0 ? void 0 : previousSection.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     focusLastSection: function focusLastSection() {
-      var _firstSection$current2;
+      var _a;
       var firstSection = lastItem(buttonRefs);
-      firstSection === null || firstSection === void 0 || (_firstSection$current2 = firstSection.current) === null || _firstSection$current2 === void 0 || _firstSection$current2.focus();
+      (_a = firstSection === null || firstSection === void 0 ? void 0 : firstSection.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
   };
 };
-var AccordionProvider = function AccordionProvider(_ref4) {
-  var sections = _ref4.sections,
-    icon = _ref4.icon,
-    appearance = _ref4.appearance;
+var AccordionProvider = function AccordionProvider(_ref2) {
+  var sections = _ref2.sections,
+    icon = _ref2.icon,
+    appearance = _ref2.appearance;
   var ref = useRef(null);
   var _useAccordion = useAccordion(sections, ref),
     refs = _useAccordion.refs,
@@ -329,16 +395,17 @@ var AccordionProvider = function AccordionProvider(_ref4) {
     // Prevent scrolling the page
     evt.preventDefault();
   };
-  return jsx(Accordion, {
+  return jsx(Accordion, Object.assign({
     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 _objectSpread$1o(_objectSpread$1o({}, section), {}, {
+            return Object.assign(Object.assign({}, section), {
               expanded: !section.expanded
             });
           } else {
@@ -346,7 +413,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
           }
         }));
       };
-      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1o(_objectSpread$1o({}, section), {}, {
+      return /*#__PURE__*/createElement(AccordionSection, Object.assign({}, section, {
         icon: icon,
         appearance: appearance,
         ref: refs[index],
@@ -357,188 +424,177 @@ var AccordionProvider = function AccordionProvider(_ref4) {
         onActivate: handleActivate
       }), section.body);
     })
-  });
+  }));
 };
 AccordionProvider.displayName = 'AccordionProvider';
 
-var _excluded$1m = ["children", "className", "icon", "type"];
-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 Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    icon = _ref.icon,
-    type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  return jsxs("div", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
+var Alert = /*#__PURE__*/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 jsxs("div", Object.assign({}, 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 && jsx("div", {
-      className: "utrecht-alert__icon",
+    }, className)
+  }, {
+    children: [icon && jsx("div", Object.assign({
+      className: "utrecht-alert__icon"
+    }, {
       children: icon
-    }), jsx("div", {
-      className: "utrecht-alert__message",
-      children: children
-    })]
+    })), jsx("div", Object.assign({
+      className: "utrecht-alert__content"
+    }, {
+      children: jsx("div", Object.assign({
+        className: "utrecht-alert__message",
+        role: "alert"
+      }, {
+        children: children
+      }))
+    }))]
   }));
 });
 Alert.displayName = 'Alert';
 
-var _excluded$1l = ["children", "className", "icon", "type"];
-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 AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    icon = _ref.icon,
-    type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsxs("dialog", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+var AlertDialog = /*#__PURE__*/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 jsxs("dialog", Object.assign({}, 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 && jsx("div", {
-      className: "utrecht-alert-dialog__icon",
+    })
+  }, {
+    children: [icon && jsx("div", Object.assign({
+      className: "utrecht-alert-dialog__icon"
+    }, {
       children: icon
-    }), jsx("div", {
-      className: "utrecht-alert-dialog__message",
+    })), jsx("div", Object.assign({
+      className: "utrecht-alert-dialog__message"
+    }, {
       children: children
-    })]
+    }))]
   }));
 });
 AlertDialog.displayName = 'AlertDialog';
 
-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 Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  return jsx("article", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+var Article = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("article", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-article', className),
+    className: clsx('utrecht-article', className)
+  }, {
     children: children
   }));
 });
 Article.displayName = 'Article';
 
-var _excluded$1j = ["children", "className"];
-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 Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  return jsx("div", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
+var Backdrop = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-backdrop', className),
+    className: clsx('utrecht-backdrop', className)
+  }, {
     children: children
   }));
 });
 Backdrop.displayName = 'Backdrop';
 
-var _excluded$1i = ["children", "className", "value"];
-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 BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$1i);
-  var props = _objectSpread$1j({
+var BadgeCounter = /*#__PURE__*/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({
     children: children,
     className: clsx('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1j(_objectSpread$1j({}, props), {}, {
+  return typeof value !== 'undefined' ? jsx("data", Object.assign({}, props, {
     value: value,
     ref: ref
-  })) : jsx("span", _objectSpread$1j(_objectSpread$1j({}, props), {}, {
+  })) : jsx("span", Object.assign({}, props, {
     ref: ref
   }));
 });
 BadgeCounter.displayName = 'BadgeCounter';
 
-var _excluded$1h = ["children", "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 BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1h);
-  return jsx("div", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+var BadgeList = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-badge-list', className),
+    className: clsx('utrecht-badge-list', className)
+  }, {
     children: children
   }));
 });
 BadgeList.displayName = 'BadgeList';
 
-var _excluded$1g = ["children", "className", "attribution"];
-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 Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    attribution = _ref.attribution,
-    restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsxs("blockquote", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-blockquote', className),
-    children: [children, attribution && jsx("div", {
-      className: "utrecht-blockquote__attribution",
+var Blockquote = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    attribution = _a.attribution,
+    restProps = __rest$1(_a, ["children", "className", "attribution"]);
+  return jsxs("blockquote", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-blockquote', className)
+  }, {
+    children: [children, attribution && jsx("div", Object.assign({
+      className: "utrecht-blockquote__attribution"
+    }, {
       children: attribution
-    })]
+    }))]
   }));
 });
 Blockquote.displayName = 'Blockquote';
 
-var _excluded$1f = ["appearance", "className", "level"];
-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 Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var appearance = _ref.appearance,
-    className = _ref.className,
-    level = _ref.level,
-    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+var Heading = /*#__PURE__*/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 jsx(HeadingX, _objectSpread$1g(_objectSpread$1g({
+  return jsx(HeadingX, Object.assign({
     className: clsx(headingClassName, className)
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref
   }));
 });
 Heading.displayName = 'Heading';
 
-var _excluded$1e = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
-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 Link = /*#__PURE__*/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$1e);
+var Link = /*#__PURE__*/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"]);
   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.
-    jsx("a", _objectSpread$1f(_objectSpread$1f({
+    jsx("a", Object.assign({
       href: placeholder ? undefined : href,
       ref: ref,
       role: role || (placeholder ? 'link' : undefined),
@@ -549,19 +605,13 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, className),
       "aria-disabled": placeholder ? 'true' : undefined,
       rel: external ? 'external noopener noreferrer' : undefined
-    }, restProps), {}, {
+    }, restProps, {
       children: children
     }))
   );
 });
 Link.displayName = 'Link';
 
-var _excluded$1d = ["appearance", "children", "className", "headingLevel", "label"],
-  _excluded2$8 = ["className", "children"],
-  _excluded3$2 = ["className", "children"],
-  _excluded4$1 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "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 useMicrodataItem = function useMicrodataItem(_ref) {
   var prop = _ref.prop,
     type = _ref.type;
@@ -576,58 +626,60 @@ var useMicrodataProp = function useMicrodataProp(prop) {
     itemProp: prop
   };
 };
-var BreadcrumbNav = /*#__PURE__*/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$1d);
+var BreadcrumbNav = /*#__PURE__*/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 headingId = label ? useId() : undefined;
-  return jsxs("nav", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+  return jsxs("nav", Object.assign({}, 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 && jsx(Heading, {
+    "aria-labelledby": headingId
+  }, {
+    children: [label && jsx(Heading, Object.assign({
       id: headingId,
       className: "utrecht-breadcrumb-nav__heading",
       level: headingLevel,
-      "aria-hidden": "true",
+      "aria-hidden": "true"
+    }, {
       children: label
-    }), jsx("ol", _objectSpread$1e(_objectSpread$1e({
+    })), jsx("ol", Object.assign({
       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__*/forwardRef(function (_ref3, ref) {
-  var className = _ref3.className,
-    children = _ref3.children,
-    restProps = _objectWithoutProperties(_ref3, _excluded2$8);
-  return jsx("li", _objectSpread$1e(_objectSpread$1e(_objectSpread$1e({
+var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("li", Object.assign({
     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__*/forwardRef(function (_ref4, ref) {
-  var className = _ref4.className,
-    children = _ref4.children,
-    restProps = _objectWithoutProperties(_ref4, _excluded3$2);
-  return jsx("li", _objectSpread$1e(_objectSpread$1e({
+var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("li", Object.assign({
     "aria-hidden": "true",
     hidden: true,
     style: {
@@ -635,27 +687,27 @@ var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, 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__*/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$1);
+var BreadcrumbNavLink = /*#__PURE__*/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 DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
   return jsx(BreadcrumbNavItem, {
-    children: jsxs(LinkComponent, _objectSpread$1e(_objectSpread$1e(_objectSpread$1e({
+    children: jsxs(LinkComponent, Object.assign({
       className: clsx('utrecht-breadcrumb-nav__link', className, {
         'utrecht-breadcrumb-nav__link--current': current,
         'utrecht-breadcrumb-nav__link--disabled': disabled
@@ -665,13 +717,14 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
       role: role || (disabled ? 'link' : undefined),
       "aria-current": current && 'page',
       "aria-disabled": disabled ? 'true' : undefined
-    }, useMicrodataProp('item')), restProps), {}, {
-      ref: ref,
-      children: [jsx("span", _objectSpread$1e(_objectSpread$1e({
+    }, useMicrodataProp('item'), restProps, {
+      ref: ref
+    }, {
+      children: [jsx("span", Object.assign({
         className: "utrecht-breadcrumb-nav__text"
-      }, useMicrodataProp('name')), {}, {
+      }, useMicrodataProp('name'), {
         children: children
-      })), typeof index === 'number' ? jsx("meta", _objectSpread$1e(_objectSpread$1e({}, useMicrodataProp('position')), {}, {
+      })), typeof index === 'number' ? jsx("meta", Object.assign({}, useMicrodataProp('position'), {
         content: String(index + 1)
       })) : null]
     }))
@@ -679,64 +732,59 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
 });
 BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 
-var _excluded$1c = ["children", "className", "direction"];
-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 hasManyElements = function hasManyElements(children) {
   return Array.isArray(children) && children.reduce(function (count, item) {
     return /*#__PURE__*/isValidElement(item) ? count + 1 : count;
   }, 0) >= 2;
 };
-var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    direction = _ref.direction,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsx("p", _objectSpread$1d(_objectSpread$1d({
+var ButtonGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    direction = _a.direction,
+    restProps = __rest$1(_a, ["children", "className", "direction"]);
+  return jsx("p", Object.assign({
     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$1b = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
-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 onKeyDown = function onKeyDown(evt) {
-  var _evt$target;
-  if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
+  var _a;
+  if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
     // Prevent other side-effects, such as scrolling
     evt.preventDefault();
     // Navigate to the link target
     evt.target.click();
   }
 };
-var ButtonLink = /*#__PURE__*/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$1b);
+var ButtonLink = /*#__PURE__*/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 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 = _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    props = Object.assign(Object.assign({}, restProps), {
       onKeyDown: onKeyDown
     });
   }
-  return jsx("a", _objectSpread$1c(_objectSpread$1c({
+  return jsx("a", Object.assign({
     href: placeholder ? undefined : href,
     ref: ref,
     role: role || (placeholder ? 'link' : undefined),
@@ -749,27 +797,24 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, className),
     rel: external ? 'external noopener noreferrer' : undefined,
     "aria-disabled": placeholder ? 'true' : undefined
-  }, props), {}, {
+  }, props, {
     children: children
   }));
 });
 ButtonLink.displayName = 'ButtonLink';
 
-var _excluded$1a = ["appearance", "disabled", "indeterminate", "invalid", "required", "className"];
-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 Checkbox = /*#__PURE__*/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$1a);
+var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
   // 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 = useRef(null);
@@ -781,7 +826,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
       internalRef.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return jsx("input", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+  return jsx("input", Object.assign({}, restProps, {
     ref: internalRef,
     type: "checkbox",
     className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
@@ -799,58 +844,50 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded$19 = ["children", "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 Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
-  return jsx("code", _objectSpread$1a(_objectSpread$1a({
+var Code = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("code", Object.assign({
     ref: ref,
     className: clsx('utrecht-code', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Code.displayName = 'Code';
 
-var _excluded$18 = ["children", "className"];
-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 CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsx("pre", _objectSpread$19(_objectSpread$19({
+var CodeBlock = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("pre", Object.assign({
     ref: ref,
     className: clsx('utrecht-code-block', className)
-  }, restProps), {}, {
-    children: jsx("code", {
-      className: "utrecht-code-block__content",
+  }, restProps, {
+    children: jsx("code", Object.assign({
+      className: "utrecht-code-block__content"
+    }, {
       children: children
-    })
+    }))
   }));
 });
 CodeBlock.displayName = 'CodeBlock';
 
-var _excluded$17 = ["children", "className", "color", "style"];
-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 ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    color = _ref.color,
-    style = _ref.style,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsx("data", _objectSpread$18(_objectSpread$18({
+var ColorSample = /*#__PURE__*/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 jsx("data", Object.assign({
     ref: ref,
     className: clsx('utrecht-color-sample', className),
-    style: _objectSpread$18(_objectSpread$18({}, style), {}, {
+    style: Object.assign(Object.assign({}, style), {
       color: color
     }),
     value: color
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
@@ -860,47 +897,41 @@ var ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rule = _ref.rule;
-  return jsx("div", {
+  return jsx("div", Object.assign({
     className: clsx('utrecht-column-layout', {
       'utrecht-column-layout--rule': rule
     }, className),
-    ref: ref,
+    ref: ref
+  }, {
     children: children
-  });
+  }));
 });
 ColumnLayout.displayName = 'ColumnLayout';
 
-var _excluded$16 = ["className"],
-  _excluded2$7 = ["className", "position"];
-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 Combobox = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsx("div", _objectSpread$17(_objectSpread$17({
+var Combobox = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    restProps = __rest$1(_a, ["className"]);
+  return jsx("div", Object.assign({
     className: clsx('utrecht-combobox', className)
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref
   }));
 });
 Combobox.displayName = 'Combobox';
-var ComboboxPopover = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    position = _ref2.position,
-    restProps = _objectWithoutProperties(_ref2, _excluded2$7);
-  return jsx("div", _objectSpread$17(_objectSpread$17({
+var ComboboxPopover = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    position = _a.position,
+    restProps = __rest$1(_a, ["className", "position"]);
+  return jsx("div", Object.assign({
     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$15 = ["children", "currency", "amount", "locale", "className"];
-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 formatLabel = function formatLabel(locale, currency, amount) {
   return new Intl.NumberFormat(locale, {
     style: 'currency',
@@ -928,209 +959,197 @@ var formatVisually = function formatVisually(locale, currency, amount) {
   formatted = formatted.replace(/ /g, "\xA0");
   return formatted;
 };
-var CurrencyData = /*#__PURE__*/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$15);
+var CurrencyData = /*#__PURE__*/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 number = typeof amount === 'string' ? parseFloat(amount) : amount;
   var labelFormatted = formatLabel(locale, currency, number);
   var visuallyFormatted = formatVisually(locale, currency, number);
-  return jsx("data", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+  return jsx("data", Object.assign({}, 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 _excluded$14 = ["children", "className", "dateTime", "value"];
-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 DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    dateTime = _ref.dateTime,
-    value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  var props = _objectSpread$15({
+var DataBadge = /*#__PURE__*/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: children,
     className: clsx('utrecht-badge-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$15(_objectSpread$15({}, props), {}, {
+  return typeof dateTime !== 'undefined' ? jsx("time", Object.assign({}, props, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$15(_objectSpread$15({}, props), {}, {
+  })) : typeof value !== 'undefined' ? jsx("data", Object.assign({}, props, {
     value: value,
     ref: ref
-  })) : jsx("span", _objectSpread$15(_objectSpread$15({}, props), {}, {
+  })) : jsx("span", Object.assign({}, props, {
     ref: ref
   }));
 });
 DataBadge.displayName = 'DataBadge';
 
-var _excluded$13 = ["children", "className"];
-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 Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsx("div", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
+var Document = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-document', className),
+    className: clsx('utrecht-document', className)
+  }, {
     children: children
   }));
 });
 Document.displayName = 'Document';
 
-var _excluded$12 = ["appearance", "children", "className"],
-  _excluded2$6 = ["children", "className"],
-  _excluded3$1 = ["children", "className"],
-  _excluded4 = ["children", "className"];
-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 DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsx("dl", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+var DataList = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var appearance = _a.appearance,
+    children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["appearance", "children", "className"]);
+  return jsx("dl", Object.assign({}, 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__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    className = _ref2.className,
-    restProps = _objectWithoutProperties(_ref2, _excluded2$6);
-  return jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+var DataListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     className: clsx('utrecht-data-list__item', className),
-    ref: ref,
+    ref: ref
+  }, {
     children: children
   }));
 });
 DataListItem.displayName = 'DataListItem';
-var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-    className = _ref3.className,
-    restProps = _objectWithoutProperties(_ref3, _excluded3$1);
-  return jsx("dt", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+var DataListKey = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("dt", Object.assign({}, restProps, {
     className: clsx('utrecht-data-list__item-key', className),
-    ref: ref,
+    ref: ref
+  }, {
     children: children
   }));
 });
 DataListKey.displayName = 'DataListKey';
-var DataListValue = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var value = _ref4.value,
-    children = _ref4.children,
-    className = _ref4.className,
-    emptyDescription = _ref4.emptyDescription,
-    multiline = _ref4.multiline,
-    notranslate = _ref4.notranslate;
+var DataListValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+    children = _ref.children,
+    className = _ref.className,
+    emptyDescription = _ref.emptyDescription,
+    multiline = _ref.multiline,
+    notranslate = _ref.notranslate;
   var empty = value === '' || value === null;
-  return jsx("dd", {
+  return jsx("dd", Object.assign({
     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 ? jsx("span", {
-      "aria-label": emptyDescription,
+    ref: ref
+  }, {
+    children: empty ? jsx("span", Object.assign({
+      "aria-label": emptyDescription
+    }, {
       children: "-"
-    }) : children
-  });
+    })) : children
+  }));
 });
 DataListValue.displayName = 'DataListValue';
-var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var children = _ref5.children,
-    className = _ref5.className,
-    restProps = _objectWithoutProperties(_ref5, _excluded4);
-  return jsx("dd", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+var DataListActions = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("dd", Object.assign({}, restProps, {
     className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
-    ref: ref,
+    ref: ref
+  }, {
     children: children
   }));
 });
 DataListActions.displayName = 'DataListActions';
 
-var _excluded$11 = ["align", "children", "className", "modal"];
-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 Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var align = _ref.align,
-    children = _ref.children,
-    className = _ref.className,
-    modal = _ref.modal,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
+var Drawer = /*#__PURE__*/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 dialogRef = useRef(null);
   useImperativeHandle(ref, function () {
     return dialogRef.current;
   });
   useEffect(function () {
-    if (modal && restProps.open && dialogRef !== null && dialogRef !== void 0 && dialogRef.current) {
+    if (modal && restProps.open && (dialogRef === null || dialogRef === void 0 ? 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 jsx("dialog", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+  return jsx("dialog", Object.assign({}, 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 _excluded$10 = ["children", "className"];
-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 Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsx("em", _objectSpread$11(_objectSpread$11({
+var Emphasis = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("em", Object.assign({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Emphasis.displayName = 'Emphasis';
 
-var _excluded$$ = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
-  _excluded2$5 = ["className", "children", "disabled", "invalid"];
-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 Fieldset = /*#__PURE__*/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,
-    role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
-    children: jsx("fieldset", {
+var Fieldset = /*#__PURE__*/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 jsx("div", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
+  }, {
+    children: jsx("fieldset", Object.assign({
       "aria-describedby": ariaDescribedby,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
@@ -1139,174 +1158,162 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
       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__*/forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    children = _ref2.children,
-    disabled = _ref2.disabled,
-    invalid = _ref2.invalid,
-    restProps = _objectWithoutProperties(_ref2, _excluded2$5);
-  return jsx("fieldset", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+var FieldsetOnly = /*#__PURE__*/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 jsx("fieldset", Object.assign({}, 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 _excluded$_ = ["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 FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
-  return jsx("legend", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+var FieldsetLegend = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("legend", Object.assign({}, 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 _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 Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsx("figure", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
+var Figure = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("figure", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-figure', className),
+    className: clsx('utrecht-figure', className)
+  }, {
     children: children
   }));
 });
 Figure.displayName = 'Figure';
 
-var _excluded$Y = ["className", "children"];
-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 FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsx("figcaption", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
+var FigureCaption = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("figcaption", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-figure__caption', className),
+    className: clsx('utrecht-figure__caption', className)
+  }, {
     children: children
   }));
 });
 FigureCaption.displayName = 'FigureCaption';
 
-var _excluded$X = ["className", "children", "description", "input", "invalid", "label", "type"];
-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 FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    description = _ref.description,
-    input = _ref.input,
-    invalid = _ref.invalid,
-    label = _ref.label,
-    type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
-  return jsxs("div", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
+var FormField = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    description = _a.description,
+    input = _a.input,
+    invalid = _a.invalid,
+    label = _a.label,
+    type = _a.type,
+    restProps = __rest$1(_a, ["className", "children", "description", "input", "invalid", "label", "type"]);
+  return jsxs("div", Object.assign({}, 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 && jsx("div", {
-      className: "utrecht-form-field__label",
+    }, className)
+  }, {
+    children: [label && jsx("div", Object.assign({
+      className: "utrecht-form-field__label"
+    }, {
       children: label
-    }), input && jsx("div", {
-      className: "utrecht-form-field__input",
+    })), input && jsx("div", Object.assign({
+      className: "utrecht-form-field__input"
+    }, {
       children: input
-    }), description && jsx("div", {
-      className: "utrecht-form-field__description",
+    })), description && jsx("div", Object.assign({
+      className: "utrecht-form-field__description"
+    }, {
       children: description
-    }), children]
+    })), children]
   }));
 });
 FormField.displayName = 'FormField';
 
-var _excluded$W = ["invalid", "valid", "warning", "className", "children"];
-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 FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var invalid = _ref.invalid,
-    valid = _ref.valid,
-    warning = _ref.warning,
-    className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  return jsx("div", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+var FormFieldDescription = /*#__PURE__*/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 jsx("div", Object.assign({}, 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 _excluded$V = ["className", "children"];
-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 FormFieldErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
-  return jsx("div", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
+var FormFieldErrorMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("div", Object.assign({}, 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 _excluded$U = ["children", "className", "type", "disabled", "checked"];
-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 FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    type = _ref.type,
-    disabled = _ref.disabled,
-    checked = _ref.checked,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  return jsx("label", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
+var FormLabel = /*#__PURE__*/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 jsx("label", Object.assign({}, 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 _excluded$T = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
-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 Textbox = /*#__PURE__*/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$T);
-  return jsx("input", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
+var Textbox = /*#__PURE__*/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 jsx("input", Object.assign({}, 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),
@@ -1321,65 +1328,67 @@ var Textbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Textbox.displayName = 'Textbox';
 
-var _excluded$S = ["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$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 FormFieldTextbox = /*#__PURE__*/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$S);
+var FormFieldTextbox = /*#__PURE__*/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 inputId = useId();
   var descriptionId = useId();
   var statusId = useId();
   var errorMessageId = useId();
-  return jsxs(FormField, _objectSpread$T(_objectSpread$T({
+  return jsxs(FormField, Object.assign({
     invalid: invalid,
     ref: ref
-  }, props), {}, {
-    children: [jsx("div", {
-      className: "utrecht-form-field__label",
-      children: jsx(FormLabel, {
-        htmlFor: inputId,
+  }, props, {
+    children: [jsx("div", Object.assign({
+      className: "utrecht-form-field__label"
+    }, {
+      children: jsx(FormLabel, Object.assign({
+        htmlFor: inputId
+      }, {
         children: label
-      })
-    }), description && jsx(FormFieldDescription, {
+      }))
+    })), description && jsx(FormFieldDescription, Object.assign({
       className: "utrecht-form-field__description",
-      id: descriptionId,
+      id: descriptionId
+    }, {
       children: description
-    }), invalid && errorMessage && jsx(FormFieldErrorMessage, {
+    })), invalid && errorMessage && jsx(FormFieldErrorMessage, Object.assign({
       className: "utrecht-form-field__error-message",
-      id: errorMessageId,
+      id: errorMessageId
+    }, {
       children: errorMessage
-    }), jsx("div", {
-      className: "utrecht-form-field__input",
+    })), jsx("div", Object.assign({
+      className: "utrecht-form-field__input"
+    }, {
       children: jsx(Textbox, {
         ref: inputRef,
         id: inputId,
@@ -1409,37 +1418,36 @@ var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
         size: size,
         step: step
       })
-    }), status && jsx("div", {
+    })), status && jsx("div", Object.assign({
       className: "utrecht-form-field__status",
-      id: statusId,
+      id: statusId
+    }, {
       children: status
-    }), children]
+    })), children]
   }));
 });
 FormFieldTextbox.displayName = 'FormFieldTextbox';
 
-var _excluded$R = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "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 FormToggle = /*#__PURE__*/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$R);
-  return jsxs("div", {
+var FormToggle = /*#__PURE__*/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 jsxs("div", Object.assign({
     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: [jsx("input", _objectSpread$S({
+    hidden: hidden
+  }, {
+    children: [jsx("input", Object.assign({
       id: id,
       "aria-invalid": invalid || undefined,
       type: "checkbox",
@@ -1450,140 +1458,122 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
       ref: ref,
       role: role,
       tabIndex: tabIndex
-    }, restProps)), jsx("label", {
+    }, restProps)), jsx("label", Object.assign({
       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: jsx("div", {
         className: "utrecht-form-toggle__thumb"
       })
-    })]
-  });
+    }))]
+  }));
 });
 FormToggle.displayName = 'FormToggle';
 
-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 HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsx("div", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+var HTMLContent = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-html', className),
+    className: clsx('utrecht-html', className)
+  }, {
     children: children
   }));
 });
 HTMLContent.displayName = 'HTMLContent';
 
-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 Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsx("h1", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+var Heading1 = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("h1", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-1', className),
+    className: clsx('utrecht-heading-1', className)
+  }, {
     children: children
   }));
 });
 Heading1.displayName = 'Heading1';
 
-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 Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsx("h2", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+var Heading2 = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("h2", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-2', className),
+    className: clsx('utrecht-heading-2', className)
+  }, {
     children: children
   }));
 });
 Heading2.displayName = 'Heading2';
 
-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 Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsx("h3", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+var Heading3 = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("h3", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-3', className),
+    className: clsx('utrecht-heading-3', className)
+  }, {
     children: children
   }));
 });
 Heading3.displayName = 'Heading3';
 
-var _excluded$M = ["children", "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; }
-var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsx("h4", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+var Heading4 = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("h4", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-4', className),
+    className: clsx('utrecht-heading-4', className)
+  }, {
     children: children
   }));
 });
 Heading4.displayName = 'Heading4';
 
-var _excluded$L = ["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 Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsx("h5", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+var Heading5 = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("h5", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-5', className),
+    className: clsx('utrecht-heading-5', className)
+  }, {
     children: children
   }));
 });
 Heading5.displayName = 'Heading5';
 
-var _excluded$K = ["children", "className"];
-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 Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
-  return jsx("h6", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+var Heading6 = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("h6", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-6', className),
+    className: clsx('utrecht-heading-6', className)
+  }, {
     children: children
   }));
 });
 Heading6.displayName = 'Heading6';
 
-var _excluded$J = ["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 HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsx("hgroup", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
+var HeadingGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("hgroup", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-heading-group', className),
+    className: clsx('utrecht-heading-group', className)
+  }, {
     children: children
   }));
 });
 HeadingGroup.displayName = 'HeadingGroup';
 
-var _excluded$I = ["children", "value", "className"];
-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; }
 /* Exported only for unit tests, not part of the public API */
 var normalizeIBAN = function normalizeIBAN(iban) {
   return iban
@@ -1596,58 +1586,53 @@ var formatIBAN = function formatIBAN(normalizedIBAN) {
   // Add a space after every four characters, except at the end
   .replace(/(.{4})(?!$)/g, '$1 ');
 };
-var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    value = _ref.value,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
+var IBANData = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    value = _a.value,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "value", "className"]);
   var normalized = normalizeIBAN(value);
   var formatted = formatIBAN(normalized);
-  return jsx("data", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
+  return jsx("data", Object.assign({}, restProps, {
     ref: ref,
     value: normalized,
     className: clsx('utrecht-iban-data', className),
-    translate: "no",
+    translate: "no"
+  }, {
     children: children || formatted
   }));
 });
 IBANData.displayName = 'IBANData';
 
-var _excluded$H = ["children", "className"];
-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 Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsx("span", _objectSpread$I(_objectSpread$I({
+var Icon = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("span", Object.assign({
     "aria-hidden": "true",
     ref: ref,
     className: clsx('utrecht-icon', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Icon.displayName = 'Icon';
 
-var _excluded$G = ["component", "currentChar", "characters", "onLinkClick", "Link"];
-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 IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var component = _ref.component,
-    currentChar = _ref.currentChar,
-    characters = _ref.characters,
-    onLinkClick = _ref.onLinkClick,
-    Link = _ref.Link,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
+var IndexCharNav = /*#__PURE__*/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 LinkComponent = Link ? Link : ButtonLink;
   var links = [];
   if (component === 'button') {
-    links = characters.map(function (_ref2) {
-      var _char = _ref2["char"],
-        disabled = _ref2.disabled;
+    links = characters.map(function (_ref) {
+      var _char = _ref["char"],
+        disabled = _ref.disabled;
       var current = currentChar === _char;
-      return /*#__PURE__*/createElement(Button, _objectSpread$H(_objectSpread$H({}, restProps), {}, {
+      return /*#__PURE__*/createElement(Button, Object.assign({}, restProps, {
         className: clsx({
           'utrecht-index-char-nav__link--current': current
         }),
@@ -1659,16 +1644,17 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
           return typeof onLinkClick === 'function' && onLinkClick(_char);
         },
         pressed: current
-      }), jsx("span", {
-        translate: "no",
+      }), jsx("span", Object.assign({
+        translate: "no"
+      }, {
         children: _char
-      }));
+      })));
     });
   } else {
-    links = characters.map(function (_ref3) {
-      var _char2 = _ref3["char"],
-        disabled = _ref3.disabled,
-        href = _ref3.href;
+    links = characters.map(function (_ref2) {
+      var _char2 = _ref2["char"],
+        disabled = _ref2.disabled,
+        href = _ref2.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,
@@ -1677,7 +1663,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
         'utrecht-index-char-nav__link--disabled': disabled,
         'utrecht-button-link--placeholder': disabled
       });
-      return jsx(LinkComponent, _objectSpread$H(_objectSpread$H({
+      return jsx(LinkComponent, Object.assign({
         ref: ref,
         appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
         href: href,
@@ -1691,30 +1677,29 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
         onClick: function onClick() {
           return typeof onLinkClick === 'function' && onLinkClick(_char2);
         }
-      }, restProps), {}, {
-        children: jsx("span", {
-          translate: "no",
+      }, restProps, {
+        children: jsx("span", Object.assign({
+          translate: "no"
+        }, {
           children: _char2
-        })
+        }))
       }), _char2);
     });
   }
-  return jsx("div", {
+  return jsx("div", Object.assign({
     className: "utrecht-index-char-nav",
-    role: "group",
+    role: "group"
+  }, {
     children: links
-  });
+  }));
 });
 IndexCharNav.displayName = 'IndexCharNav';
 
-var _excluded$F = ["className", "photo"];
-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 Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    photo = _ref.photo,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsx("img", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
+var Image = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    photo = _a.photo,
+    restProps = __rest$1(_a, ["className", "photo"]);
+  return jsx("img", Object.assign({}, restProps, {
     ref: ref,
     className: clsx('utrecht-img', {
       'utrecht-img--photo': photo
@@ -1723,18 +1708,15 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Image.displayName = 'Image';
 
-var _excluded$E = ["children", "disabled", "inline", "className", "pressed", "type"];
-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 LinkButton = /*#__PURE__*/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$E);
-  return jsx("button", _objectSpread$F(_objectSpread$F({
+var LinkButton = /*#__PURE__*/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 jsx("button", Object.assign({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -1744,65 +1726,62 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, className),
     disabled: disabled,
     type: type || 'button'
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 LinkButton.displayName = 'LinkButton';
 
-var _excluded$D = ["children", "className", "external"];
-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 LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    external = _ref.external,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return jsx("a", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
+var LinkSocial = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    external = _a.external,
+    restProps = __rest$1(_a, ["children", "className", "external"]);
+  return jsx("a", Object.assign({}, 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 _excluded$C = ["className", "icon", "children"],
-  _excluded2$4 = ["children", "icon", "links", "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 LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    icon = _ref.icon,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
-  return jsx("li", {
-    className: clsx('utrecht-link-list__item', className),
-    children: jsxs(Link, _objectSpread$D(_objectSpread$D({
+var LinkListLink = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    icon = _a.icon,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "icon", "children"]);
+  return jsx("li", Object.assign({
+    className: clsx('utrecht-link-list__item', className)
+  }, {
+    children: jsxs(Link, Object.assign({
       className: "utrecht-link-list__link"
-    }, restProps), {}, {
-      ref: ref,
-      children: [icon, jsx("span", {
-        className: "utrecht-link-list__link-text",
+    }, restProps, {
+      ref: ref
+    }, {
+      children: [icon, jsx("span", Object.assign({
+        className: "utrecht-link-list__link-text"
+      }, {
         children: children
-      })]
+      }))]
     }))
-  });
+  }));
 });
 LinkListLink.displayName = 'LinkListLink';
-var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    icon = _ref2.icon,
-    links = _ref2.links,
-    className = _ref2.className,
-    restProps = _objectWithoutProperties(_ref2, _excluded2$4);
-  return jsxs("ul", _objectSpread$D(_objectSpread$D({
+var LinkList = /*#__PURE__*/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 jsxs("ul", Object.assign({
     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 jsx(LinkListLink, _objectSpread$D({
+      return jsx(LinkListLink, Object.assign({
         icon: typeof icon === 'function' ? icon() : undefined
       }, linkProps), index);
     })]
@@ -1810,21 +1789,16 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 LinkList.displayName = 'LinkList';
 
-var _excluded$B = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
-  _excluded2$3 = ["children", "label"],
-  _excluded3 = ["active", "className", "disabled", "selected"];
-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 Listbox = /*#__PURE__*/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$B);
-  return jsx("div", _objectSpread$C(_objectSpread$C({
+var Listbox = /*#__PURE__*/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 jsx("div", Object.assign({
     className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
       'utrecht-listbox--disabled': disabled,
       'utrecht-listbox--invalid': invalid,
@@ -1837,43 +1811,47 @@ var Listbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-readonly": readOnly || undefined,
     "aria-required": required || undefined,
     tabIndex: 0
-  }, restProps), {}, {
-    ref: ref,
-    children: jsx("ul", {
-      className: "utrecht-listbox__list",
+  }, restProps, {
+    ref: ref
+  }, {
+    children: jsx("ul", Object.assign({
+      className: "utrecht-listbox__list"
+    }, {
       children: children
-    })
+    }))
   }));
 });
 Listbox.displayName = 'Listbox';
-var ListboxOptionGroup = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    label = _ref2.label,
-    restProps = _objectWithoutProperties(_ref2, _excluded2$3);
+var ListboxOptionGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    label = _a.label,
+    restProps = __rest$1(_a, ["children", "label"]);
   var id = useId();
-  return jsxs("li", _objectSpread$C(_objectSpread$C({
+  return jsxs("li", Object.assign({
     className: "utrecht-listbox__group",
     role: "group",
     "aria-labelledby": id
-  }, restProps), {}, {
-    ref: ref,
-    children: [label && jsx("div", {
+  }, restProps, {
+    ref: ref
+  }, {
+    children: [label && jsx("div", Object.assign({
       id: id,
-      className: "utrecht-listbox__group-label",
+      className: "utrecht-listbox__group-label"
+    }, {
       children: label
-    }), jsx("ul", {
+    })), jsx("ul", {
       children: children
     })]
   }));
 });
 ListboxOptionGroup.displayName = 'ListboxOptionGroup';
-var ListboxOption = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var active = _ref3.active,
-    className = _ref3.className,
-    disabled = _ref3.disabled,
-    selected = _ref3.selected,
-    restProps = _objectWithoutProperties(_ref3, _excluded3);
-  return jsx("li", _objectSpread$C(_objectSpread$C({
+var ListboxOption = /*#__PURE__*/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 jsx("li", Object.assign({
     className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
       'utrecht-listbox__option--active': active,
       'utrecht-listbox__option--disabled': disabled,
@@ -1883,7 +1861,7 @@ var ListboxOption = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     "aria-selected": selected ? 'true' : 'false',
     tabIndex: disabled ? undefined : -1,
     role: "option"
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref
   }));
 });
@@ -1891,49 +1869,47 @@ ListboxOption.displayName = 'ListboxOption';
 
 var ListSocial = function ListSocial(_ref) {
   var children = _ref.children;
-  return jsx("ul", {
-    className: clsx('utrecht-list-social'),
+  return jsx("ul", Object.assign({
+    className: clsx('utrecht-list-social')
+  }, {
     children: children
-  });
+  }));
 };
 var ListSocialItem = function ListSocialItem(_ref2) {
   var children = _ref2.children;
-  return jsx("li", {
-    className: clsx('utrecht-list-social__item'),
+  return jsx("li", Object.assign({
+    className: clsx('utrecht-list-social__item')
+  }, {
     children: children
-  });
+  }));
 };
 
-var _excluded$A = ["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 Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  return jsx("div", _objectSpread$B(_objectSpread$B({
+var Logo = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({
     ref: ref,
     className: clsx('utrecht-logo', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Logo.displayName = 'Logo';
 
-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 LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsxs("svg", _objectSpread$A(_objectSpread$A({
+var LogoImage = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var restProps = __rest$1(_a, []);
+  return jsxs("svg", Object.assign({
     width: "192",
     height: "100",
     viewBox: "0 0 192 100",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, restProps), {}, {
-    children: [jsxs("g", {
-      clipPath: "url(#clip0_908_6292)",
+  }, restProps, {
+    children: [jsxs("g", Object.assign({
+      clipPath: "url(#clip0_908_6292)"
+    }, {
       children: [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"
@@ -2004,47 +1980,42 @@ var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
         d: "M11.9378 1H0V99.487H11.9378V1Z",
         fill: "#FFCC00"
       })]
-    }), jsx("defs", {
-      children: jsx("clipPath", {
-        id: "clip0_908_6292",
+    })), jsx("defs", {
+      children: jsx("clipPath", Object.assign({
+        id: "clip0_908_6292"
+      }, {
         children: jsx("rect", {
           width: "192",
           height: "100",
           fill: "white"
         })
-      })
+      }))
     })]
   }));
 });
 LogoImage.displayName = 'LogoImage';
 
-var _excluded$z = ["children", "className"];
-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 Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  return jsx("mark", _objectSpread$z(_objectSpread$z({
+var Mark = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("mark", Object.assign({
     ref: ref,
     className: clsx('utrecht-mark', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Mark.displayName = 'Mark';
 
-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 MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$y);
-  return jsx("pre", _objectSpread$y(_objectSpread$y({
+var MultilineData = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("pre", Object.assign({
     ref: ref,
     className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
@@ -2053,218 +2024,220 @@ MultilineData.displayName = 'MultilineData';
 var NavBar = function NavBar(_ref) {
   var appearance = _ref.appearance,
     children = _ref.children;
-  return jsx("div", {
-    className: "utrecht-nav-bar",
-    children: jsx("div", {
+  return jsx("div", Object.assign({
+    className: "utrecht-nav-bar"
+  }, {
+    children: jsx("div", Object.assign({
       className: clsx('utrecht-nav-bar__content', {
         'utrecht-nav-bar__content--center': appearance === 'center'
-      }),
+      })
+    }, {
       children: children
-    })
-  });
+    }))
+  }));
 };
 NavBar.displayName = 'NavBar';
 
-var _excluded$x = ["center", "children"],
-  _excluded2$2 = ["center", "children"];
-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 NavList = function NavList(_ref) {
   var appearance = _ref.appearance,
     children = _ref.children;
-  return jsx("ul", {
+  return jsx("ul", Object.assign({
     role: "list",
     className: clsx('utrecht-nav-list', {
       'utrecht-nav-list--center': appearance === 'center'
-    }),
+    })
+  }, {
     children: children
-  });
+  }));
 };
 NavList.displayName = 'NavList';
-var NavListLink = function NavListLink(_ref2) {
-  var center = _ref2.center,
-    children = _ref2.children,
-    restProps = _objectWithoutProperties(_ref2, _excluded$x);
-  return jsx("li", {
+var NavListLink = function NavListLink(_a) {
+  var center = _a.center,
+    children = _a.children,
+    restProps = __rest$1(_a, ["center", "children"]);
+  return jsx("li", Object.assign({
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
-    }),
-    children: jsx(Link, _objectSpread$x(_objectSpread$x({
+    })
+  }, {
+    children: jsx(Link, Object.assign({
       className: "utrecht-nav-list__link"
-    }, restProps), {}, {
+    }, restProps, {
       children: children
     }))
-  });
+  }));
 };
 NavListLink.displayName = 'NavListLink';
-var NavListLinkButton = function NavListLinkButton(_ref3) {
-  var center = _ref3.center,
-    children = _ref3.children,
-    restProps = _objectWithoutProperties(_ref3, _excluded2$2);
-  return jsx("li", {
+var NavListLinkButton = function NavListLinkButton(_a) {
+  var center = _a.center,
+    children = _a.children,
+    restProps = __rest$1(_a, ["center", "children"]);
+  return jsx("li", Object.assign({
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
-    }),
-    children: jsx(LinkButton, _objectSpread$x(_objectSpread$x({
+    })
+  }, {
+    children: jsx(LinkButton, Object.assign({
       className: "utrecht-nav-list__link"
-    }, restProps), {}, {
+    }, restProps, {
       children: children
     }))
-  });
+  }));
 };
 NavListLinkButton.displayName = 'NavListLinkButton';
 
-var _excluded$w = ["children", "className", "value"];
-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 NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
-  return jsx("data", _objectSpread$w(_objectSpread$w({
+var NumberBadge = /*#__PURE__*/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({
+    children: children,
+    className: clsx('utrecht-number-badge', className)
+  }, restProps);
+  return typeof value !== 'undefined' ? jsx("data", Object.assign({}, props, {
+    value: value,
+    ref: ref
+  })) : jsx("span", Object.assign({}, props, {
+    ref: ref
+  }));
+});
+NumberBadge.displayName = 'NumberBadge';
+
+var NumberData = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    value = _a.value,
+    restProps = __rest$1(_a, ["children", "className", "value"]);
+  return jsx("data", Object.assign({
     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 _excluded$v = ["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 OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsx("ol", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+var OrderedList = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("ol", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-ordered-list', className),
+    className: clsx('utrecht-ordered-list', className)
+  }, {
     children: children
   }));
 });
 OrderedList.displayName = 'OrderedList';
 
-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 OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$u);
-  return jsx("li", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+var OrderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("li", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-ordered-list__item', className),
+    className: clsx('utrecht-ordered-list__item', className)
+  }, {
     children: children
   }));
 });
 OrderedListItem.displayName = 'OrderedListItem';
 
-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 Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$t);
-  return jsx("div", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
+var Page = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-page', className),
+    className: clsx('utrecht-page', className)
+  }, {
     children: children
   }));
 });
 Page.displayName = 'Page';
 
-var _excluded$s = ["children", "className"],
-  _excluded2$1 = ["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 PageContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
-  return jsx("div", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+var PageContent = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-page-content', className),
+    className: clsx('utrecht-page-content', className)
+  }, {
     children: children
   }));
 });
 PageContent.displayName = 'PageContent';
-var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    className = _ref2.className,
-    restProps = _objectWithoutProperties(_ref2, _excluded2$1);
-  return jsx("main", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+var PageContentMain = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("main", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-page-content__main', className),
+    className: clsx('utrecht-page-content__main', className)
+  }, {
     children: children
   }));
 });
 PageContentMain.displayName = 'PageContentMain';
 
-var _excluded$r = ["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 PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$r);
-  return jsx("footer", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
+var PageFooter = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("footer", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-page-footer', className),
+    className: clsx('utrecht-page-footer', className)
+  }, {
     children: children
   }));
 });
 PageFooter.displayName = 'PageFooter';
 
-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 PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$q);
-  return jsx("header", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
+var PageHeader = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("header", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-page-header', className),
+    className: clsx('utrecht-page-header', className)
+  }, {
     children: children
   }));
 });
 PageHeader.displayName = 'PageHeader';
 
-var _excluded$p = ["children", "className", "lead", "small"];
-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 Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    lead = _ref.lead,
-    small = _ref.small,
-    restProps = _objectWithoutProperties(_ref, _excluded$p);
-  return jsx("p", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
-    children: lead ? jsx("b", {
-      className: "utrecht-paragraph__b",
+var Paragraph = /*#__PURE__*/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 jsx("p", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
+  }, {
+    children: lead ? jsx("b", Object.assign({
+      className: "utrecht-paragraph__b"
+    }, {
       children: children
-    }) : small ? jsx("small", {
-      className: "utrecht-paragraph__small",
+    })) : small ? jsx("small", Object.assign({
+      className: "utrecht-paragraph__small"
+    }, {
       children: children
-    }) : children
+    })) : children
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var _excluded$o = ["loading", "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 DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var loading = _ref.loading,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$o);
-  return jsx("span", _objectSpread$o({
+var DataPlaceholder = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var loading = _a.loading,
+    className = _a.className,
+    restProps = __rest$1(_a, ["loading", "className"]);
+  return jsx("span", Object.assign({
     ref: ref,
     className: clsx('utrecht-data-placeholder', {
       'utrecht-data-placeholder--loading': loading
@@ -2273,62 +2246,55 @@ var DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DataPlaceholder.displayName = 'DataPlaceholder';
 
-var _excluded$n = ["children", "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; }
-var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
-  return jsx("p", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+var PreHeading = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("p", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-pre-heading', className),
+    className: clsx('utrecht-pre-heading', className)
+  }, {
     children: children
   }));
 });
 PreHeading.displayName = 'PreHeading';
 
-var _excluded$m = ["children", "className", "dateTime", "value"];
-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 PreserveData = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    dateTime = _ref.dateTime,
-    value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$m);
-  var props = _objectSpread$m({
-    children: jsx("bdi", {
-      translate: "no",
+var PreserveData = /*#__PURE__*/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: jsx("bdi", Object.assign({
+      translate: "no"
+    }, {
       children: children
-    }),
+    })),
     className: clsx('utrecht-preserve-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$m(_objectSpread$m({}, props), {}, {
+  return typeof dateTime !== 'undefined' ? jsx("time", Object.assign({}, props, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$m(_objectSpread$m({}, props), {}, {
+  })) : typeof value !== 'undefined' ? jsx("data", Object.assign({}, props, {
     value: value,
     ref: ref
-  })) : jsx("bdi", _objectSpread$m(_objectSpread$m({
+  })) : jsx("bdi", Object.assign({
     translate: "no",
     ref: ref
-  }, props), {}, {
+  }, props, {
     children: children
   }));
 });
 PreserveData.displayName = 'PreserveData';
 
-var _excluded$l = ["disabled", "required", "className", "invalid"];
-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 RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var disabled = _ref.disabled,
-    required = _ref.required,
-    className = _ref.className,
-    invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$l);
-  return jsx("input", _objectSpread$l({
+var RadioButton = /*#__PURE__*/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 jsx("input", Object.assign({
     type: "radio",
     "aria-invalid": invalid || undefined,
     disabled: disabled,
@@ -2339,351 +2305,308 @@ var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 RadioButton.displayName = 'RadioButton';
 
-var _excluded$k = ["className", "children"];
-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 RichText = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$k);
-  return jsx("div", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
+var RichText = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-rich-text', className),
+    className: clsx('utrecht-rich-text', className)
+  }, {
     children: children
   }));
 });
 RichText.displayName = 'RichText';
 
-var _excluded$j = ["busy", "invalid", "required", "className", "noscript", "children"],
-  _excluded2 = ["disabled", "invalid", "value", "children", "className"];
-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 Select = /*#__PURE__*/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$j);
-  return jsx("select", _objectSpread$j(_objectSpread$j({
+var Select = /*#__PURE__*/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 jsx("select", Object.assign({
     "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__*/forwardRef(function (_ref2, ref) {
-  var disabled = _ref2.disabled,
-    invalid = _ref2.invalid,
-    value = _ref2.value,
-    children = _ref2.children,
-    className = _ref2.className,
-    restProps = _objectWithoutProperties(_ref2, _excluded2);
-  return jsx("option", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
+var SelectOption = /*#__PURE__*/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 jsx("option", Object.assign({}, 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$i = ["className", "children"];
-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; }
 // Do not pass `children` along with `restProps` and use _children as it's unused
-var Separator = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className;
-    _ref.children;
-    var restProps = _objectWithoutProperties(_ref, _excluded$i);
-  return jsx("hr", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
+var Separator = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className;
+    _a.children;
+    var restProps = __rest$1(_a, ["className", "children"]);
+  return jsx("hr", Object.assign({}, restProps, {
     ref: ref,
     className: clsx('utrecht-separator', className)
   }));
 });
 Separator.displayName = 'Separator';
 
-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 SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$h);
+var SkipLink = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
   return jsx("p", {
-    children: jsx("a", _objectSpread$h(_objectSpread$h({
+    children: jsx("a", Object.assign({
       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 _excluded$g = ["aside", "children", "className", "type"];
-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 SpotlightSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var aside = _ref.aside,
-    children = _ref.children,
-    className = _ref.className,
-    type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$g);
-  var props = _objectSpread$g(_objectSpread$g({}, restProps), {}, {
+var SpotlightSection = /*#__PURE__*/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), {
     ref: ref,
     className: clsx('utrecht-spotlight-section', {
       'utrecht-spotlight-section--info': type === 'info',
       'utrecht-spotlight-section--warning': type === 'warning'
     }, className)
   });
-  return aside ? jsx("aside", _objectSpread$g(_objectSpread$g({}, props), {}, {
+  return aside ? jsx("aside", Object.assign({}, props, {
     children: children
-  })) : jsx("section", _objectSpread$g(_objectSpread$g({}, props), {}, {
+  })) : jsx("section", Object.assign({}, props, {
     children: children
   }));
 });
 SpotlightSection.displayName = 'SpotlightSection';
 
-var _excluded$f = ["className", "status"];
-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 StatusBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    status = _ref.status,
-    restProps = _objectWithoutProperties(_ref, _excluded$f);
-  return jsx("span", _objectSpread$f(_objectSpread$f({
+var StatusBadge = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    status = _a.status,
+    restProps = __rest$1(_a, ["className", "status"]);
+  return jsx("span", Object.assign({
     className: clsx('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref
   }));
 });
 StatusBadge.displayName = 'StatusBadge';
 
-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 Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$e);
-  return jsx("strong", _objectSpread$e(_objectSpread$e({
+var Strong = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("strong", Object.assign({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 Strong.displayName = 'Strong';
 
-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 Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$d);
-  return jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
+var Surface = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("div", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-surface', className),
+    className: clsx('utrecht-surface', className)
+  }, {
     children: children
   }));
 });
 Surface.displayName = 'Surface';
 
-var _excluded$c = ["overflowInline", "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 TableContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var overflowInline = _ref.overflowInline,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$c);
-  return jsx("div", _objectSpread$c(_objectSpread$c({
+var TableContainer = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var overflowInline = _a.overflowInline,
+    children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["overflowInline", "children", "className"]);
+  return jsx("div", Object.assign({
     ref: ref,
     className: clsx('utrecht-table-container', {
       'utrecht-table-container--overflow-inline': overflowInline
     }, className)
-  }, restProps), {}, {
+  }, restProps, {
     children: children
   }));
 });
 TableContainer.displayName = 'TableContainer';
 
-var _excluded$b = ["busy", "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 Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var busy = _ref.busy,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$b);
-  return jsx("table", _objectSpread$b(_objectSpread$b({
+var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var busy = _a.busy,
+    children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["busy", "children", "className"]);
+  return jsx("table", Object.assign({
     "aria-busy": busy
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref,
     className: clsx('utrecht-table', {
       'utrecht-table--busy': busy
-    }, className),
+    }, className)
+  }, {
     children: children
   }));
 });
 Table.displayName = 'Table';
 
-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 TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$a);
-  return jsx("tbody", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
+var TableBody = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("tbody", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-table__body', className),
+    className: clsx('utrecht-table__body', className)
+  }, {
     children: children
   }));
 });
 TableBody.displayName = 'TableBody';
 
-var _excluded$9 = ["children", "className"];
-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 TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$9);
-  return jsx("caption", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
+var TableCaption = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("caption", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-table__caption', className),
+    className: clsx('utrecht-table__caption', className)
+  }, {
     children: children
   }));
 });
 TableCaption.displayName = 'TableCaption';
 
-var _excluded$8 = ["children", "className", "numericColumn", "selected"];
-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 TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    numericColumn = _ref.numericColumn,
-    selected = _ref.selected,
-    restProps = _objectWithoutProperties(_ref, _excluded$8);
-  return jsx("td", _objectSpread$8(_objectSpread$8({
+var TableCell = /*#__PURE__*/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 jsx("td", Object.assign({
     "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 _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 TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    sticky = _ref.sticky,
-    restProps = _objectWithoutProperties(_ref, _excluded$7);
-  return jsx("tfoot", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
+var TableFooter = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    sticky = _a.sticky,
+    restProps = __rest$1(_a, ["children", "className", "sticky"]);
+  return jsx("tfoot", Object.assign({}, restProps, {
     ref: ref,
     className: clsx('utrecht-table__footer', {
       'utrecht-table__footer--sticky': sticky
-    }, className),
+    }, className)
+  }, {
     children: children
   }));
 });
 TableFooter.displayName = 'TableFooter';
 
-var _excluded$6 = ["children", "className", "sticky"];
-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 TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    sticky = _ref.sticky,
-    restProps = _objectWithoutProperties(_ref, _excluded$6);
-  return jsx("thead", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
+var TableHeader = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    sticky = _a.sticky,
+    restProps = __rest$1(_a, ["children", "className", "sticky"]);
+  return jsx("thead", Object.assign({}, restProps, {
     ref: ref,
     className: clsx('utrecht-table__header', {
       'utrecht-table__header--sticky': sticky
-    }, className),
+    }, className)
+  }, {
     children: children
   }));
 });
 TableHeader.displayName = 'TableHeader';
 
-var _excluded$5 = ["children", "className", "numericColumn", "selected", "sticky", "scope"];
-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 TableHeaderCell = /*#__PURE__*/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$5);
-  return jsx("th", _objectSpread$5(_objectSpread$5({
+var TableHeaderCell = /*#__PURE__*/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 jsx("th", Object.assign({
     "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 _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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    selected = _ref.selected,
-    restProps = _objectWithoutProperties(_ref, _excluded$4);
-  return jsx("tr", _objectSpread$4(_objectSpread$4({
+var TableRow = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    selected = _a.selected,
+    restProps = __rest$1(_a, ["children", "className", "selected"]);
+  return jsx("tr", Object.assign({
     "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 _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__*/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 jsx("textarea", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
+var Textarea = /*#__PURE__*/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 jsx("textarea", Object.assign({}, 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',
@@ -2695,54 +2618,48 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Textarea.displayName = 'Textarea';
 
-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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$2);
-  return jsx("bdi", _objectSpread$2(_objectSpread$2({
+var URLData = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("bdi", Object.assign({
     translate: "no"
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref,
-    className: clsx('utrecht-url-data', className),
+    className: clsx('utrecht-url-data', className)
+  }, {
     children: children
   }));
 });
 URLData.displayName = 'URLData';
 
-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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1);
-  return jsx("ul", _objectSpread$1(_objectSpread$1({
+var UnorderedList = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("ul", Object.assign({
     role: "list"
-  }, restProps), {}, {
+  }, restProps, {
     ref: ref,
-    className: clsx('utrecht-unordered-list', className),
+    className: clsx('utrecht-unordered-list', className)
+  }, {
     children: children
   }));
 });
 UnorderedList.displayName = 'UnorderedList';
 
-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__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsx("li", _objectSpread(_objectSpread({}, restProps), {}, {
+var UnorderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    className = _a.className,
+    restProps = __rest$1(_a, ["children", "className"]);
+  return jsx("li", Object.assign({}, restProps, {
     ref: ref,
-    className: clsx('utrecht-unordered-list__item', className),
+    className: clsx('utrecht-unordered-list__item', className)
+  }, {
     children: children
   }));
 });
 UnorderedListItem.displayName = 'UnorderedListItem';
 
-export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, Blockquote, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, Combobox, ComboboxPopover, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormFieldErrorMessage, FormFieldTextbox, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Listbox, ListboxOption, ListboxOptionGroup, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, PrimaryActionButton, RadioButton, RichText, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
+export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, Blockquote, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, Combobox, ComboboxPopover, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormFieldErrorMessage, FormFieldTextbox, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Listbox, ListboxOption, ListboxOptionGroup, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberBadge, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, PrimaryActionButton, RadioButton, RichText, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
 //# sourceMappingURL=index.esm.js.map