@digiform/wizard 0.2.1 → 0.2.2

package/index.cjs

@@ -22,11 +22,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("sonner");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx$g = require("clsx");
-const tailwindMerge = require("tailwind-merge");
 const reactQuery = require("@tanstack/react-query");
 const lucideReact = require("lucide-react");
 const reactSlot = require("@radix-ui/react-slot");
@@ -421,9 +419,6 @@ function isInputComponent(component) {
   ];
   return inputTypes.includes(component.type);
 }
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx$g.clsx(inputs));
-}
 const alert = "fb-alert_5UcaT";
 const alertTitle = "fb-alertTitle_-KE5o";
 const alertDescription = "fb-alertDescription_cg7Ke";
@@ -440,7 +435,7 @@ const Alert$2 = React__namespace.forwardRef(
     {
       ref,
       role: "alert",
-      className: cn(
+      className: clsx$g.clsx(
         styles$p.alert,
         styles$p[`variant-${variant ?? "default"}`],
         className
@@ -450,9 +445,9 @@ const Alert$2 = React__namespace.forwardRef(
   )
 );
 Alert$2.displayName = "Alert";
-const AlertTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h5", { ref, className: cn(styles$p.alertTitle, className), ...props }));
+const AlertTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h5", { ref, className: clsx$g.clsx(styles$p.alertTitle, className), ...props }));
 AlertTitle.displayName = "AlertTitle";
-const AlertDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles$p.alertDescription, className), ...props }));
+const AlertDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx$g.clsx(styles$p.alertDescription, className), ...props }));
 AlertDescription.displayName = "AlertDescription";
 const button = "fb-button_MJLDl";
 const styles$o = {
@@ -474,7 +469,7 @@ const Button$1 = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
-        className: cn(
+        className: clsx$g.clsx(
           styles$o.button,
           styles$o[`variant-${variant ?? "default"}`],
           styles$o[`size-${size ?? "default"}`],
@@ -499,7 +494,7 @@ function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: cn(
+      className: clsx$g.clsx(
         styles$n.badge,
         styles$n[`variant-${variant ?? "default"}`],
         className
@@ -522,17 +517,17 @@ const styles$m = {
   cardContent: cardContent$1,
   cardFooter
 };
-const Card$1 = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles$m.card, className), ...props }));
+const Card$1 = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx$g.clsx(styles$m.card, className), ...props }));
 Card$1.displayName = "Card";
-const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles$m.cardHeader, className), ...props }));
+const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx$g.clsx(styles$m.cardHeader, className), ...props }));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn(styles$m.cardTitle, className), ...props }));
+const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: clsx$g.clsx(styles$m.cardTitle, className), ...props }));
 CardTitle.displayName = "CardTitle";
-const CardDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn(styles$m.cardDescription, className), ...props }));
+const CardDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: clsx$g.clsx(styles$m.cardDescription, className), ...props }));
 CardDescription.displayName = "CardDescription";
-const CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles$m.cardContent, className), ...props }));
+const CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx$g.clsx(styles$m.cardContent, className), ...props }));
 CardContent.displayName = "CardContent";
-const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles$m.cardFooter, className), ...props }));
+const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx$g.clsx(styles$m.cardFooter, className), ...props }));
 CardFooter.displayName = "CardFooter";
 const dialogOverlay = "fb-dialogOverlay_GSMVm";
 const dialogContent$2 = "fb-dialogContent_neUay";
@@ -556,7 +551,7 @@ const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: cn(styles$l.dialogOverlay, className),
+    className: clsx$g.clsx(styles$l.dialogOverlay, className),
     ...props
   }
 ));
@@ -567,7 +562,7 @@ const DialogContent = React__namespace.forwardRef(({ className, children, ...pro
     DialogPrimitive__namespace.Content,
     {
       ref,
-      className: cn(styles$l.dialogContent, className),
+      className: clsx$g.clsx(styles$l.dialogContent, className),
       ...props,
       children: [
         children,
@@ -583,13 +578,13 @@ DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
 const DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$l.dialogHeader, className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx$g.clsx(styles$l.dialogHeader, className), ...props });
 DialogHeader.displayName = "DialogHeader";
 const DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: cn(styles$l.dialogTitle, className),
+    className: clsx$g.clsx(styles$l.dialogTitle, className),
     ...props
   }
 ));
@@ -598,7 +593,7 @@ const DialogDescription = React__namespace.forwardRef(({ className, ...props },
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn(styles$l.dialogDescription, className),
+    className: clsx$g.clsx(styles$l.dialogDescription, className),
     ...props
   }
 ));
@@ -608,7 +603,7 @@ const styles$k = {
   boxContainer
 };
 const Box = ({ className, children, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$k.boxContainer, className), ...rest, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx$g.clsx(styles$k.boxContainer, className), ...rest, children });
 };
 const luxGridLayoutContainer = "fb-luxGridLayoutContainer_Co4nr";
 const luxGridLayoutContainerWithoutPadding = "fb-luxGridLayoutContainerWithoutPadding_VpIVN";
