@utrecht/component-library-react 6.2.1 → 7.1.0

package/dist/index.cjs.js

@@ -9,9 +9,9 @@ var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructur
 var _extends = require('@babel/runtime/helpers/extends');
 var clsx = require('clsx');
 
-var _excluded$1t = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
-function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1w = ["appearance", "busy", "disabled", "children", "className", "hint", "icon", "label", "pressed", "type"];
+function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     busy = _ref.busy,
@@ -19,10 +19,12 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     hint = _ref.hint,
+    icon = _ref.icon,
+    label = _ref.label,
     pressed = _ref.pressed,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1t);
-  return jsxRuntime.jsx("button", _objectSpread$1u(_objectSpread$1u({
+    restProps = _objectWithoutProperties(_ref, _excluded$1w);
+  return jsxRuntime.jsxs("button", _objectSpread$1x(_objectSpread$1x({
     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,
@@ -30,41 +32,44 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     disabled: disabled,
     type: type || 'button'
   }, restProps), {}, {
-    children: children
+    children: [icon, label && jsxRuntime.jsx("span", {
+      className: "utrecht-button__label",
+      children: label
+    }), children]
   }));
 });
 Button.displayName = 'Button';
 var PrimaryActionButton = function PrimaryActionButton(_ref2) {
   var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  return jsxRuntime.jsx(Button, _objectSpread$1u(_objectSpread$1u({}, args), {}, {
+  return jsxRuntime.jsx(Button, _objectSpread$1x(_objectSpread$1x({}, args), {}, {
     appearance: "primary-action-button"
   }));
 };
 PrimaryActionButton.displayName = 'PrimaryActionButton';
 var SecondaryActionButton = function SecondaryActionButton(_ref3) {
   var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
-  return jsxRuntime.jsx(Button, _objectSpread$1u(_objectSpread$1u({}, args), {}, {
+  return jsxRuntime.jsx(Button, _objectSpread$1x(_objectSpread$1x({}, args), {}, {
     appearance: "secondary-action-button"
   }));
 };
 SecondaryActionButton.displayName = 'SecondaryActionButton';
 var SubtleButton = function SubtleButton(_ref4) {
   var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
-  return jsxRuntime.jsx(Button, _objectSpread$1u(_objectSpread$1u({}, args), {}, {
+  return jsxRuntime.jsx(Button, _objectSpread$1x(_objectSpread$1x({}, args), {}, {
     appearance: "subtle-button"
   }));
 };
 SubtleButton.displayName = 'SubtleButton';
 
-var _excluded$1s = ["level", "className"];
-function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1v = ["level", "className"];
+function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HTMLHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var level = _ref.level,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1s);
+    restProps = _objectWithoutProperties(_ref, _excluded$1v);
   var HeadingX = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'p';
-  return jsxRuntime.jsx(HeadingX, _objectSpread$1t(_objectSpread$1t({
+  return jsxRuntime.jsx(HeadingX, _objectSpread$1w(_objectSpread$1w({
     className: clsx(className)
   }, restProps), {}, {
     ref: ref
@@ -72,10 +77,29 @@ var HTMLHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
-var _excluded$1r = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
+var _excluded$1u = ["appearance", "className", "level"];
+function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    className = _ref.className,
+    level = _ref.level,
+    restProps = _objectWithoutProperties(_ref, _excluded$1u);
+  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
+  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
+  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
+  return jsxRuntime.jsx(HeadingX, _objectSpread$1v(_objectSpread$1v({
+    className: clsx(headingClassName, className)
+  }, restProps), {}, {
+    ref: ref
+  }));
+});
+Heading.displayName = 'Heading';
+
+var _excluded$1t = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
   _excluded2$a = ["children", "group", "headingLevel", "heading"];
-function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconChevronDown = function IconChevronDown() {
   return jsxRuntime.jsxs("svg", {
     id: "Layer_1",
@@ -151,7 +175,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     onButtonFocus = _ref.onButtonFocus,
     icon = _ref.icon,
     appearance = _ref.appearance,
-    props = _objectWithoutProperties(_ref, _excluded$1r);
+    props = _objectWithoutProperties(_ref, _excluded$1t);
   var panelAttributes = {
     className: clsx('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
@@ -175,7 +199,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   //   content of the landmark to be the actual content, instead of starting
   //   with the button that controls the region.
   // - we only want expanded sections to show up as landmarks
-  return jsxRuntime.jsxs("div", _objectSpread$1s(_objectSpread$1s({
+  return jsxRuntime.jsxs("div", _objectSpread$1u(_objectSpread$1u({
     className: clsx('utrecht-accordion__section', className),
     id: id,
     ref: ref
@@ -208,12 +232,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           children: label
         })]
       })
-    }), section ? jsxRuntime.jsx("section", _objectSpread$1s(_objectSpread$1s({
+    }), section ? jsxRuntime.jsx("section", _objectSpread$1u(_objectSpread$1u({
       id: panelId,
       "aria-labelledby": buttonId
     }, panelAttributes), {}, {
       children: children
-    })) : jsxRuntime.jsx("div", _objectSpread$1s(_objectSpread$1s({
+    })) : jsxRuntime.jsx("div", _objectSpread$1u(_objectSpread$1u({
       id: panelId
     }, panelAttributes), {}, {
       children: children
@@ -229,10 +253,10 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     props = _objectWithoutProperties(_ref2, _excluded2$a);
   var headingId = react.useId();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(HTMLHeading, {
+    children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
       level: headingLevel,
       children: heading
-    }), jsxRuntime.jsx("div", _objectSpread$1s(_objectSpread$1s({
+    }), jsxRuntime.jsx("div", _objectSpread$1u(_objectSpread$1u({
       className: clsx('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
@@ -288,7 +312,9 @@ var useAccordion = function useAccordion(sections, ref) {
 var AccordionProvider = function AccordionProvider(_ref4) {
   var sections = _ref4.sections,
     icon = _ref4.icon,
-    appearance = _ref4.appearance;
+    appearance = _ref4.appearance,
+    heading = _ref4.heading,
+    headingLevel = _ref4.headingLevel;
   var ref = react.useRef(null);
   var _useAccordion = useAccordion(sections, ref),
     refs = _useAccordion.refs,
@@ -331,7 +357,10 @@ var AccordionProvider = function AccordionProvider(_ref4) {
     // Prevent scrolling the page
     evt.preventDefault();
   };
+  var sectionHeadingLevel = typeof headingLevel === 'number' ? headingLevel + (heading ? 1 : 0) : undefined;
   return jsxRuntime.jsx(Accordion, {
+    heading: heading,
+    headingLevel: headingLevel,
     onKeyDown: handleKeyDown,
     ref: ref,
     children: sectionsState.map(function (section, index) {
@@ -340,7 +369,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
         // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
         setSectionsState(sectionsState.map(function (section, index) {
           if (index === activatedIndex) {
-            return _objectSpread$1s(_objectSpread$1s({}, section), {}, {
+            return _objectSpread$1u(_objectSpread$1u({}, section), {}, {
               expanded: !section.expanded
             });
           } else {
@@ -348,7 +377,9 @@ var AccordionProvider = function AccordionProvider(_ref4) {
           }
         }));
       };
-      return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1s(_objectSpread$1s({}, section), {}, {
+      return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1u(_objectSpread$1u({
+        headingLevel: sectionHeadingLevel
+      }, section), {}, {
         icon: icon,
         appearance: appearance,
         ref: refs[index],
@@ -363,16 +394,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
 };
 AccordionProvider.displayName = 'AccordionProvider';
 
-var _excluded$1q = ["children", "className", "icon", "type"];
-function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1s = ["children", "className", "icon", "type"];
+function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1q);
-  return jsxRuntime.jsxs("div", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1s);
+  return jsxRuntime.jsxs("div", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert', {
       'utrecht-alert--error': type === 'error',
@@ -395,16 +426,16 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Alert.displayName = 'Alert';
 
-var _excluded$1p = ["children", "className", "icon", "type"];
-function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1r = ["children", "className", "icon", "type"];
+function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1p);
-  return jsxRuntime.jsxs("dialog", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1r);
+  return jsxRuntime.jsxs("dialog", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
@@ -423,14 +454,14 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 AlertDialog.displayName = 'AlertDialog';
 
-var _excluded$1o = ["children", "className"];
-function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1q = ["children", "className"];
+function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1o);
-  return jsxRuntime.jsx("article", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1q);
+  return jsxRuntime.jsx("article", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-article', className),
     children: children
@@ -438,14 +469,14 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Article.displayName = 'Article';
 
-var _excluded$1n = ["children", "className"];
-function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1p = ["children", "className"];
+function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1n);
-  return jsxRuntime.jsx("div", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1p);
+  return jsxRuntime.jsx("div", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-backdrop', className),
     children: children
@@ -453,35 +484,35 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Backdrop.displayName = 'Backdrop';
 
-var _excluded$1m = ["children", "className", "value"];
-function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1o = ["children", "className", "value"];
+function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  var props = _objectSpread$1n({
+    restProps = _objectWithoutProperties(_ref, _excluded$1o);
+  var props = _objectSpread$1p({
     children: children,
     className: clsx('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1n(_objectSpread$1n({}, props), {}, {
+  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1p(_objectSpread$1p({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", _objectSpread$1n(_objectSpread$1n({}, props), {}, {
+  })) : jsxRuntime.jsx("span", _objectSpread$1p(_objectSpread$1p({}, props), {}, {
     ref: ref
   }));
 });
 BadgeCounter.displayName = 'BadgeCounter';
 
-var _excluded$1l = ["children", "className"];
-function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1n = ["children", "className"];
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsxRuntime.jsx("div", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1n);
+  return jsxRuntime.jsx("div", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-badge-list', className),
     children: children
@@ -489,47 +520,70 @@ var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 BadgeList.displayName = 'BadgeList';
 
-var _excluded$1k = ["children", "className", "attribution"];
-function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1m = ["aside", "attribution", "className", "children", "cite", "figure", "caption", "lang"];
+function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var aside = _ref.aside,
     attribution = _ref.attribution,
-    restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  return jsxRuntime.jsxs("blockquote", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-blockquote', className),
-    children: [children, attribution && jsxRuntime.jsx("div", {
-      className: "utrecht-blockquote__attribution",
-      children: attribution
-    })]
-  }));
-});
-Blockquote.displayName = 'Blockquote';
-
-var _excluded$1j = ["appearance", "className", "level"];
-function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var appearance = _ref.appearance,
     className = _ref.className,
-    level = _ref.level,
-    restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
-  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
-  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
-  return jsxRuntime.jsx(HeadingX, _objectSpread$1k(_objectSpread$1k({
-    className: clsx(headingClassName, className)
+    children = _ref.children,
+    cite = _ref.cite,
+    figure = _ref.figure,
+    caption = _ref.caption,
+    lang = _ref.lang,
+    restProps = _objectWithoutProperties(_ref, _excluded$1m);
+  var quote = children;
+  var captionElement = caption || attribution ? jsxRuntime.jsx("figcaption", {
+    className: "utrecht-blockquote__caption",
+    children: caption || attribution
+  }) : null;
+  var blockquoteAttrs = {
+    cite: cite,
+    lang: lang
+  };
+  return aside && (figure || captionElement) ? jsxRuntime.jsx("aside", _objectSpread$1n(_objectSpread$1n({
+    className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
-    ref: ref
+    children: jsxRuntime.jsxs("figure", {
+      className: clsx('utrecht-blockquote__figure'),
+      children: [jsxRuntime.jsx("blockquote", _objectSpread$1n(_objectSpread$1n({
+        className: "utrecht-blockquote__quote"
+      }, blockquoteAttrs), {}, {
+        ref: ref,
+        children: quote
+      })), captionElement]
+    })
+  })) : aside ? jsxRuntime.jsx("aside", _objectSpread$1n(_objectSpread$1n({
+    className: clsx('utrecht-blockquote', className)
+  }, restProps), {}, {
+    children: jsxRuntime.jsx("blockquote", _objectSpread$1n(_objectSpread$1n({
+      className: "utrecht-blockquote__quote"
+    }, blockquoteAttrs), {}, {
+      ref: ref,
+      children: quote
+    }))
+  })) : figure || captionElement ? jsxRuntime.jsxs("figure", _objectSpread$1n(_objectSpread$1n({
+    className: clsx('utrecht-blockquote', className)
+  }, restProps), {}, {
+    children: [jsxRuntime.jsx("blockquote", _objectSpread$1n(_objectSpread$1n({
+      className: "utrecht-blockquote__quote"
+    }, blockquoteAttrs), {}, {
+      ref: ref,
+      children: quote
+    })), captionElement]
+  })) : jsxRuntime.jsx("blockquote", _objectSpread$1n(_objectSpread$1n(_objectSpread$1n({
+    className: clsx('utrecht-blockquote', 'utrecht-blockquote--html-blockquote', className)
+  }, blockquoteAttrs), restProps), {}, {
+    ref: ref,
+    children: quote
   }));
 });
-Heading.displayName = 'Heading';
+Blockquote.displayName = 'Blockquote';
 
-var _excluded$1i = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
-function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1l = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
+function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var boxContent = _ref.boxContent,
     children = _ref.children,
@@ -538,13 +592,13 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     href = _ref.href,
     placeholder = _ref.placeholder,
     role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+    restProps = _objectWithoutProperties(_ref, _excluded$1l);
   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", _objectSpread$1j(_objectSpread$1j({
+    jsxRuntime.jsx("a", _objectSpread$1m(_objectSpread$1m({
       href: placeholder ? undefined : href,
       ref: ref,
       role: role || (placeholder ? 'link' : undefined),
@@ -562,12 +616,12 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Link.displayName = 'Link';
 
-var _excluded$1h = ["appearance", "children", "className", "headingLevel", "label"],
+var _excluded$1k = ["appearance", "children", "className", "headingLevel", "label"],
   _excluded2$9 = ["className", "children"],
   _excluded3$4 = ["className", "children"],
   _excluded4$2 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
-function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMicrodataItem = function useMicrodataItem(_ref) {
   var prop = _ref.prop,
     type = _ref.type;
@@ -589,9 +643,9 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     _ref2$headingLevel = _ref2.headingLevel,
     headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
     label = _ref2.label,
-    restProps = _objectWithoutProperties(_ref2, _excluded$1h);
+    restProps = _objectWithoutProperties(_ref2, _excluded$1k);
   var headingId = label ? react.useId() : undefined;
-  return jsxRuntime.jsxs("nav", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
+  return jsxRuntime.jsxs("nav", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
       'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
@@ -603,7 +657,7 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
       level: headingLevel,
       "aria-hidden": "true",
       children: label
-    }), jsxRuntime.jsx("ol", _objectSpread$1i(_objectSpread$1i({
+    }), jsxRuntime.jsx("ol", _objectSpread$1l(_objectSpread$1l({
       className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
@@ -617,7 +671,7 @@ var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
     restProps = _objectWithoutProperties(_ref3, _excluded2$9);
-  return jsxRuntime.jsx("li", _objectSpread$1i(_objectSpread$1i(_objectSpread$1i({
+  return jsxRuntime.jsx("li", _objectSpread$1l(_objectSpread$1l(_objectSpread$1l({
     className: clsx('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
@@ -633,7 +687,7 @@ var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref)
   var className = _ref4.className,
     children = _ref4.children,
     restProps = _objectWithoutProperties(_ref4, _excluded3$4);
-  return jsxRuntime.jsx("li", _objectSpread$1i(_objectSpread$1i({
+  return jsxRuntime.jsx("li", _objectSpread$1l(_objectSpread$1l({
     "aria-hidden": "true",
     hidden: true,
     style: {
@@ -661,7 +715,7 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
   return jsxRuntime.jsx(BreadcrumbNavItem, {
-    children: jsxRuntime.jsxs(LinkComponent, _objectSpread$1i(_objectSpread$1i(_objectSpread$1i({
+    children: jsxRuntime.jsxs(LinkComponent, _objectSpread$1l(_objectSpread$1l(_objectSpread$1l({
       className: clsx('utrecht-breadcrumb-nav__link', className, {
         'utrecht-breadcrumb-nav__link--current': current,
         'utrecht-breadcrumb-nav__link--disabled': disabled
@@ -673,11 +727,11 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
       "aria-disabled": disabled ? 'true' : undefined
     }, useMicrodataProp('item')), restProps), {}, {
       ref: ref,
-      children: [jsxRuntime.jsx("span", _objectSpread$1i(_objectSpread$1i({
+      children: [jsxRuntime.jsx("span", _objectSpread$1l(_objectSpread$1l({
         className: "utrecht-breadcrumb-nav__text"
       }, useMicrodataProp('name')), {}, {
         children: children
-      })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$1i(_objectSpread$1i({}, useMicrodataProp('position')), {}, {
+      })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$1l(_objectSpread$1l({}, useMicrodataProp('position')), {}, {
         content: String(index + 1)
       })) : null]
     }))
@@ -685,9 +739,9 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
 });
 BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 
-var _excluded$1g = ["children", "className", "direction"];
-function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1j = ["children", "className", "direction"];
+function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var hasManyElements = function hasManyElements(children) {
   return Array.isArray(children) && children.reduce(function (count, item) {
     return /*#__PURE__*/react.isValidElement(item) ? count + 1 : count;
@@ -697,8 +751,8 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     direction = _ref.direction,
-    restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsxRuntime.jsx("p", _objectSpread$1h(_objectSpread$1h({
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsxRuntime.jsx("p", _objectSpread$1k(_objectSpread$1k({
     role: hasManyElements(children) ? 'group' : undefined
   }, restProps), {}, {
     ref: ref,
@@ -711,9 +765,9 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ButtonGroup.displayName = 'ButtonGroup';
 
-var _excluded$1f = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
-function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1i = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
+function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var onKeyDown = function onKeyDown(evt) {
   var _evt$target;
   if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
@@ -731,18 +785,18 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     href = _ref.href,
     placeholder = _ref.placeholder,
     role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
   var props = restProps;
   if (role === 'button') {
     // When this link is announced as button by accessibility tools,
     // it should also behave like a button. Links are not activated
     // using `Space`, so we need to implement that behaviour here
     // to reach parity with the `button` element.
-    props = _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    props = _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
       onKeyDown: onKeyDown
     });
   }
-  return jsxRuntime.jsx("a", _objectSpread$1g(_objectSpread$1g({
+  return jsxRuntime.jsx("a", _objectSpread$1j(_objectSpread$1j({
     href: placeholder ? undefined : href,
     ref: ref,
     role: role || (placeholder ? 'link' : undefined),
@@ -761,19 +815,20 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ButtonLink.displayName = 'ButtonLink';
 
-var _excluded$1e = ["appearance", "disabled", "indeterminate", "invalid", "required", "className"];
-function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1h = ["appearance", "disabled", "indeterminate", "inputRequired", "invalid", "required", "className"];
+function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
     disabled = _ref.disabled,
     _ref$indeterminate = _ref.indeterminate,
     indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
+    inputRequired = _ref.inputRequired,
     invalid = _ref.invalid,
     required = _ref.required,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
   // What's the correct way to use useRef and forwardRef together?
   // https://stackoverflow.com/a/68163315
   // `indeterminate` is has no TypeScript definition in React.
@@ -787,7 +842,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       internalRef.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return jsxRuntime.jsx("input", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+  return jsxRuntime.jsx("input", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
     ref: internalRef,
     type: "checkbox",
     className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
@@ -795,24 +850,25 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       'utrecht-checkbox--custom': appearance === 'custom',
       'utrecht-checkbox--invalid': invalid,
       'utrecht-checkbox--indeterminate': indeterminate,
-      'utrecht-checkbox--required': required
+      'utrecht-checkbox--required': required || inputRequired
     }, className),
     "aria-checked": indeterminate ? 'mixed' : undefined,
     "aria-invalid": invalid || undefined,
+    "aria-required": required ? required : undefined,
     disabled: disabled,
-    required: required
+    required: inputRequired
   }));
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded$1d = ["children", "className"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1g = ["children", "className"];
+function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsxRuntime.jsx("code", _objectSpread$1e(_objectSpread$1e({
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
+  return jsxRuntime.jsx("code", _objectSpread$1h(_objectSpread$1h({
     ref: ref,
     className: clsx('utrecht-code', className)
   }, restProps), {}, {
@@ -821,14 +877,14 @@ var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Code.displayName = 'Code';
 
-var _excluded$1c = ["children", "className"];
-function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1f = ["children", "className"];
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsxRuntime.jsx("pre", _objectSpread$1d(_objectSpread$1d({
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsxRuntime.jsx("pre", _objectSpread$1g(_objectSpread$1g({
     ref: ref,
     className: clsx('utrecht-code-block', className)
   }, restProps), {}, {
@@ -840,19 +896,19 @@ var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CodeBlock.displayName = 'CodeBlock';
 
-var _excluded$1b = ["children", "className", "color", "style"];
-function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1e = ["children", "className", "color", "style"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     style = _ref.style,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsxRuntime.jsx("data", _objectSpread$1c(_objectSpread$1c({
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsxRuntime.jsx("data", _objectSpread$1f(_objectSpread$1f({
     ref: ref,
     className: clsx('utrecht-color-sample', className),
-    style: _objectSpread$1c(_objectSpread$1c({}, style), {}, {
+    style: _objectSpread$1f(_objectSpread$1f({}, style), {}, {
       color: color
     }),
     value: color
@@ -862,28 +918,33 @@ var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 ColorSample.displayName = 'ColorSample';
 
+var _excluded$1d = ["children", "className", "rule"];
+function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColumnLayout = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    rule = _ref.rule;
-  return jsxRuntime.jsx("div", {
+    rule = _ref.rule,
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({
     className: clsx('utrecht-column-layout', {
       'utrecht-column-layout--rule': rule
     }, className),
-    ref: ref,
+    ref: ref
+  }, restProps), {}, {
     children: children
-  });
+  }));
 });
 ColumnLayout.displayName = 'ColumnLayout';
 
-var _excluded$1a = ["className"],
+var _excluded$1c = ["className"],
   _excluded2$8 = ["className", "position"];
-function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Combobox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({
     className: clsx('utrecht-combobox', className)
   }, restProps), {}, {
     ref: ref
@@ -894,7 +955,7 @@ var ComboboxPopover = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     position = _ref2.position,
     restProps = _objectWithoutProperties(_ref2, _excluded2$8);
-  return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({
+  return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({
     className: clsx('utrecht-combobox__popover', {
       'utrecht-search-bar__popover--block-end': !position || position === 'block-end'
     }, className)
@@ -904,9 +965,9 @@ var ComboboxPopover = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 ComboboxPopover.displayName = 'ComboboxPopover';
 
-var _excluded$19 = ["children", "currency", "amount", "locale", "className"];
-function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1b = ["children", "currency", "amount", "locale", "className"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var formatLabel = function formatLabel(locale, currency, amount) {
   return new Intl.NumberFormat(locale, {
     style: 'currency',
@@ -942,11 +1003,11 @@ var CurrencyData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
   var number = typeof amount === 'string' ? parseFloat(amount) : amount;
   var labelFormatted = formatLabel(locale, currency, number);
   var visuallyFormatted = formatVisually(locale, currency, number);
-  return jsxRuntime.jsx("data", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+  return jsxRuntime.jsx("data", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     value: "".concat(currency, " ").concat(amount),
     className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
@@ -956,39 +1017,39 @@ var CurrencyData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 CurrencyData.displayName = 'CurrencyData';
 
-var _excluded$18 = ["children", "className", "dateTime", "value"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1a = ["children", "className", "dateTime", "value"];
+function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     dateTime = _ref.dateTime,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  var props = _objectSpread$19({
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  var props = _objectSpread$1b({
     children: children,
     className: clsx('utrecht-badge-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$19(_objectSpread$19({}, props), {}, {
+  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$19(_objectSpread$19({}, props), {}, {
+  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", _objectSpread$19(_objectSpread$19({}, props), {}, {
+  })) : jsxRuntime.jsx("span", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
     ref: ref
   }));
 });
 DataBadge.displayName = 'DataBadge';
 
-var _excluded$17 = ["children", "className"];
-function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$19 = ["children", "className"];
+function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsxRuntime.jsx("div", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsxRuntime.jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-document', className),
     children: children
@@ -996,18 +1057,18 @@ var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Document.displayName = 'Document';
 
-var _excluded$16 = ["appearance", "children", "className"],
+var _excluded$18 = ["appearance", "children", "className"],
   _excluded2$7 = ["children", "className"],
   _excluded3$3 = ["children", "className"],
   _excluded4$1 = ["children", "className"];
-function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsxRuntime.jsx("dl", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
+  return jsxRuntime.jsx("dl", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
     ref: ref,
     children: children
@@ -1018,7 +1079,7 @@ var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$7);
-  return jsxRuntime.jsx("div", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     className: clsx('utrecht-data-list__item', className),
     ref: ref,
     children: children
@@ -1029,7 +1090,7 @@ var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3$3);
-  return jsxRuntime.jsx("dt", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+  return jsxRuntime.jsx("dt", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     className: clsx('utrecht-data-list__item-key', className),
     ref: ref,
     children: children
@@ -1059,7 +1120,7 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
   var children = _ref5.children,
     className = _ref5.className,
     restProps = _objectWithoutProperties(_ref5, _excluded4$1);
-  return jsxRuntime.jsx("dd", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
+  return jsxRuntime.jsx("dd", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
     ref: ref,
     children: children
@@ -1067,15 +1128,15 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
 });
 DataListActions.displayName = 'DataListActions';
 
-var _excluded$15 = ["align", "children", "className", "modal"];
-function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$17 = ["align", "children", "className", "modal"];
+function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var align = _ref.align,
     children = _ref.children,
     className = _ref.className,
     modal = _ref.modal,
-    restProps = _objectWithoutProperties(_ref, _excluded$15);
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
   var dialogRef = react.useRef(null);
   react.useImperativeHandle(ref, function () {
     return dialogRef.current;
@@ -1088,7 +1149,7 @@ var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       dialogRef.current.showModal();
     }
   });
-  return jsxRuntime.jsx("dialog", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
+  return jsxRuntime.jsx("dialog", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     ref: dialogRef,
     className: clsx('utrecht-drawer', {
       'utrecht-drawer--block-end': align === 'block-end',
@@ -1101,14 +1162,14 @@ var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Drawer.displayName = 'Drawer';
 
-var _excluded$14 = ["children", "className"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$16 = ["children", "className"];
+function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsxRuntime.jsx("em", _objectSpread$15(_objectSpread$15({
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsxRuntime.jsx("em", _objectSpread$17(_objectSpread$17({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
   }, restProps), {}, {
@@ -1117,10 +1178,10 @@ var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Emphasis.displayName = 'Emphasis';
 
-var _excluded$13 = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
+var _excluded$15 = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "required", "role"],
   _excluded2$6 = ["className", "children", "disabled", "invalid"];
-function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var ariaDescribedby = _ref['aria-describedby'],
     ariaLabel = _ref['aria-label'],
@@ -1131,16 +1192,18 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     form = _ref.form,
     invalid = _ref.invalid,
     name = _ref.name,
+    required = _ref.required,
     role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsxRuntime.jsx("div", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
     children: jsxRuntime.jsx("fieldset", {
       "aria-describedby": ariaDescribedby,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
-      "aria-invalid": invalid || undefined,
+      "aria-invalid": role === 'radiogroup' ? invalid || undefined : undefined,
+      "aria-required": role === 'radiogroup' ? required || undefined : undefined,
       disabled: disabled,
       form: form,
       name: name,
@@ -1157,7 +1220,7 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     disabled = _ref2.disabled,
     invalid = _ref2.invalid,
     restProps = _objectWithoutProperties(_ref2, _excluded2$6);
-  return jsxRuntime.jsx("fieldset", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
+  return jsxRuntime.jsx("fieldset", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
     ref: ref,
     "aria-invalid": invalid || undefined,
     disabled: disabled,
@@ -1167,14 +1230,14 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 FieldsetOnly.displayName = 'Fieldset';
 
-var _excluded$12 = ["className", "children"];
-function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$14 = ["className", "children"];
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsxRuntime.jsx("legend", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsxRuntime.jsx("legend", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
     children: children
@@ -1182,14 +1245,14 @@ var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FieldsetLegend.displayName = 'FieldsetLegend';
 
-var _excluded$11 = ["className", "children"];
-function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$13 = ["className", "children"];
+function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsxRuntime.jsx("figure", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("figure", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-figure', className),
     children: children
@@ -1197,14 +1260,14 @@ var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Figure.displayName = 'Figure';
 
-var _excluded$10 = ["className", "children"];
-function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$12 = ["className", "children"];
+function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsxRuntime.jsx("figcaption", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsx("figcaption", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-figure__caption', className),
     children: children
@@ -1212,9 +1275,9 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FigureCaption.displayName = 'FigureCaption';
 
-var _excluded$$ = ["className", "children", "description", "errorMessage", "input", "invalid", "label", "type"];
-function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$11 = ["className", "children", "description", "errorMessage", "input", "invalid", "label", "type"];
+function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
@@ -1224,8 +1287,8 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     invalid = _ref.invalid,
     label = _ref.label,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsxRuntime.jsxs("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsxRuntime.jsxs("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-field', {
       'utrecht-form-field--invalid': invalid,
@@ -1250,17 +1313,17 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormField.displayName = 'FormField';
 
-var _excluded$_ = ["invalid", "valid", "warning", "className", "children"];
-function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$10 = ["invalid", "valid", "warning", "className", "children"];
+function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var invalid = _ref.invalid,
     valid = _ref.valid,
     warning = _ref.warning,
     className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
-  return jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$10);
+  return jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, 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),
     children: children
@@ -1268,14 +1331,14 @@ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormFieldDescription.displayName = 'FormFieldDescription';
 
-var _excluded$Z = ["className", "children"];
-function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$$ = ["className", "children"];
+function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormFieldErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsxRuntime.jsx("div", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
+  return jsxRuntime.jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-field-error-message', className),
     children: children
@@ -1283,17 +1346,17 @@ var FormFieldErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
 
-var _excluded$Y = ["children", "className", "type", "disabled", "checked"];
-function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$_ = ["children", "className", "type", "disabled", "checked"];
+function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     type = _ref.type,
     disabled = _ref.disabled,
     checked = _ref.checked,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsxRuntime.jsx("label", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsxRuntime.jsx("label", _objectSpread$$(_objectSpread$$({}, 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),
     children: children
@@ -1301,10 +1364,199 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormLabel.displayName = 'FormLabel';
 
-var _excluded$X = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
-function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var _excluded$Z = ["checked", "children", "defaultChecked", "defaultValue", "description", "disabled", "errorMessage", "indeterminate", "inputRef", "inputRequired", "invalid", "label", "name", "onBlur", "onChange", "onFocus", "onInput", "required", "status", "value"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldCheckbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var checked = _ref.checked,
+    children = _ref.children,
+    defaultChecked = _ref.defaultChecked,
+    defaultValue = _ref.defaultValue,
+    description = _ref.description,
+    disabled = _ref.disabled,
+    errorMessage = _ref.errorMessage,
+    indeterminate = _ref.indeterminate,
+    inputRef = _ref.inputRef,
+    inputRequired = _ref.inputRequired,
+    invalid = _ref.invalid,
+    label = _ref.label,
+    name = _ref.name,
+    onBlur = _ref.onBlur,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onInput = _ref.onInput,
+    required = _ref.required,
+    status = _ref.status,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded$Z);
+  var inputId = react.useId();
+  var descriptionId = react.useId();
+  var statusId = react.useId();
+  var errorMessageId = react.useId();
+  return jsxRuntime.jsxs(FormField, _objectSpread$_(_objectSpread$_({
+    invalid: invalid,
+    type: "checkbox",
+    ref: ref
+  }, props), {}, {
+    children: [jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__label utrecht-form-field__label--checkbox",
+      children: jsxRuntime.jsxs(FormLabel, {
+        type: "checkbox",
+        htmlFor: inputId,
+        children: [jsxRuntime.jsx(Checkbox, {
+          "aria-describedby": clsx(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
+          checked: checked,
+          className: "utrecht-form-field__input",
+          defaultChecked: defaultChecked,
+          defaultValue: defaultValue,
+          disabled: disabled,
+          id: inputId,
+          indeterminate: indeterminate,
+          ref: inputRef,
+          inputRequired: inputRequired,
+          invalid: invalid,
+          name: name,
+          onBlur: onBlur,
+          onChange: onChange,
+          onFocus: onFocus,
+          onInput: onInput,
+          required: required,
+          value: value
+        }), label]
+      })
+    }), description && jsxRuntime.jsx(FormFieldDescription, {
+      className: "utrecht-form-field__description",
+      id: descriptionId,
+      children: description
+    }), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage, {
+      className: "utrecht-form-field__error-message",
+      id: errorMessageId,
+      children: errorMessage
+    }), status && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__status",
+      id: statusId,
+      children: status
+    }), children]
+  }));
+});
+FormFieldCheckbox.displayName = 'FormFieldCheckbox';
+
+var _excluded$Y = ["dir", "disabled", "inputRequired", "invalid", "readOnly", "required", "className"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var dir = _ref.dir,
+    disabled = _ref.disabled,
+    inputRequired = _ref.inputRequired,
+    invalid = _ref.invalid,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsxRuntime.jsx("textarea", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', (required || inputRequired) && 'utrecht-textarea--required', className),
+    dir: dir !== null && dir !== void 0 ? dir : 'auto',
+    disabled: disabled,
+    readOnly: readOnly,
+    "aria-required": required ? required : undefined,
+    required: inputRequired,
+    "aria-invalid": invalid || undefined
+  }));
+});
+Textarea.displayName = 'Textarea';
+
+var _excluded$X = ["autoComplete", "children", "cols", "defaultValue", "description", "disabled", "errorMessage", "inputDir", "inputRequired", "invalid", "label", "maxLength", "minLength", "name", "onBlur", "onChange", "onFocus", "onInput", "placeholder", "readOnly", "required", "rows", "status", "inputRef", "value"];
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldTextarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var autoComplete = _ref.autoComplete,
+    children = _ref.children,
+    cols = _ref.cols,
+    defaultValue = _ref.defaultValue,
+    description = _ref.description,
+    disabled = _ref.disabled,
+    errorMessage = _ref.errorMessage,
+    inputDir = _ref.inputDir,
+    inputRequired = _ref.inputRequired,
+    invalid = _ref.invalid,
+    label = _ref.label,
+    maxLength = _ref.maxLength,
+    minLength = _ref.minLength,
+    name = _ref.name,
+    onBlur = _ref.onBlur,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onInput = _ref.onInput,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    rows = _ref.rows,
+    status = _ref.status,
+    inputRef = _ref.inputRef,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded$X);
+  var inputId = react.useId();
+  var descriptionId = react.useId();
+  var statusId = react.useId();
+  var errorMessageId = react.useId();
+  return jsxRuntime.jsxs(FormField, _objectSpread$Y(_objectSpread$Y({
+    invalid: invalid,
+    ref: ref
+  }, props), {}, {
+    children: [jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__label",
+      children: jsxRuntime.jsx(FormLabel, {
+        htmlFor: inputId,
+        children: label
+      })
+    }), description && jsxRuntime.jsx(FormFieldDescription, {
+      className: "utrecht-form-field__description",
+      id: descriptionId,
+      children: description
+    }), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage, {
+      className: "utrecht-form-field__error-message",
+      id: errorMessageId,
+      children: errorMessage
+    }), jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__input",
+      children: jsxRuntime.jsx(Textarea, {
+        "aria-describedby": clsx(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
+        autoComplete: autoComplete,
+        cols: cols,
+        defaultValue: defaultValue,
+        dir: inputDir,
+        disabled: disabled,
+        id: inputId,
+        inputRequired: inputRequired,
+        invalid: invalid,
+        maxLength: maxLength,
+        minLength: minLength,
+        name: name,
+        onBlur: onBlur,
+        onChange: onChange,
+        onFocus: onFocus,
+        onInput: onInput,
+        placeholder: placeholder,
+        readOnly: readOnly,
+        ref: inputRef,
+        required: required,
+        rows: rows,
+        value: value
+      })
+    }), status && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__status",
+      id: statusId,
+      children: status
+    }), children]
+  }));
+});
+FormFieldTextarea.displayName = 'FormFieldTextarea';
+
+var _excluded$W = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var dir = _ref.dir,
     disabled = _ref.disabled,
     invalid = _ref.invalid,
@@ -1315,8 +1567,8 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
     inputMode = _ref.inputMode,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
-  return jsxRuntime.jsx("input", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$W);
+  return jsxRuntime.jsx("input", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
     ref: ref,
     type: type,
     className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', (required || inputRequired) && 'utrecht-textbox--required', className),
@@ -1331,9 +1583,9 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Textbox.displayName = 'Textbox';
 
-var _excluded$W = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$V = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var name = _ref.name,
     invalid = _ref.invalid,
@@ -1365,12 +1617,12 @@ var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     size = _ref.size,
     children = _ref.children,
     inputRef = _ref.inputRef,
-    props = _objectWithoutProperties(_ref, _excluded$W);
+    props = _objectWithoutProperties(_ref, _excluded$V);
   var inputId = react.useId();
   var descriptionId = react.useId();
   var statusId = react.useId();
   var errorMessageId = react.useId();
-  return jsxRuntime.jsxs(FormField, _objectSpread$X(_objectSpread$X({
+  return jsxRuntime.jsxs(FormField, _objectSpread$W(_objectSpread$W({
     invalid: invalid,
     ref: ref
   }, props), {}, {
@@ -1428,9 +1680,9 @@ var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormFieldTextbox.displayName = 'FormFieldTextbox';
 
-var _excluded$V = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
-function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$U = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
     disabled = _ref.disabled,
@@ -1441,7 +1693,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     role = _ref.role,
     tabIndex = _ref.tabIndex,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$V);
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
   return jsxRuntime.jsxs("div", {
     className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
       'utrecht-form-toggle--disabled': disabled,
@@ -1449,7 +1701,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       'utrecht-form-toggle--required': required
     }, className),
     hidden: hidden,
-    children: [jsxRuntime.jsx("input", _objectSpread$W({
+    children: [jsxRuntime.jsx("input", _objectSpread$V({
       id: id,
       "aria-invalid": invalid || undefined,
       type: "checkbox",
@@ -1471,14 +1723,14 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormToggle.displayName = 'FormToggle';
 
-var _excluded$U = ["children", "className"];
-function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$T = ["children", "className"];
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
-  return jsxRuntime.jsx("div", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
+  return jsxRuntime.jsx("div", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-html', className),
     children: children
@@ -1486,14 +1738,14 @@ var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 HTMLContent.displayName = 'HTMLContent';
 
-var _excluded$T = ["children", "className"];
-function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$S = ["children", "className"];
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
-  return jsxRuntime.jsx("h1", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsxRuntime.jsx("h1", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-1', className),
     children: children
@@ -1501,14 +1753,14 @@ var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading1.displayName = 'Heading1';
 
-var _excluded$S = ["children", "className"];
-function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$R = ["children", "className"];
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return jsxRuntime.jsx("h2", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsxRuntime.jsx("h2", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-2', className),
     children: children
@@ -1516,14 +1768,14 @@ var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading2.displayName = 'Heading2';
 
-var _excluded$R = ["children", "className"];
-function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Q = ["children", "className"];
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsxRuntime.jsx("h3", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxRuntime.jsx("h3", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-3', className),
     children: children
@@ -1531,14 +1783,14 @@ var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading3.displayName = 'Heading3';
 
-var _excluded$Q = ["children", "className"];
-function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$P = ["children", "className"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsxRuntime.jsx("h4", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsx("h4", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-4', className),
     children: children
@@ -1546,14 +1798,14 @@ var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading4.displayName = 'Heading4';
 
-var _excluded$P = ["children", "className"];
-function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$O = ["children", "className"];
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsxRuntime.jsx("h5", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsxRuntime.jsx("h5", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-5', className),
     children: children
@@ -1561,14 +1813,14 @@ var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading5.displayName = 'Heading5';
 
-var _excluded$O = ["children", "className"];
-function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$N = ["children", "className"];
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsxRuntime.jsx("h6", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsxRuntime.jsx("h6", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-6', className),
     children: children
@@ -1576,14 +1828,14 @@ var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading6.displayName = 'Heading6';
 
-var _excluded$N = ["children", "className"];
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$M = ["children", "className"];
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsxRuntime.jsx("hgroup", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsxRuntime.jsx("hgroup", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-group', className),
     children: children
@@ -1591,9 +1843,9 @@ var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 HeadingGroup.displayName = 'HeadingGroup';
 
-var _excluded$M = ["children", "value", "className"];
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$L = ["children", "value", "className"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* Exported only for unit tests, not part of the public API */
 var normalizeIBAN = function normalizeIBAN(iban) {
   return iban
@@ -1610,10 +1862,10 @@ var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     value = _ref.value,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
   var normalized = normalizeIBAN(value);
   var formatted = formatIBAN(normalized);
-  return jsxRuntime.jsx("data", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+  return jsxRuntime.jsx("data", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
     ref: ref,
     value: normalized,
     className: clsx('utrecht-iban-data', className),
@@ -1623,33 +1875,36 @@ var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 IBANData.displayName = 'IBANData';
 
-var _excluded$L = ["children", "className"];
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$K = ["children", "className", "role"];
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsxRuntime.jsx("span", _objectSpread$M(_objectSpread$M({
-    "aria-hidden": "true",
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'presentation' : _ref$role,
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  return jsxRuntime.jsx("span", _objectSpread$L(_objectSpread$L({
     ref: ref,
-    className: clsx('utrecht-icon', className)
+    className: clsx('utrecht-icon', className),
+    role: role,
+    "aria-hidden": role === 'presentation' ? 'true' : undefined
   }, restProps), {}, {
     children: children
   }));
 });
 Icon.displayName = 'Icon';
 
-var _excluded$K = ["component", "currentChar", "characters", "onLinkClick", "Link"];
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$J = ["component", "currentChar", "characters", "onLinkClick", "Link"];
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var component = _ref.component,
     currentChar = _ref.currentChar,
     characters = _ref.characters,
     onLinkClick = _ref.onLinkClick,
     Link = _ref.Link,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
   var LinkComponent = Link ? Link : ButtonLink;
   var links = [];
   if (component === 'button') {
@@ -1657,7 +1912,7 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       var _char = _ref2["char"],
         disabled = _ref2.disabled;
       var current = currentChar === _char;
-      return /*#__PURE__*/react.createElement(Button, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+      return /*#__PURE__*/react.createElement(Button, _objectSpread$K(_objectSpread$K({}, restProps), {}, {
         className: clsx({
           'utrecht-index-char-nav__link--current': current
         }),
@@ -1687,7 +1942,7 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         'utrecht-index-char-nav__link--disabled': disabled,
         'utrecht-button-link--placeholder': disabled
       });
-      return jsxRuntime.jsx(LinkComponent, _objectSpread$L(_objectSpread$L({
+      return jsxRuntime.jsx(LinkComponent, _objectSpread$K(_objectSpread$K({
         ref: ref,
         appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
         href: href,
@@ -1717,14 +1972,14 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 IndexCharNav.displayName = 'IndexCharNav';
 
-var _excluded$J = ["className", "photo"];
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$I = ["className", "photo"];
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     photo = _ref.photo,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsxRuntime.jsx("img", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsxRuntime.jsx("img", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-img', {
       'utrecht-img--photo': photo
@@ -1733,9 +1988,9 @@ var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Image.displayName = 'Image';
 
-var _excluded$I = ["children", "disabled", "inline", "className", "pressed", "type"];
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$H = ["children", "disabled", "inline", "className", "pressed", "type"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     disabled = _ref.disabled,
@@ -1743,8 +1998,8 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     pressed = _ref.pressed,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsxRuntime.jsx("button", _objectSpread$J(_objectSpread$J({
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsxRuntime.jsx("button", _objectSpread$I(_objectSpread$I({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -1760,15 +2015,15 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 LinkButton.displayName = 'LinkButton';
 
-var _excluded$H = ["children", "className", "external"];
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$G = ["children", "className", "external"];
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     external = _ref.external,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsxRuntime.jsx("a", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
+  return jsxRuntime.jsx("a", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-link-social', className),
     rel: external !== false ? 'external noopener noreferrer' : undefined,
@@ -1777,18 +2032,18 @@ var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 LinkSocial.displayName = 'LinkSocial';
 
-var _excluded$G = ["className", "icon", "children"],
+var _excluded$F = ["className", "icon", "children"],
   _excluded2$5 = ["children", "icon", "links", "className"];
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     icon = _ref.icon,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
   return jsxRuntime.jsx("li", {
     className: clsx('utrecht-link-list__item', className),
-    children: jsxRuntime.jsxs(Link, _objectSpread$H(_objectSpread$H({
+    children: jsxRuntime.jsxs(Link, _objectSpread$G(_objectSpread$G({
       className: "utrecht-link-list__link"
     }, restProps), {}, {
       ref: ref,
@@ -1806,13 +2061,13 @@ var LinkList = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     links = _ref2.links,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$5);
-  return jsxRuntime.jsxs("ul", _objectSpread$H(_objectSpread$H({
+  return jsxRuntime.jsxs("ul", _objectSpread$G(_objectSpread$G({
     role: "list",
     ref: ref,
     className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
   }, restProps), {}, {
     children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
-      return jsxRuntime.jsx(LinkListLink, _objectSpread$H({
+      return jsxRuntime.jsx(LinkListLink, _objectSpread$G({
         icon: typeof icon === 'function' ? icon() : undefined
       }, linkProps), index);
     })]
@@ -1820,11 +2075,11 @@ var LinkList = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 LinkList.displayName = 'LinkList';
 
-var _excluded$F = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
+var _excluded$E = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
   _excluded2$4 = ["children", "label"],
   _excluded3$2 = ["active", "className", "disabled", "selected"];
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Listbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1833,8 +2088,8 @@ var Listbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     multiple = _ref.multiple,
     readOnly = _ref.readOnly,
     required = _ref.required,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
-  return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxRuntime.jsx("div", _objectSpread$F(_objectSpread$F({
     className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
       'utrecht-listbox--disabled': disabled,
       'utrecht-listbox--invalid': invalid,
@@ -1861,7 +2116,7 @@ var ListboxOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     label = _ref2.label,
     restProps = _objectWithoutProperties(_ref2, _excluded2$4);
   var id = react.useId();
-  return jsxRuntime.jsxs("li", _objectSpread$G(_objectSpread$G({
+  return jsxRuntime.jsxs("li", _objectSpread$F(_objectSpread$F({
     className: "utrecht-listbox__group",
     role: "group",
     "aria-labelledby": id
@@ -1883,7 +2138,7 @@ var ListboxOption = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
     disabled = _ref3.disabled,
     selected = _ref3.selected,
     restProps = _objectWithoutProperties(_ref3, _excluded3$2);
-  return jsxRuntime.jsx("li", _objectSpread$G(_objectSpread$G({
+  return jsxRuntime.jsx("li", _objectSpread$F(_objectSpread$F({
     className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
       'utrecht-listbox__option--active': active,
       'utrecht-listbox__option--disabled': disabled,
@@ -1914,27 +2169,31 @@ var ListSocialItem = function ListSocialItem(_ref2) {
   });
 };
 
-var _excluded$E = ["children", "className"];
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$D = ["children", "className", "caption"];
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsxRuntime.jsx("div", _objectSpread$F(_objectSpread$F({
+    caption = _ref.caption,
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsxRuntime.jsxs("figure", _objectSpread$E(_objectSpread$E({
     ref: ref,
     className: clsx('utrecht-logo', className)
   }, restProps), {}, {
-    children: children
+    children: [children, caption && jsxRuntime.jsx("figcaption", {
+      className: "utrecht-logo__caption",
+      children: caption
+    })]
   }));
 });
 Logo.displayName = 'Logo';
 
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
+  return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
     width: "192",
     height: "100",
     viewBox: "0 0 192 100",
@@ -2028,14 +2287,14 @@ var LogoImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 LogoImage.displayName = 'LogoImage';
 
-var _excluded$D = ["children", "className"];
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$C = ["children", "className"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return jsxRuntime.jsx("mark", _objectSpread$D(_objectSpread$D({
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("mark", _objectSpread$C(_objectSpread$C({
     ref: ref,
     className: clsx('utrecht-mark', className)
   }, restProps), {}, {
@@ -2044,14 +2303,14 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
 
-var _excluded$C = ["children", "className"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$B = ["children", "className"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultilineData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
-  return jsxRuntime.jsx("pre", _objectSpread$C(_objectSpread$C({
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  return jsxRuntime.jsx("pre", _objectSpread$B(_objectSpread$B({
     ref: ref,
     className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
   }, restProps), {}, {
@@ -2075,17 +2334,17 @@ var NavBar = function NavBar(_ref) {
 };
 NavBar.displayName = 'NavBar';
 
-var _excluded$B = ["appearance", "children", "className"],
+var _excluded$A = ["appearance", "children", "className"],
   _excluded2$3 = ["center", "children", "className"],
   _excluded3$1 = ["center", "children", "className"];
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NavList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
-  return jsxRuntime.jsx("ul", _objectSpread$B(_objectSpread$B({
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
+  return jsxRuntime.jsx("ul", _objectSpread$A(_objectSpread$A({
     role: "list",
     className: clsx('utrecht-nav-list', {
       'utrecht-nav-list--center': appearance === 'center'
@@ -2105,7 +2364,7 @@ var NavListLink = function NavListLink(_ref2) {
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
     }, className),
-    children: jsxRuntime.jsx(Link, _objectSpread$B(_objectSpread$B({
+    children: jsxRuntime.jsx(Link, _objectSpread$A(_objectSpread$A({
       className: "utrecht-nav-list__link"
     }, restProps), {}, {
       children: children
@@ -2122,7 +2381,7 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
     }, className),
-    children: jsxRuntime.jsx(LinkButton, _objectSpread$B(_objectSpread$B({
+    children: jsxRuntime.jsx(LinkButton, _objectSpread$A(_objectSpread$A({
       className: "utrecht-nav-list__link"
     }, restProps), {}, {
       children: children
@@ -2131,36 +2390,36 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
 };
 NavListLinkButton.displayName = 'NavListLinkButton';
 
-var _excluded$A = ["children", "className", "value"];
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$z = ["children", "className", "value"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NumberBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  var props = _objectSpread$A({
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  var props = _objectSpread$z({
     children: children,
     className: clsx('utrecht-number-badge', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$A(_objectSpread$A({}, props), {}, {
+  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", _objectSpread$A(_objectSpread$A({}, props), {}, {
+  })) : jsxRuntime.jsx("span", _objectSpread$z(_objectSpread$z({}, props), {}, {
     ref: ref
   }));
 });
 NumberBadge.displayName = 'NumberBadge';
 
-var _excluded$z = ["children", "className", "value"];
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$y = ["children", "className", "value"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  return jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("data", _objectSpread$y(_objectSpread$y({
     value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
   }, restProps), {}, {
     ref: ref,
@@ -2170,14 +2429,14 @@ var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 NumberData.displayName = 'NumberData';
 
-var _excluded$y = ["children", "className"];
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$x = ["children", "className"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$y);
-  return jsxRuntime.jsx("ol", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxRuntime.jsx("ol", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-ordered-list', className),
     children: children
@@ -2185,14 +2444,14 @@ var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 OrderedList.displayName = 'OrderedList';
 
-var _excluded$x = ["children", "className"];
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$w = ["children", "className"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$x);
-  return jsxRuntime.jsx("li", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
+  return jsxRuntime.jsx("li", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-ordered-list__item', className),
     children: children
@@ -2200,14 +2459,14 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 OrderedListItem.displayName = 'OrderedListItem';
 
-var _excluded$w = ["children", "className"];
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$v = ["children", "className"];
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
-  return jsxRuntime.jsx("div", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page', className),
     children: children
@@ -2215,15 +2474,15 @@ var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Page.displayName = 'Page';
 
-var _excluded$v = ["children", "className"],
+var _excluded$u = ["children", "className"],
   _excluded2$2 = ["children", "className"];
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsxRuntime.jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-content', className),
     children: children
@@ -2234,7 +2493,7 @@ var PageContentMain = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$2);
-  return jsxRuntime.jsx("main", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+  return jsxRuntime.jsx("main", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-content__main', className),
     children: children
@@ -2242,14 +2501,14 @@ var PageContentMain = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 PageContentMain.displayName = 'PageContentMain';
 
-var _excluded$u = ["children", "className"];
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$t = ["children", "className"];
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$u);
-  return jsxRuntime.jsx("footer", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
+  return jsxRuntime.jsx("footer", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-footer', className),
     children: children
@@ -2257,14 +2516,14 @@ var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PageFooter.displayName = 'PageFooter';
 
-var _excluded$t = ["children", "className"];
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$s = ["children", "className"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$t);
-  return jsxRuntime.jsx("header", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  return jsxRuntime.jsx("header", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-header', className),
     children: children
@@ -2272,16 +2531,16 @@ var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PageHeader.displayName = 'PageHeader';
 
-var _excluded$s = ["children", "className", "lead", "small"];
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$r = ["children", "className", "lead", "small"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     lead = _ref.lead,
     small = _ref.small,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
-  return jsxRuntime.jsx("p", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
+  return jsxRuntime.jsx("p", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
     children: lead ? jsxRuntime.jsx("b", {
@@ -2295,14 +2554,14 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Paragraph.displayName = 'Paragraph';
 
-var _excluded$r = ["loading", "className"];
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$q = ["loading", "className"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var loading = _ref.loading,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$r);
-  return jsxRuntime.jsx("span", _objectSpread$r({
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx("span", _objectSpread$q({
     ref: ref,
     className: clsx('utrecht-data-placeholder', {
       'utrecht-data-placeholder--loading': loading
@@ -2311,14 +2570,14 @@ var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 DataPlaceholder.displayName = 'DataPlaceholder';
 
-var _excluded$q = ["children", "className"];
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$p = ["children", "className"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$q);
-  return jsxRuntime.jsx("p", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  return jsxRuntime.jsx("p", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-pre-heading', className),
     children: children
@@ -2326,29 +2585,29 @@ var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PreHeading.displayName = 'PreHeading';
 
-var _excluded$p = ["children", "className", "dateTime", "value"];
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$o = ["children", "className", "dateTime", "value"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreserveData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     dateTime = _ref.dateTime,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$p);
-  var props = _objectSpread$p({
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  var props = _objectSpread$o({
     children: jsxRuntime.jsx("bdi", {
       translate: "no",
       children: children
     }),
     className: clsx('utrecht-preserve-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$p(_objectSpread$p({}, props), {}, {
+  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$o(_objectSpread$o({}, props), {}, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$p(_objectSpread$p({}, props), {}, {
+  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$o(_objectSpread$o({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("bdi", _objectSpread$p(_objectSpread$p({
+  })) : jsxRuntime.jsx("bdi", _objectSpread$o(_objectSpread$o({
     translate: "no",
     ref: ref
   }, props), {}, {
@@ -2357,16 +2616,16 @@ var PreserveData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PreserveData.displayName = 'PreserveData';
 
-var _excluded$o = ["disabled", "required", "className", "invalid"];
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$n = ["disabled", "required", "className", "invalid"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
     required = _ref.required,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$o);
-  return jsxRuntime.jsx("input", _objectSpread$o({
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("input", _objectSpread$n({
     type: "radio",
     "aria-invalid": invalid || undefined,
     disabled: disabled,
@@ -2377,14 +2636,14 @@ var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 RadioButton.displayName = 'RadioButton';
 
-var _excluded$n = ["className", "children"];
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$m = ["className", "children"];
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RichText = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
-  return jsxRuntime.jsx("div", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxRuntime.jsx("div", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-rich-text', className),
     children: children
@@ -2392,10 +2651,10 @@ var RichText = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 RichText.displayName = 'RichText';
 
-var _excluded$m = ["busy", "invalid", "required", "className", "noscript", "children"],
+var _excluded$l = ["busy", "invalid", "required", "className", "noscript", "children"],
   _excluded2$1 = ["disabled", "invalid", "value", "children", "className"];
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Select = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var busy = _ref.busy,
     invalid = _ref.invalid,
@@ -2403,8 +2662,8 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     noscript = _ref.noscript,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$m);
-  return jsxRuntime.jsx("select", _objectSpread$m(_objectSpread$m({
+    restProps = _objectWithoutProperties(_ref, _excluded$l);
+  return jsxRuntime.jsx("select", _objectSpread$l(_objectSpread$l({
     "aria-busy": busy || undefined,
     "aria-invalid": invalid || undefined,
     required: noscript ? required : false,
@@ -2423,7 +2682,7 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$1);
-  return jsxRuntime.jsx("option", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+  return jsxRuntime.jsx("option", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
     ref: ref,
     disabled: disabled,
     value: value,
@@ -2433,30 +2692,30 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 SelectOption.displayName = 'SelectOption';
 
-var _excluded$l = ["className", "children"];
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$k = ["className", "children"];
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Do not pass `children` along with `restProps` and use _children as it's unused
 var Separator = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className;
     _ref.children;
-    var restProps = _objectWithoutProperties(_ref, _excluded$l);
-  return jsxRuntime.jsx("hr", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
+    var restProps = _objectWithoutProperties(_ref, _excluded$k);
+  return jsxRuntime.jsx("hr", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-separator', className)
   }));
 });
 Separator.displayName = 'Separator';
 
-var _excluded$k = ["children", "className"];
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$j = ["children", "className"];
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$k);
+    restProps = _objectWithoutProperties(_ref, _excluded$j);
   return jsxRuntime.jsx("p", {
-    children: jsxRuntime.jsx("a", _objectSpread$k(_objectSpread$k({
+    children: jsxRuntime.jsx("a", _objectSpread$j(_objectSpread$j({
       ref: ref
     }, restProps), {}, {
       className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
@@ -2466,35 +2725,35 @@ var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 SkipLink.displayName = 'SkipLink';
 
-var _excluded$j = ["aside", "children", "className", "type"];
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$i = ["aside", "children", "className", "type"];
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var aside = _ref.aside,
     children = _ref.children,
     className = _ref.className,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$j);
-  var props = _objectSpread$j(_objectSpread$j({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$i);
+  var props = _objectSpread$i(_objectSpread$i({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-spotlight-section', _defineProperty({}, "utrecht-spotlight-section--".concat(type), type), className)
   });
-  return aside ? jsxRuntime.jsx("aside", _objectSpread$j(_objectSpread$j({}, props), {}, {
+  return aside ? jsxRuntime.jsx("aside", _objectSpread$i(_objectSpread$i({}, props), {}, {
     children: children
-  })) : jsxRuntime.jsx("section", _objectSpread$j(_objectSpread$j({}, props), {}, {
+  })) : jsxRuntime.jsx("section", _objectSpread$i(_objectSpread$i({}, props), {}, {
     children: children
   }));
 });
 SpotlightSection.displayName = 'SpotlightSection';
 
-var _excluded$i = ["className", "status"];
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$h = ["className", "status"];
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StatusBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     status = _ref.status,
-    restProps = _objectWithoutProperties(_ref, _excluded$i);
-  return jsxRuntime.jsx("span", _objectSpread$i(_objectSpread$i({
+    restProps = _objectWithoutProperties(_ref, _excluded$h);
+  return jsxRuntime.jsx("span", _objectSpread$h(_objectSpread$h({
     className: clsx('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
   }, restProps), {}, {
     ref: ref
@@ -2502,14 +2761,14 @@ var StatusBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 StatusBadge.displayName = 'StatusBadge';
 
-var _excluded$h = ["children", "className"];
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$g = ["children", "className"];
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Strong = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$h);
-  return jsxRuntime.jsx("strong", _objectSpread$h(_objectSpread$h({
+    restProps = _objectWithoutProperties(_ref, _excluded$g);
+  return jsxRuntime.jsx("strong", _objectSpread$g(_objectSpread$g({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
   }, restProps), {}, {
@@ -2518,15 +2777,15 @@ var Strong = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Strong.displayName = 'Strong';
 
-var _excluded$g = ["children", "className", "openType"];
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$f = ["children", "className", "openType"];
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Subscript = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     openType = _ref.openType,
-    restProps = _objectWithoutProperties(_ref, _excluded$g);
-  return jsxRuntime.jsx("sub", _objectSpread$g(_objectSpread$g({
+    restProps = _objectWithoutProperties(_ref, _excluded$f);
+  return jsxRuntime.jsx("sub", _objectSpread$f(_objectSpread$f({
     ref: ref,
     className: clsx('utrecht-subscript', {
       'utrecht-subscript--open-type': openType
@@ -2537,15 +2796,15 @@ var Subscript = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Subscript.displayName = 'Subscript';
 
-var _excluded$f = ["children", "className", "openType"];
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$e = ["children", "className", "openType"];
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Superscript = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     openType = _ref.openType,
-    restProps = _objectWithoutProperties(_ref, _excluded$f);
-  return jsxRuntime.jsx("sup", _objectSpread$f(_objectSpread$f({
+    restProps = _objectWithoutProperties(_ref, _excluded$e);
+  return jsxRuntime.jsx("sup", _objectSpread$e(_objectSpread$e({
     ref: ref,
     className: clsx('utrecht-superscript', {
       'utrecht-superscript--open-type': openType
@@ -2556,14 +2815,14 @@ var Superscript = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Superscript.displayName = 'Superscript';
 
-var _excluded$e = ["children", "className"];
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$d = ["children", "className"];
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Surface = /*#__PURE__*/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), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$d);
+  return jsxRuntime.jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-surface', className),
     children: children
@@ -2571,15 +2830,15 @@ var Surface = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Surface.displayName = 'Surface';
 
-var _excluded$d = ["overflowInline", "children", "className"];
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$c = ["overflowInline", "children", "className"];
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableContainer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var overflowInline = _ref.overflowInline,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$d);
-  return jsxRuntime.jsx("div", _objectSpread$d(_objectSpread$d({
+    restProps = _objectWithoutProperties(_ref, _excluded$c);
+  return jsxRuntime.jsx("div", _objectSpread$c(_objectSpread$c({
     ref: ref,
     className: clsx('utrecht-table-container', {
       'utrecht-table-container--overflow-inline': overflowInline
@@ -2590,15 +2849,15 @@ var TableContainer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableContainer.displayName = 'TableContainer';
 
-var _excluded$c = ["busy", "children", "className"];
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$b = ["busy", "children", "className"];
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var busy = _ref.busy,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$c);
-  return jsxRuntime.jsx("table", _objectSpread$c(_objectSpread$c({
+    restProps = _objectWithoutProperties(_ref, _excluded$b);
+  return jsxRuntime.jsx("table", _objectSpread$b(_objectSpread$b({
     "aria-busy": busy
   }, restProps), {}, {
     ref: ref,
@@ -2610,14 +2869,14 @@ var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Table.displayName = 'Table';
 
-var _excluded$b = ["children", "className"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$a = ["children", "className"];
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableBody = /*#__PURE__*/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), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$a);
+  return jsxRuntime.jsx("tbody", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__body', className),
     children: children
@@ -2625,14 +2884,14 @@ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableBody.displayName = 'TableBody';
 
-var _excluded$a = ["children", "className"];
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$9 = ["children", "className"];
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableCaption = /*#__PURE__*/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), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$9);
+  return jsxRuntime.jsx("caption", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__caption', className),
     children: children
@@ -2640,16 +2899,16 @@ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableCaption.displayName = 'TableCaption';
 
-var _excluded$9 = ["children", "className", "numericColumn", "selected"];
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$8 = ["children", "className", "numericColumn", "selected"];
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     numericColumn = _ref.numericColumn,
     selected = _ref.selected,
-    restProps = _objectWithoutProperties(_ref, _excluded$9);
-  return jsxRuntime.jsx("td", _objectSpread$9(_objectSpread$9({
+    restProps = _objectWithoutProperties(_ref, _excluded$8);
+  return jsxRuntime.jsx("td", _objectSpread$8(_objectSpread$8({
     "aria-selected": selected ? true : undefined
   }, restProps), {}, {
     ref: ref,
@@ -2662,15 +2921,15 @@ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableCell.displayName = 'TableCell';
 
-var _excluded$8 = ["children", "className", "sticky"];
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$7 = ["children", "className", "sticky"];
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     sticky = _ref.sticky,
-    restProps = _objectWithoutProperties(_ref, _excluded$8);
-  return jsxRuntime.jsx("tfoot", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxRuntime.jsx("tfoot", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__footer', {
       'utrecht-table__footer--sticky': sticky
@@ -2680,15 +2939,15 @@ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableFooter.displayName = 'TableFooter';
 
-var _excluded$7 = ["children", "className", "sticky"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$6 = ["children", "className", "sticky"];
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     sticky = _ref.sticky,
-    restProps = _objectWithoutProperties(_ref, _excluded$7);
-  return jsxRuntime.jsx("thead", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$6);
+  return jsxRuntime.jsx("thead", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-table__header', {
       'utrecht-table__header--sticky': sticky
@@ -2698,9 +2957,9 @@ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableHeader.displayName = 'TableHeader';
 
-var _excluded$6 = ["children", "className", "numericColumn", "selected", "sticky", "scope"];
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$5 = ["children", "className", "numericColumn", "selected", "sticky", "scope"];
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2708,8 +2967,8 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     selected = _ref.selected,
     sticky = _ref.sticky,
     scope = _ref.scope,
-    restProps = _objectWithoutProperties(_ref, _excluded$6);
-  return jsxRuntime.jsx("th", _objectSpread$6(_objectSpread$6({
+    restProps = _objectWithoutProperties(_ref, _excluded$5);
+  return jsxRuntime.jsx("th", _objectSpread$5(_objectSpread$5({
     "aria-selected": selected ? true : undefined,
     scope: scope
   }, restProps), {}, {
@@ -2725,17 +2984,17 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableHeaderCell.displayName = 'TableHeaderCell';
 
-var _excluded$5 = ["children", "className"],
+var _excluded$4 = ["children", "className"],
   _excluded2 = ["children", "className"],
   _excluded3 = ["children", "className"],
   _excluded4 = ["children", "className", "label"];
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableOfContents = function TableOfContents(_ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$5);
-  return jsxRuntime.jsx("section", _objectSpread$5(_objectSpread$5({
+    restProps = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxRuntime.jsx("section", _objectSpread$4(_objectSpread$4({
     className: clsx.clsx('utrecht-table-of-contents', className)
   }, restProps), {}, {
     children: children
@@ -2745,7 +3004,7 @@ var TableOfContentsList = function TableOfContentsList(_ref2) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
-  return jsxRuntime.jsx("ul", _objectSpread$5(_objectSpread$5({
+  return jsxRuntime.jsx("ul", _objectSpread$4(_objectSpread$4({
     className: clsx.clsx('utrecht-table-of-contents__list', className)
   }, restProps), {}, {
     children: children
@@ -2755,7 +3014,7 @@ var TableOfContentsListItem = function TableOfContentsListItem(_ref3) {
   var children = _ref3.children,
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3);
-  return jsxRuntime.jsx("li", _objectSpread$5(_objectSpread$5({
+  return jsxRuntime.jsx("li", _objectSpread$4(_objectSpread$4({
     className: clsx.clsx('utrecht-table-of-contents__list-item', className)
   }, restProps), {}, {
     children: jsxRuntime.jsx("span", {
@@ -2769,7 +3028,7 @@ var TableOfContentsLink = function TableOfContentsLink(_ref4) {
     className = _ref4.className,
     label = _ref4.label,
     restProps = _objectWithoutProperties(_ref4, _excluded4);
-  return jsxRuntime.jsxs(Link, _objectSpread$5(_objectSpread$5({
+  return jsxRuntime.jsxs(Link, _objectSpread$4(_objectSpread$4({
     className: clsx.clsx('utrecht-table-of-contents__link', className)
   }, restProps), {}, {
     children: [label && jsxRuntime.jsx("span", {
@@ -2782,15 +3041,15 @@ var TableOfContentsLink = function TableOfContentsLink(_ref4) {
   }));
 };
 
-var _excluded$4 = ["children", "className", "selected"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$3 = ["children", "className", "selected"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     selected = _ref.selected,
-    restProps = _objectWithoutProperties(_ref, _excluded$4);
-  return jsxRuntime.jsx("tr", _objectSpread$4(_objectSpread$4({
+    restProps = _objectWithoutProperties(_ref, _excluded$3);
+  return jsxRuntime.jsx("tr", _objectSpread$3(_objectSpread$3({
     "aria-selected": selected ? true : undefined
   }, restProps), {}, {
     ref: ref,
@@ -2802,29 +3061,6 @@ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TableRow.displayName = 'TableRow';
 
-var _excluded$3 = ["dir", "disabled", "invalid", "readOnly", "required", "className"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var dir = _ref.dir,
-    disabled = _ref.disabled,
-    invalid = _ref.invalid,
-    readOnly = _ref.readOnly,
-    required = _ref.required,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$3);
-  return jsxRuntime.jsx("textarea", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
-    dir: dir !== null && dir !== void 0 ? dir : 'auto',
-    disabled: disabled,
-    readOnly: readOnly,
-    required: required,
-    "aria-invalid": invalid || undefined
-  }));
-});
-Textarea.displayName = 'Textarea';
-
 var _excluded$2 = ["children", "className"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -2913,8 +3149,10 @@ exports.FieldsetLegend = FieldsetLegend;
 exports.Figure = Figure;
 exports.FigureCaption = FigureCaption;
 exports.FormField = FormField;
+exports.FormFieldCheckbox = FormFieldCheckbox;
 exports.FormFieldDescription = FormFieldDescription;
 exports.FormFieldErrorMessage = FormFieldErrorMessage;
+exports.FormFieldTextarea = FormFieldTextarea;
 exports.FormFieldTextbox = FormFieldTextbox;
 exports.FormLabel = FormLabel;
 exports.FormToggle = FormToggle;