@utrecht/component-library-react 7.1.0 → 7.3.0

package/dist/index.cjs.js

@@ -818,7 +818,7 @@ ButtonLink.displayName = 'ButtonLink';
 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 Checkbox$1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
     disabled = _ref.disabled,
@@ -859,7 +859,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     required: inputRequired
   }));
 });
-Checkbox.displayName = 'Checkbox';
+Checkbox$1.displayName = 'Checkbox';
 
 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; }
@@ -1178,6 +1178,21 @@ var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Emphasis.displayName = 'Emphasis';
 
+var _excluded$1$2 = ["className", "children"];
+function ownKeys$1$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$1$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$2(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$1$2);
+  return jsxRuntime.jsx("legend", _objectSpread$1$2(_objectSpread$1$2({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
+    children: children
+  }));
+});
+FieldsetLegend.displayName = 'FieldsetLegend';
+
 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$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; }
@@ -1233,41 +1248,26 @@ FieldsetOnly.displayName = 'Fieldset';
 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 Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsxRuntime.jsx("legend", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
+  return jsxRuntime.jsx("figure", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
+    className: clsx('utrecht-figure', className),
     children: children
   }));
 });
-FieldsetLegend.displayName = 'FieldsetLegend';
+Figure.displayName = 'Figure';
 
 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$13);
-  return jsxRuntime.jsx("figure", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-figure', className),
-    children: children
-  }));
-});
-Figure.displayName = 'Figure';
-
-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$12);
-  return jsxRuntime.jsx("figcaption", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsxRuntime.jsx("figcaption", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-figure__caption', className),
     children: children
@@ -1275,10 +1275,10 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FigureCaption.displayName = 'FigureCaption';
 
-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 _excluded$12 = ["className", "children", "description", "errorMessage", "input", "invalid", "label", "type"];
+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 FormField$1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     description = _ref.description,
@@ -1287,8 +1287,8 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     invalid = _ref.invalid,
     label = _ref.label,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  return jsxRuntime.jsxs("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsxRuntime.jsxs("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-field', {
       'utrecht-form-field--invalid': invalid,
@@ -1311,62 +1311,146 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     }), children]
   }));
 });
-FormField.displayName = 'FormField';
+FormField$1.displayName = 'FormField';
 
