@utrecht/component-library-react 8.0.5 → 9.0.2

package/dist/css-module/index.mjs

@@ -3,7 +3,7 @@ export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useId, useRef, useState, createElement, isValidElement, useImperativeHandle, useEffect } from 'react';
+import { forwardRef, useId, useRef, useState, createElement, useImperativeHandle, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Button } from '@utrecht/button-react';
 import clsx, { clsx as clsx$1 } from 'clsx';
@@ -16,27 +16,27 @@ import css$6 from '@utrecht/badge-list-css/dist/index.mjs';
 import css$7 from '@utrecht/blockquote-css/dist/index.mjs';
 import css$8 from '@utrecht/breadcrumb-nav-css/dist/index.mjs';
 import { Link } from '@utrecht/link-react';
-import css$9 from '@utrecht/button-group-css/dist/index.mjs';
-import css$a from '@utrecht/button-link-css/dist/index.mjs';
+export { ButtonGroup } from '@utrecht/button-group-react/dist/css';
+import css$9 from '@utrecht/button-link-css/dist/index.mjs';
 export { Checkbox } from '@utrecht/checkbox-react/dist/css';
-import css$b from '@utrecht/code-css/dist/index.mjs';
-import css$c from '@utrecht/code-block-css/dist/index.mjs';
-import css$d from '@utrecht/color-sample-css/dist/index.mjs';
-import css$e from '@utrecht/column-layout-css/dist/index.mjs';
+import css$a from '@utrecht/code-css/dist/index.mjs';
+import css$b from '@utrecht/code-block-css/dist/index.mjs';
+import css$c from '@utrecht/color-sample-css/dist/index.mjs';
+import css$d from '@utrecht/column-layout-css/dist/index.mjs';
 export { Combobox, ComboboxPopover } from '@utrecht/combobox-react/dist/css';
-import css$f from '@utrecht/currency-data-css/dist/index.mjs';
+import css$e from '@utrecht/currency-data-css/dist/index.mjs';
 export { DataBadge } from '@utrecht/data-badge-react/dist/css';
-import css$g from '@utrecht/document-css/dist/index.mjs';
-import css$h from '@utrecht/data-list-css/dist/index.mjs';
-import css$i from '@utrecht/drawer-css/dist/index.mjs';
-import css$j from '@utrecht/emphasis-css/dist/index.mjs';
+import css$f from '@utrecht/document-css/dist/index.mjs';
+import css$g from '@utrecht/data-list-css/dist/index.mjs';
+import css$h from '@utrecht/drawer-css/dist/index.mjs';
+import css$i from '@utrecht/emphasis-css/dist/index.mjs';
 export { Fieldset, FieldsetLegend } from '@utrecht/fieldset-react/dist/css';
-import css$k from '@utrecht/figure-css/dist/index.mjs';
+import css$j from '@utrecht/figure-css/dist/index.mjs';
 export { FormField } from '@utrecht/form-field-react/dist/css';
 export { FormFieldCheckbox } from '@utrecht/form-field-checkbox-react/dist/css';
 export { FormFieldDescription } from '@utrecht/form-field-description-react/dist/css';
 export { FormFieldErrorMessage } from '@utrecht/form-field-error-message-react/dist/css';
-import css$l from '@utrecht/textarea-css/dist/index.mjs';
+import css$k from '@utrecht/textarea-css/dist/index.mjs';
 import { FormField } from '@utrecht/form-field-react';
 import { FormFieldDescription } from '@utrecht/form-field-description-react';
 import { FormFieldErrorMessage } from '@utrecht/form-field-error-message-react';
@@ -44,45 +44,46 @@ import { FormLabel } from '@utrecht/form-label-react';
 export { Textbox } from '@utrecht/textbox-react/dist/css';
 import { Textbox } from '@utrecht/textbox-react';
 export { FormLabel } from '@utrecht/form-label-react/dist/css';
