@utrecht/component-library-react 1.0.0-alpha.215 → 1.0.0-alpha.216

package/dist/index.cjs.js

@@ -1,153 +1,140 @@
 'use strict';
 
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var react = require('react');
+var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var _extends = require('@babel/runtime/helpers/extends');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var dateFns = require('date-fns');
 var locale = require('date-fns/locale');
 var chunk = require('lodash.chunk');
 
-/******************************************************************************
-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.
-***************************************************************************** */
-
-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;
-}
-
-var Alert = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    icon = _a.icon,
-    type = _a.type,
-    restProps = __rest(_a, ["children", "className", "icon", "type"]);
-  return jsxRuntime.jsxs("div", Object.assign({}, restProps, {
+var _excluded$1d = ["children", "className", "icon", "type"];
+function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    icon = _ref.icon,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsxRuntime.jsxs("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert', {
       'utrecht-alert--error': type === 'error',
       'utrecht-alert--info': type === 'info',
       'utrecht-alert--ok': type === 'ok',
       'utrecht-alert--warning': type === 'warning'
-    }, className)
-  }, {
-    children: [icon && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert__icon"
-    }, {
+    }, className),
+    children: [icon && jsxRuntime.jsx("div", {
+      className: "utrecht-alert__icon",
       children: icon
-    })), jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert__message"
-    }, {
+    }), jsxRuntime.jsx("div", {
+      className: "utrecht-alert__message",
       children: children
-    }))]
+    })]
   }));
 });
 Alert.displayName = 'Alert';
 
-var AlertDialog = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    icon = _a.icon,
-    type = _a.type,
-    restProps = __rest(_a, ["children", "className", "icon", "type"]);
-  return jsxRuntime.jsxs("dialog", Object.assign({}, restProps, {
+var _excluded$1c = ["children", "className", "icon", "type"];
+function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    icon = _ref.icon,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsxRuntime.jsxs("dialog", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
       'utrecht-alert-dialog--info': type === 'info',
       'utrecht-alert-dialog--warning': type === 'warning',
       className: className
-    })
-  }, {
-    children: [icon && jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert-dialog__icon"
-    }, {
+    }),
+    children: [icon && jsxRuntime.jsx("div", {
+      className: "utrecht-alert-dialog__icon",
       children: icon
-    })), jsxRuntime.jsx("div", Object.assign({
-      className: "utrecht-alert-dialog__message"
-    }, {
+    }), jsxRuntime.jsx("div", {
+      className: "utrecht-alert-dialog__message",
       children: children
-    }))]
+    })]
   }));
 });
 AlertDialog.displayName = 'AlertDialog';
 
-var Article = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("article", Object.assign({}, restProps, {
+var _excluded$1b = ["children", "className"];
+function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsxRuntime.jsx("article", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-article', className)
-  }, {
+    className: clsx('utrecht-article', className),
     children: children
   }));
 });
 Article.displayName = 'Article';
 
-var Backdrop = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$1a = ["children", "className"];
+function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsxRuntime.jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-backdrop', className)
-  }, {
+    className: clsx('utrecht-backdrop', className),
     children: children
   }));
 });
 Backdrop.displayName = 'Backdrop';
 
-var Heading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    className = _a.className,
-    level = _a.level,
-    restProps = __rest(_a, ["appearance", "className", "level"]);
+var _excluded$19 = ["appearance", "className", "level"];
+function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    className = _ref.className,
+    level = _ref.level,
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
   var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
   var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
   var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
