@utrecht/component-library-react 11.0.0 → 13.0.0

package/dist/css-module/index.mjs

@@ -117,15 +117,15 @@ var insertStyle = function insertStyle(css) {
   }
 };
 
-var _excluded$1h = ["level", "className"];
-function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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$1h);
+    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$1i(_objectSpread$1i({
+  return jsx(HeadingX, _objectSpread$1j(_objectSpread$1j({
     className: clsx(className)
   }, restProps), {}, {
     ref: ref
@@ -133,18 +133,18 @@ var HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
-var _excluded$1g = ["appearance", "className", "level"];
-function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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$1g);
+    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$1h(_objectSpread$1h({
+  return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
     className: clsx(headingClassName, className)
   }, restProps), {}, {
     ref: ref
@@ -152,10 +152,10 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Heading.displayName = 'Heading';
 
-var _excluded$1f = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"],
+var _excluded$1g = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"],
   _excluded2$7 = ["children", "group", "headingLevel", "heading"];
-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; }
+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",
@@ -231,7 +231,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onButtonBlur = _ref.onButtonBlur,
     onButtonFocus = _ref.onButtonFocus,
     icon = _ref.icon,
-    props = _objectWithoutProperties(_ref, _excluded$1f);
+    props = _objectWithoutProperties(_ref, _excluded$1g);
   var panelAttributes = {
     className: clsx('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
@@ -252,7 +252,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   //   content of the landmark to be the actual content, instead of starting
   //   with the button that controls the region.
   // - we only want expanded sections to show up as landmarks
-  return jsxs("div", _objectSpread$1g(_objectSpread$1g({
+  return jsxs("div", _objectSpread$1h(_objectSpread$1h({
     className: clsx('utrecht-accordion__section', className),
     id: id,
     ref: ref
@@ -285,12 +285,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
           children: label
         })]
       })
-    }), section ? jsx("section", _objectSpread$1g(_objectSpread$1g({
+    }), section ? jsx("section", _objectSpread$1h(_objectSpread$1h({
       id: panelId,
       "aria-labelledby": buttonId
     }, panelAttributes), {}, {
       children: children
-    })) : jsx("div", _objectSpread$1g(_objectSpread$1g({
+    })) : jsx("div", _objectSpread$1h(_objectSpread$1h({
       id: panelId
     }, panelAttributes), {}, {
       children: children
@@ -309,7 +309,7 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
       level: headingLevel,
       children: heading
-    }), jsx("div", _objectSpread$1g(_objectSpread$1g({
+    }), jsx("div", _objectSpread$1h(_objectSpread$1h({
       className: clsx('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
@@ -421,7 +421,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
         // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
         setSectionsState(sectionsState.map(function (section, index) {
           if (index === activatedIndex) {
-            return _objectSpread$1g(_objectSpread$1g({}, section), {}, {
+            return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
               expanded: !section.expanded
             });
           } else {
@@ -429,7 +429,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
           }
         }));
       };
-      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1g(_objectSpread$1g({
+      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({
         headingLevel: sectionHeadingLevel
       }, section), {}, {
         icon: icon,
@@ -452,9 +452,9 @@ AccordionProvider.displayName = 'AccordionProvider';
  */
 insertStyle(css);
 
-var _excluded$1e = ["children", "className", "icon", "type", "role"];
-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$1f = ["children", "className", "icon", "type", "role"];
+function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var enumGuard = function enumGuard(values) {
   return function (x) {
     return values.includes(x);
@@ -474,10 +474,10 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
     icon = _ref.icon,
     type = _ref.type,
     role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+    restProps = _objectWithoutProperties(_ref, _excluded$1f);
   var computedType = isAlertType(type) ? type : 'info';
   var computedRole = role || typeToRole[computedType];
-  return jsxs("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
+  return jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert', "utrecht-alert--".concat(computedType), className),
     children: [icon && jsx("div", {
@@ -502,16 +502,16 @@ Alert.displayName = 'Alert';
  */
 insertStyle(css$1);
 
-var _excluded$1d = ["children", "className", "icon", "type"];
-function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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$1d);
-  return jsxs("dialog", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1e);
+  return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
@@ -537,14 +537,14 @@ AlertDialog.displayName = 'AlertDialog';
  */
 insertStyle(css$2);
 
-var _excluded$1c = ["children", "className"];
-function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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$1c);
-  return jsx("article", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1d);
+  return jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-article', className),
     children: children
@@ -559,14 +559,14 @@ Article.displayName = 'Article';
  */
 insertStyle(css$3);
 
-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$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$1b);
-  return jsx("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1c);
+  return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-backdrop', className),
     children: children
@@ -581,22 +581,22 @@ Backdrop.displayName = 'Backdrop';
  */
 insertStyle(css$4);
 
-var _excluded$1a = ["children", "className", "value"];
-function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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$1a);
-  var props = _objectSpread$1b({
+    restProps = _objectWithoutProperties(_ref, _excluded$1b);
+  var props = _objectSpread$1c({
     children: children,
     className: clsx('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
+  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsx("span", _objectSpread$1b(_objectSpread$1b({}, props), {}, {
+  })) : jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
     ref: ref
   }));
 });
@@ -609,14 +609,14 @@ BadgeCounter.displayName = 'BadgeCounter';
  */
 insertStyle(css$5);
 
-var _excluded$19 = ["children", "className"];
-function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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$19);
-  return jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1a);
+  return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-badge-list', className),
     children: children
@@ -631,9 +631,9 @@ BadgeList.displayName = 'BadgeList';
  */
 insertStyle(css$6);
 
-var _excluded$18 = ["aside", "attribution", "className", "children", "cite", "figure", "caption", "lang"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _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,
@@ -643,7 +643,7 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
     figure = _ref.figure,
     caption = _ref.caption,
     lang = _ref.lang,
-    restProps = _objectWithoutProperties(_ref, _excluded$18);
+    restProps = _objectWithoutProperties(_ref, _excluded$19);
   var quote = children;
   var captionElement = caption || attribution ? jsx("figcaption", {
     className: "utrecht-blockquote__caption",
@@ -653,37 +653,37 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
     cite: cite,
     lang: lang
   };
-  return aside && (figure || captionElement) ? jsx("aside", _objectSpread$19(_objectSpread$19({
+  return aside && (figure || captionElement) ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
     className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
     children: jsxs("figure", {
       className: clsx('utrecht-blockquote__figure'),
-      children: [jsx("blockquote", _objectSpread$19(_objectSpread$19({
+      children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
         className: "utrecht-blockquote__quote"
       }, blockquoteAttrs), {}, {
         ref: ref,
         children: quote
       })), captionElement]
     })
-  })) : aside ? jsx("aside", _objectSpread$19(_objectSpread$19({
+  })) : aside ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
     className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
-    children: jsx("blockquote", _objectSpread$19(_objectSpread$19({
+    children: jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
       className: "utrecht-blockquote__quote"
     }, blockquoteAttrs), {}, {
       ref: ref,
       children: quote
     }))
-  })) : figure || captionElement ? jsxs("figure", _objectSpread$19(_objectSpread$19({
+  })) : figure || captionElement ? jsxs("figure", _objectSpread$1a(_objectSpread$1a({
     className: clsx('utrecht-blockquote', className)
   }, restProps), {}, {
-    children: [jsx("blockquote", _objectSpread$19(_objectSpread$19({
+    children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
       className: "utrecht-blockquote__quote"
     }, blockquoteAttrs), {}, {
       ref: ref,
       children: quote
     })), captionElement]
-  })) : jsx("blockquote", _objectSpread$19(_objectSpread$19(_objectSpread$19({
+  })) : jsx("blockquote", _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({
     className: clsx('utrecht-blockquote', 'utrecht-blockquote--html-blockquote', className)
   }, blockquoteAttrs), restProps), {}, {
     ref: ref,
@@ -699,12 +699,12 @@ Blockquote.displayName = 'Blockquote';
  */
 insertStyle(css$7);
 
-var _excluded$17 = ["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$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; }
+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;
@@ -726,9 +726,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     _ref2$headingLevel = _ref2.headingLevel,
     headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
     label = _ref2.label,
-    restProps = _objectWithoutProperties(_ref2, _excluded$17);
+    restProps = _objectWithoutProperties(_ref2, _excluded$18);
   var headingId = label ? useId() : undefined;
-  return jsxs("nav", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
+  return jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
       'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
@@ -740,7 +740,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       level: headingLevel,
       "aria-hidden": "true",
       children: label
-    }), jsx("ol", _objectSpread$18(_objectSpread$18({
+    }), jsx("ol", _objectSpread$19(_objectSpread$19({
       className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
@@ -754,7 +754,7 @@ var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
     restProps = _objectWithoutProperties(_ref3, _excluded2$6);
-  return jsx("li", _objectSpread$18(_objectSpread$18(_objectSpread$18({
+  return jsx("li", _objectSpread$19(_objectSpread$19(_objectSpread$19({
     className: clsx('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
@@ -770,7 +770,7 @@ var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var className = _ref4.className,
     children = _ref4.children,
     restProps = _objectWithoutProperties(_ref4, _excluded3$3);
-  return jsx("li", _objectSpread$18(_objectSpread$18({
+  return jsx("li", _objectSpread$19(_objectSpread$19({
     "aria-hidden": "true",
     hidden: true,
     style: {
@@ -798,7 +798,7 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
   return jsx(BreadcrumbNavItem, {
-    children: jsxs(LinkComponent, _objectSpread$18(_objectSpread$18(_objectSpread$18({
+    children: jsxs(LinkComponent, _objectSpread$19(_objectSpread$19(_objectSpread$19({
       className: clsx('utrecht-breadcrumb-nav__link', className, {
         'utrecht-breadcrumb-nav__link--current': current,
         'utrecht-breadcrumb-nav__link--disabled': disabled,
@@ -811,11 +811,11 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
       "aria-disabled": disabled ? 'true' : undefined
     }, useMicrodataProp('item')), restProps), {}, {
       ref: ref,
-      children: [jsx("span", _objectSpread$18(_objectSpread$18({
+      children: [jsx("span", _objectSpread$19(_objectSpread$19({
         className: "utrecht-breadcrumb-nav__text"
       }, useMicrodataProp('name')), {}, {
         children: children
-      })), typeof index === 'number' ? jsx("meta", _objectSpread$18(_objectSpread$18({}, useMicrodataProp('position')), {}, {
+      })), typeof index === 'number' ? jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
         content: String(index + 1)
       })) : null]
     }))
@@ -830,9 +830,14 @@ BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
  */
 insertStyle(css$8);
 
-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 _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 APPEARANCE = {
+  'primary-action-button': 'utrecht-button-link--primary-action',
+  'secondary-action-button': 'utrecht-button-link--secondary-action',
+  'subtle-button': 'utrecht-button-link--subtle'
+};
 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') {
@@ -850,28 +855,25 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     href = _ref.href,
     placeholder = _ref.placeholder,
     role = _ref.role,
-    restProps = _objectWithoutProperties(_ref, _excluded$16);
+    restProps = _objectWithoutProperties(_ref, _excluded$17);
   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$17(_objectSpread$17({}, restProps), {}, {
+    props = _objectSpread$18(_objectSpread$18({}, restProps), {}, {
       onKeyDown: onKeyDown
     });
   }
-  return jsx("a", _objectSpread$17(_objectSpread$17({
+  return jsx("a", _objectSpread$18(_objectSpread$18({
     href: placeholder ? undefined : href,
     ref: ref,
     role: role || (placeholder ? 'link' : undefined),
     className: clsx('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',
-      'utrecht-button-link--subtle': appearance === 'subtle-button',
       'utrecht-button-link--placeholder': placeholder
-    }, className),
+    }, appearance && APPEARANCE[appearance], className),
     rel: external ? 'external noopener noreferrer' : undefined,
     "aria-disabled": placeholder ? 'true' : undefined
   }, props), {}, {
@@ -887,14 +889,14 @@ ButtonLink.displayName = 'ButtonLink';
  */
 insertStyle(css$9);
 
-var _excluded$15 = ["children", "className"];
-function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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$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 Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$15);
-  return jsx("code", _objectSpread$16(_objectSpread$16({
+    restProps = _objectWithoutProperties(_ref, _excluded$16);
+  return jsx("code", _objectSpread$17(_objectSpread$17({
     ref: ref,
     className: clsx('utrecht-code', className)
   }, restProps), {}, {
@@ -910,14 +912,14 @@ Code.displayName = 'Code';
  */
 insertStyle(css$a);
 
-var _excluded$14 = ["children", "className"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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$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 CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$14);
-  return jsx("pre", _objectSpread$15(_objectSpread$15({
+    restProps = _objectWithoutProperties(_ref, _excluded$15);
+  return jsx("pre", _objectSpread$16(_objectSpread$16({
     ref: ref,
     className: clsx('utrecht-code-block', className)
   }, restProps), {}, {
@@ -936,19 +938,19 @@ CodeBlock.displayName = 'CodeBlock';
  */
 insertStyle(css$b);
 
-var _excluded$13 = ["children", "className", "color", "style"];
-function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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$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 ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     style = _ref.style,
-    restProps = _objectWithoutProperties(_ref, _excluded$13);
-  return jsx("data", _objectSpread$14(_objectSpread$14({
+    restProps = _objectWithoutProperties(_ref, _excluded$14);
+  return jsx("data", _objectSpread$15(_objectSpread$15({
     ref: ref,
     className: clsx('utrecht-color-sample', className),
-    style: _objectSpread$14(_objectSpread$14({}, style), {}, {
+    style: _objectSpread$15(_objectSpread$15({}, style), {}, {
       color: color
     }),
     value: color
@@ -965,15 +967,15 @@ ColorSample.displayName = 'ColorSample';
  */
 insertStyle(css$c);
 
-var _excluded$12 = ["children", "className", "rule"];
-function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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$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 ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rule = _ref.rule,
-    restProps = _objectWithoutProperties(_ref, _excluded$12);
-  return jsx("div", _objectSpread$13(_objectSpread$13({
+    restProps = _objectWithoutProperties(_ref, _excluded$13);
+  return jsx("div", _objectSpread$14(_objectSpread$14({
     className: clsx('utrecht-column-layout', {
       'utrecht-column-layout--rule': rule
     }, className),
@@ -991,9 +993,9 @@ ColumnLayout.displayName = 'ColumnLayout';
  */
 insertStyle(css$d);
 
-var _excluded$11 = ["children", "currency", "amount", "locale", "className"];
-function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$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 formatLabel = function formatLabel(locale, currency, amount) {
   return new Intl.NumberFormat(locale, {
     style: 'currency',
@@ -1029,11 +1031,11 @@ 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$11);
+    restProps = _objectWithoutProperties(_ref, _excluded$12);
   var number = typeof amount === 'string' ? parseFloat(amount) : amount;
   var labelFormatted = formatLabel(locale, currency, number);
   var visuallyFormatted = formatVisually(locale, currency, number);
-  return jsx("data", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
+  return jsx("data", _objectSpread$13(_objectSpread$13({}, 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),
@@ -1050,14 +1052,14 @@ CurrencyData.displayName = 'CurrencyData';
  */
 insertStyle(css$e);
 
-var _excluded$10 = ["children", "className"];
-function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$11 = ["children", "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 Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$10);
-  return jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$11);
+  return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-document', className),
     children: children
@@ -1072,18 +1074,18 @@ Document.displayName = 'Document';
  */
 insertStyle(css$f);
 
-var _excluded$$ = ["appearance", "children", "className"],
+var _excluded$10 = ["appearance", "children", "className"],
   _excluded2$5 = ["children", "className"],
   _excluded3$2 = ["children", "className"],
   _excluded4$1 = ["children", "className"];
-function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$$);
-  return jsx("dl", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$10);
+  return jsx("dl", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
     ref: ref,
     children: children
@@ -1094,7 +1096,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$5);
-  return jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+  return jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     className: clsx('utrecht-data-list__item', className),
     ref: ref,
     children: children
@@ -1105,7 +1107,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3$2);
-  return jsx("dt", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+  return jsx("dt", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     className: clsx('utrecht-data-list__item-key', className),
     ref: ref,
     children: children
@@ -1135,7 +1137,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var children = _ref5.children,
     className = _ref5.className,
     restProps = _objectWithoutProperties(_ref5, _excluded4$1);
-  return jsx("dd", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
+  return jsx("dd", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
     ref: ref,
     children: children
@@ -1150,15 +1152,15 @@ DataListActions.displayName = 'DataListActions';
  */
 insertStyle(css$g);
 
-var _excluded$_ = ["align", "children", "className", "modal"];
-function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$$ = ["align", "children", "className", "modal"];
+function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var align = _ref.align,
     children = _ref.children,
     className = _ref.className,
     modal = _ref.modal,
-    restProps = _objectWithoutProperties(_ref, _excluded$_);
+    restProps = _objectWithoutProperties(_ref, _excluded$$);
   var dialogRef = useRef(null);
   useImperativeHandle(ref, function () {
     return dialogRef.current;
@@ -1171,7 +1173,7 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
       dialogRef.current.showModal();
     }
   });
-  return jsx("dialog", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
+  return jsx("dialog", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     ref: dialogRef,
     className: clsx('utrecht-drawer', {
       'utrecht-drawer--block-end': align === 'block-end',
@@ -1191,14 +1193,14 @@ Drawer.displayName = 'Drawer';
  */
 insertStyle(css$h);
 
-var _excluded$Z = ["children", "className"];
-function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$_ = ["children", "className"];
+function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Z);
-  return jsx("em", _objectSpread$_(_objectSpread$_({
+    restProps = _objectWithoutProperties(_ref, _excluded$_);
+  return jsx("em", _objectSpread$$(_objectSpread$$({
     ref: ref,
     className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
   }, restProps), {}, {
@@ -1214,14 +1216,14 @@ Emphasis.displayName = 'Emphasis';
  */
 insertStyle(css$i);
 
-var _excluded$Y = ["className", "children"];
-function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Z = ["className", "children"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$Y);
-  return jsx("figure", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Z);
+  return jsx("figure", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-figure', className),
     children: children
@@ -1236,14 +1238,14 @@ Figure.displayName = 'Figure';
  */
 insertStyle(css$j);
 
-var _excluded$X = ["className", "children"];
-function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Y = ["className", "children"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$X);
-  return jsx("figcaption", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Y);
+  return jsx("figcaption", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-figure__caption', className),
     children: children
@@ -1258,9 +1260,9 @@ FigureCaption.displayName = 'FigureCaption';
  */
 insertStyle(css$j);
 
-var _excluded$W = ["dir", "disabled", "inputRequired", "invalid", "readOnly", "required", "className"];
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$X = ["dir", "disabled", "inputRequired", "invalid", "readOnly", "required", "className"];
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var dir = _ref.dir,
     disabled = _ref.disabled,
@@ -1269,8 +1271,8 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     readOnly = _ref.readOnly,
     required = _ref.required,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$W);
-  return jsx("textarea", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$X);
+  return jsx("textarea", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', (required || inputRequired) && 'utrecht-textarea--required', className),
     dir: dir !== null && dir !== void 0 ? dir : 'auto',
@@ -1290,9 +1292,9 @@ Textarea.displayName = 'Textarea';
  */
 insertStyle(css$k);
 
-var _excluded$V = ["autoComplete", "children", "cols", "defaultValue", "description", "disabled", "errorMessage", "inputDir", "inputRequired", "invalid", "label", "maxLength", "minLength", "name", "onBlur", "onChange", "onFocus", "onInput", "placeholder", "readOnly", "required", "rows", "status", "inputRef", "value"];
-function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$W = ["autoComplete", "children", "cols", "defaultValue", "description", "disabled", "errorMessage", "inputDir", "inputRequired", "invalid", "label", "maxLength", "minLength", "name", "onBlur", "onChange", "onFocus", "onInput", "placeholder", "readOnly", "required", "rows", "status", "inputRef", "value"];
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var autoComplete = _ref.autoComplete,
     children = _ref.children,
@@ -1319,12 +1321,12 @@ var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     status = _ref.status,
     inputRef = _ref.inputRef,
     value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded$V);
+    props = _objectWithoutProperties(_ref, _excluded$W);
   var inputId = useId();
   var descriptionId = useId();
   var statusId = useId();
   var errorMessageId = useId();
-  return jsxs(FormField, _objectSpread$W(_objectSpread$W({
+  return jsxs(FormField, _objectSpread$X(_objectSpread$X({
     invalid: invalid,
     ref: ref
   }, props), {}, {
@@ -1377,9 +1379,9 @@ var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FormFieldTextarea.displayName = 'FormFieldTextarea';
 
-var _excluded$U = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
-function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$V = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var name = _ref.name,
     invalid = _ref.invalid,
@@ -1411,12 +1413,12 @@ var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size = _ref.size,
     children = _ref.children,
     inputRef = _ref.inputRef,
-    props = _objectWithoutProperties(_ref, _excluded$U);
+    props = _objectWithoutProperties(_ref, _excluded$V);
   var inputId = useId();
   var descriptionId = useId();
   var statusId = useId();
   var errorMessageId = useId();
-  return jsxs(FormField, _objectSpread$V(_objectSpread$V({
+  return jsxs(FormField, _objectSpread$W(_objectSpread$W({
     invalid: invalid,
     ref: ref
   }, props), {}, {
@@ -1474,9 +1476,9 @@ var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FormFieldTextbox.displayName = 'FormFieldTextbox';
 
-var _excluded$T = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
-function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$U = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
     disabled = _ref.disabled,
@@ -1487,7 +1489,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
     role = _ref.role,
     tabIndex = _ref.tabIndex,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$T);
+    restProps = _objectWithoutProperties(_ref, _excluded$U);
   return jsxs("div", {
     className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
       'utrecht-form-toggle--disabled': disabled,
@@ -1495,7 +1497,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
       'utrecht-form-toggle--required': required
     }, className),
     hidden: hidden,
-    children: [jsx("input", _objectSpread$U({
+    children: [jsx("input", _objectSpread$V({
       id: id,
       "aria-invalid": invalid || undefined,
       type: "checkbox",
@@ -1524,14 +1526,14 @@ FormToggle.displayName = 'FormToggle';
  */
 insertStyle(css$l);
 
-var _excluded$S = ["children", "className"];
-function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$T = ["children", "className"];
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$S);
-  return jsx("div", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$T);
+  return jsx("div", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-html', className),
     children: children
@@ -1558,14 +1560,14 @@ insertStyle(heading4css);
 insertStyle(heading5css);
 insertStyle(heading6css);
 
-var _excluded$R = ["children", "className"];
-function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$S = ["children", "className"];
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$R);
-  return jsx("h1", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$S);
+  return jsx("h1", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-1', className),
     children: children
@@ -1580,14 +1582,14 @@ Heading1.displayName = 'Heading1';
  */
 insertStyle(heading1css);
 
-var _excluded$Q = ["children", "className"];
-function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$R = ["children", "className"];
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$Q);
-  return jsx("h2", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$R);
+  return jsx("h2", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-2', className),
     children: children
@@ -1602,14 +1604,14 @@ Heading2.displayName = 'Heading2';
  */
 insertStyle(heading2css);
 
-var _excluded$P = ["children", "className"];
-function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Q = ["children", "className"];
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$P);
-  return jsx("h3", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$Q);
+  return jsx("h3", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-3', className),
     children: children
@@ -1624,14 +1626,14 @@ Heading3.displayName = 'Heading3';
  */
 insertStyle(heading3css);
 
-var _excluded$O = ["children", "className"];
-function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$P = ["children", "className"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsx("h4", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$P);
+  return jsx("h4", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-4', className),
     children: children
@@ -1646,14 +1648,14 @@ Heading4.displayName = 'Heading4';
  */
 insertStyle(heading4css);
 
-var _excluded$N = ["children", "className"];
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$O = ["children", "className"];
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$N);
-  return jsx("h5", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$O);
+  return jsx("h5", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-5', className),
     children: children
@@ -1668,14 +1670,14 @@ Heading5.displayName = 'Heading5';
  */
 insertStyle(heading5css);
 
-var _excluded$M = ["children", "className"];
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$N = ["children", "className"];
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$M);
-  return jsx("h6", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$N);
+  return jsx("h6", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-6', className),
     children: children
@@ -1690,14 +1692,14 @@ Heading6.displayName = 'Heading6';
  */
 insertStyle(heading6css);
 
-var _excluded$L = ["children", "className"];
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$M = ["children", "className"];
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$L);
-  return jsx("hgroup", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$M);
+  return jsx("hgroup", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-heading-group', className),
     children: children
@@ -1712,9 +1714,9 @@ HeadingGroup.displayName = 'HeadingGroup';
  */
 insertStyle(css$n);
 
-var _excluded$K = ["children", "value", "className"];
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$L = ["children", "value", "className"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* Exported only for unit tests, not part of the public API */
 var normalizeIBAN = function normalizeIBAN(iban) {
   return iban
@@ -1731,10 +1733,10 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     value = _ref.value,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$K);
+    restProps = _objectWithoutProperties(_ref, _excluded$L);
   var normalized = normalizeIBAN(value);
   var formatted = formatIBAN(normalized);
-  return jsx("data", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+  return jsx("data", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
     ref: ref,
     value: normalized,
     className: clsx('utrecht-iban-data', className),
@@ -1751,16 +1753,16 @@ IBANData.displayName = 'IBANData';
  */
 insertStyle(css$o);
 
-var _excluded$J = ["children", "className", "role"];
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$K = ["children", "className", "role"];
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? 'presentation' : _ref$role,
-    restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsx("span", _objectSpread$K(_objectSpread$K({
+    restProps = _objectWithoutProperties(_ref, _excluded$K);
+  return jsx("span", _objectSpread$L(_objectSpread$L({
     ref: ref,
     className: clsx('utrecht-icon', className),
     role: role,
@@ -1778,16 +1780,16 @@ Icon.displayName = 'Icon';
  */
 insertStyle(css$p);
 
-var _excluded$I = ["component", "currentChar", "characters", "onLinkClick", "Link"];
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$J = ["component", "currentChar", "characters", "onLinkClick", "Link"];
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var component = _ref.component,
     currentChar = _ref.currentChar,
     characters = _ref.characters,
     onLinkClick = _ref.onLinkClick,
     Link = _ref.Link,
-    restProps = _objectWithoutProperties(_ref, _excluded$I);
+    restProps = _objectWithoutProperties(_ref, _excluded$J);
   var LinkComponent = Link ? Link : ButtonLink;
   var links = [];
   if (component === 'button') {
@@ -1795,7 +1797,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
       var _char = _ref2["char"],
         disabled = _ref2.disabled;
       var current = currentChar === _char;
-      return /*#__PURE__*/createElement(Button, _objectSpread$J(_objectSpread$J({}, restProps), {}, {
+      return /*#__PURE__*/createElement(Button, _objectSpread$K(_objectSpread$K({}, restProps), {}, {
         className: clsx({
           'utrecht-index-char-nav__link--current': current
         }),
@@ -1825,7 +1827,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
         'utrecht-index-char-nav__link--disabled': disabled,
         'utrecht-button-link--placeholder': disabled
       });
-      return jsx(LinkComponent, _objectSpread$J(_objectSpread$J({
+      return jsx(LinkComponent, _objectSpread$K(_objectSpread$K({
         ref: ref,
         appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
         href: href,
@@ -1862,14 +1864,14 @@ IndexCharNav.displayName = 'IndexCharNav';
  */
 insertStyle(css$q);
 
-var _excluded$H = ["className", "photo"];
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$I = ["className", "photo"];
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     photo = _ref.photo,
-    restProps = _objectWithoutProperties(_ref, _excluded$H);
-  return jsx("img", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$I);
+  return jsx("img", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-img', {
       'utrecht-img--photo': photo
@@ -1885,9 +1887,9 @@ Image.displayName = 'Image';
  */
 insertStyle(css$r);
 
-var _excluded$G = ["children", "disabled", "inline", "className", "pressed", "type"];
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$H = ["children", "disabled", "inline", "className", "pressed", "type"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     disabled = _ref.disabled,
@@ -1895,8 +1897,8 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     pressed = _ref.pressed,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$G);
-  return jsx("button", _objectSpread$H(_objectSpread$H({
+    restProps = _objectWithoutProperties(_ref, _excluded$H);
+  return jsx("button", _objectSpread$I(_objectSpread$I({
     ref: ref,
     "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
     className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
@@ -1919,18 +1921,18 @@ LinkButton.displayName = 'LinkButton';
  */
 insertStyle(css$s);
 
-var _excluded$F = ["className", "icon", "children"],
+var _excluded$G = ["className", "icon", "children"],
   _excluded2$4 = ["children", "icon", "links", "className"];
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     icon = _ref.icon,
     children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$F);
+    restProps = _objectWithoutProperties(_ref, _excluded$G);
   return jsx("li", {
     className: clsx('utrecht-link-list__item', className),
-    children: jsxs(Link, _objectSpread$G(_objectSpread$G({
+    children: jsxs(Link, _objectSpread$H(_objectSpread$H({
       className: "utrecht-link-list__link"
     }, restProps), {}, {
       ref: ref,
@@ -1948,13 +1950,13 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     links = _ref2.links,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$4);
-  return jsxs("ul", _objectSpread$G(_objectSpread$G({
+  return jsxs("ul", _objectSpread$H(_objectSpread$H({
     role: "list",
     ref: ref,
     className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
   }, restProps), {}, {
     children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
-      return jsx(LinkListLink, _objectSpread$G({
+      return jsx(LinkListLink, _objectSpread$H({
         icon: typeof icon === 'function' ? icon() : undefined
       }, linkProps), index);
     })]
@@ -1969,15 +1971,15 @@ LinkList.displayName = 'LinkList';
  */
 insertStyle(css$t);
 
-var _excluded$E = ["children", "className", "external"];
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$F = ["children", "className", "external"];
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     external = _ref.external,
-    restProps = _objectWithoutProperties(_ref, _excluded$E);
-  return jsx("a", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$F);
+  return jsx("a", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-link-social', className),
     rel: external !== false ? 'external noopener noreferrer' : undefined,
@@ -2015,15 +2017,15 @@ var ListSocialItem = function ListSocialItem(_ref2) {
  */
 insertStyle(css$v);
 
-var _excluded$D = ["children", "className", "caption"];
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$E = ["children", "className", "caption"];
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     caption = _ref.caption,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
-  return jsxs("figure", _objectSpread$E(_objectSpread$E({
+    restProps = _objectWithoutProperties(_ref, _excluded$E);
+  return jsxs("figure", _objectSpread$F(_objectSpread$F({
     ref: ref,
     className: clsx('utrecht-logo', className)
   }, restProps), {}, {
@@ -2042,11 +2044,11 @@ Logo.displayName = 'Logo';
  */
 insertStyle(css$w);
 
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsxs("svg", _objectSpread$D(_objectSpread$D({
+  return jsxs("svg", _objectSpread$E(_objectSpread$E({
     width: "192",
     height: "100",
     viewBox: "0 0 192 100",
@@ -2140,14 +2142,14 @@ var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 LogoImage.displayName = 'LogoImage';
 
-var _excluded$C = ["children", "className"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$D = ["children", "className"];
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$C);
-  return jsx("mark", _objectSpread$C(_objectSpread$C({
+    restProps = _objectWithoutProperties(_ref, _excluded$D);
+  return jsx("mark", _objectSpread$D(_objectSpread$D({
     ref: ref,
     className: clsx('utrecht-mark', className)
   }, restProps), {}, {
@@ -2163,14 +2165,14 @@ Mark.displayName = 'Mark';
  */
 insertStyle(css$x);
 
-var _excluded$B = ["children", "className"];
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$C = ["children", "className"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$B);
-  return jsx("pre", _objectSpread$B(_objectSpread$B({
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
+  return jsx("pre", _objectSpread$C(_objectSpread$C({
     ref: ref,
     className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
   }, restProps), {}, {
@@ -2186,19 +2188,39 @@ MultilineData.displayName = 'MultilineData';
  */
 insertStyle(css$y);
 
-var NavBar = function NavBar(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children;
-  return jsx("div", {
-    className: "utrecht-nav-bar",
-    children: jsx("div", {
+var _excluded$B = ["appearance", "children", "className", "headingLevel", "label"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NavBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? '' : _ref$appearance,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    label = _ref.label,
+    restProps = _objectWithoutProperties(_ref, _excluded$B);
+  var generatedId = useId();
+  var headingId = label ? generatedId : undefined;
+  return jsxs("nav", _objectSpread$B(_objectSpread$B({
+    ref: ref,
+    className: clsx('utrecht-nav-bar', className),
+    "aria-labelledby": headingId
+  }, restProps), {}, {
+    children: [label && jsx(Heading, {
+      id: headingId,
+      className: "utrecht-nav-bar__heading",
+      level: headingLevel,
+      "aria-hidden": "true",
+      children: label
+    }), jsx("div", {
       className: clsx('utrecht-nav-bar__content', {
         'utrecht-nav-bar__content--center': appearance === 'center'
       }),
       children: children
-    })
-  });
-};
+    })]
+  }));
+});
 NavBar.displayName = 'NavBar';
 
 /**
@@ -2208,7 +2230,7 @@ NavBar.displayName = 'NavBar';
  */
 insertStyle(css$z);
 
-var _excluded$A = ["appearance", "children", "className"],
+var _excluded$A = ["appearance", "children", "className", "inlineSizeAuto"],
   _excluded2$3 = ["center", "children", "className"],
   _excluded3$1 = ["center", "children", "className"];
 function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -2217,11 +2239,13 @@ var NavList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
     className = _ref.className,
+    inlineSizeAuto = _ref.inlineSizeAuto,
     restProps = _objectWithoutProperties(_ref, _excluded$A);
   return jsx("ul", _objectSpread$A(_objectSpread$A({
     role: "list",
     className: clsx('utrecht-nav-list', {
-      'utrecht-nav-list--center': appearance === 'center'
+      'utrecht-nav-list--center': appearance === 'center',
+      'utrecht-nav-list--inline-size-auto': inlineSizeAuto
     }, className),
     ref: ref
   }, restProps), {}, {