-import css$m from '@utrecht/form-toggle-css/dist/index.mjs';
-import css$n from '@utrecht/html-content-css/dist/index.mjs';
+import css$l from '@utrecht/form-toggle-css/dist/index.mjs';
+import css$m from '@utrecht/html-content-css/dist/index.mjs';
 import heading1css from '@utrecht/heading-1-css/dist/index.mjs';
 import heading2css from '@utrecht/heading-2-css/dist/index.mjs';
 import heading3css from '@utrecht/heading-3-css/dist/index.mjs';
 import heading4css from '@utrecht/heading-4-css/dist/index.mjs';
 import heading5css from '@utrecht/heading-5-css/dist/index.mjs';
 import heading6css from '@utrecht/heading-6-css/dist/index.mjs';
-import css$o from '@utrecht/heading-group-css/dist/index.mjs';
-import css$p from '@utrecht/iban-data-css/dist/index.mjs';
-import css$q from '@utrecht/icon/dist/index.mjs';
-import css$r from '@utrecht/index-char-nav-css/dist/index.mjs';
-import css$s from '@utrecht/img-css/dist/index.mjs';
+import css$n from '@utrecht/heading-group-css/dist/index.mjs';
+import css$o from '@utrecht/iban-data-css/dist/index.mjs';
+import css$p from '@utrecht/icon-css/dist/index.mjs';
+import css$q from '@utrecht/index-char-nav-css/dist/index.mjs';
+import css$r from '@utrecht/img-css/dist/index.mjs';
 export { Link } from '@utrecht/link-react/dist/css';
-import css$t from '@utrecht/link-button-css/dist/index.mjs';
-import css$u from '@utrecht/link-list-css/dist/index.mjs';
-import css$v from '@utrecht/link-social-css/dist/index.mjs';
+import css$s from '@utrecht/link-button-css/dist/index.mjs';
+import css$t from '@utrecht/link-list-css/dist/index.mjs';
+import css$u from '@utrecht/link-social-css/dist/index.mjs';
 export { Listbox, ListboxOption, ListboxOptionGroup } from '@utrecht/listbox-react/dist/css';
-import css$w from '@utrecht/list-social-css/dist/index.mjs';
-import css$x from '@utrecht/logo-css/dist/index.mjs';
+import css$v from '@utrecht/list-social-css/dist/index.mjs';
+import css$w from '@utrecht/logo-css/dist/index.mjs';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _extends from '@babel/runtime/helpers/extends';
-import css$y from '@utrecht/mark-css/dist/index.mjs';
-import css$z from '@utrecht/multiline-data-css/dist/index.mjs';
-import css$A from '@utrecht/nav-bar-css/dist/index.mjs';
-import css$B from '@utrecht/nav-list-css/dist/index.mjs';
-import css$C from '@utrecht/number-badge-css/dist/index.mjs';
-import css$D from '@utrecht/number-data-css/dist/index.mjs';
-import css$E from '@utrecht/ordered-list-css/dist/index.mjs';
-import css$F from '@utrecht/page-css/dist/index.mjs';
-import css$G from '@utrecht/page-content-css/dist/index.mjs';
-import css$H from '@utrecht/page-footer-css/dist/index.mjs';
-import css$I from '@utrecht/page-header-css/dist/index.mjs';
-import css$J from '@utrecht/paragraph-css/dist/index.mjs';
-import css$K from '@utrecht/data-placeholder-css/dist/index.mjs';
-import css$L from '@utrecht/pre-heading-css/dist/index.mjs';
-import css$M from '@utrecht/preserve-data-css/dist/index.mjs';
+import css$x from '@utrecht/mark-css/dist/index.mjs';
+import css$y from '@utrecht/multiline-data-css/dist/index.mjs';
+import css$z from '@utrecht/nav-bar-css/dist/index.mjs';
+import css$A from '@utrecht/nav-list-css/dist/index.mjs';
+import css$B from '@utrecht/number-badge-css/dist/index.mjs';
+import css$C from '@utrecht/number-data-css/dist/index.mjs';
+import css$D from '@utrecht/ordered-list-css/dist/index.mjs';
+import css$E from '@utrecht/page-css/dist/index.mjs';
+import css$F from '@utrecht/page-content-css/dist/index.mjs';
+import css$G from '@utrecht/page-footer-css/dist/index.mjs';
+import css$H from '@utrecht/page-header-css/dist/index.mjs';
+import css$I from '@utrecht/paragraph-css/dist/index.mjs';
+import css$J from '@utrecht/data-placeholder-css/dist/index.mjs';
+import css$K from '@utrecht/pre-heading-css/dist/index.mjs';
+import css$L from '@utrecht/preserve-data-css/dist/index.mjs';
 export { RadioButton } from '@utrecht/radio-button-react/dist/css';