-  return jsxRuntime.jsx(HeadingX, Object.assign({
+  return jsxRuntime.jsx(HeadingX, _objectSpread$19(_objectSpread$19({
     className: clsx(headingClassName, className)
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref
   }));
 });
 Heading.displayName = 'Heading';
 
-var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var boxContent = _a.boxContent,
-    children = _a.children,
-    className = _a.className,
-    external = _a.external,
-    href = _a.href,
-    placeholder = _a.placeholder,
-    role = _a.role,
-    restProps = __rest(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
+var _excluded$18 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
+function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var boxContent = _ref.boxContent,
+    children = _ref.children,
+    className = _ref.className,
+    external = _ref.external,
+    href = _ref.href,
+    placeholder = _ref.placeholder,
+    role = _ref.role,
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
   return (
     // "utrecht-link--telephone" does not have a corresponding API,
     // since it is primarily a basis for implementing input[href^="tel"].
     // Telephone number rendering in React is best achieved using composition
     // of the TelephoneValue component.
-    jsxRuntime.jsx("a", Object.assign({
+    jsxRuntime.jsx("a", _objectSpread$18(_objectSpread$18({
       href: placeholder ? undefined : href,
       ref: ref,
       role: role || (placeholder ? 'link' : undefined),
@@ -158,13 +145,16 @@ var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       }, className),
       "aria-disabled": placeholder ? 'true' : undefined,
       rel: external ? 'external noopener noreferrer' : undefined
-    }, restProps, {
+    }, restProps), {}, {
       children: children
     }))
   );
 });
 Link.displayName = 'Link';
 
+var _excluded$17 = ["appearance", "children", "className", "headingLevel", "label"];
+function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useMicrodataItem = function useMicrodataItem(_ref) {
   var prop = _ref.prop,
     type = _ref.type;
@@ -179,64 +169,61 @@ var useMicrodataProp = function useMicrodataProp(prop) {
     itemProp: prop
   };
 };
-var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    _a$headingLevel = _a.headingLevel,
-    headingLevel = _a$headingLevel === void 0 ? 2 : _a$headingLevel,
-    label = _a.label,
-    restProps = __rest(_a, ["appearance", "children", "className", "headingLevel", "label"]);
+var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var appearance = _ref2.appearance,
+    children = _ref2.children,
+    className = _ref2.className,
+    _ref2$headingLevel = _ref2.headingLevel,
+    headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
+    label = _ref2.label,
+    restProps = _objectWithoutProperties(_ref2, _excluded$17);
   var headingId = label ? react.useId() : undefined;
-  return jsxRuntime.jsxs("nav", Object.assign({}, restProps, {
+  return jsxRuntime.jsxs("nav", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-breadcrumb', {
       'utrecht-breadcrumb--arrows': appearance === 'arrows'
     }, className),
-    "aria-labelledby": headingId
-  }, {
-    children: [label && jsxRuntime.jsx(Heading, Object.assign({
+    "aria-labelledby": headingId,
+    children: [label && jsxRuntime.jsx(Heading, {
       id: headingId,
       className: "utrecht-breadcrumb__heading",
       level: headingLevel,
-      "aria-hidden": "true"
-    }, {
+      "aria-hidden": "true",
       children: label
-    })), jsxRuntime.jsx("ol", Object.assign({
+    }), jsxRuntime.jsx("ol", _objectSpread$17(_objectSpread$17({
       className: "utrecht-breadcrumb__list"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
-    }), {
+    })), {}, {
       children: children
     }))]
   }));
 });
 BreadcrumbNav.displayName = 'BreadcrumbNav';
-var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    current = _ref2.current,
-    href = _ref2.href,
-    index = _ref2.index,
-    rel = _ref2.rel;
-  return jsxRuntime.jsx("li", Object.assign({
+var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+    current = _ref3.current,
+    href = _ref3.href,
+    index = _ref3.index,
+    rel = _ref3.rel;
+  return jsxRuntime.jsx("li", _objectSpread$17(_objectSpread$17({
     className: "utrecht-breadcrumb__item"
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
     prop: 'itemListElement'
-  }), {
-    children: jsxRuntime.jsxs(Link, Object.assign({
+  })), {}, {
+    children: jsxRuntime.jsxs(Link, _objectSpread$17(_objectSpread$17({
       className: "utrecht-breadcrumb__link",
       href: href,
       rel: rel,
       "aria-current": current && 'location'
-    }, useMicrodataProp('item'), {
-      ref: ref
-    }, {
-      children: [jsxRuntime.jsx("span", Object.assign({
+    }, useMicrodataProp('item')), {}, {
+      ref: ref,
+      children: [jsxRuntime.jsx("span", _objectSpread$17(_objectSpread$17({
         className: "utrecht-breadcrumb__text"
-      }, useMicrodataProp('name'), {
+      }, useMicrodataProp('name')), {}, {
         children: children
-      })), typeof index === 'number' ? jsxRuntime.jsx("meta", Object.assign({}, useMicrodataProp('position'), {
+      })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$17(_objectSpread$17({}, useMicrodataProp('position')), {}, {
         content: String(index + 1)
       })) : null]
     }))
@@ -244,92 +231,99 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 
-var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    busy = _a.busy,
-    disabled = _a.disabled,
-    children = _a.children,
-    className = _a.className,
-    hint = _a.hint,
-    pressed = _a.pressed,
-    type = _a.type,
-    restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
-  return jsxRuntime.jsx("button", Object.assign({}, restProps, {
+var _excluded$16 = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
+function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    busy = _ref.busy,
+    disabled = _ref.disabled,
+    children = _ref.children,
+    className = _ref.className,
+    hint = _ref.hint,
+    pressed = _ref.pressed,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsx("button", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     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'
-  }, {
+    type: type || 'button',
     children: children
   }));
 });
 Button.displayName = 'Button';
-var PrimaryActionButton = function PrimaryActionButton(_a) {
-  var args = __rest(_a, []);
-  return jsxRuntime.jsx(Button, Object.assign({}, args, {
+var PrimaryActionButton = function PrimaryActionButton(_ref2) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  return jsxRuntime.jsx(Button, _objectSpread$16(_objectSpread$16({}, args), {}, {
     appearance: "primary-action-button"
   }));
 };
 PrimaryActionButton.displayName = 'PrimaryActionButton';
-var SecondaryActionButton = function SecondaryActionButton(_a) {
-  var args = __rest(_a, []);
-  return jsxRuntime.jsx(Button, Object.assign({}, args, {
+var SecondaryActionButton = function SecondaryActionButton(_ref3) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  return jsxRuntime.jsx(Button, _objectSpread$16(_objectSpread$16({}, args), {}, {
     appearance: "secondary-action-button"
   }));
 };
 SecondaryActionButton.displayName = 'SecondaryActionButton';
-var SubtleButton = function SubtleButton(_a) {
-  var args = __rest(_a, []);
-  return jsxRuntime.jsx(Button, Object.assign({}, args, {
+var SubtleButton = function SubtleButton(_ref4) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+  return jsxRuntime.jsx(Button, _objectSpread$16(_objectSpread$16({}, args), {}, {
     appearance: "subtle-button"
   }));
 };
 SubtleButton.displayName = 'SubtleButton';
 
-var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
+var _excluded$15 = ["children", "className"];
+function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsxRuntime.jsx("p", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-button-group', className)
-  }, {
+    className: clsx('utrecht-button-group', className),
     children: children
   }));
 });
 ButtonGroup.displayName = 'ButtonGroup';
 
+var _excluded$14 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
+function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var onKeyDown = function onKeyDown(evt) {
-  var _a;
-  if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
+  var _evt$target;
+  if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
     // Prevent other side-effects, such as scrolling
     evt.preventDefault();
     // Navigate to the link target
     evt.target.click();
   }
 };
-var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    external = _a.external,
-    href = _a.href,
-    placeholder = _a.placeholder,
-    role = _a.role,
-    restProps = __rest(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
+var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    className = _ref.className,
+    external = _ref.external,
+    href = _ref.href,
+    placeholder = _ref.placeholder,
+    role = _ref.role,
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
   var props = restProps;
   if (role === 'button') {
     // When this link is announced as button by accessibility tools,
     // it should also behave like a button. Links are not activated
     // using `Space`, so we need to implement that behaviour here
     // to reach parity with the `button` element.
-    props = Object.assign(Object.assign({}, restProps), {
+    props = _objectSpread$14(_objectSpread$14({}, restProps), {}, {
       onKeyDown: onKeyDown
     });
   }
-  return jsxRuntime.jsx("a", Object.assign({
+  return jsxRuntime.jsx("a", _objectSpread$14(_objectSpread$14({
     href: placeholder ? undefined : href,
     ref: ref,
     role: role || (placeholder ? 'link' : undefined),
@@ -342,79 +336,91 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     }, className),
     rel: external ? 'external noopener noreferrer' : undefined,
     "aria-disabled": placeholder ? 'true' : undefined
-  }, props, {
+  }, props), {}, {
     children: children
   }));
 });
 ButtonLink.displayName = 'ButtonLink';
 
-var CalendarNavigation = function CalendarNavigation(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var _excluded$13 = ["children"];
+function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarNavigation = function CalendarNavigation(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("div", _objectSpread$13(_objectSpread$13({
     className: "utrecht-calendar__navigation"
-  }, props, {
+  }, props), {}, {
     children: children
   }));
 };
 
-var CalendarButton = function CalendarButton(_a) {
-  var children = _a.children,
-    className = _a.className,
-    props = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx(Button, Object.assign({
+var _excluded$12 = ["children", "className"];
+function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarButton = function CalendarButton(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsx(Button, _objectSpread$12(_objectSpread$12({
     appearance: "subtle-button"
-  }, props, {
-    className: clsx.clsx('utrecht-calendar__button', className)
-  }, {
+  }, props), {}, {
+    className: clsx.clsx('utrecht-calendar__button', className),
     children: children
   }));
 };
 
-var CalendarIcon = function CalendarIcon(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return jsxRuntime.jsx("div", Object.assign({
+var _excluded$11 = ["children"];
+function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarIcon = function CalendarIcon(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({
     className: clsx.clsx('utrecht-calendar__icon')
-  }, props, {
+  }, props), {}, {
     children: children
   }));
 };
 
-var CalendarNavigationButtons = function CalendarNavigationButtons(_a) {
-  var onPreviousClick = _a.onPreviousClick,
-    onNextClick = _a.onNextClick,
-    previousIcon = _a.previousIcon,
-    nextIcon = _a.nextIcon,
-    children = _a.children,
-    props = __rest(_a, ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"]);
-  return jsxRuntime.jsxs("div", Object.assign({
-    className: "utrecht-calendar__navigation-buttons"
-  }, {
-    children: [jsxRuntime.jsx(CalendarButton, Object.assign({
+var _excluded$10 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
+function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
+  var onPreviousClick = _ref.onPreviousClick,
+    onNextClick = _ref.onNextClick,
+    previousIcon = _ref.previousIcon,
+    nextIcon = _ref.nextIcon,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$10);
+  return jsxRuntime.jsxs("div", {
+    className: "utrecht-calendar__navigation-buttons",
+    children: [jsxRuntime.jsx(CalendarButton, _objectSpread$10(_objectSpread$10({
       onClick: onPreviousClick
-    }, props, {
+    }, props), {}, {
       children: jsxRuntime.jsx(CalendarIcon, {
         children: previousIcon
       })
-    })), children, jsxRuntime.jsx(CalendarButton, Object.assign({
+    })), children, jsxRuntime.jsx(CalendarButton, _objectSpread$10(_objectSpread$10({
       onClick: onNextClick
-    }, props, {
+    }, props), {}, {
       children: jsxRuntime.jsx(CalendarIcon, {
         children: nextIcon
       })
     }))]
-  }));
+  });
 };
 
-var Heading2 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h2", Object.assign({}, restProps, {
+var _excluded$$ = ["children", "className"];
+function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsxRuntime.jsx("h2", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-2', className)
-  }, {
+    className: clsx('utrecht-heading-2', className),
     children: children
   }));
 });
@@ -422,41 +428,48 @@ Heading2.displayName = 'Heading2';
 
 var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
   var label = _ref.label;
-  return jsxRuntime.jsx(Heading2, Object.assign({
-    className: "utrecht-calendar__navigation-label"
-  }, {
+  return jsxRuntime.jsx(Heading2, {
+    className: "utrecht-calendar__navigation-label",
     children: label
-  }));
+  });
 };
 
-var CalendarTableDaysContainer = function CalendarTableDaysContainer(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return jsxRuntime.jsx("tbody", Object.assign({}, props, {
-    className: "utrecht-calendar__table-days-container"
-  }, {
+var _excluded$_ = ["children"];
+function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$_);
+  return jsxRuntime.jsx("tbody", _objectSpread$_(_objectSpread$_({}, props), {}, {
+    className: "utrecht-calendar__table-days-container",
     children: children
   }));
 };
 
-var CalendarTableDaysItem = function CalendarTableDaysItem(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return jsxRuntime.jsx("tr", Object.assign({}, props, {
+var _excluded$Z = ["children"];
+function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsxRuntime.jsx("tr", _objectSpread$Z(_objectSpread$Z({}, props), {}, {
     children: children
   }));
 };
 
-var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_a) {
-  var day = _a.day,
-    dayOutOfTheMonth = _a.dayOutOfTheMonth,
-    isToday = _a.isToday,
-    emphasis = _a.emphasis,
-    selected = _a.selected,
-    disabled = _a.disabled,
-    props = __rest(_a, ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"]);
+var _excluded$Y = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
+function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
+  var day = _ref.day,
+    dayOutOfTheMonth = _ref.dayOutOfTheMonth,
+    isToday = _ref.isToday,
+    emphasis = _ref.emphasis,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded$Y);
   return jsxRuntime.jsx("td", {
-    children: jsxRuntime.jsx(CalendarButton, Object.assign({
+    children: jsxRuntime.jsx(CalendarButton, _objectSpread$Y(_objectSpread$Y({
       className: clsx('utrecht-calendar__table-days-item-day', {
         'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
       }, {
@@ -467,7 +480,7 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_a) {
         'utrecht-calendar__table-days-item-day--selected': selected
       }),
       disabled: disabled
-    }, props, {
+    }, props), {}, {
       children: day
     }))
   });
@@ -475,65 +488,69 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_a) {
 
 var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
   var children = _ref.children;
-  return jsxRuntime.jsx("thead", Object.assign({
-    className: "utrecht-calendar__table-weeks-container"
-  }, {
-    children: jsxRuntime.jsx("tr", Object.assign({
-      className: "utrecht-calendar__table-weeks-container-content"
-    }, {
+  return jsxRuntime.jsx("thead", {
+    className: "utrecht-calendar__table-weeks-container",
+    children: jsxRuntime.jsx("tr", {
+      className: "utrecht-calendar__table-weeks-container-content",
       children: children
-    }))
-  }));
+    })
+  });
 };
 
-var CalendarTableWeeksItem = function CalendarTableWeeksItem(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return jsxRuntime.jsx("th", Object.assign({}, props, {
-    className: "utrecht-calendar__table-weeks-item"
-  }, {
+var _excluded$X = ["children"];
+function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$X);
+  return jsxRuntime.jsx("th", _objectSpread$X(_objectSpread$X({}, props), {}, {
+    className: "utrecht-calendar__table-weeks-item",
     children: children
   }));
 };
 
-var IconArrowLeft = function IconArrowLeft(_a) {
-  var title = _a.title,
-    titleId = _a.titleId,
-    props = __rest(_a, ["title", "titleId"]);
-  return jsxRuntime.jsxs("svg", Object.assign({
+var _excluded$W = ["title", "titleId"];
+function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var IconArrowLeft = function IconArrowLeft(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded$W);
+  return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
     width: "100%",
     height: "100%",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props, {
-    children: [title ? jsxRuntime.jsx("title", Object.assign({
-      id: titleId
-    }, {
+  }, props), {}, {
+    children: [title ? jsxRuntime.jsx("title", {
+      id: titleId,
       children: title
-    })) : null, jsxRuntime.jsx("path", {
+    }) : null, jsxRuntime.jsx("path", {
       d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41Z",
       fill: "currentColor"
     })]
   }));
 };
 
-var IconArrowLeftDouble = function IconArrowLeftDouble(_a) {
-  var title = _a.title,
-    titleId = _a.titleId,
-    props = __rest(_a, ["title", "titleId"]);
-  return jsxRuntime.jsxs("svg", Object.assign({
+var _excluded$V = ["title", "titleId"];
+function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded$V);
+  return jsxRuntime.jsxs("svg", _objectSpread$V(_objectSpread$V({
     width: "100%",
     height: "100%",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props, {
-    children: [title ? jsxRuntime.jsx("title", Object.assign({
-      id: titleId
-    }, {
+  }, props), {}, {
+    children: [title ? jsxRuntime.jsx("title", {
+      id: titleId,
       children: title
-    })) : null, jsxRuntime.jsx("path", {
+    }) : null, jsxRuntime.jsx("path", {
       d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6 6 6Z",
       fill: "currentColor"
     }), jsxRuntime.jsx("path", {
@@ -543,44 +560,48 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_a) {
   }));
 };
 
-var IconArrowRight = function IconArrowRight(_a) {
-  var title = _a.title,
-    titleId = _a.titleId,
-    props = __rest(_a, ["title", "titleId"]);
-  return jsxRuntime.jsxs("svg", Object.assign({
+var _excluded$U = ["title", "titleId"];
+function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var IconArrowRight = function IconArrowRight(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded$U);
+  return jsxRuntime.jsxs("svg", _objectSpread$U(_objectSpread$U({
     width: "100%",
     height: "100%",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props, {
-    children: [title ? jsxRuntime.jsx("title", Object.assign({
-      id: titleId
-    }, {
+  }, props), {}, {
+    children: [title ? jsxRuntime.jsx("title", {
+      id: titleId,
       children: title
-    })) : null, jsxRuntime.jsx("path", {
+    }) : null, jsxRuntime.jsx("path", {
       d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41Z",
       fill: "currentColor"
     })]
   }));
 };
 
-var IconArrowRightDouble = function IconArrowRightDouble(_a) {
-  var title = _a.title,
-    titleId = _a.titleId,
-    props = __rest(_a, ["title", "titleId"]);
-  return jsxRuntime.jsxs("svg", Object.assign({
+var _excluded$T = ["title", "titleId"];
+function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded$T);
+  return jsxRuntime.jsxs("svg", _objectSpread$T(_objectSpread$T({
     fill: "none",
     width: "100%",
     height: "100%",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
-  }, props, {
-    children: [title ? jsxRuntime.jsx("title", Object.assign({
-      id: titleId
-    }, {
+  }, props), {}, {
+    children: [title ? jsxRuntime.jsx("title", {
+      id: titleId,
       children: title
-    })) : null, jsxRuntime.jsx("path", {
+    }) : null, jsxRuntime.jsx("path", {
       d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6-6-6Z",
       fill: "currentColor"
     }), jsxRuntime.jsx("path", {
@@ -662,11 +683,10 @@ var Calendar = function Calendar(_ref) {
       }
     });
   });
-  return jsxRuntime.jsxs("div", Object.assign({
-    className: "utrecht-calendar"
-  }, {
+  return jsxRuntime.jsxs("div", {
+    className: "utrecht-calendar",
     children: [jsxRuntime.jsx(CalendarNavigation, {
-      children: jsxRuntime.jsx(CalendarNavigationButtons, Object.assign({
+      children: jsxRuntime.jsx(CalendarNavigationButtons, {
         previousIcon: jsxRuntime.jsx(IconArrowLeftDouble, {
           title: previousYearButtonTitle
         }),
@@ -678,9 +698,8 @@ var Calendar = function Calendar(_ref) {
         },
         onNextClick: function onNextClick() {
           return setDate(dateFns.addYears(date, 1));
-        }
-      }, {
-        children: jsxRuntime.jsx(CalendarNavigationButtons, Object.assign({
+        },
+        children: jsxRuntime.jsx(CalendarNavigationButtons, {
           previousIcon: jsxRuntime.jsx(IconArrowLeft, {
             title: previousMonthButtonTitle
           }),
@@ -692,31 +711,28 @@ var Calendar = function Calendar(_ref) {
           },
           onNextClick: function onNextClick() {
             return setDate(dateFns.addMonths(date, 1));
-          }
-        }, {
+          },
           children: jsxRuntime.jsx(CalendarNavigationLabel, {
             label: dateFns.format(date, 'LLLL Y', {
               locale: locale$1
             })
           })
-        }))
-      }))
-    }), jsxRuntime.jsxs("table", Object.assign({
+        })
+      })
+    }), jsxRuntime.jsxs("table", {
       className: "utrecht-calendar__table",
-      role: "grid"
-    }, {
+      role: "grid",
       children: [jsxRuntime.jsx(CalendarTableWeeksContainer, {
         children: currentWeek && currentWeek.length > 0 && currentWeek.map(function (day, index) {
-          return jsxRuntime.jsx(CalendarTableWeeksItem, Object.assign({
+          return jsxRuntime.jsx(CalendarTableWeeksItem, {
             scope: "col",
             abbr: dateFns.format(day, 'EEEE', {
               locale: locale$1
-            })
-          }, {
+            }),
             children: dateFns.format(day, 'EEEEEE', {
               locale: locale$1
             })
-          }), index);
+          }, index);
         })
       }), jsxRuntime.jsx(CalendarTableDaysContainer, {
         children: weeks && weeks.length > 0 && weeks.map(function (week, index) {
@@ -742,19 +758,22 @@ var Calendar = function Calendar(_ref) {
           }, index);
         })
       })]
-    }))]
-  }));
+    })]
+  });
 };
 
-var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var _a$appearance = _a.appearance,
-    appearance = _a$appearance === void 0 ? 'custom' : _a$appearance,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    required = _a.required,
-    className = _a.className,
-    restProps = __rest(_a, ["appearance", "disabled", "invalid", "required", "className"]);
-  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
+var _excluded$S = ["appearance", "disabled", "invalid", "required", "className"];
+function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    required = _ref.required,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsxRuntime.jsx("input", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
     type: "checkbox",
     className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
@@ -770,43 +789,51 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var Code = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("code", Object.assign({
+var _excluded$R = ["children", "className"];
+function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsxRuntime.jsx("code", _objectSpread$R(_objectSpread$R({
     ref: ref,
     className: clsx('utrecht-code', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Code.displayName = 'Code';
 
-var CodeBlock = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("pre", Object.assign({
+var _excluded$Q = ["children", "className"];
+function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxRuntime.jsx("pre", _objectSpread$Q(_objectSpread$Q({
     ref: ref,
     className: clsx('utrecht-code-block', className)
-  }, restProps, {
-    children: jsxRuntime.jsx("code", Object.assign({
-      className: "utrecht-code-block__content"
-    }, {
+  }, restProps), {}, {
+    children: jsxRuntime.jsx("code", {
+      className: "utrecht-code-block__content",
       children: children
-    }))
+    })
   }));
 });
 CodeBlock.displayName = 'CodeBlock';
 
-var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var disabled = _a.disabled,
-    required = _a.required,
-    className = _a.className,
-    invalid = _a.invalid,
-    restProps = __rest(_a, ["disabled", "required", "className", "invalid"]);
-  return jsxRuntime.jsx("input", Object.assign({
+var _excluded$P = ["disabled", "required", "className", "invalid"];
+function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+    required = _ref.required,
+    className = _ref.className,
+    invalid = _ref.invalid,
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsx("input", _objectSpread$P({
     type: "radio",
     "aria-invalid": invalid || undefined,
     disabled: disabled,
@@ -817,120 +844,128 @@ var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 CustomRadioButton.displayName = 'CustomRadioButton';
 
-var Document = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$O = ["children", "className"];
+function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-document', className)
-  }, {
+    className: clsx('utrecht-document', className),
     children: children
   }));
 });
 Document.displayName = 'Document';
 
-var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var appearance = _a.appearance,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["appearance", "children", "className"]);
-  return jsxRuntime.jsx("dl", Object.assign({}, restProps, {
+var _excluded$N = ["appearance", "children", "className"],
+  _excluded2$3 = ["children", "className"],
+  _excluded3 = ["children", "className"],
+  _excluded4 = ["children", "className"];
+function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsxRuntime.jsx("dl", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataList.displayName = 'DataList';
-var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$3);
+  return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     className: clsx('utrecht-data-list__item', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataListItem.displayName = 'DataListItem';
-var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("dt", Object.assign({}, restProps, {
+var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    restProps = _objectWithoutProperties(_ref3, _excluded3);
+  return jsxRuntime.jsx("dt", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     className: clsx('utrecht-data-list__item-key', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataListKey.displayName = 'DataListKey';
-var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    children = _ref.children,
-    className = _ref.className,
-    emptyDescription = _ref.emptyDescription,
-    multiline = _ref.multiline,
-    notranslate = _ref.notranslate;
+var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
+  var value = _ref4.value,
+    children = _ref4.children,
+    className = _ref4.className,
+    emptyDescription = _ref4.emptyDescription,
+    multiline = _ref4.multiline,
+    notranslate = _ref4.notranslate;
   var empty = value === '' || value === null;
-  return jsxRuntime.jsx("dd", Object.assign({
+  return jsxRuntime.jsx("dd", {
     className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
     translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
-    ref: ref
-  }, {
-    children: empty ? jsxRuntime.jsx("span", Object.assign({
-      "aria-label": emptyDescription
-    }, {
+    ref: ref,
+    children: empty ? jsxRuntime.jsx("span", {
+      "aria-label": emptyDescription,
       children: "-"
-    })) : children
-  }));
+    }) : children
+  });
 });
 DataListValue.displayName = 'DataListValue';
-var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("dd", Object.assign({}, restProps, {
+var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    restProps = _objectWithoutProperties(_ref5, _excluded4);
+  return jsxRuntime.jsx("dd", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
-    ref: ref
-  }, {
+    ref: ref,
     children: children
   }));
 });
 DataListActions.displayName = 'DataListActions';
 
-var Emphasis = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("em", Object.assign({
+var _excluded$M = ["children", "className"];
+function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsxRuntime.jsx("em", _objectSpread$M(_objectSpread$M({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Emphasis.displayName = 'Emphasis';
 
-var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var ariaDescribedby = _a['aria-describedby'],
-    ariaLabel = _a['aria-label'],
-    ariaLabelledby = _a['aria-labelledby'],
-    className = _a.className,
-    children = _a.children,
-    disabled = _a.disabled,
-    form = _a.form,
-    invalid = _a.invalid,
-    name = _a.name,
-    role = _a.role,
-    restProps = __rest(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
-    ref: ref,
-    className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
-  }, {
-    children: jsxRuntime.jsx("fieldset", Object.assign({
+var _excluded$L = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
+  _excluded2$2 = ["className", "children", "disabled", "invalid"];
+function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var ariaDescribedby = _ref['aria-describedby'],
+    ariaLabel = _ref['aria-label'],
+    ariaLabelledby = _ref['aria-labelledby'],
+    className = _ref.className,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    form = _ref.form,
+    invalid = _ref.invalid,
+    name = _ref.name,
+    role = _ref.role,
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
+    children: jsxRuntime.jsx("fieldset", {
       "aria-describedby": ariaDescribedby,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
@@ -939,230 +974,260 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, 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__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    disabled = _a.disabled,
-    invalid = _a.invalid,
-    restProps = __rest(_a, ["className", "children", "disabled", "invalid"]);
-  return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
+var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    children = _ref2.children,
+    disabled = _ref2.disabled,
+    invalid = _ref2.invalid,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$2);
+  return jsxRuntime.jsx("fieldset", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
     ref: ref,
     "aria-invalid": invalid || undefined,
     disabled: disabled,
-    className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
-  }, {
+    className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
     children: children
   }));
 });
 FieldsetOnly.displayName = 'Fieldset';
 
-var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
+var _excluded$K = ["className", "children"];
+function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  return jsxRuntime.jsx("legend", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
-  }, {
+    className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
     children: children
   }));
 });
 FieldsetLegend.displayName = 'FieldsetLegend';
 
-var Figure = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("figure", Object.assign({}, restProps, {
+var _excluded$J = ["className", "children"];
+function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  return jsxRuntime.jsx("figure", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-figure', className)
-  }, {
+    className: clsx('utrecht-figure', className),
     children: children
   }));
 });
 Figure.displayName = 'Figure';
 
-var FigureCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    restProps = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("figcaption", Object.assign({}, restProps, {
+var _excluded$I = ["className", "children"];
+function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsxRuntime.jsx("figcaption", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-figure__caption', className)
-  }, {
+    className: clsx('utrecht-figure__caption', className),
     children: children
   }));
 });
 FigureCaption.displayName = 'FigureCaption';
 
-var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    children = _a.children,
-    invalid = _a.invalid,
-    type = _a.type,
-    restProps = __rest(_a, ["className", "children", "invalid", "type"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$H = ["className", "children", "invalid", "type"];
+function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    invalid = _ref.invalid,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsxRuntime.jsx("div", _objectSpread$H(_objectSpread$H({}, 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)
-  }, {
+    }, className),
     children: children
   }));
 });
 FormField.displayName = 'FormField';
 
-var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var invalid = _a.invalid,
-    valid = _a.valid,
-    warning = _a.warning,
-    className = _a.className,
-    children = _a.children,
-    restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$G = ["invalid", "valid", "warning", "className", "children"];
+function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var invalid = _ref.invalid,
+    valid = _ref.valid,
+    warning = _ref.warning,
+    className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({}, 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 FormLabel = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    type = _a.type,
-    disabled = _a.disabled,
-    checked = _a.checked,
-    restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
-  return jsxRuntime.jsx("label", Object.assign({}, restProps, {
+var _excluded$F = ["children", "className", "type", "disabled", "checked"];
+function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    type = _ref.type,
+    disabled = _ref.disabled,
+    checked = _ref.checked,
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsxRuntime.jsx("label", _objectSpread$F(_objectSpread$F({}, 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 HTMLContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$E = ["children", "className"];
+function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxRuntime.jsx("div", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-html', className)
-  }, {
+    className: clsx('utrecht-html', className),
     children: children
   }));
 });
 HTMLContent.displayName = 'HTMLContent';
 
-var Heading1 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h1", Object.assign({}, restProps, {
+var _excluded$D = ["children", "className"];
+function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsxRuntime.jsx("h1", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-1', className)
-  }, {
+    className: clsx('utrecht-heading-1', className),
     children: children
   }));
 });
 Heading1.displayName = 'Heading1';
 
-var Heading3 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h3", Object.assign({}, restProps, {
+var _excluded$C = ["children", "className"];
+function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("h3", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-3', className)
-  }, {
+    className: clsx('utrecht-heading-3', className),
     children: children
   }));
 });
 Heading3.displayName = 'Heading3';
 
-var Heading4 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h4", Object.assign({}, restProps, {
+var _excluded$B = ["children", "className"];
+function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  return jsxRuntime.jsx("h4", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-4', className)
-  }, {
+    className: clsx('utrecht-heading-4', className),
     children: children
   }));
 });
 Heading4.displayName = 'Heading4';
 
-var Heading5 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h5", Object.assign({}, restProps, {
+var _excluded$A = ["children", "className"];
+function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
+  return jsxRuntime.jsx("h5", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-5', className)
-  }, {
+    className: clsx('utrecht-heading-5', className),
     children: children
   }));
 });
 Heading5.displayName = 'Heading5';
 
-var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("h6", Object.assign({}, restProps, {
+var _excluded$z = ["children", "className"];
+function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsxRuntime.jsx("h6", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-6', className)
-  }, {
+    className: clsx('utrecht-heading-6', className),
     children: children
   }));
 });
 Heading6.displayName = 'Heading6';
 
-var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
+var _excluded$y = ["children", "className"];
+function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("hgroup", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-group', className)
-  }, {
+    className: clsx('utrecht-heading-group', className),
     children: children
   }));
 });
 HeadingGroup.displayName = 'HeadingGroup';
 
-var Icon = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("span", Object.assign({
+var _excluded$x = ["children", "className"];
+function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxRuntime.jsx("span", _objectSpread$x(_objectSpread$x({
     ref: ref,
     className: clsx('utrecht-icon', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Icon.displayName = 'Icon';
 
-var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className,
-    photo = _a.photo,
-    restProps = __rest(_a, ["className", "photo"]);
-  return jsxRuntime.jsx("img", Object.assign({}, restProps, {
+var _excluded$w = ["className", "photo"];
+function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    photo = _ref.photo,
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
+  return jsxRuntime.jsx("img", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-img', {
       'utrecht-img--photo': photo
@@ -1171,15 +1236,18 @@ var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Image.displayName = 'Image';
 
-var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    disabled = _a.disabled,
-    inline = _a.inline,
-    className = _a.className,
-    pressed = _a.pressed,
-    type = _a.type,
-    restProps = __rest(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
-  return jsxRuntime.jsx("button", Object.assign({
+var _excluded$v = ["children", "disabled", "inline", "className", "pressed", "type"];
+function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    inline = _ref.inline,
+    className = _ref.className,
+    pressed = _ref.pressed,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsxRuntime.jsx("button", _objectSpread$v(_objectSpread$v({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -1189,22 +1257,24 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
     }, className),
     disabled: disabled,
     type: type || 'button'
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 LinkButton.displayName = 'LinkButton';
 
-var LinkSocial = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    external = _a.external,
-    restProps = __rest(_a, ["children", "className", "external"]);
-  return jsxRuntime.jsx("a", Object.assign({}, restProps, {
+var _excluded$u = ["children", "className", "external"];
+function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    external = _ref.external,
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsxRuntime.jsx("a", _objectSpread$u(_objectSpread$u({}, 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
   }));
 });
@@ -1212,179 +1282,200 @@ LinkSocial.displayName = 'LinkSocial';
 
 var ListSocial = function ListSocial(_ref) {
   var children = _ref.children;
-  return jsxRuntime.jsx("ul", Object.assign({
-    className: clsx('utrecht-list-social')
-  }, {
+  return jsxRuntime.jsx("ul", {
+    className: clsx('utrecht-list-social'),
     children: children
-  }));
+  });
 };
 var ListSocialItem = function ListSocialItem(_ref2) {
   var children = _ref2.children;
-  return jsxRuntime.jsx("li", Object.assign({
-    className: clsx('utrecht-list-social__item')
-  }, {
+  return jsxRuntime.jsx("li", {
+    className: clsx('utrecht-list-social__item'),
     children: children
-  }));
+  });
 };
 
-var Mark = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("mark", Object.assign({
+var _excluded$t = ["children", "className"];
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
+  return jsxRuntime.jsx("mark", _objectSpread$t(_objectSpread$t({
     ref: ref,
     className: clsx('utrecht-mark', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Mark.displayName = 'Mark';
 
-var NumberValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    value = _a.value,
-    restProps = __rest(_a, ["children", "className", "value"]);
-  return jsxRuntime.jsx("data", Object.assign({
+var _excluded$s = ["children", "className", "value"];
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var NumberValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    value = _ref.value,
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  return jsxRuntime.jsx("data", _objectSpread$s(_objectSpread$s({
     value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-value-number', className)
-  }, {
+    className: clsx('utrecht-value-number', className),
     children: children
   }));
 });
 NumberValue.displayName = 'NumberValue';
 
-var OrderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("ol", Object.assign({}, restProps, {
+var _excluded$r = ["children", "className"];
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
+  return jsxRuntime.jsx("ol", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-ordered-list', className)
-  }, {
+    className: clsx('utrecht-ordered-list', className),
     children: children
   }));
 });
 OrderedList.displayName = 'OrderedList';
 
-var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
+var _excluded$q = ["children", "className"];
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx("li", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-ordered-list__item', className)
-  }, {
+    className: clsx('utrecht-ordered-list__item', className),
     children: children
   }));
 });
 OrderedListItem.displayName = 'OrderedListItem';
 
-var Page = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$p = ["children", "className"];
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  return jsxRuntime.jsx("div", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page', className)
-  }, {
+    className: clsx('utrecht-page', className),
     children: children
   }));
 });
 Page.displayName = 'Page';
 
-var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$o = ["children", "className"],
+  _excluded2$1 = ["children", "className"];
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PageContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxRuntime.jsx("div", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-content', className)
-  }, {
+    className: clsx('utrecht-page-content', className),
     children: children
   }));
 });
 PageContent.displayName = 'PageContent';
-var PageContentMain = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("main", Object.assign({}, restProps, {
+var PageContentMain = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$1);
+  return jsxRuntime.jsx("main", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-content__main', className)
-  }, {
+    className: clsx('utrecht-page-content__main', className),
     children: children
   }));
 });
 PageContentMain.displayName = 'PageContentMain';
 
-var PageFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("footer", Object.assign({}, restProps, {
+var _excluded$n = ["children", "className"];
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("footer", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-footer', className)
-  }, {
+    className: clsx('utrecht-page-footer', className),
     children: children
   }));
 });
 PageFooter.displayName = 'PageFooter';
 
-var PageHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("header", Object.assign({}, restProps, {
+var _excluded$m = ["children", "className"];
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxRuntime.jsx("header", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-header', className)
-  }, {
+    className: clsx('utrecht-page-header', className),
     children: children
   }));
 });
 PageHeader.displayName = 'PageHeader';
 
-var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    lead = _a.lead,
-    small = _a.small,
-    restProps = __rest(_a, ["children", "className", "lead", "small"]);
-  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
-    ref: ref,
-    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
-  }, {
-    children: small ? jsxRuntime.jsx("small", Object.assign({
-      className: "utrecht-paragraph__small"
-    }, {
+var _excluded$l = ["children", "className", "lead", "small"];
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    lead = _ref.lead,
+    small = _ref.small,
+    restProps = _objectWithoutProperties(_ref, _excluded$l);
+  return jsxRuntime.jsx("p", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
+    children: small ? jsxRuntime.jsx("small", {
+      className: "utrecht-paragraph__small",
       children: children
-    })) : children
+    }) : children
   }));
 });
 Paragraph.displayName = 'Paragraph';
 
-var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
+var _excluded$k = ["children", "className"];
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$k);
+  return jsxRuntime.jsx("p", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-pre-heading', className)
-  }, {
+    className: clsx('utrecht-pre-heading', className),
     children: children
   }));
 });
 PreHeading.displayName = 'PreHeading';
 
-var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var _a$appearance = _a.appearance,
-    appearance = _a$appearance === void 0 ? 'utrecht-radio-button' : _a$appearance,
-    invalid = _a.invalid,
-    className = _a.className,
-    restProps = __rest(_a, ["appearance", "invalid", "className"]);
-  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
+var _excluded$j = ["appearance", "invalid", "className"];
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'utrecht-radio-button' : _ref$appearance,
+    invalid = _ref.invalid,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$j);
+  return jsxRuntime.jsx("input", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
     ref: ref,
     type: "radio",
     className: clsx('utrecht-radio-button', 'utrecht-radio-button--html-input', {
@@ -1395,229 +1486,263 @@ var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 RadioButton.displayName = 'RadioButton';
 
-var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var invalid = _a.invalid,
-    required = _a.required,
-    className = _a.className,
-    noscript = _a.noscript,
-    children = _a.children,
-    restProps = __rest(_a, ["invalid", "required", "className", "noscript", "children"]);
-  return jsxRuntime.jsx("select", Object.assign({}, restProps, {
+var _excluded$i = ["invalid", "required", "className", "noscript", "children"],
+  _excluded2 = ["disabled", "invalid", "value", "children", "className"];
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Select = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var invalid = _ref.invalid,
+    required = _ref.required,
+    className = _ref.className,
+    noscript = _ref.noscript,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$i);
+  return jsxRuntime.jsx("select", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
     ref: ref,
     "aria-invalid": invalid || undefined,
     required: noscript ? required : false,
     "aria-required": noscript ? undefined : required,
-    className: clsx('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className)
-  }, {
+    className: clsx('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className),
     children: children
   }));
 });
 Select.displayName = 'Select';
-var SelectOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var disabled = _a.disabled,
-    invalid = _a.invalid,
-    value = _a.value,
-    children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
-  return jsxRuntime.jsx("option", Object.assign({}, restProps, {
+var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var disabled = _ref2.disabled,
+    invalid = _ref2.invalid,
+    value = _ref2.value,
+    children = _ref2.children,
+    className = _ref2.className,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  return jsxRuntime.jsx("option", _objectSpread$i(_objectSpread$i({}, 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$h = ["className", "children"];
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Do not pass `children` along with `restProps` and use _children as it's unused
-var Separator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var className = _a.className;
-    _a.children;
-    var restProps = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("hr", Object.assign({}, restProps, {
+var Separator = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className;
+    _ref.children;
+    var restProps = _objectWithoutProperties(_ref, _excluded$h);
+  return jsxRuntime.jsx("hr", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-separator', className)
   }));
 });
 Separator.displayName = 'Separator';
 
-var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
+var _excluded$g = ["children", "className"];
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$g);
   return jsxRuntime.jsx("p", {
-    children: jsxRuntime.jsx("a", Object.assign({
+    children: jsxRuntime.jsx("a", _objectSpread$g(_objectSpread$g({
       ref: ref
-    }, restProps, {
-      className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
-    }, {
+    }, restProps), {}, {
+      className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
       children: children
     }))
   });
 });
 SkipLink.displayName = 'SkipLink';
 
-var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var aside = _a.aside,
-    children = _a.children,
-    className = _a.className,
-    type = _a.type,
-    restProps = __rest(_a, ["aside", "children", "className", "type"]);
-  var props = Object.assign(Object.assign({}, restProps), {
+var _excluded$f = ["aside", "children", "className", "type"];
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var aside = _ref.aside,
+    children = _ref.children,
+    className = _ref.className,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$f);
+  var props = _objectSpread$f(_objectSpread$f({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-spotlight-section', {
       'utrecht-spotlight-section--info': type === 'info',
       'utrecht-spotlight-section--warning': type === 'warning'
     }, className)
   });
-  return aside ? jsxRuntime.jsx("aside", Object.assign({}, props, {
+  return aside ? jsxRuntime.jsx("aside", _objectSpread$f(_objectSpread$f({}, props), {}, {
     children: children
-  })) : jsxRuntime.jsx("section", Object.assign({}, props, {
+  })) : jsxRuntime.jsx("section", _objectSpread$f(_objectSpread$f({}, props), {}, {
     children: children
   }));
 });
 SpotlightSection.displayName = 'SpotlightSection';
 
-var Strong = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("strong", Object.assign({
+var _excluded$e = ["children", "className"];
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Strong = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$e);
+  return jsxRuntime.jsx("strong", _objectSpread$e(_objectSpread$e({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
-  }, restProps, {
+  }, restProps), {}, {
     children: children
   }));
 });
 Strong.displayName = 'Strong';
 
-var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
+var _excluded$d = ["children", "className"];
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Surface = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$d);
+  return jsxRuntime.jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-surface', className)
-  }, {
+    className: clsx('utrecht-surface', className),
     children: children
   }));
 });
 Surface.displayName = 'Surface';
 
-var Table = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("table", Object.assign({}, restProps, {
+var _excluded$c = ["children", "className"];
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$c);
+  return jsxRuntime.jsx("table", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table', className)
-  }, {
+    className: clsx('utrecht-table', className),
     children: children
   }));
 });
 Table.displayName = 'Table';
 
-var TableBody = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("tbody", Object.assign({}, restProps, {
+var _excluded$b = ["children", "className"];
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$b);
+  return jsxRuntime.jsx("tbody", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__body', className)
-  }, {
+    className: clsx('utrecht-table__body', className),
     children: children
   }));
 });
 TableBody.displayName = 'TableBody';
 
-var TableCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("caption", Object.assign({}, restProps, {
+var _excluded$a = ["children", "className"];
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$a);
+  return jsxRuntime.jsx("caption", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__caption', className)
-  }, {
+    className: clsx('utrecht-table__caption', className),
     children: children
   }));
 });
 TableCaption.displayName = 'TableCaption';
 
-var TableCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("td", Object.assign({}, restProps, {
+var _excluded$9 = ["children", "className"];
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$9);
+  return jsxRuntime.jsx("td", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__cell', className)
-  }, {
+    className: clsx('utrecht-table__cell', className),
     children: children
   }));
 });
 TableCell.displayName = 'TableCell';
 
-var TableFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("tfoot", Object.assign({}, restProps, {
+var _excluded$8 = ["children", "className"];
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$8);
+  return jsxRuntime.jsx("tfoot", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__footer', className)
-  }, {
+    className: clsx('utrecht-table__footer', className),
     children: children
   }));
 });
 TableFooter.displayName = 'TableFooter';
 
-var TableHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("thead", Object.assign({}, restProps, {
+var _excluded$7 = ["children", "className"];
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxRuntime.jsx("thead", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__header', className)
-  }, {
+    className: clsx('utrecht-table__header', className),
     children: children
   }));
 });
 TableHeader.displayName = 'TableHeader';
 
-var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("th", Object.assign({}, restProps, {
+var _excluded$6 = ["children", "className"];
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$6);
+  return jsxRuntime.jsx("th", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__header-cell', className)
-  }, {
+    className: clsx('utrecht-table__header-cell', className),
     children: children
   }));
 });
 TableHeaderCell.displayName = 'TableHeaderCell';
 
-var TableRow = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("tr", Object.assign({}, restProps, {
+var _excluded$5 = ["children", "className"];
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$5);
+  return jsxRuntime.jsx("tr", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__row', className)
-  }, {
+    className: clsx('utrecht-table__row', className),
     children: children
   }));
 });
 TableRow.displayName = 'TableRow';
 
-var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var disabled = _a.disabled,
-    invalid = _a.invalid,
-    readOnly = _a.readOnly,
-    required = _a.required,
-    className = _a.className,
-    restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
-  return jsxRuntime.jsx("textarea", Object.assign({}, restProps, {
+var _excluded$4 = ["disabled", "invalid", "readOnly", "required", "className"];
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxRuntime.jsx("textarea", _objectSpread$4(_objectSpread$4({}, 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),
     disabled: disabled,
@@ -1628,18 +1753,21 @@ var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Textarea.displayName = 'Textarea';
 
-var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var disabled = _a.disabled,
-    invalid = _a.invalid,
-    readOnly = _a.readOnly,
-    required = _a.required,
-    className = _a.className,
-    _a$type = _a.type,
-    type = _a$type === void 0 ? 'text' : _a$type,
-    maxLength = _a.maxLength,
-    inputMode = _a.inputMode,
-    restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
-  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
+var _excluded$3 = ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"];
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    maxLength = _ref.maxLength,
+    inputMode = _ref.inputMode,
+    restProps = _objectWithoutProperties(_ref, _excluded$3);
+  return jsxRuntime.jsx("input", _objectSpread$3(_objectSpread$3({}, 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 && 'utrecht-textbox--required', className),
@@ -1653,44 +1781,50 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Textbox.displayName = 'Textbox';
 
-var URLValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("bdi", Object.assign({
+var _excluded$2 = ["children", "className"];
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var URLValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$2);
+  return jsxRuntime.jsx("bdi", _objectSpread$2(_objectSpread$2({
     translate: "no"
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-url', className)
-  }, {
+    className: clsx('utrecht-url', className),
     children: children
   }));
 });
 URLValue.displayName = 'URLValue';
 
-var UnorderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("ul", Object.assign({
+var _excluded$1 = ["children", "className"];
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1);
+  return jsxRuntime.jsx("ul", _objectSpread$1(_objectSpread$1({
     role: "list"
-  }, restProps, {
+  }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-unordered-list', className)
-  }, {
+    className: clsx('utrecht-unordered-list', className),
     children: children
   }));
 });
 UnorderedList.displayName = 'UnorderedList';
 
-var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    className = _a.className,
-    restProps = __rest(_a, ["children", "className"]);
-  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
+var _excluded = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx("li", _objectSpread(_objectSpread({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-unordered-list__item', className)
-  }, {
+    className: clsx('utrecht-unordered-list__item', className),
     children: children
   }));
 });