@@ -648,7 +643,7 @@ function GridLayout({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: cn(styles$j.luxGridLayoutContainer, {
+      className: clsx$g.clsx(styles$j.luxGridLayoutContainer, {
         [styles$j.luxGridLayoutContainerWithoutPadding]: !containerPadding,
         [styles$j.luxGridLayoutContainerFullWidth]: fullWidth
       }),
@@ -659,7 +654,7 @@ function GridLayout({
         "div",
         {
           ...otherProps,
-          className: cn(
+          className: clsx$g.clsx(
             styles$j.luxGridLayout,
             {
               [styles$j.luxGridLayoutFullWidth]: fullWidth
@@ -702,7 +697,7 @@ function GridLayoutColumn({
         ...style,
         ...cssVariables
       },
-      className: cn(className, styles$i.gridLayoutColumn),
+      className: clsx$g.clsx(className, styles$i.gridLayoutColumn),
       children
     }
   );
@@ -805,7 +800,7 @@ function FormLayoutBase({
   const leftWidth = hasLeftColumn ? leftColumnWidth : 0;
   const mainContentStart = leftWidth + 1;
   const mainContentEnd = 10;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...otherProps, className: cn(styles$h.formLayoutWrapper, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...otherProps, className: clsx$g.clsx(styles$h.formLayoutWrapper, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
     GridLayout,
     {
       containerBackGroundColor,
@@ -814,11 +809,11 @@ function FormLayoutBase({
       columnGap,
       fullWidth,
       children: [
-        title2 && /* @__PURE__ */ jsxRuntime.jsx(GridLayoutColumn, { startSlice: 4, endSlice: 13, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$h.titleSection), children: title2 }) }),
+        title2 && /* @__PURE__ */ jsxRuntime.jsx(GridLayoutColumn, { startSlice: 4, endSlice: 13, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx$g.clsx(styles$h.titleSection), children: title2 }) }),
         hasLeftColumn && leftColumn2 && /* @__PURE__ */ jsxRuntime.jsx(GridLayoutColumn, { startSlice: 1, endSlice: leftColumnWidth + 1, children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: cn(
+            className: clsx$g.clsx(
               styles$h.leftColumn,
               showContentBorder && styles$h.contentBorder
             ),
@@ -830,7 +825,7 @@ function FormLayoutBase({
           {
             startSlice: mainContentStart,
             endSlice: mainContentEnd,
-            className: cn(
+            className: clsx$g.clsx(
               styles$h.mainContent,
               showContentBorder && styles$h.contentBorder
             ),
@@ -840,14 +835,14 @@ function FormLayoutBase({
         hasRightColumn && rightColumn2 && /* @__PURE__ */ jsxRuntime.jsx(GridLayoutColumn, { startSlice: 13 - rightColumnWidth, endSlice: 13, children: /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
-            className: cn(
+            className: clsx$g.clsx(
               styles$h.rightColumn,
               showContentBorder && styles$h.contentBorder
             ),
             children: rightColumn2
           }
         ) }),
-        footerContent && /* @__PURE__ */ jsxRuntime.jsx(GridLayoutColumn, { startSlice: 4, endSlice: 10, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$h.footerSection), children: footerContent }) })
+        footerContent && /* @__PURE__ */ jsxRuntime.jsx(GridLayoutColumn, { startSlice: 4, endSlice: 10, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx$g.clsx(styles$h.footerSection), children: footerContent }) })
       ]
     }
   ) });
@@ -858,37 +853,37 @@ const FormLayout = Object.assign(FormLayoutBase, {
   RightColumn,
   Footer
 });
-function _typeof$1(o) {
+function _typeof(o) {
   "@babel/helpers - typeof";
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
     return typeof o2;
   } : function(o2) {
     return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof$1(o);
+  }, _typeof(o);
 }
-function toPrimitive$1(t, r2) {
-  if ("object" != _typeof$1(t) || !t) return t;
+function toPrimitive(t, r2) {
+  if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r2);
-    if ("object" != _typeof$1(i)) return i;
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r2 ? String : Number)(t);
 }
-function toPropertyKey$1(t) {
-  var i = toPrimitive$1(t, "string");
-  return "symbol" == _typeof$1(i) ? i : i + "";
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
-function _defineProperty$1(e, r2, t) {
-  return (r2 = toPropertyKey$1(r2)) in e ? Object.defineProperty(e, r2, {
+function _defineProperty(e, r2, t) {
+  return (r2 = toPropertyKey(r2)) in e ? Object.defineProperty(e, r2, {
     value: t,
     enumerable: true,
     configurable: true,
     writable: true
   }) : e[r2] = t, e;
 }
-function _objectWithoutPropertiesLoose$1(r2, e) {
+function _objectWithoutPropertiesLoose(r2, e) {
   if (null == r2) return {};
   var t = {};
   for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
@@ -897,9 +892,9 @@ function _objectWithoutPropertiesLoose$1(r2, e) {
   }
   return t;
 }
-function _objectWithoutProperties$1(e, t) {
+function _objectWithoutProperties(e, t) {
   if (null == e) return {};
-  var o, r2, i = _objectWithoutPropertiesLoose$1(e, t);
+  var o, r2, i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r2 = 0; r2 < n.length; r2++) o = n[r2], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
@@ -1327,7 +1322,7 @@ function _objectSpread$1i(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1i(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1335,7 +1330,7 @@ function _objectSpread$1i(e) {
   return e;
 }
 var HTMLHeading$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var level = _ref.level, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$1h);
+  var level = _ref.level, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$1h);
   var HeadingX = level === 1 ? "h1" : level === 2 ? "h2" : level === 3 ? "h3" : level === 4 ? "h4" : level === 5 ? "h5" : level === 6 ? "h6" : "p";
   return jsxRuntime.jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
     className: clsx$g(className)
@@ -1359,7 +1354,7 @@ function _objectSpread$1h(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1h(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1367,7 +1362,7 @@ function _objectSpread$1h(e) {
   return e;
 }
 var Heading$2 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var appearance = _ref.appearance, className = _ref.className, level = _ref.level, restProps = _objectWithoutProperties$1(_ref, _excluded$1g);
+  var appearance = _ref.appearance, className = _ref.className, level = _ref.level, restProps = _objectWithoutProperties(_ref, _excluded$1g);
   var appearances = ["utrecht-heading-1", "utrecht-heading-2", "utrecht-heading-3", "utrecht-heading-4", "utrecht-heading-5", "utrecht-heading-6"];
   var HeadingX = level === 2 ? "h2" : level === 3 ? "h3" : level === 4 ? "h4" : level === 5 ? "h5" : level === 6 ? "h6" : "h1";
   var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || "utrecht-heading-1";
@@ -1393,7 +1388,7 @@ function _objectSpread$1g(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1g(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1434,7 +1429,7 @@ var IconChevronDown$1 = function IconChevronDown() {
   });
 };
 var AccordionSection = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var id = _ref.id, label = _ref.label, className = _ref.className, _ref$headingLevel = _ref.headingLevel, headingLevel = _ref$headingLevel === void 0 ? 1 : _ref$headingLevel, _ref$expanded = _ref.expanded, expanded = _ref$expanded === void 0 ? false : _ref$expanded, disabled2 = _ref.disabled, section2 = _ref.section, children = _ref.children, buttonRef = _ref.buttonRef, onActivate = _ref.onActivate, onButtonBlur = _ref.onButtonBlur, onButtonFocus = _ref.onButtonFocus, icon = _ref.icon, props = _objectWithoutProperties$1(_ref, _excluded$1f);
+  var id = _ref.id, label = _ref.label, className = _ref.className, _ref$headingLevel = _ref.headingLevel, headingLevel = _ref$headingLevel === void 0 ? 1 : _ref$headingLevel, _ref$expanded = _ref.expanded, expanded = _ref$expanded === void 0 ? false : _ref$expanded, disabled2 = _ref.disabled, section2 = _ref.section, children = _ref.children, buttonRef = _ref.buttonRef, onActivate = _ref.onActivate, onButtonBlur = _ref.onButtonBlur, onButtonFocus = _ref.onButtonFocus, icon = _ref.icon, props = _objectWithoutProperties(_ref, _excluded$1f);
   var panelAttributes = {
     className: clsx$g("utrecht-accordion__panel", {
       "utrecht-accordion__panel--expanded": expanded
@@ -1497,7 +1492,7 @@ var AccordionSection = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
 });
 AccordionSection.displayName = "AccordionSection";
 var Accordion = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var children = _ref2.children, group = _ref2.group, headingLevel = _ref2.headingLevel, heading = _ref2.heading, props = _objectWithoutProperties$1(_ref2, _excluded2$7);
+  var children = _ref2.children, group = _ref2.group, headingLevel = _ref2.headingLevel, heading = _ref2.heading, props = _objectWithoutProperties(_ref2, _excluded2$7);
   var headingId = React.useId();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!!heading && typeof headingLevel === "number" && jsxRuntime.jsx(Heading$2, {
@@ -1529,7 +1524,7 @@ function _objectSpread$1f(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1f(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1550,7 +1545,7 @@ var typeToRole = {
   error: "alert"
 };
 var Alert$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, icon = _ref.icon, type = _ref.type, role = _ref.role, restProps = _objectWithoutProperties$1(_ref, _excluded$1e);
+  var children = _ref.children, className = _ref.className, icon = _ref.icon, type = _ref.type, role = _ref.role, restProps = _objectWithoutProperties(_ref, _excluded$1e);
   var computedType = isAlertType(type) ? type : "info";
   var computedRole = role || typeToRole[computedType];
   return jsxRuntime.jsxs("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
@@ -1585,7 +1580,7 @@ function _objectSpread$1e(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1e(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1593,7 +1588,7 @@ function _objectSpread$1e(e) {
   return e;
 }
 var AlertDialog = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, icon = _ref.icon, type = _ref.type, restProps = _objectWithoutProperties$1(_ref, _excluded$1d);
+  var children = _ref.children, className = _ref.className, icon = _ref.icon, type = _ref.type, restProps = _objectWithoutProperties(_ref, _excluded$1d);
   return jsxRuntime.jsxs("dialog", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-alert-dialog", {
@@ -1627,7 +1622,7 @@ function _objectSpread$1d(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1d(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1635,7 +1630,7 @@ function _objectSpread$1d(e) {
   return e;
 }
 var Article = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$1c);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$1c);
   return jsxRuntime.jsx("article", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-article", className),
@@ -1658,7 +1653,7 @@ function _objectSpread$1c(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1c(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1666,7 +1661,7 @@ function _objectSpread$1c(e) {
   return e;
 }
 var Backdrop = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$1b);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$1b);
   return jsxRuntime.jsx("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-backdrop", className),
@@ -1689,7 +1684,7 @@ function _objectSpread$1b(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1b(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1697,7 +1692,7 @@ function _objectSpread$1b(e) {
   return e;
 }
 var BadgeCounter = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, value = _ref.value, restProps = _objectWithoutProperties$1(_ref, _excluded$1a);
+  var children = _ref.children, className = _ref.className, value = _ref.value, restProps = _objectWithoutProperties(_ref, _excluded$1a);
   var props = _objectSpread$1b({
     children,
     className: clsx$g("utrecht-badge-counter", className)
@@ -1725,7 +1720,7 @@ function _objectSpread$1a(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1a(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1733,7 +1728,7 @@ function _objectSpread$1a(e) {
   return e;
 }
 var BadgeList = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$19);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$19);
   return jsxRuntime.jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-badge-list", className),
@@ -1756,7 +1751,7 @@ function _objectSpread$19(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$19(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1764,7 +1759,7 @@ function _objectSpread$19(e) {
   return e;
 }
 var Blockquote = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var aside = _ref.aside, attribution = _ref.attribution, className = _ref.className, children = _ref.children, cite = _ref.cite, figure = _ref.figure, caption = _ref.caption, lang = _ref.lang, restProps = _objectWithoutProperties$1(_ref, _excluded$18);
+  var aside = _ref.aside, attribution = _ref.attribution, className = _ref.className, children = _ref.children, cite = _ref.cite, figure = _ref.figure, caption = _ref.caption, lang = _ref.lang, restProps = _objectWithoutProperties(_ref, _excluded$18);
   var quote = children;
   var captionElement = caption || attribution ? jsxRuntime.jsx("figcaption", {
     className: "utrecht-blockquote__caption",
@@ -1827,7 +1822,7 @@ function _objectSpread$18(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$18(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1848,7 +1843,7 @@ var useMicrodataProp = function useMicrodataProp2(prop) {
   };
 };
 var BreadcrumbNav = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var appearance = _ref2.appearance, children = _ref2.children, className = _ref2.className, _ref2$headingLevel = _ref2.headingLevel, headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel, label = _ref2.label, restProps = _objectWithoutProperties$1(_ref2, _excluded$17);
+  var appearance = _ref2.appearance, children = _ref2.children, className = _ref2.className, _ref2$headingLevel = _ref2.headingLevel, headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel, label = _ref2.label, restProps = _objectWithoutProperties(_ref2, _excluded$17);
   var headingId = label ? React.useId() : void 0;
   return jsxRuntime.jsxs("nav", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
     ref,
@@ -1873,7 +1868,7 @@ var BreadcrumbNav = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
 });
 BreadcrumbNav.displayName = "BreadcrumbNav";
 var BreadcrumbNavItem = /* @__PURE__ */ React.forwardRef(function(_ref3, ref) {
-  var className = _ref3.className, children = _ref3.children, restProps = _objectWithoutProperties$1(_ref3, _excluded2$6);
+  var className = _ref3.className, children = _ref3.children, restProps = _objectWithoutProperties(_ref3, _excluded2$6);
   return jsxRuntime.jsx("li", _objectSpread$18(_objectSpread$18(_objectSpread$18({
     className: clsx$g("utrecht-breadcrumb-nav__item", className)
   }, useMicrodataItem({
@@ -1887,7 +1882,7 @@ var BreadcrumbNavItem = /* @__PURE__ */ React.forwardRef(function(_ref3, ref) {
 });
 BreadcrumbNavItem.displayName = "BreadcrumbNavItem";
 var BreadcrumbNavSeparator = /* @__PURE__ */ React.forwardRef(function(_ref4, ref) {
-  var className = _ref4.className, children = _ref4.children, restProps = _objectWithoutProperties$1(_ref4, _excluded3$3);
+  var className = _ref4.className, children = _ref4.children, restProps = _objectWithoutProperties(_ref4, _excluded3$3);
   return jsxRuntime.jsx("li", _objectSpread$18(_objectSpread$18({
     "aria-hidden": "true",
     hidden: true,
@@ -1902,7 +1897,7 @@ var BreadcrumbNavSeparator = /* @__PURE__ */ React.forwardRef(function(_ref4, re
 });
 BreadcrumbNavSeparator.displayName = "BreadcrumbNavSeparator";
 var BreadcrumbNavLink = /* @__PURE__ */ React.forwardRef(function(_ref5, ref) {
-  var children = _ref5.children, disabled2 = _ref5.disabled, current2 = _ref5.current, href = _ref5.href, index = _ref5.index, rel = _ref5.rel, role = _ref5.role, _ref5$Link = _ref5.Link, Link$12 = _ref5$Link === void 0 ? Link$2 : _ref5$Link, className = _ref5.className, restProps = _objectWithoutProperties$1(_ref5, _excluded4$2);
+  var children = _ref5.children, disabled2 = _ref5.disabled, current2 = _ref5.current, href = _ref5.href, index = _ref5.index, rel = _ref5.rel, role = _ref5.role, _ref5$Link = _ref5.Link, Link$12 = _ref5$Link === void 0 ? Link$2 : _ref5$Link, className = _ref5.className, restProps = _objectWithoutProperties(_ref5, _excluded4$2);
   var DefaultLinkComponent = Link$12;
   var LinkComponent = Link$12 || DefaultLinkComponent;
   return jsxRuntime.jsx(BreadcrumbNavItem, {
@@ -1945,7 +1940,7 @@ function _objectSpread$17(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$17(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -1960,7 +1955,7 @@ var onKeyDown = function onKeyDown2(evt) {
   }
 };
 var ButtonLink = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var appearance = _ref.appearance, children = _ref.children, className = _ref.className, external = _ref.external, href = _ref.href, placeholder = _ref.placeholder, role = _ref.role, restProps = _objectWithoutProperties$1(_ref, _excluded$16);
+  var appearance = _ref.appearance, children = _ref.children, className = _ref.className, external = _ref.external, href = _ref.href, placeholder = _ref.placeholder, role = _ref.role, restProps = _objectWithoutProperties(_ref, _excluded$16);
   var props = restProps;
   if (role === "button") {
     props = _objectSpread$17(_objectSpread$17({}, restProps), {}, {
@@ -2000,7 +1995,7 @@ function _objectSpread$16(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$16(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2008,7 +2003,7 @@ function _objectSpread$16(e) {
   return e;
 }
 var Code = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$15);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$15);
   return jsxRuntime.jsx("code", _objectSpread$16(_objectSpread$16({
     ref,
     className: clsx$g("utrecht-code", className)
@@ -2032,7 +2027,7 @@ function _objectSpread$15(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$15(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2040,7 +2035,7 @@ function _objectSpread$15(e) {
   return e;
 }
 var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$14);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$14);
   return jsxRuntime.jsx("pre", _objectSpread$15(_objectSpread$15({
     ref,
     className: clsx$g("utrecht-code-block", className)
@@ -2067,7 +2062,7 @@ function _objectSpread$14(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$14(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2075,7 +2070,7 @@ function _objectSpread$14(e) {
   return e;
 }
 var ColorSample = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, color = _ref.color, style = _ref.style, restProps = _objectWithoutProperties$1(_ref, _excluded$13);
+  var children = _ref.children, className = _ref.className, color = _ref.color, style = _ref.style, restProps = _objectWithoutProperties(_ref, _excluded$13);
   return jsxRuntime.jsx("data", _objectSpread$14(_objectSpread$14({
     ref,
     className: clsx$g("utrecht-color-sample", className),
@@ -2103,7 +2098,7 @@ function _objectSpread$13(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$13(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2111,7 +2106,7 @@ function _objectSpread$13(e) {
   return e;
 }
 var ColumnLayout = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, rule = _ref.rule, restProps = _objectWithoutProperties$1(_ref, _excluded$12);
+  var children = _ref.children, className = _ref.className, rule = _ref.rule, restProps = _objectWithoutProperties(_ref, _excluded$12);
   return jsxRuntime.jsx("div", _objectSpread$13(_objectSpread$13({
     className: clsx$g("utrecht-column-layout", {
       "utrecht-column-layout--rule": rule
@@ -2137,7 +2132,7 @@ function _objectSpread$12(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$12(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2165,7 +2160,7 @@ var formatVisually = function formatVisually2(locale, currency, amount) {
   return formatted;
 };
 var CurrencyData = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, _ref$currency = _ref.currency, currency = _ref$currency === void 0 ? "EUR" : _ref$currency, amount = _ref.amount, _ref$locale = _ref.locale, locale = _ref$locale === void 0 ? "nl-NL" : _ref$locale, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$11);
+  var children = _ref.children, _ref$currency = _ref.currency, currency = _ref$currency === void 0 ? "EUR" : _ref$currency, amount = _ref.amount, _ref$locale = _ref.locale, locale = _ref$locale === void 0 ? "nl-NL" : _ref$locale, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$11);
   var number = typeof amount === "string" ? parseFloat(amount) : amount;
   var labelFormatted = formatLabel(locale, currency, number);
   var visuallyFormatted = formatVisually(locale, currency, number);
@@ -2193,7 +2188,7 @@ function _objectSpread$11(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$11(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2201,7 +2196,7 @@ function _objectSpread$11(e) {
   return e;
 }
 var Document = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$10);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$10);
   return jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-document", className),
@@ -2224,7 +2219,7 @@ function _objectSpread$10(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$10(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2232,7 +2227,7 @@ function _objectSpread$10(e) {
   return e;
 }
 var DataList = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var appearance = _ref.appearance, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$$);
+  var appearance = _ref.appearance, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$$);
   return jsxRuntime.jsx("dl", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     className: clsx$g("utrecht-data-list", "utrecht-data-list--html-dl", appearance === "rows" && "utrecht-data-list--rows", className),
     ref,
@@ -2241,7 +2236,7 @@ var DataList = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
 });
 DataList.displayName = "DataList";
 var DataListItem = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var children = _ref2.children, className = _ref2.className, restProps = _objectWithoutProperties$1(_ref2, _excluded2$5);
+  var children = _ref2.children, className = _ref2.className, restProps = _objectWithoutProperties(_ref2, _excluded2$5);
   return jsxRuntime.jsx("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     className: clsx$g("utrecht-data-list__item", className),
     ref,
@@ -2250,7 +2245,7 @@ var DataListItem = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
 });
 DataListItem.displayName = "DataListItem";
 var DataListKey = /* @__PURE__ */ React.forwardRef(function(_ref3, ref) {
-  var children = _ref3.children, className = _ref3.className, restProps = _objectWithoutProperties$1(_ref3, _excluded3$2);
+  var children = _ref3.children, className = _ref3.className, restProps = _objectWithoutProperties(_ref3, _excluded3$2);
   return jsxRuntime.jsx("dt", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     className: clsx$g("utrecht-data-list__item-key", className),
     ref,
@@ -2273,7 +2268,7 @@ var DataListValue = /* @__PURE__ */ React.forwardRef(function(_ref4, ref) {
 });
 DataListValue.displayName = "DataListValue";
 var DataListActions = /* @__PURE__ */ React.forwardRef(function(_ref5, ref) {
-  var children = _ref5.children, className = _ref5.className, restProps = _objectWithoutProperties$1(_ref5, _excluded4$1);
+  var children = _ref5.children, className = _ref5.className, restProps = _objectWithoutProperties(_ref5, _excluded4$1);
   return jsxRuntime.jsx("dd", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
     className: clsx$g("utrecht-data-list__actions", "utrecht-data-list__actions--html-dd", className),
     ref,
@@ -2296,7 +2291,7 @@ function _objectSpread$$(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$$(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2304,7 +2299,7 @@ function _objectSpread$$(e) {
   return e;
 }
 var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var align = _ref.align, children = _ref.children, className = _ref.className, modal = _ref.modal, restProps = _objectWithoutProperties$1(_ref, _excluded$_);
+  var align = _ref.align, children = _ref.children, className = _ref.className, modal = _ref.modal, restProps = _objectWithoutProperties(_ref, _excluded$_);
   var dialogRef = React.useRef(null);
   React.useImperativeHandle(ref, function() {
     return dialogRef.current;
@@ -2342,7 +2337,7 @@ function _objectSpread$_(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$_(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2350,7 +2345,7 @@ function _objectSpread$_(e) {
   return e;
 }
 var Emphasis = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$Z);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$Z);
   return jsxRuntime.jsx("em", _objectSpread$_(_objectSpread$_({
     ref,
     className: clsx$g("utrecht-emphasis", "utrecht-emphasis--stressed", className)
@@ -2374,7 +2369,7 @@ function _objectSpread$Z(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$Z(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2382,7 +2377,7 @@ function _objectSpread$Z(e) {
   return e;
 }
 var Figure = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$Y);
+  var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$Y);
   return jsxRuntime.jsx("figure", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-figure", className),
@@ -2405,7 +2400,7 @@ function _objectSpread$Y(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$Y(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2413,7 +2408,7 @@ function _objectSpread$Y(e) {
   return e;
 }
 var FigureCaption = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$X);
+  var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$X);
   return jsxRuntime.jsx("figcaption", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-figure__caption", className),
@@ -2436,7 +2431,7 @@ function _objectSpread$X(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$X(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2444,7 +2439,7 @@ function _objectSpread$X(e) {
   return e;
 }
 var Textarea = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var dir = _ref.dir, disabled2 = _ref.disabled, inputRequired = _ref.inputRequired, invalid = _ref.invalid, readOnly = _ref.readOnly, required = _ref.required, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$W);
+  var dir = _ref.dir, disabled2 = _ref.disabled, inputRequired = _ref.inputRequired, invalid = _ref.invalid, readOnly = _ref.readOnly, required = _ref.required, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$W);
   return jsxRuntime.jsx("textarea", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-textarea", "utrecht-textarea--html-textarea", disabled2 && "utrecht-textarea--disabled", invalid && "utrecht-textarea--invalid", readOnly && "utrecht-textarea--readonly", (required || inputRequired) && "utrecht-textarea--required", className),
@@ -2472,7 +2467,7 @@ function _objectSpread$W(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$W(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2480,7 +2475,7 @@ function _objectSpread$W(e) {
   return e;
 }
 var FormFieldTextarea = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var autoComplete = _ref.autoComplete, children = _ref.children, cols = _ref.cols, defaultValue = _ref.defaultValue, description = _ref.description, disabled2 = _ref.disabled, errorMessage2 = _ref.errorMessage, inputDir = _ref.inputDir, inputRequired = _ref.inputRequired, invalid = _ref.invalid, label = _ref.label, maxLength = _ref.maxLength, minLength = _ref.minLength, name = _ref.name, onBlur = _ref.onBlur, onChange = _ref.onChange, onFocus = _ref.onFocus, onInput = _ref.onInput, placeholder = _ref.placeholder, readOnly = _ref.readOnly, required = _ref.required, rows = _ref.rows, status = _ref.status, inputRef = _ref.inputRef, value = _ref.value, props = _objectWithoutProperties$1(_ref, _excluded$V);
+  var autoComplete = _ref.autoComplete, children = _ref.children, cols = _ref.cols, defaultValue = _ref.defaultValue, description = _ref.description, disabled2 = _ref.disabled, errorMessage2 = _ref.errorMessage, inputDir = _ref.inputDir, inputRequired = _ref.inputRequired, invalid = _ref.invalid, label = _ref.label, maxLength = _ref.maxLength, minLength = _ref.minLength, name = _ref.name, onBlur = _ref.onBlur, onChange = _ref.onChange, onFocus = _ref.onFocus, onInput = _ref.onInput, placeholder = _ref.placeholder, readOnly = _ref.readOnly, required = _ref.required, rows = _ref.rows, status = _ref.status, inputRef = _ref.inputRef, value = _ref.value, props = _objectWithoutProperties(_ref, _excluded$V);
   var inputId = React.useId();
   var descriptionId = React.useId();
   var statusId = React.useId();
@@ -2506,7 +2501,7 @@ var FormFieldTextarea = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     }), jsxRuntime.jsx("div", {
       className: "utrecht-form-field__input",
       children: jsxRuntime.jsx(Textarea, {
-        "aria-describedby": clsx$g(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || void 0,
+        "aria-describedby": clsx$g(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || void 0,
         autoComplete,
         cols,
         defaultValue,
@@ -2552,7 +2547,7 @@ function _objectSpread$V(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$V(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2560,7 +2555,7 @@ function _objectSpread$V(e) {
   return e;
 }
 var FormFieldTextbox = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var name = _ref.name, invalid = _ref.invalid, disabled2 = _ref.disabled, label = _ref.label, errorMessage2 = _ref.errorMessage, description = _ref.description, readOnly = _ref.readOnly, status = _ref.status, autoComplete = _ref.autoComplete, list = _ref.list, min = _ref.min, max = _ref.max, minLength = _ref.minLength, maxLength = _ref.maxLength, step = _ref.step, placeholder = _ref.placeholder, pattern = _ref.pattern, required = _ref.required, inputRequired = _ref.inputRequired, inputDir = _ref.inputDir, type = _ref.type, value = _ref.value, onChange = _ref.onChange, onInput = _ref.onInput, onFocus = _ref.onFocus, onBlur = _ref.onBlur, defaultValue = _ref.defaultValue, size = _ref.size, children = _ref.children, inputRef = _ref.inputRef, props = _objectWithoutProperties$1(_ref, _excluded$U);
+  var name = _ref.name, invalid = _ref.invalid, disabled2 = _ref.disabled, label = _ref.label, errorMessage2 = _ref.errorMessage, description = _ref.description, readOnly = _ref.readOnly, status = _ref.status, autoComplete = _ref.autoComplete, list = _ref.list, min = _ref.min, max = _ref.max, minLength = _ref.minLength, maxLength = _ref.maxLength, step = _ref.step, placeholder = _ref.placeholder, pattern = _ref.pattern, required = _ref.required, inputRequired = _ref.inputRequired, inputDir = _ref.inputDir, type = _ref.type, value = _ref.value, onChange = _ref.onChange, onInput = _ref.onInput, onFocus = _ref.onFocus, onBlur = _ref.onBlur, defaultValue = _ref.defaultValue, size = _ref.size, children = _ref.children, inputRef = _ref.inputRef, props = _objectWithoutProperties(_ref, _excluded$U);
   var inputId = React.useId();
   var descriptionId = React.useId();
   var statusId = React.useId();
@@ -2591,7 +2586,7 @@ var FormFieldTextbox = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
         name,
         type: type || "text",
         autoComplete,
-        "aria-describedby": clsx$g(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || void 0,
+        "aria-describedby": clsx$g(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || void 0,
         invalid,
         dir: inputDir || "auto",
         disabled: disabled2,
@@ -2637,7 +2632,7 @@ function _objectSpread$U(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$U(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2645,7 +2640,7 @@ function _objectSpread$U(e) {
   return e;
 }
 var FormToggle = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var checked = _ref.checked, disabled2 = _ref.disabled, invalid = _ref.invalid, id = _ref.id, hidden = _ref.hidden, required = _ref.required, role = _ref.role, tabIndex = _ref.tabIndex, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$T);
+  var checked = _ref.checked, disabled2 = _ref.disabled, invalid = _ref.invalid, id = _ref.id, hidden = _ref.hidden, required = _ref.required, role = _ref.role, tabIndex = _ref.tabIndex, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$T);
   return jsxRuntime.jsxs("div", {
     className: clsx$g("utrecht-form-toggle", "utrecht-form-toggle--html-checkbox", {
       "utrecht-form-toggle--disabled": disabled2,
@@ -2689,7 +2684,7 @@ function _objectSpread$T(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$T(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2697,7 +2692,7 @@ function _objectSpread$T(e) {
   return e;
 }
 var HTMLContent = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$S);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$S);
   return jsxRuntime.jsx("div", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-html", className),
@@ -2720,7 +2715,7 @@ function _objectSpread$S(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$S(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2728,7 +2723,7 @@ function _objectSpread$S(e) {
   return e;
 }
 var Heading1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$R);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$R);
   return jsxRuntime.jsx("h1", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-1", className),
@@ -2751,7 +2746,7 @@ function _objectSpread$R(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$R(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2759,7 +2754,7 @@ function _objectSpread$R(e) {
   return e;
 }
 var Heading2 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$Q);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$Q);
   return jsxRuntime.jsx("h2", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-2", className),
@@ -2782,7 +2777,7 @@ function _objectSpread$Q(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$Q(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2790,7 +2785,7 @@ function _objectSpread$Q(e) {
   return e;
 }
 var Heading3 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$P);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$P);
   return jsxRuntime.jsx("h3", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-3", className),
@@ -2813,7 +2808,7 @@ function _objectSpread$P(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$P(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2821,7 +2816,7 @@ function _objectSpread$P(e) {
   return e;
 }
 var Heading4 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$O);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$O);
   return jsxRuntime.jsx("h4", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-4", className),
@@ -2844,7 +2839,7 @@ function _objectSpread$O(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$O(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2852,7 +2847,7 @@ function _objectSpread$O(e) {
   return e;
 }
 var Heading5 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$N);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$N);
   return jsxRuntime.jsx("h5", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-5", className),
@@ -2875,7 +2870,7 @@ function _objectSpread$N(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$N(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2883,7 +2878,7 @@ function _objectSpread$N(e) {
   return e;
 }
 var Heading6 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$M);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$M);
   return jsxRuntime.jsx("h6", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-6", className),
@@ -2906,7 +2901,7 @@ function _objectSpread$M(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$M(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2914,7 +2909,7 @@ function _objectSpread$M(e) {
   return e;
 }
 var HeadingGroup = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$L);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$L);
   return jsxRuntime.jsx("hgroup", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-heading-group", className),
@@ -2937,7 +2932,7 @@ function _objectSpread$L(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$L(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2951,7 +2946,7 @@ var formatIBAN = function formatIBAN2(normalizedIBAN) {
   return normalizedIBAN.replace(/(.{4})(?!$)/g, "$1 ");
 };
 var IBANData = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, value = _ref.value, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$K);
+  var children = _ref.children, value = _ref.value, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$K);
   var normalized = normalizeIBAN(value);
   var formatted = formatIBAN(normalized);
   return jsxRuntime.jsx("data", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
@@ -2978,7 +2973,7 @@ function _objectSpread$K(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$K(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -2986,7 +2981,7 @@ function _objectSpread$K(e) {
   return e;
 }
 var Icon$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, _ref$role = _ref.role, role = _ref$role === void 0 ? "presentation" : _ref$role, restProps = _objectWithoutProperties$1(_ref, _excluded$J);
+  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 jsxRuntime.jsx("span", _objectSpread$K(_objectSpread$K({
     ref,
     className: clsx$g("utrecht-icon", className),
@@ -3012,7 +3007,7 @@ function _objectSpread$J(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$J(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3020,7 +3015,7 @@ function _objectSpread$J(e) {
   return e;
 }
 var IndexCharNav = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var component = _ref.component, currentChar = _ref.currentChar, characters = _ref.characters, onLinkClick = _ref.onLinkClick, Link3 = _ref.Link, restProps = _objectWithoutProperties$1(_ref, _excluded$I);
+  var component = _ref.component, currentChar = _ref.currentChar, characters = _ref.characters, onLinkClick = _ref.onLinkClick, Link3 = _ref.Link, restProps = _objectWithoutProperties(_ref, _excluded$I);
   var LinkComponent = Link3 ? Link3 : ButtonLink;
   var links = [];
   if (component === "button") {
@@ -3099,7 +3094,7 @@ function _objectSpread$I(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$I(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3107,7 +3102,7 @@ function _objectSpread$I(e) {
   return e;
 }
 var Image = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var className = _ref.className, photo = _ref.photo, restProps = _objectWithoutProperties$1(_ref, _excluded$H);
+  var className = _ref.className, photo = _ref.photo, restProps = _objectWithoutProperties(_ref, _excluded$H);
   return jsxRuntime.jsx("img", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-img", {
@@ -3131,7 +3126,7 @@ function _objectSpread$H(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$H(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3139,7 +3134,7 @@ function _objectSpread$H(e) {
   return e;
 }
 var LinkButton = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, disabled2 = _ref.disabled, inline = _ref.inline, className = _ref.className, pressed = _ref.pressed, type = _ref.type, restProps = _objectWithoutProperties$1(_ref, _excluded$G);
+  var children = _ref.children, disabled2 = _ref.disabled, inline = _ref.inline, className = _ref.className, pressed = _ref.pressed, type = _ref.type, restProps = _objectWithoutProperties(_ref, _excluded$G);
   return jsxRuntime.jsx("button", _objectSpread$H(_objectSpread$H({
     ref,
     "aria-pressed": typeof pressed === "boolean" ? pressed : void 0,
@@ -3170,7 +3165,7 @@ function _objectSpread$G(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$G(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3178,7 +3173,7 @@ function _objectSpread$G(e) {
   return e;
 }
 var LinkSocial = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, external = _ref.external, restProps = _objectWithoutProperties$1(_ref, _excluded$F);
+  var children = _ref.children, className = _ref.className, external = _ref.external, restProps = _objectWithoutProperties(_ref, _excluded$F);
   return jsxRuntime.jsx("a", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-link-social", className),
@@ -3202,7 +3197,7 @@ function _objectSpread$F(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$F(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3210,7 +3205,7 @@ function _objectSpread$F(e) {
   return e;
 }
 var LinkListLink = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var className = _ref.className, icon = _ref.icon, children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$E);
+  var className = _ref.className, icon = _ref.icon, children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$E);
   return jsxRuntime.jsx("li", {
     className: clsx$g("utrecht-link-list__item", className),
     children: jsxRuntime.jsxs(Link$2, _objectSpread$F(_objectSpread$F({
@@ -3226,7 +3221,7 @@ var LinkListLink = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
 });
 LinkListLink.displayName = "LinkListLink";
 var LinkList = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var children = _ref2.children, icon = _ref2.icon, links = _ref2.links, className = _ref2.className, restProps = _objectWithoutProperties$1(_ref2, _excluded2$4);
+  var children = _ref2.children, icon = _ref2.icon, links = _ref2.links, className = _ref2.className, restProps = _objectWithoutProperties(_ref2, _excluded2$4);
   return jsxRuntime.jsxs("ul", _objectSpread$F(_objectSpread$F({
     role: "list",
     ref,
@@ -3255,7 +3250,7 @@ function _objectSpread$E(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$E(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3263,7 +3258,7 @@ function _objectSpread$E(e) {
   return e;
 }
 var Logo = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, caption = _ref.caption, restProps = _objectWithoutProperties$1(_ref, _excluded$D);
+  var children = _ref.children, className = _ref.className, caption = _ref.caption, restProps = _objectWithoutProperties(_ref, _excluded$D);
   return jsxRuntime.jsxs("figure", _objectSpread$E(_objectSpread$E({
     ref,
     className: clsx$g("utrecht-logo", className)
@@ -3289,7 +3284,7 @@ function _objectSpread$D(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$D(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3406,7 +3401,7 @@ function _objectSpread$C(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$C(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3414,7 +3409,7 @@ function _objectSpread$C(e) {
   return e;
 }
 var Mark = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$C);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$C);
   return jsxRuntime.jsx("mark", _objectSpread$C(_objectSpread$C({
     ref,
     className: clsx$g("utrecht-mark", className)
@@ -3438,7 +3433,7 @@ function _objectSpread$B(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$B(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3446,7 +3441,7 @@ function _objectSpread$B(e) {
   return e;
 }
 var MultilineData = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$B);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$B);
   return jsxRuntime.jsx("pre", _objectSpread$B(_objectSpread$B({
     ref,
     className: clsx$g("utrecht-multiline-data", "utrecht-multiline-data--html-pre", className)
@@ -3470,7 +3465,7 @@ function _objectSpread$A(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$A(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3478,7 +3473,7 @@ function _objectSpread$A(e) {
   return e;
 }
 var NavList = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var appearance = _ref.appearance, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$A);
+  var appearance = _ref.appearance, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$A);
   return jsxRuntime.jsx("ul", _objectSpread$A(_objectSpread$A({
     role: "list",
     className: clsx$g("utrecht-nav-list", {
@@ -3505,7 +3500,7 @@ function _objectSpread$z(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$z(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3513,7 +3508,7 @@ function _objectSpread$z(e) {
   return e;
 }
 var NumberBadge$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, value = _ref.value, restProps = _objectWithoutProperties$1(_ref, _excluded$z);
+  var children = _ref.children, className = _ref.className, value = _ref.value, restProps = _objectWithoutProperties(_ref, _excluded$z);
   var props = _objectSpread$z({
     children,
     className: clsx$g("utrecht-number-badge", className)
@@ -3541,7 +3536,7 @@ function _objectSpread$y(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$y(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3549,7 +3544,7 @@ function _objectSpread$y(e) {
   return e;
 }
 var NumberData = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, value = _ref.value, restProps = _objectWithoutProperties$1(_ref, _excluded$y);
+  var children = _ref.children, className = _ref.className, value = _ref.value, restProps = _objectWithoutProperties(_ref, _excluded$y);
   return jsxRuntime.jsx("data", _objectSpread$y(_objectSpread$y({
     value: typeof value === "string" || typeof value === "number" ? String(value) : void 0
   }, restProps), {}, {
@@ -3574,7 +3569,7 @@ function _objectSpread$x(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$x(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3582,7 +3577,7 @@ function _objectSpread$x(e) {
   return e;
 }
 var OrderedList = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$x);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$x);
   return jsxRuntime.jsx("ol", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-ordered-list", className),
@@ -3605,7 +3600,7 @@ function _objectSpread$w(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$w(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3613,7 +3608,7 @@ function _objectSpread$w(e) {
   return e;
 }
 var OrderedListItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$w);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$w);
   return jsxRuntime.jsx("li", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-ordered-list__item", className),
@@ -3636,7 +3631,7 @@ function _objectSpread$v(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$v(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3644,7 +3639,7 @@ function _objectSpread$v(e) {
   return e;
 }
 var Page = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$v);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$v);
   return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-page", className),
@@ -3667,7 +3662,7 @@ function _objectSpread$u(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$u(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3675,7 +3670,7 @@ function _objectSpread$u(e) {
   return e;
 }
 var PageContent = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$u);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$u);
   return jsxRuntime.jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-page-content", className),
@@ -3684,7 +3679,7 @@ var PageContent = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
 });
 PageContent.displayName = "PageContent";
 var PageContentMain = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var children = _ref2.children, className = _ref2.className, restProps = _objectWithoutProperties$1(_ref2, _excluded2$2);
+  var children = _ref2.children, className = _ref2.className, restProps = _objectWithoutProperties(_ref2, _excluded2$2);
   return jsxRuntime.jsx("main", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-page-content__main", className),
@@ -3707,7 +3702,7 @@ function _objectSpread$t(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$t(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3715,7 +3710,7 @@ function _objectSpread$t(e) {
   return e;
 }
 var PageFooter = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$t);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$t);
   return jsxRuntime.jsx("footer", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-page-footer", className),
@@ -3738,7 +3733,7 @@ function _objectSpread$s(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$s(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3746,7 +3741,7 @@ function _objectSpread$s(e) {
   return e;
 }
 var PageHeader = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$s);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$s);
   return jsxRuntime.jsx("header", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-page-header", className),
@@ -3769,7 +3764,7 @@ function _objectSpread$r(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$r(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3777,7 +3772,7 @@ function _objectSpread$r(e) {
   return e;
 }
 var Paragraph$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, lead = _ref.lead, small = _ref.small, appearance = _ref.appearance, restProps = _objectWithoutProperties$1(_ref, _excluded$r);
+  var children = _ref.children, className = _ref.className, lead = _ref.lead, small = _ref.small, appearance = _ref.appearance, restProps = _objectWithoutProperties(_ref, _excluded$r);
   var isLead = appearance === "lead" || !!lead;
   var isSmall = appearance === "small" || !!small;
   isLead = isLead !== isSmall ? isLead : false;
@@ -3810,7 +3805,7 @@ function _objectSpread$q(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$q(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3818,7 +3813,7 @@ function _objectSpread$q(e) {
   return e;
 }
 var DataPlaceholder = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var loading = _ref.loading, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$q);
+  var loading = _ref.loading, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$q);
   return jsxRuntime.jsx("span", _objectSpread$q({
     ref,
     className: clsx$g("utrecht-data-placeholder", {
@@ -3842,7 +3837,7 @@ function _objectSpread$p(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$p(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3850,7 +3845,7 @@ function _objectSpread$p(e) {
   return e;
 }
 var PreHeading$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$p);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$p);
   return jsxRuntime.jsx("p", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-pre-heading", className),
@@ -3873,7 +3868,7 @@ function _objectSpread$o(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$o(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3881,7 +3876,7 @@ function _objectSpread$o(e) {
   return e;
 }
 var PreserveData = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, dateTime = _ref.dateTime, value = _ref.value, restProps = _objectWithoutProperties$1(_ref, _excluded$o);
+  var children = _ref.children, className = _ref.className, dateTime = _ref.dateTime, value = _ref.value, restProps = _objectWithoutProperties(_ref, _excluded$o);
   var props = _objectSpread$o({
     children: jsxRuntime.jsx("bdi", {
       translate: "no",
@@ -3918,7 +3913,7 @@ function _objectSpread$n(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$n(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3926,7 +3921,7 @@ function _objectSpread$n(e) {
   return e;
 }
 var RichText = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$n);
+  var className = _ref.className, children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$n);
   return jsxRuntime.jsx("div", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-rich-text", className),
@@ -3949,7 +3944,7 @@ function _objectSpread$m(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$m(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -3968,7 +3963,7 @@ var scrollToTop = function scrollToTop2() {
   }
 };
 var ScrollLink = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$m);
+  var children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$m);
   return jsxRuntime.jsx(ButtonLink, _objectSpread$m(_objectSpread$m({
     href: "#top",
     onClick: scrollToTop,
@@ -3993,7 +3988,7 @@ function _objectSpread$l(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$l(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4001,7 +3996,7 @@ function _objectSpread$l(e) {
   return e;
 }
 var Select = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var busy = _ref.busy, invalid = _ref.invalid, required = _ref.required, className = _ref.className, noscript = _ref.noscript, children = _ref.children, restProps = _objectWithoutProperties$1(_ref, _excluded$l);
+  var busy = _ref.busy, invalid = _ref.invalid, required = _ref.required, className = _ref.className, noscript = _ref.noscript, children = _ref.children, restProps = _objectWithoutProperties(_ref, _excluded$l);
   return jsxRuntime.jsx("select", _objectSpread$l(_objectSpread$l({
     "aria-busy": busy || void 0,
     "aria-invalid": invalid || void 0,
@@ -4015,7 +4010,7 @@ var Select = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
 });
 Select.displayName = "Select";
 var SelectOption = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var disabled2 = _ref2.disabled, invalid = _ref2.invalid, value = _ref2.value, children = _ref2.children, className = _ref2.className, restProps = _objectWithoutProperties$1(_ref2, _excluded2$1);
+  var disabled2 = _ref2.disabled, invalid = _ref2.invalid, value = _ref2.value, children = _ref2.children, className = _ref2.className, restProps = _objectWithoutProperties(_ref2, _excluded2$1);
   return jsxRuntime.jsx("option", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
     ref,
     disabled: disabled2,
@@ -4040,7 +4035,7 @@ function _objectSpread$k(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$k(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4050,7 +4045,7 @@ function _objectSpread$k(e) {
 var Separator = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var className = _ref.className;
   _ref.children;
-  var restProps = _objectWithoutProperties$1(_ref, _excluded$k);
+  var restProps = _objectWithoutProperties(_ref, _excluded$k);
   return jsxRuntime.jsx("hr", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-separator", className)
@@ -4072,7 +4067,7 @@ function _objectSpread$j(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$j(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4080,7 +4075,7 @@ function _objectSpread$j(e) {
   return e;
 }
 var SkipLink$1 = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$j);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$j);
   return jsxRuntime.jsx("p", {
     children: jsxRuntime.jsx("a", _objectSpread$j(_objectSpread$j({
       ref
@@ -4106,7 +4101,7 @@ function _objectSpread$i(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$i(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4114,10 +4109,10 @@ function _objectSpread$i(e) {
   return e;
 }
 var SpotlightSection = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var aside = _ref.aside, children = _ref.children, className = _ref.className, type = _ref.type, restProps = _objectWithoutProperties$1(_ref, _excluded$i);
+  var aside = _ref.aside, children = _ref.children, className = _ref.className, type = _ref.type, restProps = _objectWithoutProperties(_ref, _excluded$i);
   var props = _objectSpread$i(_objectSpread$i({}, restProps), {}, {
     ref,
-    className: clsx$g("utrecht-spotlight-section", _defineProperty$1({}, "utrecht-spotlight-section--".concat(type), type), className)
+    className: clsx$g("utrecht-spotlight-section", _defineProperty({}, "utrecht-spotlight-section--".concat(type), type), className)
   });
   return aside ? jsxRuntime.jsx("aside", _objectSpread$i(_objectSpread$i({}, props), {}, {
     children
@@ -4141,7 +4136,7 @@ function _objectSpread$h(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$h(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4149,7 +4144,7 @@ function _objectSpread$h(e) {
   return e;
 }
 var StatusBadge = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var className = _ref.className, status = _ref.status, restProps = _objectWithoutProperties$1(_ref, _excluded$h);
+  var className = _ref.className, status = _ref.status, restProps = _objectWithoutProperties(_ref, _excluded$h);
   return jsxRuntime.jsx("span", _objectSpread$h(_objectSpread$h({
     className: clsx$g("utrecht-badge-status", "utrecht-badge-status--".concat(status ? status : "neutral"), className)
   }, restProps), {}, {
@@ -4172,7 +4167,7 @@ function _objectSpread$g(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$g(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4180,7 +4175,7 @@ function _objectSpread$g(e) {
   return e;
 }
 var Strong = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$g);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$g);
   return jsxRuntime.jsx("strong", _objectSpread$g(_objectSpread$g({
     ref,
     className: clsx$g("utrecht-emphasis", "utrecht-emphasis--strong", className)
@@ -4204,7 +4199,7 @@ function _objectSpread$f(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$f(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4212,7 +4207,7 @@ function _objectSpread$f(e) {
   return e;
 }
 var Subscript = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, openType = _ref.openType, restProps = _objectWithoutProperties$1(_ref, _excluded$f);
+  var children = _ref.children, className = _ref.className, openType = _ref.openType, restProps = _objectWithoutProperties(_ref, _excluded$f);
   return jsxRuntime.jsx("sub", _objectSpread$f(_objectSpread$f({
     ref,
     className: clsx$g("utrecht-subscript", {
@@ -4238,7 +4233,7 @@ function _objectSpread$e(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$e(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4246,7 +4241,7 @@ function _objectSpread$e(e) {
   return e;
 }
 var Superscript = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, openType = _ref.openType, restProps = _objectWithoutProperties$1(_ref, _excluded$e);
+  var children = _ref.children, className = _ref.className, openType = _ref.openType, restProps = _objectWithoutProperties(_ref, _excluded$e);
   return jsxRuntime.jsx("sup", _objectSpread$e(_objectSpread$e({
     ref,
     className: clsx$g("utrecht-superscript", {
@@ -4272,7 +4267,7 @@ function _objectSpread$d(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$d(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4280,7 +4275,7 @@ function _objectSpread$d(e) {
   return e;
 }
 var Surface = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$d);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$d);
   return jsxRuntime.jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-surface", className),
@@ -4303,7 +4298,7 @@ function _objectSpread$c(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$c(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4311,7 +4306,7 @@ function _objectSpread$c(e) {
   return e;
 }
 var TableContainer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var overflowInline = _ref.overflowInline, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$c);
+  var overflowInline = _ref.overflowInline, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$c);
   return jsxRuntime.jsx("div", _objectSpread$c(_objectSpread$c({
     ref,
     className: clsx$g("utrecht-table-container", {
@@ -4337,7 +4332,7 @@ function _objectSpread$b(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$b(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4345,7 +4340,7 @@ function _objectSpread$b(e) {
   return e;
 }
 var Table = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var busy = _ref.busy, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$b);
+  var busy = _ref.busy, children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$b);
   return jsxRuntime.jsx("table", _objectSpread$b(_objectSpread$b({
     "aria-busy": busy
   }, restProps), {}, {
@@ -4372,7 +4367,7 @@ function _objectSpread$a(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$a(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4380,7 +4375,7 @@ function _objectSpread$a(e) {
   return e;
 }
 var TableBody = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$a);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$a);
   return jsxRuntime.jsx("tbody", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-table__body", className),
@@ -4403,7 +4398,7 @@ function _objectSpread$9(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$9(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4411,7 +4406,7 @@ function _objectSpread$9(e) {
   return e;
 }
 var TableCaption = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$9);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$9);
   return jsxRuntime.jsx("caption", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-table__caption", className),
@@ -4434,7 +4429,7 @@ function _objectSpread$8(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$8(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4442,7 +4437,7 @@ function _objectSpread$8(e) {
   return e;
 }
 var TableCell = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, numericColumn = _ref.numericColumn, selected = _ref.selected, restProps = _objectWithoutProperties$1(_ref, _excluded$8);
+  var children = _ref.children, className = _ref.className, numericColumn = _ref.numericColumn, selected = _ref.selected, restProps = _objectWithoutProperties(_ref, _excluded$8);
   return jsxRuntime.jsx("td", _objectSpread$8(_objectSpread$8({
     "aria-selected": selected ? true : void 0
   }, restProps), {}, {
@@ -4470,7 +4465,7 @@ function _objectSpread$7(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$7(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4478,7 +4473,7 @@ function _objectSpread$7(e) {
   return e;
 }
 var TableFooter = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, sticky = _ref.sticky, restProps = _objectWithoutProperties$1(_ref, _excluded$7);
+  var children = _ref.children, className = _ref.className, sticky = _ref.sticky, restProps = _objectWithoutProperties(_ref, _excluded$7);
   return jsxRuntime.jsx("tfoot", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-table__footer", {
@@ -4503,7 +4498,7 @@ function _objectSpread$6(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$6(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4511,7 +4506,7 @@ function _objectSpread$6(e) {
   return e;
 }
 var TableHeader = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, sticky = _ref.sticky, restProps = _objectWithoutProperties$1(_ref, _excluded$6);
+  var children = _ref.children, className = _ref.className, sticky = _ref.sticky, restProps = _objectWithoutProperties(_ref, _excluded$6);
   return jsxRuntime.jsx("thead", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-table__header", {
@@ -4536,7 +4531,7 @@ function _objectSpread$5(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$5(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4544,7 +4539,7 @@ function _objectSpread$5(e) {
   return e;
 }
 var TableHeaderCell = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, numericColumn = _ref.numericColumn, selected = _ref.selected, sticky = _ref.sticky, scope = _ref.scope, restProps = _objectWithoutProperties$1(_ref, _excluded$5);
+  var children = _ref.children, className = _ref.className, numericColumn = _ref.numericColumn, selected = _ref.selected, sticky = _ref.sticky, scope = _ref.scope, restProps = _objectWithoutProperties(_ref, _excluded$5);
   return jsxRuntime.jsx("th", _objectSpread$5(_objectSpread$5({
     "aria-selected": selected ? true : void 0,
     scope
@@ -4575,7 +4570,7 @@ function _objectSpread$3$1(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$3$1(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3$1(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4583,7 +4578,7 @@ function _objectSpread$3$1(e) {
   return e;
 }
 var TableRow = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, selected = _ref.selected, restProps = _objectWithoutProperties$1(_ref, _excluded$3$1);
+  var children = _ref.children, className = _ref.className, selected = _ref.selected, restProps = _objectWithoutProperties(_ref, _excluded$3$1);
   return jsxRuntime.jsx("tr", _objectSpread$3$1(_objectSpread$3$1({
     "aria-selected": selected ? true : void 0
   }, restProps), {}, {
@@ -4610,7 +4605,7 @@ function _objectSpread$2$1(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$2$1(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2$1(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4618,7 +4613,7 @@ function _objectSpread$2$1(e) {
   return e;
 }
 var URLData = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$2$1);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$2$1);
   return jsxRuntime.jsx("bdi", _objectSpread$2$1(_objectSpread$2$1({
     translate: "no"
   }, restProps), {}, {
@@ -4643,7 +4638,7 @@ function _objectSpread$1$1(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1$1(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$1(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4651,7 +4646,7 @@ function _objectSpread$1$1(e) {
   return e;
 }
 var UnorderedList = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$1$1);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$1$1);
   return jsxRuntime.jsx("ul", _objectSpread$1$1(_objectSpread$1$1({
     role: "list"
   }, restProps), {}, {
@@ -4676,7 +4671,7 @@ function _objectSpread$1j(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1j(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -4684,7 +4679,7 @@ function _objectSpread$1j(e) {
   return e;
 }
 var UnorderedListItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties$1(_ref, _excluded$1i);
+  var children = _ref.children, className = _ref.className, restProps = _objectWithoutProperties(_ref, _excluded$1i);
   return jsxRuntime.jsx("li", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
     ref,
     className: clsx$g("utrecht-unordered-list__item", className),
@@ -4692,54 +4687,6 @@ var UnorderedListItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   }));
 });
 UnorderedListItem.displayName = "UnorderedListItem";
-function _typeof(o) {
-  "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-    return typeof o2;
-  } : function(o2) {
-    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof(o);
-}
-function toPrimitive(t, r2) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r2);
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r2 ? String : Number)(t);
-}
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-function _defineProperty(e, r2, t) {
-  return (r2 = toPropertyKey(r2)) in e ? Object.defineProperty(e, r2, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r2] = t, e;
-}
-function _objectWithoutPropertiesLoose(r2, e) {
-  if (null == r2) return {};
-  var t = {};
-  for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r2[n];
-  }
-  return t;
-}
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o, r2, i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r2 = 0; r2 < n.length; r2++) o = n[r2], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
 var _excluded$4 = ["children", "className", "current", "disabled", "href", "inlineBox"];
 function ownKeys$4(e, r2) {
   var t = Object.keys(e);
@@ -5314,7 +5261,7 @@ function _objectSpread$2(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$2(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -5322,9 +5269,9 @@ function _objectSpread$2(e) {
   return e;
 }
 var Paragraph = /* @__PURE__ */ React.forwardRef(function Paragraph2(props, forwardedRef) {
-  var children = props.children, className = props.className, purpose = props.purpose, restProps = _objectWithoutProperties$1(props, _excluded$2);
+  var children = props.children, className = props.className, purpose = props.purpose, restProps = _objectWithoutProperties(props, _excluded$2);
   return jsxRuntime.jsx("p", _objectSpread$2(_objectSpread$2({
-    className: clsx("nl-paragraph", _defineProperty$1({}, "nl-paragraph--lead", purpose === "lead"), className),
+    className: clsx("nl-paragraph", _defineProperty({}, "nl-paragraph--lead", purpose === "lead"), className),
     ref: forwardedRef
   }, restProps), {}, {
     children: purpose === "lead" ? jsxRuntime.jsx("b", {
@@ -5349,7 +5296,7 @@ function _objectSpread$1(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys$1(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -5357,7 +5304,7 @@ function _objectSpread$1(e) {
   return e;
 }
 var Heading$1 = /* @__PURE__ */ React.forwardRef(function Heading(props, forwardedRef) {
-  var level = props.level, _props$appearance = props.appearance, appearance = _props$appearance === void 0 ? "level-".concat(level) : _props$appearance, children = props.children, className = props.className, restProps = _objectWithoutProperties$1(props, _excluded$1);
+  var level = props.level, _props$appearance = props.appearance, appearance = _props$appearance === void 0 ? "level-".concat(level) : _props$appearance, children = props.children, className = props.className, restProps = _objectWithoutProperties(props, _excluded$1);
   var type = "h".concat(level);
   return /* @__PURE__ */ React.createElement(type, _objectSpread$1({
     className: clsx("nl-heading", "nl-heading--".concat(appearance), className),
@@ -5399,7 +5346,7 @@ function _objectSpread(e) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t = null != arguments[r2] ? arguments[r2] : {};
     r2 % 2 ? ownKeys(Object(t), true).forEach(function(r3) {
-      _defineProperty$1(e, r3, t[r3]);
+      _defineProperty(e, r3, t[r3]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r3) {
       Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
     });
@@ -5410,7 +5357,7 @@ var isNumberBadgePropsForData = function isNumberBadgePropsForData2(props) {
   return "value" in props;
 };
 var NumberBadge = /* @__PURE__ */ React.forwardRef(function NumberBadge2(props, ref) {
-  var children = props.children, label = props.label, restProps = _objectWithoutProperties$1(props, _excluded);
+  var children = props.children, label = props.label, restProps = _objectWithoutProperties(props, _excluded);
   var className = clsx("nl-number-badge", props.className);
   var fragment = jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [label ? jsxRuntime.jsx("span", {
@@ -5424,7 +5371,7 @@ var NumberBadge = /* @__PURE__ */ React.forwardRef(function NumberBadge2(props,
     }) : null]
   });
   if (isNumberBadgePropsForData(restProps)) {
-    var value = restProps.value, dataRestProps = _objectWithoutProperties$1(restProps, _excluded2);
+    var value = restProps.value, dataRestProps = _objectWithoutProperties(restProps, _excluded2);
     return jsxRuntime.jsx("data", _objectSpread(_objectSpread({}, dataRestProps), {}, {
       value,
       className,
@@ -8191,7 +8138,7 @@ const ProgressLoaderBar = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn(styles$f.wrapper, className),
+        className: clsx$g.clsx(styles$f.wrapper, className),
         role: "progressbar",
         "aria-label": props["aria-label"] || label || "Progress",
         "aria-valuenow": mode === "determinate" ? roundedProgress : void 0,
@@ -8292,7 +8239,7 @@ const SheetPortal = DialogPrimitive__namespace.Portal;
 const SheetOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
-    className: cn(styles$e.sheetOverlay, className),
+    className: clsx$g.clsx(styles$e.sheetOverlay, className),
     ...props,
     ref
   }
@@ -8304,7 +8251,7 @@ const SheetContent = React__namespace.forwardRef(({ side = "right", className, c
     DialogPrimitive__namespace.Content,
     {
       ref,
-      className: cn(
+      className: clsx$g.clsx(
         styles$e.sheetContent,
         styles$e[`side-${side}`],
         className
@@ -8324,13 +8271,13 @@ SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
 const SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$e.sheetHeader, className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx$g.clsx(styles$e.sheetHeader, className), ...props });
 SheetHeader.displayName = "SheetHeader";
 const SheetTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: cn(styles$e.sheetTitle, className),
+    className: clsx$g.clsx(styles$e.sheetTitle, className),
     ...props
   }
 ));
@@ -8339,7 +8286,7 @@ const SheetDescription = React__namespace.forwardRef(({ className, ...props }, r
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn(styles$e.sheetDescription, className),
+    className: clsx$g.clsx(styles$e.sheetDescription, className),
     ...props
   }
 ));
@@ -8369,7 +8316,7 @@ function usePrevious(value) {
   return ref.current;
 }
 function VCInputSlot(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles$d.vcSlot, props.isActive && styles$d.vcSlotActive), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx$g.clsx(styles$d.vcSlot, props.isActive && styles$d.vcSlotActive), children: [
     props.hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx(FakeCaret, {}),
     props.char !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { children: props.char })
   ] });