-import css$N from '@utrecht/rich-text-css/dist/index.mjs';
+import css$M from '@utrecht/rich-text-css/dist/index.mjs';
+import '@utrecht/button-group-react';
 import '@utrecht/checkbox-react';
 import '@utrecht/combobox-react';
 import '@utrecht/data-badge-react';
@@ -90,18 +91,18 @@ import '@utrecht/fieldset-react';
 import '@utrecht/form-field-checkbox-react';
 import '@utrecht/listbox-react';
 import '@utrecht/radio-button-react';
-import css$O from '@utrecht/select-css/dist/index.mjs';
-import css$P from '@utrecht/separator-css/dist/index.mjs';
-import css$Q from '@utrecht/skip-link-css/dist/index.mjs';
-import css$R from '@utrecht/spotlight-section-css/dist/index.mjs';
-import css$S from '@utrecht/badge-status-css/dist/index.mjs';
-import css$T from '@utrecht/subscript-css/dist/index.mjs';
-import css$U from '@utrecht/superscript-css/dist/index.mjs';
-import css$V from '@utrecht/surface-css/dist/index.mjs';
-import css$W from '@utrecht/table-css/dist/index.mjs';
-import css$X from '@utrecht/table-of-contents-css/dist/index.mjs';
-import css$Y from '@utrecht/url-data-css/dist/index.mjs';
-import css$Z from '@utrecht/unordered-list-css/dist/index.mjs';
+import css$N from '@utrecht/select-css/dist/index.mjs';
+import css$O from '@utrecht/separator-css/dist/index.mjs';
+import css$P from '@utrecht/skip-link-css/dist/index.mjs';
+import css$Q from '@utrecht/spotlight-section-css/dist/index.mjs';
+import css$R from '@utrecht/badge-status-css/dist/index.mjs';
+import css$S from '@utrecht/subscript-css/dist/index.mjs';
+import css$T from '@utrecht/superscript-css/dist/index.mjs';
+import css$U from '@utrecht/surface-css/dist/index.mjs';
+import css$V from '@utrecht/table-css/dist/index.mjs';
+import css$W from '@utrecht/table-of-contents-css/dist/index.mjs';
+import css$X from '@utrecht/url-data-css/dist/index.mjs';
+import css$Y from '@utrecht/unordered-list-css/dist/index.mjs';
 
 var insertStyle = function insertStyle(css) {
   if (typeof document !== 'undefined') {
@@ -112,15 +113,15 @@ var insertStyle = function insertStyle(css) {
   }
 };
 
-var _excluded$1i = ["level", "className"];
-function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1h = ["level", "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 HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var level = _ref.level,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
   var HeadingX = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'p';
-  return jsx(HeadingX, _objectSpread$1j(_objectSpread$1j({
+  return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
     className: clsx(className)
   }, restProps), {}, {
     ref: ref
@@ -128,18 +129,18 @@ var HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
-var _excluded$1h = ["appearance", "className", "level"];
-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 _excluded$1g = ["appearance", "className", "level"];
+function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     className = _ref.className,
     level = _ref.level,
-    restProps = _objectWithoutProperties(_ref, _excluded$1h);
+    restProps = _objectWithoutProperties(_ref, _excluded$1g);
   var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
   var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
   var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
-  return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
+  return jsx(HeadingX, _objectSpread$1h(_objectSpread$1h({
     className: clsx(headingClassName, className)
   }, restProps), {}, {
     ref: ref
@@ -147,10 +148,10 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Heading.displayName = 'Heading';
 
-var _excluded$1g = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
+var _excluded$1f = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
   _excluded2$7 = ["children", "group", "headingLevel", "heading"];
-function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconChevronDown = function IconChevronDown() {
   return jsxs("svg", {
     id: "Layer_1",
@@ -226,7 +227,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onButtonFocus = _ref.onButtonFocus,
     icon = _ref.icon,
     appearance = _ref.appearance,
-    props = _objectWithoutProperties(_ref, _excluded$1g);
+    props = _objectWithoutProperties(_ref, _excluded$1f);
   var panelAttributes = {
     className: clsx('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
@@ -250,7 +251,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   //   content of the landmark to be the actual content, instead of starting
   //   with the button that controls the region.
   // - we only want expanded sections to show up as landmarks
-  return jsxs("div", _objectSpread$1h(_objectSpread$1h({
+  return jsxs("div", _objectSpread$1g(_objectSpread$1g({
     className: clsx('utrecht-accordion__section', className),
     id: id,
     ref: ref
@@ -283,12 +284,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
           children: label
         })]
       })
-    }), section ? jsx("section", _objectSpread$1h(_objectSpread$1h({
+    }), section ? jsx("section", _objectSpread$1g(_objectSpread$1g({
       id: panelId,
       "aria-labelledby": buttonId
     }, panelAttributes), {}, {
       children: children
-    })) : jsx("div", _objectSpread$1h(_objectSpread$1h({
+    })) : jsx("div", _objectSpread$1g(_objectSpread$1g({
       id: panelId
     }, panelAttributes), {}, {
       children: children
@@ -307,7 +308,7 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
       level: headingLevel,
       children: heading
-    }), jsx("div", _objectSpread$1h(_objectSpread$1h({
+    }), jsx("div", _objectSpread$1g(_objectSpread$1g({
       className: clsx('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
@@ -420,7 +421,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
         // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
         setSectionsState(sectionsState.map(function (section, index) {
           if (index === activatedIndex) {
-            return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
+            return _objectSpread$1g(_objectSpread$1g({}, section), {}, {
               expanded: !section.expanded
             });
           } else {
@@ -428,7 +429,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
           }
         }));
       };
-      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({
+      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1g(_objectSpread$1g({
         headingLevel: sectionHeadingLevel
       }, section), {}, {
         icon: icon,
@@ -452,16 +453,16 @@ AccordionProvider.displayName = 'AccordionProvider';
  */
 insertStyle(css);
 
-var _excluded$1f = ["children", "className", "icon", "type"];
-function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1e = ["children", "className", "icon", "type"];
+function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1f);
-  return jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsxs("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert', {
       'utrecht-alert--error': type === 'error',
@@ -491,16 +492,16 @@ Alert.displayName = 'Alert';
  */
 insertStyle(css$1);
 
-var _excluded$1e = ["children", "className", "icon", "type"];
-function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1d = ["children", "className", "icon", "type"];
+function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsxs("dialog", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
@@ -526,14 +527,14 @@ AlertDialog.displayName = 'AlertDialog';
  */
 insertStyle(css$2);
 
-var _excluded$1d = ["children", "className"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1c = ["children", "className"];
+function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsx("article", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-article', className),
     children: children
@@ -548,14 +549,14 @@ Article.displayName = 'Article';
  */
 insertStyle(css$3);
 
-var _excluded$1c = ["children", "className"];
-function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1b = ["children", "className"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  return jsx("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-backdrop', className),
     children: children
@@ -570,22 +571,22 @@ Backdrop.displayName = 'Backdrop';
  */
 insertStyle(css$4);
 
-var _excluded$1b = ["children", "className", "value"];
-function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1a = ["children", "className", "value"];
+function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  var props = _objectSpread$1c({
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  var props = _objectSpread$1b({
     children: children,
     className: clsx('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
+  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
+  })) : jsx("span", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
     ref: ref
   }));
 });
@@ -598,14 +599,14 @@ BadgeCounter.displayName = 'BadgeCounter';
  */
 insertStyle(css$5);
 
-var _excluded$1a = ["children", "className"];
-function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$19 = ["children", "className"];
+function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
-  return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
+  return jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-badge-list', className),
     children: children
@@ -620,9 +621,9 @@ BadgeList.displayName = 'BadgeList';
  */
 insertStyle(css$6);
 
-var _excluded$19 = ["aside", "attribution", "className", "children", "cite", "figure", "caption", "lang"];
-function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$18 = ["aside", "attribution", "className", "children", "cite", "figure", "caption", "lang"];
+function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var aside = _ref.aside,
     attribution = _ref.attribution,
@@ -632,7 +633,7 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
     figure = _ref.figure,
     caption = _ref.caption,
     lang = _ref.lang,
-    restProps = _objectWithoutProperties(_ref, _excluded$19);
+    restProps = _objectWithoutProperties(_ref, _excluded$18);
   var quote = children;
   var captionElement = caption || attribution ? jsx("figcaption", {
     className: "utrecht-blockquote__caption",
@@ -642,37 +643,37 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
     cite: cite,
     lang: lang
   };
-  return aside && (figure || captionElement) ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
+  return aside && (figure || captionElement) ? jsx("aside", _objectSpread$19(_objectSpread$19({
     className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
     children: jsxs("figure", {
       className: clsx('utrecht-blockquote__figure'),
-      children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
+      children: [jsx("blockquote", _objectSpread$19(_objectSpread$19({
         className: "utrecht-blockquote__quote"
       }, blockquoteAttrs), {}, {
         ref: ref,
         children: quote
       })), captionElement]
     })
-  })) : aside ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
+  })) : aside ? jsx("aside", _objectSpread$19(_objectSpread$19({
     className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
-    children: jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
+    children: jsx("blockquote", _objectSpread$19(_objectSpread$19({
       className: "utrecht-blockquote__quote"
     }, blockquoteAttrs), {}, {
       ref: ref,
       children: quote
     }))
-  })) : figure || captionElement ? jsxs("figure", _objectSpread$1a(_objectSpread$1a({
+  })) : figure || captionElement ? jsxs("figure", _objectSpread$19(_objectSpread$19({
     className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
-    children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
+    children: [jsx("blockquote", _objectSpread$19(_objectSpread$19({
       className: "utrecht-blockquote__quote"
     }, blockquoteAttrs), {}, {
       ref: ref,
       children: quote
     })), captionElement]
-  })) : jsx("blockquote", _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({
+  })) : jsx("blockquote", _objectSpread$19(_objectSpread$19(_objectSpread$19({
     className: clsx('utrecht-blockquote', 'utrecht-blockquote--html-blockquote', className)
   }, blockquoteAttrs), restProps), {}, {
     ref: ref,
@@ -688,12 +689,12 @@ Blockquote.displayName = 'Blockquote';
  */
 insertStyle(css$7);
 
-var _excluded$18 = ["appearance", "children", "className", "headingLevel", "label"],
+var _excluded$17 = ["appearance", "children", "className", "headingLevel", "label"],
   _excluded2$6 = ["className", "children"],
   _excluded3$3 = ["className", "children"],
   _excluded4$2 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMicrodataItem = function useMicrodataItem(_ref) {
   var prop = _ref.prop,
     type = _ref.type;
@@ -715,9 +716,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     _ref2$headingLevel = _ref2.headingLevel,
     headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
     label = _ref2.label,
-    restProps = _objectWithoutProperties(_ref2, _excluded$18);
+    restProps = _objectWithoutProperties(_ref2, _excluded$17);
   var headingId = label ? useId() : undefined;
-  return jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
+  return jsxs("nav", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
       'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
@@ -729,7 +730,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       level: headingLevel,
       "aria-hidden": "true",
       children: label
-    }), jsx("ol", _objectSpread$19(_objectSpread$19({
+    }), jsx("ol", _objectSpread$18(_objectSpread$18({
       className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
@@ -743,7 +744,7 @@ var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
     restProps = _objectWithoutProperties(_ref3, _excluded2$6);
-  return jsx("li", _objectSpread$19(_objectSpread$19(_objectSpread$19({
+  return jsx("li", _objectSpread$18(_objectSpread$18(_objectSpread$18({
     className: clsx('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
@@ -759,7 +760,7 @@ var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var className = _ref4.className,
     children = _ref4.children,
     restProps = _objectWithoutProperties(_ref4, _excluded3$3);
-  return jsx("li", _objectSpread$19(_objectSpread$19({
+  return jsx("li", _objectSpread$18(_objectSpread$18({
     "aria-hidden": "true",
     hidden: true,
     style: {
@@ -787,7 +788,7 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
   return jsx(BreadcrumbNavItem, {
-    children: jsxs(LinkComponent, _objectSpread$19(_objectSpread$19(_objectSpread$19({
+    children: jsxs(LinkComponent, _objectSpread$18(_objectSpread$18(_objectSpread$18({
       className: clsx('utrecht-breadcrumb-nav__link', className, {
         'utrecht-breadcrumb-nav__link--current': current,
         'utrecht-breadcrumb-nav__link--disabled': disabled
@@ -799,11 +800,11 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
       "aria-disabled": disabled ? 'true' : undefined
     }, useMicrodataProp('item')), restProps), {}, {
       ref: ref,
-      children: [jsx("span", _objectSpread$19(_objectSpread$19({
+      children: [jsx("span", _objectSpread$18(_objectSpread$18({
         className: "utrecht-breadcrumb-nav__text"
       }, useMicrodataProp('name')), {}, {
         children: children
-      })), typeof index === 'number' ? jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
+      })), typeof index === 'number' ? jsx("meta", _objectSpread$18(_objectSpread$18({}, useMicrodataProp('position')), {}, {
         content: String(index + 1)
       })) : null]
     }))
@@ -818,39 +819,6 @@ BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
  */
 insertStyle(css$8);
 
-var _excluded$17 = ["children", "className", "direction"];
-function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var hasManyElements = function hasManyElements(children) {
-  return Array.isArray(children) && children.reduce(function (count, item) {
-    return /*#__PURE__*/isValidElement(item) ? count + 1 : count;
-  }, 0) >= 2;
-};
-var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    direction = _ref.direction,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
-  return jsx("p", _objectSpread$18(_objectSpread$18({
-    role: hasManyElements(children) ? 'group' : undefined
-  }, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-button-group', {
-      'utrecht-button-group--column': direction === 'column',
-      'utrecht-button-group--row': direction === 'row'
-    }, className),
-    children: children
-  }));
-});
-ButtonGroup.displayName = 'ButtonGroup';
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-insertStyle(css$9);
-
 var _excluded$16 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
 function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -906,7 +874,7 @@ ButtonLink.displayName = 'ButtonLink';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$a);
+insertStyle(css$9);
 
 var _excluded$15 = ["children", "className"];
 function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -929,7 +897,7 @@ Code.displayName = 'Code';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$b);
+insertStyle(css$a);
 
 var _excluded$14 = ["children", "className"];
 function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -955,7 +923,7 @@ CodeBlock.displayName = 'CodeBlock';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$c);
+insertStyle(css$b);
 
 var _excluded$13 = ["children", "className", "color", "style"];
 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; }
@@ -984,7 +952,7 @@ ColorSample.displayName = 'ColorSample';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$d);
+insertStyle(css$c);
 
 var _excluded$12 = ["children", "className", "rule"];
 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; }
@@ -1010,7 +978,7 @@ ColumnLayout.displayName = 'ColumnLayout';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$e);
+insertStyle(css$d);
 
 var _excluded$11 = ["children", "currency", "amount", "locale", "className"];
 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; }
@@ -1069,7 +1037,7 @@ CurrencyData.displayName = 'CurrencyData';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$f);
+insertStyle(css$e);
 
 var _excluded$10 = ["children", "className"];
 function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1091,7 +1059,7 @@ Document.displayName = 'Document';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$g);
+insertStyle(css$f);
 
 var _excluded$$ = ["appearance", "children", "className"],
   _excluded2$5 = ["children", "className"],
@@ -1169,7 +1137,7 @@ DataListActions.displayName = 'DataListActions';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$h);
+insertStyle(css$g);
 
 var _excluded$_ = ["align", "children", "className", "modal"];
 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; }
@@ -1210,7 +1178,7 @@ Drawer.displayName = 'Drawer';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$i);
+insertStyle(css$h);
 
 var _excluded$Z = ["children", "className"];
 function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1233,7 +1201,7 @@ Emphasis.displayName = 'Emphasis';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$j);
+insertStyle(css$i);
 
 var _excluded$Y = ["className", "children"];
 function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1255,7 +1223,7 @@ Figure.displayName = 'Figure';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$k);
+insertStyle(css$j);
 
 var _excluded$X = ["className", "children"];
 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; }
@@ -1277,7 +1245,7 @@ FigureCaption.displayName = 'FigureCaption';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$k);
+insertStyle(css$j);
 
 var _excluded$W = ["dir", "disabled", "inputRequired", "invalid", "readOnly", "required", "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; }
@@ -1309,7 +1277,7 @@ Textarea.displayName = 'Textarea';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$l);
+insertStyle(css$k);
 
 var _excluded$V = ["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$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; }
@@ -1543,7 +1511,7 @@ FormToggle.displayName = 'FormToggle';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$m);
+insertStyle(css$l);
 
 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; }
@@ -1565,7 +1533,7 @@ HTMLContent.displayName = 'HTMLContent';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$n);
+insertStyle(css$m);
 
 /**
  * @license EUPL-1.2
@@ -1731,7 +1699,7 @@ HeadingGroup.displayName = 'HeadingGroup';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$o);
+insertStyle(css$n);
 
 var _excluded$K = ["children", "value", "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; }
@@ -1770,7 +1738,7 @@ IBANData.displayName = 'IBANData';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$p);
+insertStyle(css$o);
 
 var _excluded$J = ["children", "className", "role"];
 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; }
@@ -1797,7 +1765,7 @@ Icon.displayName = 'Icon';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$q);
+insertStyle(css$p);
 
 var _excluded$I = ["component", "currentChar", "characters", "onLinkClick", "Link"];
 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; }
@@ -1881,7 +1849,7 @@ IndexCharNav.displayName = 'IndexCharNav';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$r);
+insertStyle(css$q);
 
 var _excluded$H = ["className", "photo"];
 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; }
@@ -1904,7 +1872,7 @@ Image.displayName = 'Image';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$s);
+insertStyle(css$r);
 
 var _excluded$G = ["children", "disabled", "inline", "className", "pressed", "type"];
 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; }
@@ -1938,7 +1906,7 @@ LinkButton.displayName = 'LinkButton';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$t);
+insertStyle(css$s);
 
 var _excluded$F = ["className", "icon", "children"],
   _excluded2$4 = ["children", "icon", "links", "className"];
@@ -1988,7 +1956,7 @@ LinkList.displayName = 'LinkList';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$u);
+insertStyle(css$t);
 
 var _excluded$E = ["children", "className", "external"];
 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; }
@@ -2012,7 +1980,7 @@ LinkSocial.displayName = 'LinkSocial';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$v);
+insertStyle(css$u);
 
 var ListSocial = function ListSocial(_ref) {
   var children = _ref.children;
@@ -2034,7 +2002,7 @@ var ListSocialItem = function ListSocialItem(_ref2) {
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$w);
+insertStyle(css$v);
 
 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; }
@@ -2061,7 +2029,7 @@ Logo.displayName = 'Logo';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$x);
+insertStyle(css$w);
 
 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; }
@@ -2182,7 +2150,7 @@ Mark.displayName = 'Mark';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$y);
+insertStyle(css$x);
 
 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; }
@@ -2205,7 +2173,7 @@ MultilineData.displayName = 'MultilineData';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$z);
+insertStyle(css$y);
 
 var NavBar = function NavBar(_ref) {
   var appearance = _ref.appearance,
@@ -2227,7 +2195,7 @@ NavBar.displayName = 'NavBar';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$A);
+insertStyle(css$z);
 
 var _excluded$A = ["appearance", "children", "className"],
   _excluded2$3 = ["center", "children", "className"],
@@ -2290,7 +2258,7 @@ NavListLinkButton.displayName = 'NavListLinkButton';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$B);
+insertStyle(css$A);
 
 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; }
@@ -2318,7 +2286,7 @@ NumberBadge.displayName = 'NumberBadge';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$C);
+insertStyle(css$B);
 
 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; }
@@ -2343,7 +2311,7 @@ NumberData.displayName = 'NumberData';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$D);
+insertStyle(css$C);
 
 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; }
@@ -2365,7 +2333,7 @@ OrderedList.displayName = 'OrderedList';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$E);
+insertStyle(css$D);
 
 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; }
@@ -2387,7 +2355,7 @@ OrderedListItem.displayName = 'OrderedListItem';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$E);
+insertStyle(css$D);
 
 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; }
@@ -2409,7 +2377,7 @@ Page.displayName = 'Page';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$F);
+insertStyle(css$E);
 
 var _excluded$u = ["children", "className"],
   _excluded2$2 = ["children", "className"];
@@ -2443,7 +2411,7 @@ PageContentMain.displayName = 'PageContentMain';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$G);
+insertStyle(css$F);
 
 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; }
@@ -2465,7 +2433,7 @@ PageFooter.displayName = 'PageFooter';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$H);
+insertStyle(css$G);
 
 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; }
@@ -2487,7 +2455,7 @@ PageHeader.displayName = 'PageHeader';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$I);
+insertStyle(css$H);
 
 var _excluded$r = ["children", "className", "lead", "small", "appearance"];
 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; }
@@ -2499,11 +2467,14 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
     small = _ref.small,
     appearance = _ref.appearance,
     restProps = _objectWithoutProperties(_ref, _excluded$r);
-  var isLead = appearance === 'lead' || lead && appearance !== 'small';
-  var isSmall = appearance === 'small' || small && appearance !== 'lead';
+  var isLead = appearance === 'lead' || !!lead;
+  var isSmall = appearance === 'small' || !!small;
+  // Ignore combinations of `lead` and `small`
+  isLead = isLead !== isSmall ? isLead : false;
+  isSmall = isSmall !== isLead ? isSmall : false;
   return jsx("p", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-paragraph', isLead && 'utrecht-paragraph--lead', isSmall && 'utrecht-paragraph--small', className),
+    className: clsx('utrecht-paragraph', isLead && "utrecht-paragraph--lead", isSmall && "utrecht-paragraph--small", className),
     children: isLead ? jsx("b", {
       className: "utrecht-paragraph__b",
       children: children
@@ -2520,7 +2491,7 @@ Paragraph.displayName = 'Paragraph';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$J);
+insertStyle(css$I);
 
 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; }
@@ -2543,7 +2514,7 @@ DataPlaceholder.displayName = 'DataPlaceholder';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$K);
+insertStyle(css$J);
 
 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; }
@@ -2565,7 +2536,7 @@ PreHeading.displayName = 'PreHeading';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$L);
+insertStyle(css$K);
 
 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; }
@@ -2603,7 +2574,7 @@ PreserveData.displayName = 'PreserveData';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$M);
+insertStyle(css$L);
 
 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; }
@@ -2624,7 +2595,7 @@ RichText.displayName = 'RichText';
  * @license EUPL-1.2
  * Copyright (c) 2024 Yolijn van der Kolk
  */
-insertStyle(css$N);
+insertStyle(css$M);
 
 var _excluded$m = ["busy", "invalid", "required", "className", "noscript", "children"],
   _excluded2$1 = ["disabled", "invalid", "value", "children", "className"];
@@ -3119,98 +3090,98 @@ ScrollLink.displayName = 'ScrollLink';
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$O);
+insertStyle(css$N);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$P);
+insertStyle(css$O);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$Q);
+insertStyle(css$P);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$R);
+insertStyle(css$Q);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2023 Gemeente Utrecht
  * Copyright (c) 2023 Frameless B.V.
  */
-insertStyle(css$S);
+insertStyle(css$R);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$j);
+insertStyle(css$i);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$T);
+insertStyle(css$S);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$U);
+insertStyle(css$T);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$V);
+insertStyle(css$U);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$W);
+insertStyle(css$V);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$X);
+insertStyle(css$W);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$Y);
+insertStyle(css$X);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$Z);
+insertStyle(css$Y);
 
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-insertStyle(css$Z);
+insertStyle(css$Y);
 
-export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, Blockquote, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, ButtonGroup, ButtonLink, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Figure, FigureCaption, FormFieldTextarea, FormFieldTextbox, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberBadge, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, RichText, ScrollLink, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, Subscript, Superscript, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableOfContents, TableOfContentsLink, TableOfContentsList, TableOfContentsListItem, TableRow, Textarea, URLData, UnorderedList, UnorderedListItem };
+export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, Blockquote, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, ButtonLink, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Figure, FigureCaption, FormFieldTextarea, FormFieldTextbox, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberBadge, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, RichText, ScrollLink, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, Subscript, Superscript, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableOfContents, TableOfContentsLink, TableOfContentsList, TableOfContentsListItem, TableRow, Textarea, URLData, UnorderedList, UnorderedListItem };
 //# sourceMappingURL=index.mjs.map