-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 _excluded$5$1 = ["appearance", "disabled", "indeterminate", "inputRequired", "invalid", "required", "className"];
+function ownKeys$5$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5$1(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$5$1);
+  // What's the correct way to use useRef and forwardRef together?
+  // https://stackoverflow.com/a/68163315
+  // `indeterminate` is has no TypeScript definition in React.
+  // `indeterminate` renders an attribute, not a property in React.
+  var internalRef = react.useRef(null);
+  react.useImperativeHandle(ref, function () {
+    return internalRef.current;
+  });
+  react.useEffect(function () {
+    if (internalRef.current) {
+      internalRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  return jsxRuntime.jsx("input", _objectSpread$5$1(_objectSpread$5$1({}, restProps), {}, {
+    ref: internalRef,
+    type: "checkbox",
+    className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
+      'utrecht-checkbox--disabled': disabled,
+      'utrecht-checkbox--custom': appearance === 'custom',
+      'utrecht-checkbox--invalid': invalid,
+      'utrecht-checkbox--indeterminate': indeterminate,
+      'utrecht-checkbox--required': required || inputRequired
+    }, className),
+    "aria-checked": indeterminate ? 'mixed' : undefined,
+    "aria-invalid": invalid || undefined,
+    "aria-required": required ? required : undefined,
+    disabled: disabled,
+    required: inputRequired
+  }));
+});
+Checkbox.displayName = 'Checkbox';
+
+var _excluded$4$1 = ["invalid", "valid", "warning", "className", "children"];
+function ownKeys$4$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldDescription$1 = /*#__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$10);
-  return jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$4$1);
+  return jsxRuntime.jsx("div", _objectSpread$4$1(_objectSpread$4$1({}, 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
   }));
 });
-FormFieldDescription.displayName = 'FormFieldDescription';
+FormFieldDescription$1.displayName = 'FormFieldDescription';
 
-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 _excluded$3$1 = ["className", "children"];
+function ownKeys$3$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormFieldErrorMessage$1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsxRuntime.jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$3$1);
+  return jsxRuntime.jsx("div", _objectSpread$3$1(_objectSpread$3$1({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-form-field-error-message', className),
     children: children
   }));
 });
-FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
+FormFieldErrorMessage$1.displayName = 'FormFieldErrorMessage';
 
-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 _excluded$2$1 = ["className", "children", "description", "errorMessage", "input", "invalid", "label", "type"];
+function ownKeys$2$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    description = _ref.description,
+    errorMessage = _ref.errorMessage,
+    input = _ref.input,
+    invalid = _ref.invalid,
+    label = _ref.label,
+    type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded$2$1);
+  return jsxRuntime.jsxs("div", _objectSpread$2$1(_objectSpread$2$1({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-form-field', {
+      'utrecht-form-field--invalid': invalid,
+      'utrecht-form-field--checkbox': type === 'checkbox',
+      'utrecht-form-field--radio': type === 'radio',
+      'utrecht-form-field--text': !type || type === 'text'
+    }, className),
+    children: [label && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__label",
+      children: label
+    }), description && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__description",
+      children: description
+    }), input && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__input",
+      children: input
+    }), errorMessage && jsxRuntime.jsx("div", {
+      className: "utrecht-form-field__error-message",
+      children: errorMessage
+    }), children]
+  }));
+});
+FormField.displayName = 'FormField';
+
+var _excluded$1$1 = ["children", "className", "type", "disabled", "checked"];
+function ownKeys$1$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormLabel$1 = /*#__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$_);
-  return jsxRuntime.jsx("label", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1$1);
+  return jsxRuntime.jsx("label", _objectSpread$1$1(_objectSpread$1$1({}, 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
   }));
 });
-FormLabel.displayName = 'FormLabel';
+FormLabel$1.displayName = 'FormLabel';
 
-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 _excluded$11 = ["checked", "children", "defaultChecked", "defaultValue", "description", "disabled", "errorMessage", "indeterminate", "inputRef", "inputRequired", "invalid", "label", "name", "onBlur", "onChange", "onFocus", "onInput", "required", "status", "value"];
+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 FormFieldCheckbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
     children = _ref.children,
@@ -1388,19 +1472,19 @@ var FormFieldCheckbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     required = _ref.required,
     status = _ref.status,
     value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded$Z);
+    props = _objectWithoutProperties(_ref, _excluded$11);
   var inputId = react.useId();
   var descriptionId = react.useId();
   var statusId = react.useId();
   var errorMessageId = react.useId();
-  return jsxRuntime.jsxs(FormField, _objectSpread$_(_objectSpread$_({
+  return jsxRuntime.jsxs(FormField, _objectSpread$12(_objectSpread$12({
     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, {
+      children: jsxRuntime.jsxs(FormLabel$1, {
         type: "checkbox",
         htmlFor: inputId,
         children: [jsxRuntime.jsx(Checkbox, {
@@ -1424,11 +1508,11 @@ var FormFieldCheckbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
           value: value
         }), label]
       })
-    }), description && jsxRuntime.jsx(FormFieldDescription, {
+    }), description && jsxRuntime.jsx(FormFieldDescription$1, {
       className: "utrecht-form-field__description",
       id: descriptionId,
       children: description
-    }), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage, {
+    }), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage$1, {
       className: "utrecht-form-field__error-message",
       id: errorMessageId,
       children: errorMessage
@@ -1441,9 +1525,60 @@ var FormFieldCheckbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 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 _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$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
+  }));
+});
+FormFieldDescription.displayName = 'FormFieldDescription';
+
+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$$);
+  return jsxRuntime.jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+    ref: ref,
+    className: clsx('utrecht-form-field-error-message', className),
+    children: children
+  }));
+});
+FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
+
+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$_);
+  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
+  }));
+});
+FormLabel.displayName = 'FormLabel';
+
+var _excluded$Z = ["dir", "disabled", "inputRequired", "invalid", "readOnly", "required", "className"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var dir = _ref.dir,
     disabled = _ref.disabled,
@@ -1452,8 +1587,8 @@ var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     readOnly = _ref.readOnly,
     required = _ref.required,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsxRuntime.jsx("textarea", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsxRuntime.jsx("textarea", _objectSpread$_(_objectSpread$_({}, 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',
@@ -1466,9 +1601,9 @@ var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 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 _excluded$Y = ["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$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 FormFieldTextarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var autoComplete = _ref.autoComplete,
     children = _ref.children,
@@ -1495,12 +1630,12 @@ var FormFieldTextarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     status = _ref.status,
     inputRef = _ref.inputRef,
     value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded$X);
+    props = _objectWithoutProperties(_ref, _excluded$Y);
   var inputId = react.useId();
   var descriptionId = react.useId();
   var statusId = react.useId();
   var errorMessageId = react.useId();
-  return jsxRuntime.jsxs(FormField, _objectSpread$Y(_objectSpread$Y({
+  return jsxRuntime.jsxs(FormField$1, _objectSpread$Z(_objectSpread$Z({
     invalid: invalid,
     ref: ref
   }, props), {}, {
@@ -1553,9 +1688,9 @@ var FormFieldTextarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 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 _excluded$X = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var dir = _ref.dir,
     disabled = _ref.disabled,
@@ -1567,8 +1702,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$W);
-  return jsxRuntime.jsx("input", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return jsxRuntime.jsx("input", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
     ref: ref,
     type: type,
     className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', (required || inputRequired) && 'utrecht-textbox--required', className),
@@ -1583,9 +1718,9 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Textbox.displayName = 'Textbox';
 
-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 _excluded$W = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var name = _ref.name,
     invalid = _ref.invalid,
@@ -1617,12 +1752,12 @@ var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     size = _ref.size,
     children = _ref.children,
     inputRef = _ref.inputRef,
-    props = _objectWithoutProperties(_ref, _excluded$V);
+    props = _objectWithoutProperties(_ref, _excluded$W);
   var inputId = react.useId();
   var descriptionId = react.useId();
   var statusId = react.useId();
   var errorMessageId = react.useId();
-  return jsxRuntime.jsxs(FormField, _objectSpread$W(_objectSpread$W({
+  return jsxRuntime.jsxs(FormField$1, _objectSpread$X(_objectSpread$X({
     invalid: invalid,
     ref: ref
   }, props), {}, {
@@ -1680,9 +1815,9 @@ var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormFieldTextbox.displayName = 'FormFieldTextbox';
 
-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 _excluded$V = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
     disabled = _ref.disabled,
@@ -1693,7 +1828,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     role = _ref.role,
     tabIndex = _ref.tabIndex,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$U);
+    restProps = _objectWithoutProperties(_ref, _excluded$V);
   return jsxRuntime.jsxs("div", {
     className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
       'utrecht-form-toggle--disabled': disabled,
@@ -1701,7 +1836,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       'utrecht-form-toggle--required': required
     }, className),
     hidden: hidden,
-    children: [jsxRuntime.jsx("input", _objectSpread$V({
+    children: [jsxRuntime.jsx("input", _objectSpread$W({
       id: id,
       "aria-invalid": invalid || undefined,
       type: "checkbox",
@@ -1723,14 +1858,14 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormToggle.displayName = 'FormToggle';
 
-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$U = ["children", "className"];
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
-  return jsxRuntime.jsx("div", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
+  return jsxRuntime.jsx("div", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-html', className),
     children: children
@@ -1738,14 +1873,14 @@ var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 HTMLContent.displayName = 'HTMLContent';
 
-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$T = ["children", "className"];
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return jsxRuntime.jsx("h1", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
+  return jsxRuntime.jsx("h1", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-1', className),
     children: children
@@ -1753,14 +1888,14 @@ var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading1.displayName = 'Heading1';
 
-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$S = ["children", "className"];
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsxRuntime.jsx("h2", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsxRuntime.jsx("h2", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-2', className),
     children: children
@@ -1768,14 +1903,14 @@ var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading2.displayName = 'Heading2';
 
-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$R = ["children", "className"];
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsxRuntime.jsx("h3", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsxRuntime.jsx("h3", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-3', className),
     children: children
@@ -1783,14 +1918,14 @@ var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading3.displayName = 'Heading3';
 
-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$Q = ["children", "className"];
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsxRuntime.jsx("h4", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsxRuntime.jsx("h4", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-4', className),
     children: children
@@ -1798,14 +1933,14 @@ var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading4.displayName = 'Heading4';
 
-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$P = ["children", "className"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsxRuntime.jsx("h5", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsxRuntime.jsx("h5", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-5', className),
     children: children
@@ -1813,14 +1948,14 @@ var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading5.displayName = 'Heading5';
 
-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$O = ["children", "className"];
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsxRuntime.jsx("h6", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsxRuntime.jsx("h6", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-6', className),
     children: children
@@ -1828,14 +1963,14 @@ var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading6.displayName = 'Heading6';
 
-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 _excluded$N = ["children", "className"];
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsxRuntime.jsx("hgroup", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsxRuntime.jsx("hgroup", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-group', className),
     children: children
@@ -1843,9 +1978,9 @@ var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 HeadingGroup.displayName = 'HeadingGroup';
 
-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; }
+var _excluded$M = ["children", "value", "className"];
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* Exported only for unit tests, not part of the public API */
 var normalizeIBAN = function normalizeIBAN(iban) {
   return iban
@@ -1862,10 +1997,10 @@ var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     value = _ref.value,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
   var normalized = normalizeIBAN(value);
   var formatted = formatIBAN(normalized);
-  return jsxRuntime.jsx("data", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+  return jsxRuntime.jsx("data", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
     value: normalized,
     className: clsx('utrecht-iban-data', className),
@@ -1875,16 +2010,16 @@ var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 IBANData.displayName = 'IBANData';
 
-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 _excluded$L = ["children", "className", "role"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? 'presentation' : _ref$role,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
-  return jsxRuntime.jsx("span", _objectSpread$L(_objectSpread$L({
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
+  return jsxRuntime.jsx("span", _objectSpread$M(_objectSpread$M({
     ref: ref,
     className: clsx('utrecht-icon', className),
     role: role,
@@ -1895,16 +2030,16 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Icon.displayName = 'Icon';
 
-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 _excluded$K = ["component", "currentChar", "characters", "onLinkClick", "Link"];
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var component = _ref.component,
     currentChar = _ref.currentChar,
     characters = _ref.characters,
     onLinkClick = _ref.onLinkClick,
     Link = _ref.Link,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
   var LinkComponent = Link ? Link : ButtonLink;
   var links = [];
   if (component === 'button') {
@@ -1912,7 +2047,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$K(_objectSpread$K({}, restProps), {}, {
+      return /*#__PURE__*/react.createElement(Button, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
         className: clsx({
           'utrecht-index-char-nav__link--current': current
         }),
@@ -1942,7 +2077,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$K(_objectSpread$K({
+      return jsxRuntime.jsx(LinkComponent, _objectSpread$L(_objectSpread$L({
         ref: ref,
         appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
         href: href,
@@ -1972,14 +2107,14 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 IndexCharNav.displayName = 'IndexCharNav';
 
-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 _excluded$J = ["className", "photo"];
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     photo = _ref.photo,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
-  return jsxRuntime.jsx("img", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
+  return jsxRuntime.jsx("img", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-img', {
       'utrecht-img--photo': photo
@@ -1988,9 +2123,9 @@ var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Image.displayName = 'Image';
 
-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 _excluded$I = ["children", "disabled", "inline", "className", "pressed", "type"];
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     disabled = _ref.disabled,
@@ -1998,8 +2133,8 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className = _ref.className,
     pressed = _ref.pressed,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsxRuntime.jsx("button", _objectSpread$I(_objectSpread$I({
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsxRuntime.jsx("button", _objectSpread$J(_objectSpread$J({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -2015,15 +2150,15 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 LinkButton.displayName = 'LinkButton';
 
-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 _excluded$H = ["children", "className", "external"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     external = _ref.external,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsxRuntime.jsx("a", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsxRuntime.jsx("a", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-link-social', className),
     rel: external !== false ? 'external noopener noreferrer' : undefined,
@@ -2032,18 +2167,18 @@ var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 LinkSocial.displayName = 'LinkSocial';
 
-var _excluded$F = ["className", "icon", "children"],
+var _excluded$G = ["className", "icon", "children"],
   _excluded2$5 = ["children", "icon", "links", "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; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     icon = _ref.icon,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
   return jsxRuntime.jsx("li", {
     className: clsx('utrecht-link-list__item', className),
-    children: jsxRuntime.jsxs(Link, _objectSpread$G(_objectSpread$G({
+    children: jsxRuntime.jsxs(Link, _objectSpread$H(_objectSpread$H({
       className: "utrecht-link-list__link"
     }, restProps), {}, {
       ref: ref,
@@ -2061,13 +2196,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$G(_objectSpread$G({
+  return jsxRuntime.jsxs("ul", _objectSpread$H(_objectSpread$H({
     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$G({
+      return jsxRuntime.jsx(LinkListLink, _objectSpread$H({
         icon: typeof icon === 'function' ? icon() : undefined
       }, linkProps), index);
     })]
@@ -2075,11 +2210,11 @@ var LinkList = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 LinkList.displayName = 'LinkList';
 
-var _excluded$E = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
+var _excluded$F = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
   _excluded2$4 = ["children", "label"],
   _excluded3$2 = ["active", "className", "disabled", "selected"];
-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; }
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Listbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2088,8 +2223,8 @@ var Listbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     multiple = _ref.multiple,
     readOnly = _ref.readOnly,
     required = _ref.required,
-    restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsxRuntime.jsx("div", _objectSpread$F(_objectSpread$F({
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({
     className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
       'utrecht-listbox--disabled': disabled,
       'utrecht-listbox--invalid': invalid,
@@ -2116,7 +2251,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$F(_objectSpread$F({
+  return jsxRuntime.jsxs("li", _objectSpread$G(_objectSpread$G({
     className: "utrecht-listbox__group",
     role: "group",
     "aria-labelledby": id
@@ -2138,7 +2273,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$F(_objectSpread$F({
+  return jsxRuntime.jsx("li", _objectSpread$G(_objectSpread$G({
     className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
       'utrecht-listbox__option--active': active,
       'utrecht-listbox__option--disabled': disabled,
@@ -2169,15 +2304,15 @@ var ListSocialItem = function ListSocialItem(_ref2) {
   });
 };
 
-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 _excluded$E = ["children", "className", "caption"];
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     caption = _ref.caption,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return jsxRuntime.jsxs("figure", _objectSpread$E(_objectSpread$E({
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxRuntime.jsxs("figure", _objectSpread$F(_objectSpread$F({
     ref: ref,
     className: clsx('utrecht-logo', className)
   }, restProps), {}, {
@@ -2189,11 +2324,11 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Logo.displayName = 'Logo';
 
-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; }
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
+  return jsxRuntime.jsxs("svg", _objectSpread$E(_objectSpread$E({
     width: "192",
     height: "100",
     viewBox: "0 0 192 100",
@@ -2287,14 +2422,14 @@ var LogoImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 LogoImage.displayName = 'LogoImage';
 
-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$D = ["children", "className"];
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
-  return jsxRuntime.jsx("mark", _objectSpread$C(_objectSpread$C({
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsxRuntime.jsx("mark", _objectSpread$D(_objectSpread$D({
     ref: ref,
     className: clsx('utrecht-mark', className)
   }, restProps), {}, {
@@ -2303,14 +2438,14 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Mark.displayName = 'Mark';
 
-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$C = ["children", "className"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultilineData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
-  return jsxRuntime.jsx("pre", _objectSpread$B(_objectSpread$B({
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsxRuntime.jsx("pre", _objectSpread$C(_objectSpread$C({
     ref: ref,
     className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
   }, restProps), {}, {
@@ -2334,17 +2469,17 @@ var NavBar = function NavBar(_ref) {
 };
 NavBar.displayName = 'NavBar';
 
-var _excluded$A = ["appearance", "children", "className"],
+var _excluded$B = ["appearance", "children", "className"],
   _excluded2$3 = ["center", "children", "className"],
   _excluded3$1 = ["center", "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; }
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NavList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
-  return jsxRuntime.jsx("ul", _objectSpread$A(_objectSpread$A({
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  return jsxRuntime.jsx("ul", _objectSpread$B(_objectSpread$B({
     role: "list",
     className: clsx('utrecht-nav-list', {
       'utrecht-nav-list--center': appearance === 'center'
@@ -2364,7 +2499,7 @@ var NavListLink = function NavListLink(_ref2) {
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
     }, className),
-    children: jsxRuntime.jsx(Link, _objectSpread$A(_objectSpread$A({
+    children: jsxRuntime.jsx(Link, _objectSpread$B(_objectSpread$B({
       className: "utrecht-nav-list__link"
     }, restProps), {}, {
       children: children
@@ -2381,7 +2516,7 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
     className: clsx('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
     }, className),
-    children: jsxRuntime.jsx(LinkButton, _objectSpread$A(_objectSpread$A({
+    children: jsxRuntime.jsx(LinkButton, _objectSpread$B(_objectSpread$B({
       className: "utrecht-nav-list__link"
     }, restProps), {}, {
       children: children
@@ -2390,36 +2525,36 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
 };
 NavListLinkButton.displayName = 'NavListLinkButton';
 
-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$A = ["children", "className", "value"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NumberBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$z);
-  var props = _objectSpread$z({
+    restProps = _objectWithoutProperties(_ref, _excluded$A);
+  var props = _objectSpread$A({
     children: children,
     className: clsx('utrecht-number-badge', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({}, props), {}, {
+  return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$A(_objectSpread$A({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("span", _objectSpread$z(_objectSpread$z({}, props), {}, {
+  })) : jsxRuntime.jsx("span", _objectSpread$A(_objectSpread$A({}, props), {}, {
     ref: ref
   }));
 });
 NumberBadge.displayName = 'NumberBadge';
 
-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 _excluded$z = ["children", "className", "value"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$y);
-  return jsxRuntime.jsx("data", _objectSpread$y(_objectSpread$y({
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
+  return jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({
     value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
   }, restProps), {}, {
     ref: ref,
@@ -2429,14 +2564,14 @@ var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 NumberData.displayName = 'NumberData';
 
-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$y = ["children", "className"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$x);
-  return jsxRuntime.jsx("ol", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$y);
+  return jsxRuntime.jsx("ol", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-ordered-list', className),
     children: children
@@ -2444,14 +2579,14 @@ var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 OrderedList.displayName = 'OrderedList';
 
-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$x = ["children", "className"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$w);
-  return jsxRuntime.jsx("li", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
+  return jsxRuntime.jsx("li", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-ordered-list__item', className),
     children: children
@@ -2459,14 +2594,14 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 OrderedListItem.displayName = 'OrderedListItem';
 
-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 _excluded$w = ["children", "className"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
-  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
+  return jsxRuntime.jsx("div", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page', className),
     children: children
@@ -2474,15 +2609,15 @@ var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Page.displayName = 'Page';
 
-var _excluded$u = ["children", "className"],
+var _excluded$v = ["children", "className"],
   _excluded2$2 = ["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; }
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$u);
-  return jsxRuntime.jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$v);
+  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-content', className),
     children: children
@@ -2493,7 +2628,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$u(_objectSpread$u({}, restProps), {}, {
+  return jsxRuntime.jsx("main", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-content__main', className),
     children: children
@@ -2501,14 +2636,14 @@ var PageContentMain = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 });
 PageContentMain.displayName = 'PageContentMain';
 
-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$u = ["children", "className"];
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$t);
-  return jsxRuntime.jsx("footer", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
+  return jsxRuntime.jsx("footer", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-footer', className),
     children: children
@@ -2516,14 +2651,14 @@ var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PageFooter.displayName = 'PageFooter';
 
-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 _excluded$t = ["children", "className"];
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
-  return jsxRuntime.jsx("header", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
+  return jsxRuntime.jsx("header", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-page-header', className),
     children: children
@@ -2531,22 +2666,25 @@ var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PageHeader.displayName = 'PageHeader';
 
-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 _excluded$s = ["children", "className", "lead", "small", "appearance"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     lead = _ref.lead,
     small = _ref.small,
-    restProps = _objectWithoutProperties(_ref, _excluded$r);
-  return jsxRuntime.jsx("p", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
+    appearance = _ref.appearance,
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  var isLead = appearance === 'lead' || lead && appearance !== 'small';
+  var isSmall = appearance === 'small' || small && appearance !== 'lead';
+  return jsxRuntime.jsx("p", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
-    children: lead ? jsxRuntime.jsx("b", {
+    className: clsx('utrecht-paragraph', isLead && 'utrecht-paragraph--lead', isSmall && 'utrecht-paragraph--small', className),
+    children: isLead ? jsxRuntime.jsx("b", {
       className: "utrecht-paragraph__b",
       children: children
-    }) : small ? jsxRuntime.jsx("small", {
+    }) : isSmall ? jsxRuntime.jsx("small", {
       className: "utrecht-paragraph__small",
       children: children
     }) : children
@@ -2554,14 +2692,14 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Paragraph.displayName = 'Paragraph';
 
-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 _excluded$r = ["loading", "className"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var loading = _ref.loading,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$q);
-  return jsxRuntime.jsx("span", _objectSpread$q({
+    restProps = _objectWithoutProperties(_ref, _excluded$r);
+  return jsxRuntime.jsx("span", _objectSpread$r({
     ref: ref,
     className: clsx('utrecht-data-placeholder', {
       'utrecht-data-placeholder--loading': loading
@@ -2570,14 +2708,14 @@ var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 DataPlaceholder.displayName = 'DataPlaceholder';
 
-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 _excluded$q = ["children", "className"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$p);
-  return jsxRuntime.jsx("p", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx("p", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-pre-heading', className),
     children: children
@@ -2585,29 +2723,29 @@ var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PreHeading.displayName = 'PreHeading';
 
-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 _excluded$p = ["children", "className", "dateTime", "value"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreserveData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     dateTime = _ref.dateTime,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$o);
-  var props = _objectSpread$o({
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
+  var props = _objectSpread$p({
     children: jsxRuntime.jsx("bdi", {
       translate: "no",
       children: children
     }),
     className: clsx('utrecht-preserve-data', className)
   }, restProps);
-  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$o(_objectSpread$o({}, props), {}, {
+  return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$p(_objectSpread$p({}, props), {}, {
     dateTime: dateTime,
     ref: ref
-  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$o(_objectSpread$o({}, props), {}, {
+  })) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$p(_objectSpread$p({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsxRuntime.jsx("bdi", _objectSpread$o(_objectSpread$o({
+  })) : jsxRuntime.jsx("bdi", _objectSpread$p(_objectSpread$p({
     translate: "no",
     ref: ref
   }, props), {}, {
@@ -2616,16 +2754,16 @@ var PreserveData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PreserveData.displayName = 'PreserveData';
 
-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 _excluded$o = ["disabled", "required", "className", "invalid"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
     required = _ref.required,
     className = _ref.className,
     invalid = _ref.invalid,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
-  return jsxRuntime.jsx("input", _objectSpread$n({
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxRuntime.jsx("input", _objectSpread$o({
     type: "radio",
     "aria-invalid": invalid || undefined,
     disabled: disabled,
@@ -2636,14 +2774,14 @@ var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 RadioButton.displayName = 'RadioButton';
 
-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 _excluded$n = ["className", "children"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RichText = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$m);
-  return jsxRuntime.jsx("div", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("div", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-rich-text', className),
     children: children
@@ -2651,6 +2789,35 @@ var RichText = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 RichText.displayName = 'RichText';
 
+var _excluded$m = ["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 scrollToTop = function scrollToTop() {
+  var reduceMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+  if (reduceMotionQuery.matches) {
+    // If prefers-reduced-motion is set to reduce, instantly jump to the top
+    window.scrollTo(0, 0);
+  } else {
+    // If not, use smooth scrolling animation
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  }
+};
+var ScrollLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  return jsxRuntime.jsx(ButtonLink, _objectSpread$m(_objectSpread$m({
+    href: "#top",
+    onClick: scrollToTop,
+    ref: ref
+  }, restProps), {}, {
+    children: children
+  }));
+});
+ScrollLink.displayName = 'ScrollLink';
+
 var _excluded$l = ["busy", "invalid", "required", "className", "noscript", "children"],
   _excluded2$1 = ["disabled", "invalid", "value", "children", "className"];
 function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -3126,7 +3293,7 @@ exports.BreadcrumbNavSeparator = BreadcrumbNavSeparator;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonLink = ButtonLink;
-exports.Checkbox = Checkbox;
+exports.Checkbox = Checkbox$1;
 exports.Code = Code;
 exports.CodeBlock = CodeBlock;
 exports.ColorSample = ColorSample;
@@ -3148,7 +3315,7 @@ exports.Fieldset = Fieldset;
 exports.FieldsetLegend = FieldsetLegend;
 exports.Figure = Figure;
 exports.FigureCaption = FigureCaption;
-exports.FormField = FormField;
+exports.FormField = FormField$1;
 exports.FormFieldCheckbox = FormFieldCheckbox;
 exports.FormFieldDescription = FormFieldDescription;
 exports.FormFieldErrorMessage = FormFieldErrorMessage;
@@ -3201,6 +3368,7 @@ exports.PreserveData = PreserveData;
 exports.PrimaryActionButton = PrimaryActionButton;
 exports.RadioButton = RadioButton;
 exports.RichText = RichText;
+exports.ScrollLink = ScrollLink;
 exports.SecondaryActionButton = SecondaryActionButton;
 exports.Select = Select;
 exports.SelectOption = SelectOption;