@utrecht/component-library-react 7.3.8 → 8.0.1

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { forwardRef, useId, useRef, useState, createElement, isValidElement, use
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Button } from '@utrecht/button-react';
 export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from '@utrecht/button-react';
-import clsx, { clsx as clsx$1 } from 'clsx';
+import clsx$1, { clsx as clsx$2 } from 'clsx';
 import { Link } from '@utrecht/link-react';
 export { Link } from '@utrecht/link-react';
 export { Checkbox } from '@utrecht/checkbox-react';
@@ -27,45 +27,45 @@ import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructurin
 import _extends from '@babel/runtime/helpers/extends';
 export { RadioButton } from '@utrecht/radio-button-react';
 
-var _excluded$1j = ["level", "className"];
-function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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 HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var level = _ref.level,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+    restProps = _objectWithoutProperties(_ref, _excluded$1i);
   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$1k(_objectSpread$1k({
-    className: clsx(className)
+  return jsx(HeadingX, _objectSpread$1j(_objectSpread$1j({
+    className: clsx$1(className)
   }, restProps), {}, {
     ref: ref
   }));
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
-var _excluded$1i = ["appearance", "className", "level"];
-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 = ["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 Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     className = _ref.className,
     level = _ref.level,
-    restProps = _objectWithoutProperties(_ref, _excluded$1i);
+    restProps = _objectWithoutProperties(_ref, _excluded$1h);
   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$1j(_objectSpread$1j({
-    className: clsx(headingClassName, className)
+  return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
+    className: clsx$1(headingClassName, className)
   }, restProps), {}, {
     ref: ref
   }));
 });
 Heading.displayName = 'Heading';
 
-var _excluded$1h = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
+var _excluded$1g = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
   _excluded2$7 = ["children", "group", "headingLevel", "heading"];
-function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 IconChevronDown = function IconChevronDown() {
   return jsxs("svg", {
     id: "Layer_1",
@@ -141,9 +141,9 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onButtonFocus = _ref.onButtonFocus,
     icon = _ref.icon,
     appearance = _ref.appearance,
-    props = _objectWithoutProperties(_ref, _excluded$1h);
+    props = _objectWithoutProperties(_ref, _excluded$1g);
   var panelAttributes = {
-    className: clsx('utrecht-accordion__panel', {
+    className: clsx$1('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
     }),
     // Use the `hidden` attribute so the toggle works even without CSS
@@ -165,16 +165,16 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   //   content of the landmark to be the actual content, instead of starting
   //   with the button that controls the region.
   // - we only want expanded sections to show up as landmarks
-  return jsxs("div", _objectSpread$1i(_objectSpread$1i({
-    className: clsx('utrecht-accordion__section', className),
+  return jsxs("div", _objectSpread$1h(_objectSpread$1h({
+    className: clsx$1('utrecht-accordion__section', className),
     id: id,
     ref: ref
   }, props), {}, {
     children: [jsx(HTMLHeading, {
       level: headingLevel,
-      className: clsx('utrecht-accordion__header'),
+      className: clsx$1('utrecht-accordion__header'),
       children: jsxs(Button, {
-        className: clsx('utrecht-accordion__button', _defineProperty({}, 'utrecht-accordion__button--utrecht', appearance === 'utrecht')),
+        className: clsx$1('utrecht-accordion__button', _defineProperty({}, 'utrecht-accordion__button--utrecht', appearance === 'utrecht')),
         appearance: "subtle-button",
         "aria-expanded": expanded === true,
         "aria-controls": panelId,
@@ -198,12 +198,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
           children: label
         })]
       })
-    }), section ? jsx("section", _objectSpread$1i(_objectSpread$1i({
+    }), section ? jsx("section", _objectSpread$1h(_objectSpread$1h({
       id: panelId,
       "aria-labelledby": buttonId
     }, panelAttributes), {}, {
       children: children
-    })) : jsx("div", _objectSpread$1i(_objectSpread$1i({
+    })) : jsx("div", _objectSpread$1h(_objectSpread$1h({
       id: panelId
     }, panelAttributes), {}, {
       children: children
@@ -222,8 +222,8 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
       level: headingLevel,
       children: heading
-    }), jsx("div", _objectSpread$1i(_objectSpread$1i({
-      className: clsx('utrecht-accordion'),
+    }), jsx("div", _objectSpread$1h(_objectSpread$1h({
+      className: clsx$1('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
     }, props), {}, {
@@ -335,7 +335,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
         // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
         setSectionsState(sectionsState.map(function (section, index) {
           if (index === activatedIndex) {
-            return _objectSpread$1i(_objectSpread$1i({}, section), {}, {
+            return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
               expanded: !section.expanded
             });
           } else {
@@ -343,7 +343,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
           }
         }));
       };
-      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1i(_objectSpread$1i({
+      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({
         headingLevel: sectionHeadingLevel
       }, section), {}, {
         icon: icon,
@@ -360,18 +360,18 @@ var AccordionProvider = function AccordionProvider(_ref4) {
 };
 AccordionProvider.displayName = 'AccordionProvider';
 
-var _excluded$1g = ["children", "className", "icon", "type"];
-function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsxs("div", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
+  return jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-alert', {
+    className: clsx$1('utrecht-alert', {
       'utrecht-alert--error': type === 'error',
       'utrecht-alert--info': type === 'info',
       'utrecht-alert--ok': type === 'ok',
@@ -392,18 +392,18 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Alert.displayName = 'Alert';
 
-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 AlertDialog = /*#__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("dialog", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-alert-dialog', {
+    className: clsx$1('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
       'utrecht-alert-dialog--info': type === 'info',
       'utrecht-alert-dialog--warning': type === 'warning',
@@ -420,75 +420,75 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AlertDialog.displayName = 'AlertDialog';
 
-var _excluded$1e = ["children", "className"];
-function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsx("article", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-article', className),
+    className: clsx$1('utrecht-article', className),
     children: children
   }));
 });
 Article.displayName = 'Article';
 
-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 Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-backdrop', className),
+    className: clsx$1('utrecht-backdrop', className),
     children: children
   }));
 });
 Backdrop.displayName = 'Backdrop';
 
-var _excluded$1c = ["children", "className", "value"];
-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", "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 BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$1c);
-  var props = _objectSpread$1d({
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  var props = _objectSpread$1c({
     children: children,
-    className: clsx('utrecht-badge-counter', className)
+    className: clsx$1('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1d(_objectSpread$1d({}, props), {}, {
+  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsx("span", _objectSpread$1d(_objectSpread$1d({}, props), {}, {
+  })) : jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
     ref: ref
   }));
 });
 BadgeCounter.displayName = 'BadgeCounter';
 
-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 _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 BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1b);
-  return jsx("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-badge-list', className),
+    className: clsx$1('utrecht-badge-list', className),
     children: children
   }));
 });
 BadgeList.displayName = 'BadgeList';
 
-var _excluded$1a = ["aside", "attribution", "className", "children", "cite", "figure", "caption", "lang"];
-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 = ["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 Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var aside = _ref.aside,
     attribution = _ref.attribution,
@@ -498,7 +498,7 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
     figure = _ref.figure,
     caption = _ref.caption,
     lang = _ref.lang,
-    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
   var quote = children;
   var captionElement = caption || attribution ? jsx("figcaption", {
     className: "utrecht-blockquote__caption",
@@ -508,38 +508,38 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
     cite: cite,
     lang: lang
   };
-  return aside && (figure || captionElement) ? jsx("aside", _objectSpread$1b(_objectSpread$1b({
-    className: clsx('utrecht-blockquote', className)
+  return aside && (figure || captionElement) ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
+    className: clsx$1('utrecht-blockquote', className)
   }, restProps), {}, {
     children: jsxs("figure", {
-      className: clsx('utrecht-blockquote__figure'),
-      children: [jsx("blockquote", _objectSpread$1b(_objectSpread$1b({
+      className: clsx$1('utrecht-blockquote__figure'),
+      children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
         className: "utrecht-blockquote__quote"
       }, blockquoteAttrs), {}, {
         ref: ref,
         children: quote
       })), captionElement]
     })
-  })) : aside ? jsx("aside", _objectSpread$1b(_objectSpread$1b({
-    className: clsx('utrecht-blockquote', className)
+  })) : aside ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
+    className: clsx$1('utrecht-blockquote', className)
   }, restProps), {}, {
-    children: jsx("blockquote", _objectSpread$1b(_objectSpread$1b({
+    children: jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
       className: "utrecht-blockquote__quote"
     }, blockquoteAttrs), {}, {
       ref: ref,
       children: quote
     }))
-  })) : figure || captionElement ? jsxs("figure", _objectSpread$1b(_objectSpread$1b({
-    className: clsx('utrecht-blockquote', className)
+  })) : figure || captionElement ? jsxs("figure", _objectSpread$1a(_objectSpread$1a({
+    className: clsx$1('utrecht-blockquote', className)
   }, restProps), {}, {
-    children: [jsx("blockquote", _objectSpread$1b(_objectSpread$1b({
+    children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
       className: "utrecht-blockquote__quote"
     }, blockquoteAttrs), {}, {
       ref: ref,
       children: quote
     })), captionElement]
-  })) : jsx("blockquote", _objectSpread$1b(_objectSpread$1b(_objectSpread$1b({
-    className: clsx('utrecht-blockquote', 'utrecht-blockquote--html-blockquote', className)
+  })) : jsx("blockquote", _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({
+    className: clsx$1('utrecht-blockquote', 'utrecht-blockquote--html-blockquote', className)
   }, blockquoteAttrs), restProps), {}, {
     ref: ref,
     children: quote
@@ -547,12 +547,12 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Blockquote.displayName = 'Blockquote';
 
-var _excluded$19 = ["appearance", "children", "className", "headingLevel", "label"],
+var _excluded$18 = ["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$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; }
+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 useMicrodataItem = function useMicrodataItem(_ref) {
   var prop = _ref.prop,
     type = _ref.type;
@@ -574,11 +574,11 @@ 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$19);
+    restProps = _objectWithoutProperties(_ref2, _excluded$18);
   var headingId = label ? useId() : undefined;
-  return jsxs("nav", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+  return jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
+    className: clsx$1('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
       'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
     }, className),
     "aria-labelledby": headingId,
@@ -588,7 +588,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       level: headingLevel,
       "aria-hidden": "true",
       children: label
-    }), jsx("ol", _objectSpread$1a(_objectSpread$1a({
+    }), jsx("ol", _objectSpread$19(_objectSpread$19({
       className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
@@ -602,8 +602,8 @@ var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
     restProps = _objectWithoutProperties(_ref3, _excluded2$6);
-  return jsx("li", _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({
-    className: clsx('utrecht-breadcrumb-nav__item', className)
+  return jsx("li", _objectSpread$19(_objectSpread$19(_objectSpread$19({
+    className: clsx$1('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
     prop: 'itemListElement'
@@ -618,13 +618,13 @@ var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var className = _ref4.className,
     children = _ref4.children,
     restProps = _objectWithoutProperties(_ref4, _excluded3$3);
-  return jsx("li", _objectSpread$1a(_objectSpread$1a({
+  return jsx("li", _objectSpread$19(_objectSpread$19({
     "aria-hidden": "true",
     hidden: true,
     style: {
       display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
     },
-    className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
+    className: clsx$1('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
     ref: ref
   }, restProps), {}, {
     children: children
@@ -646,8 +646,8 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
   return jsx(BreadcrumbNavItem, {
-    children: jsxs(LinkComponent, _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({
-      className: clsx('utrecht-breadcrumb-nav__link', className, {
+    children: jsxs(LinkComponent, _objectSpread$19(_objectSpread$19(_objectSpread$19({
+      className: clsx$1('utrecht-breadcrumb-nav__link', className, {
         'utrecht-breadcrumb-nav__link--current': current,
         'utrecht-breadcrumb-nav__link--disabled': disabled
       }),
@@ -658,11 +658,11 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
       "aria-disabled": disabled ? 'true' : undefined
     }, useMicrodataProp('item')), restProps), {}, {
       ref: ref,
-      children: [jsx("span", _objectSpread$1a(_objectSpread$1a({
+      children: [jsx("span", _objectSpread$19(_objectSpread$19({
         className: "utrecht-breadcrumb-nav__text"
       }, useMicrodataProp('name')), {}, {
         children: children
-      })), typeof index === 'number' ? jsx("meta", _objectSpread$1a(_objectSpread$1a({}, useMicrodataProp('position')), {}, {
+      })), typeof index === 'number' ? jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
         content: String(index + 1)
       })) : null]
     }))
@@ -670,9 +670,9 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
 });
 BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 
-var _excluded$18 = ["children", "className", "direction"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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;
@@ -682,12 +682,12 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     direction = _ref.direction,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
-  return jsx("p", _objectSpread$19(_objectSpread$19({
+    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', {
+    className: clsx$1('utrecht-button-group', {
       'utrecht-button-group--column': direction === 'column',
       'utrecht-button-group--row': direction === 'row'
     }, className),
@@ -696,9 +696,9 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ButtonGroup.displayName = 'ButtonGroup';
 
-var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
-function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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; }
 var onKeyDown = function onKeyDown(evt) {
   var _evt$target;
   if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
@@ -716,22 +716,22 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     href = _ref.href,
     placeholder = _ref.placeholder,
     role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$17);
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
   var props = restProps;
   if (role === 'button') {
     // When this link is announced as button by accessibility tools,
     // it should also behave like a button. Links are not activated
     // using `Space`, so we need to implement that behaviour here
     // to reach parity with the `button` element.
-    props = _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+    props = _objectSpread$17(_objectSpread$17({}, restProps), {}, {
       onKeyDown: onKeyDown
     });
   }
-  return jsx("a", _objectSpread$18(_objectSpread$18({
+  return jsx("a", _objectSpread$17(_objectSpread$17({
     href: placeholder ? undefined : href,
     ref: ref,
     role: role || (placeholder ? 'link' : undefined),
-    className: clsx('utrecht-button-link', 'utrecht-button-link--html-a', {
+    className: clsx$1('utrecht-button-link', 'utrecht-button-link--html-a', {
       'utrecht-button-link--external': external,
       'utrecht-button-link--primary-action': appearance === 'primary-action-button',
       'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
@@ -746,32 +746,32 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ButtonLink.displayName = 'ButtonLink';
 
-var _excluded$16 = ["children", "className"];
-function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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; }
+function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
-  return jsx("code", _objectSpread$17(_objectSpread$17({
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsx("code", _objectSpread$16(_objectSpread$16({
     ref: ref,
-    className: clsx('utrecht-code', className)
+    className: clsx$1('utrecht-code', className)
   }, restProps), {}, {
     children: children
   }));
 });
 Code.displayName = 'Code';
 
-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; }
-function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$14 = ["children", "className"];
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$15);
-  return jsx("pre", _objectSpread$16(_objectSpread$16({
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsx("pre", _objectSpread$15(_objectSpread$15({
     ref: ref,
-    className: clsx('utrecht-code-block', className)
+    className: clsx$1('utrecht-code-block', className)
   }, restProps), {}, {
     children: jsx("code", {
       className: "utrecht-code-block__content",
@@ -781,19 +781,19 @@ var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CodeBlock.displayName = 'CodeBlock';
 
-var _excluded$14 = ["children", "className", "color", "style"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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; }
+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 ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     style = _ref.style,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsx("data", _objectSpread$15(_objectSpread$15({
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsx("data", _objectSpread$14(_objectSpread$14({
     ref: ref,
-    className: clsx('utrecht-color-sample', className),
-    style: _objectSpread$15(_objectSpread$15({}, style), {}, {
+    className: clsx$1('utrecht-color-sample', className),
+    style: _objectSpread$14(_objectSpread$14({}, style), {}, {
       color: color
     }),
     value: color
@@ -803,16 +803,16 @@ var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ColorSample.displayName = 'ColorSample';
 
-var _excluded$13 = ["children", "className", "rule"];
-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 _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; }
+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 ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rule = _ref.rule,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsx("div", _objectSpread$14(_objectSpread$14({
-    className: clsx('utrecht-column-layout', {
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
+  return jsx("div", _objectSpread$13(_objectSpread$13({
+    className: clsx$1('utrecht-column-layout', {
       'utrecht-column-layout--rule': rule
     }, className),
     ref: ref
@@ -822,9 +822,9 @@ var ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ColumnLayout.displayName = 'ColumnLayout';
 
-var _excluded$12 = ["children", "currency", "amount", "locale", "className"];
-function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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; }
+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 formatLabel = function formatLabel(locale, currency, amount) {
   return new Intl.NumberFormat(locale, {
     style: 'currency',
@@ -860,42 +860,29 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
   var number = typeof amount === 'string' ? parseFloat(amount) : amount;
   var labelFormatted = formatLabel(locale, currency, number);
   var visuallyFormatted = formatVisually(locale, currency, number);
-  return jsx("data", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
+  return jsx("data", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     value: "".concat(currency, " ").concat(amount),
-    className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
+    className: clsx$1('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
     "aria-label": labelFormatted,
     children: children || visuallyFormatted
   }));
 });
 CurrencyData.displayName = 'CurrencyData';
 
-var _excluded$11 = ["children", "className", "dateTime", "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 DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    dateTime = _ref.dateTime,
-    value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$11);
-  var props = _objectSpread$12({
-    children: children,
-    className: clsx('utrecht-badge-data', className)
-  }, restProps);
-  return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$12(_objectSpread$12({}, props), {}, {
-    dateTime: dateTime,
-    ref: ref
-  })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$12(_objectSpread$12({}, props), {}, {
-    value: value,
-    ref: ref
-  })) : jsx("span", _objectSpread$12(_objectSpread$12({}, props), {}, {
-    ref: ref
-  }));
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+const DataBadge = forwardRef(({ children, className, dateTime, value, ...restProps }, ref) => {
+    const props = {
+        children,
+        className: clsx('utrecht-data-badge', className),
+        ...restProps,
+    };
+    return typeof dateTime !== 'undefined' ? (jsx("time", { ...props, dateTime: dateTime, ref: ref })) : typeof value !== 'undefined' ? (jsx("data", { ...props, value: value, ref: ref })) : (jsx("span", { ...props, ref: ref }));
 });
 DataBadge.displayName = 'DataBadge';
 
@@ -908,7 +895,7 @@ var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$10);
   return jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-document', className),
+    className: clsx$1('utrecht-document', className),
     children: children
   }));
 });
@@ -926,7 +913,7 @@ var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$$);
   return jsx("dl", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
+    className: clsx$1('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
     ref: ref,
     children: children
   }));
@@ -937,7 +924,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$5);
   return jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    className: clsx('utrecht-data-list__item', className),
+    className: clsx$1('utrecht-data-list__item', className),
     ref: ref,
     children: children
   }));
@@ -948,7 +935,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3$2);
   return jsx("dt", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    className: clsx('utrecht-data-list__item-key', className),
+    className: clsx$1('utrecht-data-list__item-key', className),
     ref: ref,
     children: children
   }));
@@ -963,7 +950,7 @@ var DataListValue = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     notranslate = _ref4.notranslate;
   var empty = value === '' || value === null;
   return jsx("dd", {
-    className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
+    className: clsx$1('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
     translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
     ref: ref,
     children: empty ? jsx("span", {
@@ -978,7 +965,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     className = _ref5.className,
     restProps = _objectWithoutProperties(_ref5, _excluded4$1);
   return jsx("dd", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
-    className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
+    className: clsx$1('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
     ref: ref,
     children: children
   }));
@@ -1008,7 +995,7 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
   return jsx("dialog", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
     ref: dialogRef,
-    className: clsx('utrecht-drawer', {
+    className: clsx$1('utrecht-drawer', {
       'utrecht-drawer--block-end': align === 'block-end',
       'utrecht-drawer--block-start': align === 'block-start',
       'utrecht-drawer--inline-end': align === 'inline-end',
@@ -1028,7 +1015,7 @@ var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$Z);
   return jsx("em", _objectSpread$_(_objectSpread$_({
     ref: ref,
-    className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
+    className: clsx$1('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
   }, restProps), {}, {
     children: children
   }));
@@ -1044,7 +1031,7 @@ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$Y);
   return jsx("figure", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-figure', className),
+    className: clsx$1('utrecht-figure', className),
     children: children
   }));
 });
@@ -1059,7 +1046,7 @@ var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$X);
   return jsx("figcaption", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-figure__caption', className),
+    className: clsx$1('utrecht-figure__caption', className),
     children: children
   }));
 });
@@ -1079,7 +1066,7 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$W);
   return jsx("textarea", _objectSpread$X(_objectSpread$X({}, 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),
+    className: clsx$1('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', (required || inputRequired) && 'utrecht-textarea--required', className),
     dir: dir !== null && dir !== void 0 ? dir : 'auto',
     disabled: disabled,
     readOnly: readOnly,
@@ -1145,7 +1132,7 @@ var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }), jsx("div", {
       className: "utrecht-form-field__input",
       children: jsx(Textarea, {
-        "aria-describedby": clsx(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
+        "aria-describedby": clsx$1(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
         autoComplete: autoComplete,
         cols: cols,
         defaultValue: defaultValue,
@@ -1242,7 +1229,7 @@ var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
         name: name,
         type: type || 'text',
         autoComplete: autoComplete,
-        "aria-describedby": clsx(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
+        "aria-describedby": clsx$1(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
         invalid: invalid,
         dir: inputDir || 'auto',
         disabled: disabled,
@@ -1289,7 +1276,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$T);
   return jsxs("div", {
-    className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
+    className: clsx$1('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
       'utrecht-form-toggle--disabled': disabled,
       'utrecht-form-toggle--invalid': invalid,
       'utrecht-form-toggle--required': required
@@ -1308,7 +1295,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
       tabIndex: tabIndex
     }, restProps)), jsx("label", {
       htmlFor: id,
-      className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
+      className: clsx$1('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
       children: jsx("div", {
         className: "utrecht-form-toggle__thumb"
       })
@@ -1326,7 +1313,7 @@ var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$S);
   return jsx("div", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-html', className),
+    className: clsx$1('utrecht-html', className),
     children: children
   }));
 });
@@ -1341,7 +1328,7 @@ var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$R);
   return jsx("h1", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-1', className),
+    className: clsx$1('utrecht-heading-1', className),
     children: children
   }));
 });
@@ -1356,7 +1343,7 @@ var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$Q);
   return jsx("h2", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-2', className),
+    className: clsx$1('utrecht-heading-2', className),
     children: children
   }));
 });
@@ -1371,7 +1358,7 @@ var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$P);
   return jsx("h3", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-3', className),
+    className: clsx$1('utrecht-heading-3', className),
     children: children
   }));
 });
@@ -1386,7 +1373,7 @@ var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$O);
   return jsx("h4", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-4', className),
+    className: clsx$1('utrecht-heading-4', className),
     children: children
   }));
 });
@@ -1401,7 +1388,7 @@ var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$N);
   return jsx("h5", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-5', className),
+    className: clsx$1('utrecht-heading-5', className),
     children: children
   }));
 });
@@ -1416,7 +1403,7 @@ var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$M);
   return jsx("h6", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-6', className),
+    className: clsx$1('utrecht-heading-6', className),
     children: children
   }));
 });
@@ -1431,7 +1418,7 @@ var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$L);
   return jsx("hgroup", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-heading-group', className),
+    className: clsx$1('utrecht-heading-group', className),
     children: children
   }));
 });
@@ -1462,7 +1449,7 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return jsx("data", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
     ref: ref,
     value: normalized,
-    className: clsx('utrecht-iban-data', className),
+    className: clsx$1('utrecht-iban-data', className),
     translate: "no",
     children: children || formatted
   }));
@@ -1480,7 +1467,7 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$J);
   return jsx("span", _objectSpread$K(_objectSpread$K({
     ref: ref,
-    className: clsx('utrecht-icon', className),
+    className: clsx$1('utrecht-icon', className),
     role: role,
     "aria-hidden": role === 'presentation' ? 'true' : undefined
   }, restProps), {}, {
@@ -1507,7 +1494,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
         disabled = _ref2.disabled;
       var current = currentChar === _char;
       return /*#__PURE__*/createElement(Button, _objectSpread$J(_objectSpread$J({}, restProps), {}, {
-        className: clsx({
+        className: clsx$1({
           'utrecht-index-char-nav__link--current': current
         }),
         ref: ref,
@@ -1529,7 +1516,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
         disabled = _ref3.disabled,
         href = _ref3.href;
       var current = currentChar === _char2;
-      var customLinkComponentStyle = clsx('utrecht-button-link', 'utrecht-button-link--html-a', 'utrecht-index-char-nav__link', {
+      var customLinkComponentStyle = clsx$1('utrecht-button-link', 'utrecht-button-link--html-a', 'utrecht-index-char-nav__link', {
         'utrecht-index-char-nav__link--current': current,
         'utrecht-button-link--primary-action': current,
         'utrecht-button-link--secondary-action': !current,
@@ -1540,7 +1527,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
         ref: ref,
         appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
         href: href,
-        className: clsx(Link && customLinkComponentStyle, 'utrecht-index-char-nav__link', {
+        className: clsx$1(Link && customLinkComponentStyle, 'utrecht-index-char-nav__link', {
           'utrecht-index-char-nav__link--disabled': disabled,
           'utrecht-index-char-nav__link--current': current
         }),
@@ -1575,7 +1562,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$H);
   return jsx("img", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-img', {
+    className: clsx$1('utrecht-img', {
       'utrecht-img--photo': photo
     }, className)
   }));
@@ -1596,7 +1583,7 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return jsx("button", _objectSpread$H(_objectSpread$H({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
-    className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
+    className: clsx$1('utrecht-link-button', 'utrecht-link-button--html-button', {
       'utrecht-link-button--disabled': disabled,
       'utrecht-link-button--inline': inline,
       'utrecht-link-button--pressed': pressed
@@ -1619,7 +1606,7 @@ var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$F);
   return jsx("a", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-link-social', className),
+    className: clsx$1('utrecht-link-social', className),
     rel: external !== false ? 'external noopener noreferrer' : undefined,
     children: children
   }));
@@ -1636,7 +1623,7 @@ var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded$E);
   return jsx("li", {
-    className: clsx('utrecht-link-list__item', className),
+    className: clsx$1('utrecht-link-list__item', className),
     children: jsxs(Link, _objectSpread$F(_objectSpread$F({
       className: "utrecht-link-list__link"
     }, restProps), {}, {
@@ -1658,7 +1645,7 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   return jsxs("ul", _objectSpread$F(_objectSpread$F({
     role: "list",
     ref: ref,
-    className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
+    className: clsx$1('utrecht-link-list', 'utrecht-link-list--html-ul', className)
   }, restProps), {}, {
     children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
       return jsx(LinkListLink, _objectSpread$F({
@@ -1672,14 +1659,14 @@ LinkList.displayName = 'LinkList';
 var ListSocial = function ListSocial(_ref) {
   var children = _ref.children;
   return jsx("ul", {
-    className: clsx('utrecht-list-social'),
+    className: clsx$1('utrecht-list-social'),
     children: children
   });
 };
 var ListSocialItem = function ListSocialItem(_ref2) {
   var children = _ref2.children;
   return jsx("li", {
-    className: clsx('utrecht-list-social__item'),
+    className: clsx$1('utrecht-list-social__item'),
     children: children
   });
 };
@@ -1694,7 +1681,7 @@ var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$D);
   return jsxs("figure", _objectSpread$E(_objectSpread$E({
     ref: ref,
-    className: clsx('utrecht-logo', className)
+    className: clsx$1('utrecht-logo', className)
   }, restProps), {}, {
     children: [children, caption && jsx("figcaption", {
       className: "utrecht-logo__caption",
@@ -1811,7 +1798,7 @@ var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$C);
   return jsx("mark", _objectSpread$C(_objectSpread$C({
     ref: ref,
-    className: clsx('utrecht-mark', className)
+    className: clsx$1('utrecht-mark', className)
   }, restProps), {}, {
     children: children
   }));
@@ -1827,7 +1814,7 @@ var MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$B);
   return jsx("pre", _objectSpread$B(_objectSpread$B({
     ref: ref,
-    className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
+    className: clsx$1('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
   }, restProps), {}, {
     children: children
   }));
@@ -1840,7 +1827,7 @@ var NavBar = function NavBar(_ref) {
   return jsx("div", {
     className: "utrecht-nav-bar",
     children: jsx("div", {
-      className: clsx('utrecht-nav-bar__content', {
+      className: clsx$1('utrecht-nav-bar__content', {
         'utrecht-nav-bar__content--center': appearance === 'center'
       }),
       children: children
@@ -1861,7 +1848,7 @@ var NavList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$A);
   return jsx("ul", _objectSpread$A(_objectSpread$A({
     role: "list",
-    className: clsx('utrecht-nav-list', {
+    className: clsx$1('utrecht-nav-list', {
       'utrecht-nav-list--center': appearance === 'center'
     }, className),
     ref: ref
@@ -1876,7 +1863,7 @@ var NavListLink = function NavListLink(_ref2) {
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$3);
   return jsx("li", {
-    className: clsx('utrecht-nav-list__item', {
+    className: clsx$1('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
     }, className),
     children: jsx(Link, _objectSpread$A(_objectSpread$A({
@@ -1893,7 +1880,7 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3$1);
   return jsx("li", {
-    className: clsx('utrecht-nav-list__item', {
+    className: clsx$1('utrecht-nav-list__item', {
       'utrecht-nav-list__item--center': center
     }, className),
     children: jsx(LinkButton, _objectSpread$A(_objectSpread$A({
@@ -1915,7 +1902,7 @@ var NumberBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$z);
   var props = _objectSpread$z({
     children: children,
-    className: clsx('utrecht-number-badge', className)
+    className: clsx$1('utrecht-number-badge', className)
   }, restProps);
   return typeof value !== 'undefined' ? jsx("data", _objectSpread$z(_objectSpread$z({}, props), {}, {
     value: value,
@@ -1938,7 +1925,7 @@ var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
     value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-number-data', className),
+    className: clsx$1('utrecht-number-data', className),
     children: children
   }));
 });
@@ -1953,7 +1940,7 @@ var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$x);
   return jsx("ol", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-ordered-list', className),
+    className: clsx$1('utrecht-ordered-list', className),
     children: children
   }));
 });
@@ -1968,7 +1955,7 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$w);
   return jsx("li", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-ordered-list__item', className),
+    className: clsx$1('utrecht-ordered-list__item', className),
     children: children
   }));
 });
@@ -1983,7 +1970,7 @@ var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$v);
   return jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page', className),
+    className: clsx$1('utrecht-page', className),
     children: children
   }));
 });
@@ -1999,7 +1986,7 @@ var PageContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$u);
   return jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-content', className),
+    className: clsx$1('utrecht-page-content', className),
     children: children
   }));
 });
@@ -2010,7 +1997,7 @@ var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     restProps = _objectWithoutProperties(_ref2, _excluded2$2);
   return jsx("main", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-content__main', className),
+    className: clsx$1('utrecht-page-content__main', className),
     children: children
   }));
 });
@@ -2025,7 +2012,7 @@ var PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$t);
   return jsx("footer", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-footer', className),
+    className: clsx$1('utrecht-page-footer', className),
     children: children
   }));
 });
@@ -2040,7 +2027,7 @@ var PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$s);
   return jsx("header", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-page-header', className),
+    className: clsx$1('utrecht-page-header', className),
     children: children
   }));
 });
@@ -2060,7 +2047,7 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isSmall = appearance === 'small' || small && appearance !== 'lead';
   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$1('utrecht-paragraph', isLead && 'utrecht-paragraph--lead', isSmall && 'utrecht-paragraph--small', className),
     children: isLead ? jsx("b", {
       className: "utrecht-paragraph__b",
       children: children
@@ -2081,7 +2068,7 @@ var DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$q);
   return jsx("span", _objectSpread$q({
     ref: ref,
-    className: clsx('utrecht-data-placeholder', {
+    className: clsx$1('utrecht-data-placeholder', {
       'utrecht-data-placeholder--loading': loading
     }, className)
   }, restProps));
@@ -2097,7 +2084,7 @@ var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$p);
   return jsx("p", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-pre-heading', className),
+    className: clsx$1('utrecht-pre-heading', className),
     children: children
   }));
 });
@@ -2117,7 +2104,7 @@ var PreserveData = /*#__PURE__*/forwardRef(function (_ref, ref) {
       translate: "no",
       children: children
     }),
-    className: clsx('utrecht-preserve-data', className)
+    className: clsx$1('utrecht-preserve-data', className)
   }, restProps);
   return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$o(_objectSpread$o({}, props), {}, {
     dateTime: dateTime,
@@ -2143,7 +2130,7 @@ var RichText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$n);
   return jsx("div", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-rich-text', className),
+    className: clsx$1('utrecht-rich-text', className),
     children: children
   }));
 });
@@ -2195,7 +2182,7 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-invalid": invalid || undefined,
     required: noscript ? required : false,
     "aria-required": noscript ? undefined : required || undefined,
-    className: clsx('utrecht-select', 'utrecht-select--html-select', busy && 'utrecht-select--busy', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className),
+    className: clsx$1('utrecht-select', 'utrecht-select--html-select', busy && 'utrecht-select--busy', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className),
     ref: ref
   }, restProps), {}, {
     children: children
@@ -2213,7 +2200,7 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     ref: ref,
     disabled: disabled,
     value: value,
-    className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className),
+    className: clsx$1('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className),
     children: children
   }));
 });
@@ -2229,7 +2216,7 @@ var Separator = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var restProps = _objectWithoutProperties(_ref, _excluded$k);
   return jsx("hr", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-separator', className)
+    className: clsx$1('utrecht-separator', className)
   }));
 });
 Separator.displayName = 'Separator';
@@ -2245,7 +2232,7 @@ var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children: jsx("a", _objectSpread$j(_objectSpread$j({
       ref: ref
     }, restProps), {}, {
-      className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
+      className: clsx$1('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
       children: children
     }))
   });
@@ -2263,7 +2250,7 @@ var SpotlightSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$i);
   var props = _objectSpread$i(_objectSpread$i({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-spotlight-section', _defineProperty({}, "utrecht-spotlight-section--".concat(type), type), className)
+    className: clsx$1('utrecht-spotlight-section', _defineProperty({}, "utrecht-spotlight-section--".concat(type), type), className)
   });
   return aside ? jsx("aside", _objectSpread$i(_objectSpread$i({}, props), {}, {
     children: children
@@ -2281,7 +2268,7 @@ var StatusBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
     status = _ref.status,
     restProps = _objectWithoutProperties(_ref, _excluded$h);
   return jsx("span", _objectSpread$h(_objectSpread$h({
-    className: clsx('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
+    className: clsx$1('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
   }, restProps), {}, {
     ref: ref
   }));
@@ -2297,7 +2284,7 @@ var Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$g);
   return jsx("strong", _objectSpread$g(_objectSpread$g({
     ref: ref,
-    className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
+    className: clsx$1('utrecht-emphasis', 'utrecht-emphasis--strong', className)
   }, restProps), {}, {
     children: children
   }));
@@ -2314,7 +2301,7 @@ var Subscript = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$f);
   return jsx("sub", _objectSpread$f(_objectSpread$f({
     ref: ref,
-    className: clsx('utrecht-subscript', {
+    className: clsx$1('utrecht-subscript', {
       'utrecht-subscript--open-type': openType
     }, className)
   }, restProps), {}, {
@@ -2333,7 +2320,7 @@ var Superscript = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$e);
   return jsx("sup", _objectSpread$e(_objectSpread$e({
     ref: ref,
-    className: clsx('utrecht-superscript', {
+    className: clsx$1('utrecht-superscript', {
       'utrecht-superscript--open-type': openType
     }, className)
   }, restProps), {}, {
@@ -2351,7 +2338,7 @@ var Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$d);
   return jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-surface', className),
+    className: clsx$1('utrecht-surface', className),
     children: children
   }));
 });
@@ -2367,7 +2354,7 @@ var TableContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$c);
   return jsx("div", _objectSpread$c(_objectSpread$c({
     ref: ref,
-    className: clsx('utrecht-table-container', {
+    className: clsx$1('utrecht-table-container', {
       'utrecht-table-container--overflow-inline': overflowInline
     }, className)
   }, restProps), {}, {
@@ -2388,7 +2375,7 @@ var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-busy": busy
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table', {
+    className: clsx$1('utrecht-table', {
       'utrecht-table--busy': busy
     }, className),
     children: children
@@ -2405,7 +2392,7 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$a);
   return jsx("tbody", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__body', className),
+    className: clsx$1('utrecht-table__body', className),
     children: children
   }));
 });
@@ -2420,7 +2407,7 @@ var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$9);
   return jsx("caption", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__caption', className),
+    className: clsx$1('utrecht-table__caption', className),
     children: children
   }));
 });
@@ -2439,7 +2426,7 @@ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-selected": selected ? true : undefined
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__cell', {
+    className: clsx$1('utrecht-table__cell', {
       'utrecht-table__cell--selected': selected,
       'utrecht-table__cell--numeric-column': numericColumn
     }, className),
@@ -2458,7 +2445,7 @@ var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$7);
   return jsx("tfoot", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__footer', {
+    className: clsx$1('utrecht-table__footer', {
       'utrecht-table__footer--sticky': sticky
     }, className),
     children: children
@@ -2476,7 +2463,7 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$6);
   return jsx("thead", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__header', {
+    className: clsx$1('utrecht-table__header', {
       'utrecht-table__header--sticky': sticky
     }, className),
     children: children
@@ -2500,7 +2487,7 @@ var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
     scope: scope
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__header-cell', {
+    className: clsx$1('utrecht-table__header-cell', {
       'utrecht-table__header-cell--numeric-column': numericColumn,
       'utrecht-table__header-cell--selected': selected,
       'utrecht-table__header-cell--sticky-inline': sticky && scope === 'row',
@@ -2522,7 +2509,7 @@ var TableOfContents = function TableOfContents(_ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$4);
   return jsx("section", _objectSpread$4(_objectSpread$4({
-    className: clsx$1('utrecht-table-of-contents', className)
+    className: clsx$2('utrecht-table-of-contents', className)
   }, restProps), {}, {
     children: children
   }));
@@ -2532,7 +2519,7 @@ var TableOfContentsList = function TableOfContentsList(_ref2) {
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
   return jsx("ul", _objectSpread$4(_objectSpread$4({
-    className: clsx$1('utrecht-table-of-contents__list', className)
+    className: clsx$2('utrecht-table-of-contents__list', className)
   }, restProps), {}, {
     children: children
   }));
@@ -2542,7 +2529,7 @@ var TableOfContentsListItem = function TableOfContentsListItem(_ref3) {
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3);
   return jsx("li", _objectSpread$4(_objectSpread$4({
-    className: clsx$1('utrecht-table-of-contents__list-item', className)
+    className: clsx$2('utrecht-table-of-contents__list-item', className)
   }, restProps), {}, {
     children: jsx("span", {
       className: "utrecht-table-of-contents__list-item-body",
@@ -2556,7 +2543,7 @@ var TableOfContentsLink = function TableOfContentsLink(_ref4) {
     label = _ref4.label,
     restProps = _objectWithoutProperties(_ref4, _excluded4);
   return jsxs(Link, _objectSpread$4(_objectSpread$4({
-    className: clsx$1('utrecht-table-of-contents__link', className)
+    className: clsx$2('utrecht-table-of-contents__link', className)
   }, restProps), {}, {
     children: [label && jsx("span", {
       className: "utrecht-table-of-contents__list-item-label",
@@ -2580,7 +2567,7 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-selected": selected ? true : undefined
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-table__row', {
+    className: clsx$1('utrecht-table__row', {
       'utrecht-table__row--selected': selected
     }, className),
     children: children
@@ -2599,7 +2586,7 @@ var URLData = /*#__PURE__*/forwardRef(function (_ref, ref) {
     translate: "no"
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-url-data', className),
+    className: clsx$1('utrecht-url-data', className),
     children: children
   }));
 });
@@ -2616,7 +2603,7 @@ var UnorderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     role: "list"
   }, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-unordered-list', className),
+    className: clsx$1('utrecht-unordered-list', className),
     children: children
   }));
 });
@@ -2631,7 +2618,7 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded);
   return jsx("li", _objectSpread(_objectSpread({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-unordered-list__item', className),
+    className: clsx$1('utrecht-unordered-list__item', className),
     children: children
   }));
 });